设备档案卡及列表设备类型支持全局对象配置

src/views/component/device/deviceDialog.vue

@@ -136,13 +136,13 @@
                                         <el-form-item label="设备类型：" prop="sheBeiLeiXing">
                                             <el-select v-if="!readonly" v-model="form.sheBeiLeiXing" placeholder="请选择" size="mini" style="width:100%">
                                                 <el-option
-                                                    v-for="item in ['检验系统','通用设备','软件','信息系统']"
-                                                    :key="item"
-                                                    :label="item"
-                                                    :value="item"
+                                                    v-for="(v,k) in typeList"
+                                                    :key="k"
+                                                    :label="v"
+                                                    :value="k"
                                                 />
                                             </el-select>
-                                            <span v-else>{{ form.sheBeiLeiXing ||'/' }}</span>
+                                            <span v-else>{{ typeList[form.sheBeiLeiXing]|| form.sheBeiLeiXing ||'/' }}</span>
                                         </el-form-item>
                                     </el-col>
                                     <el-col :span="8">
@@ -840,6 +840,12 @@ export default {
             default: function () {
                 return {}
             }
+        },
+        typeList: {
+            type: Object,
+            default: function () {
+                return { '检验系统': '检验系统', '通用设备': '通用设备', '软件': '软件', '信息系统': '信息系统' }
+            }
         }
     },
     data () {

src/views/component/device/index.vue

@@ -69,7 +69,13 @@
                         slot="deviceStateSlot"
                         slot-scope="{row}"
                     >
-                        <span>{{ stateList[row.sheBeiZhuangTa] || row.sheBeiZhuangTa }}</span>
+                        <span>{{ stateList[row.sheBeiZhuangTa] || row.sheBeiZhuangTa || '' }}</span>
+                    </template>
+                    <template
+                        slot="deviceTypeSlot"
+                        slot-scope="{row}"
+                    >
+                        <span>{{ typeList[row.sheBeiLeiXing] || row.sheBeiLeiXing || '' }}</span>
                     </template>
 
                     <template
@@ -262,10 +268,10 @@
                     <template slot="deviceType">
                         <el-select v-model="search.deviceType" placeholder="请选择" size="mini" :clearable="true">
                             <el-option
-                                v-for="item in ['检验系统','通用设备','软件','信息系统']"
-                                :key="item"
-                                :label="item"
-                                :value="item"
+                                v-for="(v,k) in typeList"
+                                :key="k"
+                                :label="v"
+                                :value="k"
                             />
                         </el-select>
                     </template>
@@ -313,6 +319,7 @@
             v-if="deviceDialogShow"
             :params="params"
             :state-list="stateList"
+            :type-list="typeList"
             :tab-list="tabList"
             :hide-sys-device-no="hideSysDeviceNo"
             :readonly="!hasRole"
@@ -500,7 +507,7 @@ export default {
                     { prop: 'sheBeiShiBieH', label: '设备编号', sortable: true },
                     { prop: 'yuanSheBeiBian', label: '原设备编号', sortable: true },
                     { prop: 'sheBeiMingCheng', label: '设备名称', sortable: true },
-                    { prop: 'sheBeiLeiXing', label: '设备类型', sortable: true },
+                    { prop: 'sheBeiLeiXing', label: '设备类型', sortable: true, slotName: 'deviceTypeSlot' },
                     { prop: 'guiGeXingHao', label: '规格型号', sortable: true },
                     { prop: 'sheBeiZhuangTa', label: '设备状态', sortable: true, slotName: 'deviceStateSlot' },
                     { prop: 'guanLiRen', label: '保管人', slotName: 'userSlot', sortable: true },
@@ -635,11 +642,12 @@ export default {
             stateList: { '停用': '停用', '报废': '报废', '合格': '合格' },
             hideSysDeviceNo: false,
             tabList: {},
-            hasRole: true
+            hasRole: true,
+            typeList: { '检验系统': '检验系统', '通用设备': '通用设备', '软件': '软件', '信息系统': '信息系统' }
         }
     },
     async mounted () {
-        const { stateList, hideSysDeviceNo, tabList, hasDeviceRole } = await getSetting('device') || {}
+        const { stateList, hideSysDeviceNo, tabList, hasDeviceRole, typeList } = await getSetting('device') || {}
         if (hasDeviceRole) {
             console.debug('hasDeviceRole', hasDeviceRole)
             const { role, isSuper } = this.$store.getters || {}
@@ -649,6 +657,10 @@ export default {
             console.debug('stateList', stateList)
             this.stateList = stateList
         }
+        if (typeList) {
+            console.debug('typeList', typeList)
+            this.typeList = typeList
+        }
         if (hideSysDeviceNo) {
             this.hideSysDeviceNo = hideSysDeviceNo
             // 列表隐藏设备编号 将原设备编号改为设备编号
@@ -1007,6 +1019,9 @@ export default {
                 if (this.stateList[item.sheBeiZhuangTa]) {
                     item.sheBeiZhuangTa = this.stateList[item.sheBeiZhuangTa]
                 }
+                if (this.typeList[item.sheBeiLeiXing]) {
+                    item.sheBeiLeiXing = this.typeList[item.sheBeiLeiXing]
+                }
             }
             return exportData
         },
@@ -1441,6 +1456,10 @@ export default {
                 if (keyFound) {
                     i.sheBeiZhuangTa = keyFound[0]
                 }
+                const keyFound2 = Object.entries(this.typeList).find(([key, value]) => value === i.sheBeiLeiXing)
+                if (keyFound2) {
+                    i.sheBeiLeiXing = keyFound2[0]
+                }
             })
             const currentPosition = this.level
             const { userList = [], deptList = [] } = this.$store.getters || {}