优化网站导航模块

src/views/cms/ad/components/ad-edit.vue

@@ -87,6 +87,29 @@
           />
         </template>
       </a-form-item>
+      <a-form-item label="所在页面">
+        <SelectDesign
+          :placeholder="`请选择页面`"
+          v-model:value="form.pageName"
+          @done="choosePageId"
+        />
+      </a-form-item>
+      <a-form-item label="宽度">
+        <a-input
+          allow-clear
+          :maxlength="3000"
+          placeholder="px"
+          v-model:value="form.width"
+        />
+      </a-form-item>
+      <a-form-item label="高度">
+        <a-input
+          allow-clear
+          :maxlength="2000"
+          placeholder="px"
+          v-model:value="form.height"
+        />
+      </a-form-item>
       <a-form-item label="标题" name="name">
         <a-input
           allow-clear
@@ -125,19 +148,16 @@
 <script lang="ts" setup>
   import { ref, reactive, watch } from 'vue';
   import { Form, message } from 'ant-design-vue';
-  import { assignObject, isChinese } from 'ele-admin-pro';
+  import { assignObject } from 'ele-admin-pro';
   import { addAd, updateAd } from '@/api/cms/ad';
   import { Ad } from '@/api/cms/ad/model';
   import { useThemeStore } from '@/store/modules/theme';
   import { storeToRefs } from 'pinia';
-  import { FormInstance, type Rule, RuleObject } from 'ant-design-vue/es/form';
+  import { FormInstance, type Rule } from 'ant-design-vue/es/form';
   import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
   import { uploadFile } from '@/api/system/file';
   import { FileRecord } from '@/api/system/file/model';
-  import { checkExistence } from '@/api/system/company';
-  import image from '@/views/cms/photo/image.vue';
-  import defaultResult from 'ant-design-vue/es/_util/isMobile';
-  import any = defaultResult.any;
+  import { Design } from '@/api/cms/design/model';
 
   // 是否是修改
   const isUpdate = ref(false);
@@ -180,7 +200,9 @@
     type: '',
     status: 0,
     comments: '',
-    sortNumber: 100
+    sortNumber: 100,
+    pageName: '',
+    pageId: undefined
   });
 
   /* 更新visible */
@@ -274,6 +296,11 @@
     form.images = '';
   };
 
+  const choosePageId = (data: Design) => {
+    form.pageName = data.name;
+    form.pageId = data.pageId;
+  };
+
   /* 保存编辑 */
   const save = () => {
     if (!formRef.value) {
@@ -323,15 +350,14 @@
               });
             });
           }
-          if (props.data.adType == '幻灯片') {
-            const arr = JSON.parse(props.data.path);
-            arr.map((d) => {
-              pathList.value.push(d);
-            });
-          }
+          // if (props.data.adType == '幻灯片') {
+          //   const arr = JSON.parse(props.data.path);
+          //   arr.map((d) => {
+          //     pathList.value.push(d);
+          //   });
+          // }
           isUpdate.value = true;
         } else {
-          images.value = [];
           isUpdate.value = false;
         }
       } else {