添加紫色系

src/views/system/dict/data.vue

@@ -141,8 +141,8 @@
     />
 
     <!-- 添加或修改参数配置对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="字典类型">
           <el-input v-model="form.dictType" :disabled="true" />
         </el-form-item>
@@ -152,7 +152,13 @@
         <el-form-item label="数据键值" prop="dictValue">
           <el-input v-model="form.dictValue" placeholder="请输入数据键值" />
         </el-form-item>
-        <el-form-item label="样式属性" prop="cssClass">
+        <el-form-item prop="cssClass">
+          <span slot="label">
+            样式属性
+            <el-tooltip content="优先级高于【回显样式】，如：purple（紫色）" placement="top">
+              <i class="el-icon-question"></i>
+            </el-tooltip>
+          </span>
           <el-input v-model="form.cssClass" placeholder="请输入样式属性" />
         </el-form-item>
         <el-form-item label="显示排序" prop="dictSort">
@@ -244,10 +250,6 @@ export default {
           value: "danger",
           label: "红色"
         },
-        {
-          value: "purple",
-          label: "紫色"
-        }
       ],
       // 类型数据字典
       typeOptions: [],