From 349bb9c0d077766a7039f819cd76b3cdf762184d Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Wed, 26 Nov 2025 14:03:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8A=9F=E8=83=BD=E5=92=8C=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../is/func/FunctionTable/FunctionDialog.vue  |  2 +-
 .../is/func/FunctionTable/FunctionTable.vue   | 13 +++++++++++-
 src/views/is/im/Table/Dialog.vue              |  2 +-
 src/views/is/im/Table/FunctionSelection.vue   | 20 +++++++++++++++++--
 src/views/is/im/Table/Table.vue               | 13 +++++++++++-
 5 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/src/views/is/func/FunctionTable/FunctionDialog.vue b/src/views/is/func/FunctionTable/FunctionDialog.vue
index 7d19257..8a2153b 100644
--- a/src/views/is/func/FunctionTable/FunctionDialog.vue
+++ b/src/views/is/func/FunctionTable/FunctionDialog.vue
@@ -17,7 +17,7 @@
             v-for="dict in ti_function_config"
             :key="dict.value"
             :label="dict.label"
-            :value="dict.label"
+            :value="dict.value"
           />
         </el-select>
       </el-form-item>
diff --git a/src/views/is/func/FunctionTable/FunctionTable.vue b/src/views/is/func/FunctionTable/FunctionTable.vue
index 6f600b6..8440026 100644
--- a/src/views/is/func/FunctionTable/FunctionTable.vue
+++ b/src/views/is/func/FunctionTable/FunctionTable.vue
@@ -36,7 +36,11 @@
     <!-- 功能表格 -->
     <el-table :data="tableData" style="width: 100%">
       <el-table-column prop="id" label="ID" />
-      <el-table-column prop="funcKey" label="功能名称"/>
+      <el-table-column prop="funcKey" label="功能名称">
+        <template #default="{ row }">
+          <div>{{ formatFuncName(row.funcKey) }}</div>
+        </template>
+      </el-table-column>
       <el-table-column prop="iconUrl" label="图片" >
         <template #default="{ row }">
           <el-image 
@@ -92,6 +96,7 @@ import { ElMessage, ElMessageBox, ElImageViewer  } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
 import FunctionDialog from './FunctionDialog.vue'
 import { addFunction, getFunction, updateFunction, deleteFunction } from '@/api/is/func/index'
+import { useDict } from '@/utils/dict'
 
 const props = defineProps({
   selectNode: {
@@ -237,6 +242,12 @@ const handleUpdateFunction = (row) => {
   functionDialogVisible.value = true
 }
 
+const { ti_function_config } = useDict("ti_function_config");
+const formatFuncName = (funcKey) => {
+  const dict = ti_function_config.value.find(item => item.value === funcKey)
+  return dict?.label || ''
+}
+
 watch(() => props.selectNode,
   (newVal) => {
     if (newVal && newVal.type === 'version') {
diff --git a/src/views/is/im/Table/Dialog.vue b/src/views/is/im/Table/Dialog.vue
index 4155cc8..b694eef 100644
--- a/src/views/is/im/Table/Dialog.vue
+++ b/src/views/is/im/Table/Dialog.vue
@@ -17,7 +17,7 @@
             v-for="dict in ti_ui_config"
             :key="dict.value"
             :label="dict.label"
-            :value="dict.label"
+            :value="dict.value"
           />
         </el-select>
       </el-form-item>
diff --git a/src/views/is/im/Table/FunctionSelection.vue b/src/views/is/im/Table/FunctionSelection.vue
index 71e83d5..ad74b59 100644
--- a/src/views/is/im/Table/FunctionSelection.vue
+++ b/src/views/is/im/Table/FunctionSelection.vue
@@ -8,7 +8,12 @@
         label="功能名称"
         align="center"
         prop="funcKey"
-        show-overflow-tooltip />
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          <div>{{ formatFuncName(row.funcKey) }}</div>
+        </template>
+      </el-table-column>
       <el-table-column prop="iconUrl" label="图片" >
         <template #default="{ row }">
           <el-image 
@@ -69,7 +74,11 @@
           align="center"
           prop="funcKey"
           show-overflow-tooltip
-        />
+        >
+          <template #default="{ row }">
+            <div>{{ formatFuncName(row.funcKey) }}</div>
+          </template>
+        </el-table-column>
         <el-table-column prop="iconUrl" label="图片" >
           <template #default="{ row }">
             <el-image 
@@ -102,6 +111,7 @@
 import { onMounted } from "vue";
 import { ElImageViewer } from 'element-plus'
 import { getFunction } from '@/api/is/func/index'
+import { useDict } from '@/utils/dict'
 
 const props = defineProps({
   selectNode: {
@@ -202,6 +212,12 @@ const unSelectRow = (row) => {
   }
 }
 
+const { ti_function_config } = useDict("ti_function_config");
+const formatFuncName = (funcKey) => {
+  const dict = ti_function_config.value.find(item => item.value === funcKey)
+  return dict?.label || ''
+}
+
 const getImgUrl = (url) => {
   return import.meta.env.VITE_API_URL + url
 }
diff --git a/src/views/is/im/Table/Table.vue b/src/views/is/im/Table/Table.vue
index 20c3e34..0a3ca47 100644
--- a/src/views/is/im/Table/Table.vue
+++ b/src/views/is/im/Table/Table.vue
@@ -36,7 +36,11 @@
     <!-- 界面表格 -->
     <el-table :data="tableData" style="width: 100%">
       <el-table-column prop="id" label="ID" />
-      <el-table-column prop="uiKey" label="界面名称" />
+      <el-table-column prop="uiKey" label="界面名称">
+        <template #default="{ row }">
+            <div>{{ formatUiName(row.uiKey) }}</div>
+          </template>
+      </el-table-column>
       <el-table-column prop="uiUrl" label="图片" >
         <template #default="{ row }">
           <el-image 
@@ -94,6 +98,7 @@ import { ElMessage, ElMessageBox, ElImageViewer } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
 import FunctionDialog from './Dialog.vue'
 import { addUi, getUiList, deleteUiList, updateUI } from '@/api/is/im/index'
+import { useDict } from '@/utils/dict'
 
 const props = defineProps({
   selectNode: {
@@ -220,6 +225,12 @@ const getDataList = async () => {
   }
 }
 
+const { ti_ui_config } = useDict("ti_ui_config");
+const formatUiName = (uiKey) => {
+  const dict = ti_ui_config.value.find(item => item.value === uiKey)
+  return dict?.label || ''
+}
+
 const getImgUrl = (url) => {
   return import.meta.env.VITE_API_URL + url
 }