From 2af9195081dd183a9548c6e77f9405f499b49ae1 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Tue, 25 Mar 2025 19:57:19 +0800
Subject: [PATCH] =?UTF-8?q?refactor(system/dict):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=AD=97=E5=85=B8=E9=A1=B9=E9=A2=9C=E8=89=B2=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/dict/DictItemAddModal.vue | 19 ++++++++++++-------
 src/views/system/dict/index.vue            |  6 +++++-
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/views/system/dict/DictItemAddModal.vue b/src/views/system/dict/DictItemAddModal.vue
index 9749290..050b802 100644
--- a/src/views/system/dict/DictItemAddModal.vue
+++ b/src/views/system/dict/DictItemAddModal.vue
@@ -11,11 +11,17 @@
   >
     <GiForm ref="formRef" v-model="form" :columns="columns">
       <template #color>
-        <a-input v-model="form.color" placeholder="请选择或输入标签颜色" allow-clear>
-          <template #suffix>
-            <a-color-picker v-model="form.color" />
-          </template>
-        </a-input>
+        <a-select
+          v-model="form.color"
+          placeholder="请选择颜色"
+          allow-clear
+        >
+          <a-option value="primary"><a-tag color="arcoblue">主要（极致蓝）</a-tag></a-option>
+          <a-option value="success"><a-tag color="green">成功（仙野绿）</a-tag></a-option>
+          <a-option value="warning"><a-tag color="orangered">警告（活力橙）</a-tag></a-option>
+          <a-option value="error"><a-tag color="red">错误（浪漫红）</a-tag></a-option>
+          <a-option value="default"><a-tag color="gray">默认（中性灰）</a-tag></a-option>
+        </a-select>
       </template>
     </GiForm>
   </a-modal>
@@ -42,7 +48,6 @@ const title = computed(() => (isUpdate.value ? '修改字典项' : '新增字典
 const formRef = ref<InstanceType<typeof GiForm>>()
 
 const [form, resetForm] = useResetReactive({
-  color: 'blue',
   sort: 999,
   status: 1,
 })
@@ -69,7 +74,7 @@ const columns: ColumnItem[] = reactive([
     },
   },
   {
-    label: '标签颜色',
+    label: '颜色',
     field: 'color',
     type: 'input',
     span: 24,
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index bf0f857..39178c2 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -36,7 +36,11 @@
                 </a-button>
               </template>
               <template #label="{ record }">
-                <a-tag :color="record.color">{{ record.label }}</a-tag>
+                ·                <a-tag v-if="record.color === 'primary'" color="arcoblue">{{ record.label }}</a-tag>
+                <a-tag v-else-if="record.color === 'success'" color="green">{{ record.label }}</a-tag>
+                <a-tag v-else-if="record.color === 'warning'" color="orangered">{{ record.label }}</a-tag>
+                <a-tag v-else-if="record.color === 'error'" color="red">{{ record.label }}</a-tag>
+                <a-tag v-else-if="record.color === 'default'" color="gray">{{ record.label }}</a-tag>
               </template>
               <template #status="{ record }">
                 <GiCellStatus :status="record.status" />