refactor: ♻️ 字典重构和翻译完成

src/views/system/dict/data.vue

@@ -102,7 +102,7 @@
     <el-dialog
       v-model="dialog.visible"
       :title="dialog.title"
-      width="500px"
+      width="800px"
       @close="handleCloseDialog"
     >
       <el-form
@@ -124,13 +124,29 @@
               <el-radio :value="0">禁用</el-radio>
             </el-radio-group>
           </el-form-item>
-
           <el-form-item label="排序">
             <el-input-number
               v-model="formData.sort"
               controls-position="right"
             />
           </el-form-item>
+          <el-form-item label="标签类型">
+            <el-tag
+              v-if="formData.tagType"
+              :type="formData.tagType"
+              class="mb-2"
+            >
+              {{ formData.label }}
+            </el-tag>
+            <el-radio-group v-model="formData.tagType">
+              <el-radio value="success" border size="small">success</el-radio>
+              <el-radio value="warning" border size="small">warning</el-radio>
+              <el-radio value="info" border size="small">info</el-radio>
+              <el-radio value="primary" border size="small">primary</el-radio>
+              <el-radio value="danger" border size="small">danger</el-radio>
+              <el-radio value="" border size="small">清空</el-radio>
+            </el-radio-group>
+          </el-form-item>
         </el-card>
       </el-form>
 

src/views/system/notice/index.vue

@@ -77,15 +77,9 @@
           prop="title"
           min-width="150"
         />
-        <el-table-column
-          align="center"
-          label="通知类型"
-          prop="typeLabel"
-          min-width="150"
-        >
+        <el-table-column align="center" label="通知类型" min-width="150">
           <template #default="scope">
-            <el-tag v-if="scope.row.type == 2" type="warning">系统通知</el-tag>
-            <el-tag v-if="scope.row.type == 1" type="success">通知消息</el-tag>
+            <DictLabel :dictCode="'notice_type'" :value="scope.row.type" />
           </template>
         </el-table-column>
         <el-table-column
@@ -94,17 +88,9 @@
           prop="publisherName"
           min-width="100"
         />
-        <el-table-column
-          align="center"
-          key="level"
-          label="通知等级"
-          prop="level"
-          min-width="100"
-        >
+        <el-table-column align="center" label="通知等级" min-width="100">
           <template #default="scope">
-            <el-tag v-if="scope.row.level == 'L'" type="danger">低</el-tag>
-            <el-tag v-if="scope.row.level == 'M'" type="success">中</el-tag>
-            <el-tag v-if="scope.row.level == 'H'" type="warning">高</el-tag>
+            <DictLabel :dictCode="'notice_level'" :value="scope.row.level" />
           </template>
         </el-table-column>
         <el-table-column

src/views/system/notice/my-notice.vue

@@ -38,12 +38,11 @@
           prop="title"
           min-width="150"
         />
-        <el-table-column
-          align="center"
-          label="通知类型"
-          prop="typeLabel"
-          min-width="150"
-        />
+        <el-table-column align="center" label="通知类型" min-width="150">
+          <template #default="scope">
+            <DictLabel :dictCode="'notice_type'" :value="scope.row.type" />
+          </template>
+        </el-table-column>
         <el-table-column
           align="center"
           label="发布人"
@@ -52,10 +51,7 @@
         />
         <el-table-column align="center" label="通知等级" min-width="100">
           <template #default="scope">
-            <!-- 翻译字典  字典code 为level，显示不同的tag和label -->
-            <el-tag v-if="scope.row.level == 'L'" type="danger">低</el-tag>
-            <el-tag v-if="scope.row.level == 'M'" type="success">中</el-tag>
-            <el-tag v-if="scope.row.level == 'H'" type="warning">高</el-tag>
+            <DictLabel :dictCode="'notice_level'" :value="scope.row.type" />
           </template>
         </el-table-column>
         <el-table-column