字典文字新增颜色

ZR.Vue/src/assets/styles/index.scss

@@ -323,6 +323,15 @@ aside {
   color: orangered;
 }
 
+.text-hotpink {
+	color: hotpink;
+}
+.text-green {
+	color: green;
+}
+.text-greenyellow {
+	color: greenyellow;
+}
 /* image */
 .img-circle {
   border-radius: 50%;

ZR.Vue/src/views/components/dictData.vue

@@ -28,7 +28,8 @@
       <el-table-column label="字典标签" align="center" prop="dictLabel">
         <template slot-scope="scope">
           <span v-if="scope.row.listClass == '' || scope.row.listClass == 'default'" :class="scope.row.cssClass">{{scope.row.dictLabel}}</span>
-          <el-tag v-else :type="scope.row.listClass == 'primary' ? '' : scope.row.listClass" :class="scope.row.cssClass">{{scope.row.dictLabel}}</el-tag>
+          <el-tag v-else :type="scope.row.listClass == 'primary' ? '' : scope.row.listClass" :class="scope.row.cssClass">{{scope.row.dictLabel}}
+          </el-tag>
         </template>
       </el-table-column>
       <el-table-column label="字典键值" align="center" prop="dictValue" />
@@ -63,7 +64,7 @@
         <el-form-item label="样式属性" prop="cssClass">
           <!-- <el-input v-model="form.cssClass" placeholder="请输入样式属性" /> -->
           <el-select v-model="form.cssClass" clearable="">
-            <el-option v-for="dict in cssClassOptions" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+            <el-option v-for="dict in cssClassOptions" :class="dict.value" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="显示排序" prop="dictSort">
@@ -193,6 +194,18 @@ export default {
           value: "text-orange",
           label: "橘红色",
         },
+        {
+          value: "text-hotpink",
+          label: "粉红色",
+        },
+        {
+          value: "text-green",
+          label: "绿色",
+        },
+        {
+          value: "text-greenyellow",
+          label: "黄绿色",
+        },
       ],
       // 状态数据字典
       statusOptions: [],