优化修复网站导航的bug

src/views/cms/field/components/website-field-edit.vue

@@ -4,7 +4,7 @@
     :width="500"
     :visible="visible"
     :maskClosable="false"
-    :title="isUpdate ? '编辑字段' : '添加字段'"
+    :title="isUpdate ? '编辑参数' : '添加参数'"
     :body-style="{ paddingBottom: '28px' }"
     @update:visible="updateVisible"
     @ok="save"
@@ -13,23 +13,34 @@
       ref="formRef"
       :model="form"
       :rules="rules"
-      :label-col="{ md: { span: 4 }, sm: { span: 4 }, xs: { span: 24 } }"
+      :label-col="{ md: { span: 5 }, sm: { span: 4 }, xs: { span: 24 } }"
       :wrapper-col="{ md: { span: 21 }, sm: { span: 22 }, xs: { span: 24 } }"
     >
-      <a-form-item label="键" name="name">
-        <a-input
-          allow-clear
-          placeholder="site_name"
+      <a-form-item label="参数名" name="name">
+        <SelectWebsiteField
+          :placeholder="`添加参数`"
+          class="input-item"
           v-model:value="form.name"
+          @done="chooseData"
         />
       </a-form-item>
-      <a-form-item label="值" name="value">
+      <a-form-item label="配置值" name="value">
         <a-input allow-clear placeholder="淘宝网" v-model:value="form.value" />
       </a-form-item>
+      <a-form-item label="图片">
+        <SelectFile
+          :placeholder="`请选择图片`"
+          :limit="1"
+          :data="images"
+          @done="chooseImage"
+          @del="onDeleteItem"
+        />
+      </a-form-item>
       <a-form-item label="描述" name="comments">
-        <a-input
-          allow-clear
-          placeholder="网站名称"
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="描述"
           v-model:value="form.comments"
         />
       </a-form-item>
@@ -41,15 +52,6 @@
           v-model:value="form.sortNumber"
         />
       </a-form-item>
-      <a-form-item label="(选填)">
-        <SelectFile
-          :placeholder="`请选择图片`"
-          :limit="1"
-          :data="images"
-          @done="chooseImage"
-          @del="onDeleteItem"
-        />
-      </a-form-item>
     </a-form>
   </ele-modal>
 </template>
@@ -92,6 +94,8 @@
     type: 0,
     name: undefined,
     value: undefined,
+    modifyRange: undefined,
+    defaultValue: undefined,
     comments: '',
     status: 0,
     sortNumber: 100
@@ -142,6 +146,11 @@
     form.type = 0;
   };
 
+  const chooseData = (data: WebsiteField) => {
+    assignFields(data);
+    form.value = data.defaultValue;
+  };
+
   /* 保存编辑 */
   const save = () => {
     if (!formRef.value) {