SmartBench/CMVR-IOT-UI
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 功能和界面

Browse Source
This commit is contained in:
zhanghao 2025-11-26 14:03:19 +08:00
parent f05537cb7e
commit 349bb9c0d0
5 changed files with 44 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/is/func/FunctionTable/FunctionDialog.vue
View File

@ -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>

13
src/views/is/func/FunctionTable/FunctionTable.vue
View File

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

2
src/views/is/im/Table/Dialog.vue
View File

@ -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>

20
src/views/is/im/Table/FunctionSelection.vue
View File

@ -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
}

13
src/views/is/im/Table/Table.vue
View File

@ -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
}