新增：css样式支持

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

@@ -1,7 +1,7 @@
 <!-- 用户编辑弹窗 -->
 <template>
   <ele-modal
-    :width="500"
+    :width="600"
     :visible="visible"
     :maskClosable="false"
     :title="isUpdate ? '编辑参数' : '添加参数'"
@@ -13,27 +13,23 @@
       ref="formRef"
       :model="form"
       :rules="rules"
-      :label-col="{ md: { span: 5 }, sm: { span: 4 }, xs: { span: 24 } }"
+      :label-col="{ md: { span: 3 }, sm: { span: 4 }, xs: { span: 24 } }"
       :wrapper-col="{ md: { span: 21 }, sm: { span: 22 }, xs: { span: 24 } }"
     >
       <a-form-item label="参数名" name="name">
         <SelectWebsiteField
-          :placeholder="`添加参数`"
+          :placeholder="`可配置参数`"
           class="input-item"
           v-model:value="form.name"
           @done="chooseData"
         />
       </a-form-item>
       <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-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="网站名称"
+          v-model:value="form.value"
         />
       </a-form-item>
       <a-form-item label="描述" name="comments">
@@ -44,6 +40,23 @@
           v-model:value="form.comments"
         />
       </a-form-item>
+      <a-form-item label="css样式" name="style">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="css样式"
+          v-model:value="form.style"
+        />
+      </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="sortNumber">
         <a-input-number
           :min="0"
@@ -97,6 +110,7 @@
     modifyRange: undefined,
     defaultValue: undefined,
     comments: '',
+    style: '',
     status: 0,
     sortNumber: 100
   });
@@ -149,6 +163,13 @@
   const chooseData = (data: WebsiteField) => {
     assignFields(data);
     form.value = data.defaultValue;
+    if (data.type == 1) {
+      images.value.push({
+        uid: `${data.id}`,
+        url: data.defaultValue,
+        status: 'done'
+      });
+    }
   };
 
   /* 保存编辑 */