From 59ef6d2564a6cac1813a64221ba84873bdf81088 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Fri, 2 Jun 2023 20:15:54 +0800
Subject: [PATCH] =?UTF-8?q?:art:=20=E4=BC=98=E5=8C=96=E5=AD=97=E5=85=B8?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/dictData.vue | 21 ++++++++-------------
 src/views/system/dict/index.vue   |  2 +-
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/views/components/dictData.vue b/src/views/components/dictData.vue
index 5246ff3..e54973d 100644
--- a/src/views/components/dictData.vue
+++ b/src/views/components/dictData.vue
@@ -22,7 +22,7 @@
     </el-col>
   </el-row>
   <el-table :data="dataList">
-    <el-table-column type="selection" width="55" align="center" />
+    <!-- <el-table-column type="selection" width="55" align="center" /> -->
     <el-table-column label="字典编码" align="center" prop="dictCode" />
     <el-table-column label="字典标签" align="center" prop="dictLabel">
       <template #default="scope">
@@ -63,13 +63,11 @@
       </el-form-item>
       <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"
-            :class="dict.value"
-            :key="dict.value"
-            :label="dict.label + '(' + dict.value + ')'"
-            :value="dict.value"></el-option>
+        <el-select v-model="form.cssClass" allow-create filterable clearable="">
+          <el-option v-for="dict in cssClassOptions" :class="dict.value" :key="dict.value" :label="dict.label" :value="dict.value">
+            <span style="float: left" :class="dict.value">{{ dict.label }}</span>
+            <span style="float: right">{{ dict.value }}</span>
+          </el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="显示排序" prop="dictSort">
@@ -77,11 +75,8 @@
       </el-form-item>
       <el-form-item label="回显样式" prop="listClass">
         <el-select v-model="form.listClass">
-          <el-option
-            v-for="item in listClassOptions"
-            :key="item.value"
-            :label="item.label + '(' + item.value + ')'"
-            :value="item.value"></el-option>
+          <el-option v-for="item in listClassOptions" :key="item.value" :label="item.label + '(' + item.value + ')'" :value="item.value">
+          </el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="状态" prop="status">
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 27cafa9..89ed779 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -52,7 +52,7 @@
     <el-table :data="typeList" v-loading="loading" border @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="字典编号" align="center" prop="dictId" width="100" sortable />
-      <el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">
+      <el-table-column label="字典类型" :show-overflow-tooltip="true">
         <template #default="scope">
           <el-link type="primary" @click="showDictData(scope.row)">{{ scope.row.dictType }}</el-link>
         </template>