feat: 功能和界面

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>

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') {

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>

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
 }

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
 }