From 13065c10ee274fc3cfef3d0b1774b9c8c1e56688 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期二, 08 十月 2024 20:21:53 +0800
Subject: [PATCH] add 点位分类

---
 src/views/console/workstation/CollTable.vue  |   25 +++++++++++-
 src/views/console/workstation/CollDialog.vue |   68 +++++++++++++++++++---------------
 2 files changed, 61 insertions(+), 32 deletions(-)

diff --git a/src/views/console/workstation/CollDialog.vue b/src/views/console/workstation/CollDialog.vue
index fda7f7b..89f5b05 100644
--- a/src/views/console/workstation/CollDialog.vue
+++ b/src/views/console/workstation/CollDialog.vue
@@ -24,9 +24,10 @@
 
                 </template>
                 <template #default="scope">
-                    <el-select v-model="scope.row[item.prop]" placeholder="" size="small"
-                        v-if="scope.row.status && item.type === 'option'">
-                        <el-option v-for="item in item.options" :key="item" :label="item" :value="item" />
+                    <el-select :disabled="!scope.row.status" v-model="scope.row[item.prop]" placeholder="" size="small"
+                        v-if="item.type === 'option'">
+                        <el-option v-for="item in item.options" :key="item.value || item" :label="(item?.label || item)"
+                            :value="(item.value || item)" />
                     </el-select>
                     <el-switch :disabled="!scope.row.status" size="small" v-model="scope.row[item.prop]"
                         v-else-if="item.type === 'boolean'" />
@@ -97,15 +98,7 @@
                 }).then(() => {
                     try {
                         this.cols = JSON.parse(this.typeList.find(v => v.id === val).dpHeadFull)
-                        if (this.cols.filter(v => v.prop === 'dplabel').length === 0) {
-                            this.cols.unshift(
-                                {
-                                    label: "鏄剧ず鍚嶇О",
-                                    prop: "dplabel",
-                                    isRequired: true,
-                                }
-                            )
-                        }
+                        this.addOptions()
                         this.tabledata = []
                     } catch (error) {
                         this.cols = []
@@ -116,15 +109,7 @@
             } else {
                 try {
                     this.cols = JSON.parse(this.typeList.find(v => v.id === val).dpHeadFull)
-                    if (this.cols.filter(v => v.prop === 'dplabel').length === 0) {
-                        this.cols.unshift(
-                            {
-                                label: "鏄剧ず鍚嶇О",
-                                prop: "dplabel",
-                                isRequired: true,
-                            }
-                        )
-                    }
+                    this.addOptions()
 
                 } catch (error) {
                     this.cols = []
@@ -164,19 +149,42 @@
             })
 
         },
+        addOptions() {
+            if (this.cols.filter(v => v.prop === 'dplabel').length === 0) {
+                this.cols.unshift(
+                    {
+                        label: "鏄剧ず鍚嶇О",
+                        prop: "dplabel",
+                        isRequired: true,
+                    }
+                )
+            }
+            if (this.cols.filter(v => v.prop === 'dpCategory').length === 0) {
+                this.cols.unshift(
+                    {
+                        label: "鐐逛綅鍒嗙被",
+                        prop: "dpCategory",
+                        isRequired: true,
+                        type: 'option',
+                        options: [{
+                            label: '鐘舵��',
+                            value: 'DeviceStatus'
+                        }, {
+                            label: '浜ч噺',
+                            value: 'Output'
+                        }, {
+                            label: '鍛婅',
+                            value: 'Alarm'
+                        }]
+                    }
+                )
+            }
+        },
         getList(params) {
             this.$HTTP.get(`/api/blade-cps/workstation/listDatapointsByWorkstationId`, {}, { params }).then(res => {
                 try {
                     this.cols = JSON.parse(res.data.dpHead)
-                    if (this.cols.filter(v => v.prop === 'dplabel').length === 0) {
-                        this.cols.unshift(
-                            {
-                                label: "鏄剧ず鍚嶇О",
-                                prop: "dplabel",
-                                isRequired: true,
-                            }
-                        )
-                    }
+                    this.addOptions()
                 } catch (error) {
                     this.cols = []
                 }
diff --git a/src/views/console/workstation/CollTable.vue b/src/views/console/workstation/CollTable.vue
index 85875a7..f7f6dcb 100644
--- a/src/views/console/workstation/CollTable.vue
+++ b/src/views/console/workstation/CollTable.vue
@@ -1,7 +1,7 @@
 <!--
  * @Date: 2024-10-05 09:51:45
  * @LastEditors: gaoshp
- * @LastEditTime: 2024-10-07 09:51:11
+ * @LastEditTime: 2024-10-08 20:20:28
  * @FilePath: /cps-web/src/views/console/workstation/CollTable.vue
 -->
 <template>
@@ -22,7 +22,8 @@
                 <template #default="scope">
                     <el-select disabled v-model="scope.row[item.prop]" placeholder="" size="small"
                         v-if="item.type === 'option'">
-                        <el-option v-for="item in item.options" :key="item" :label="item" :value="item" />
+                        <el-option v-for="item in item.options" :key="item.value || item" :label="item.label || item"
+                            :value="item.value || item" />
                     </el-select>
                     <el-switch disabled size="small" v-model="scope.row[item.prop]"
                         v-else-if="item.type === 'boolean'" />
@@ -80,6 +81,26 @@
                             }
                         )
                     }
+                    if (this.cols.filter(v => v.prop === 'dpCategory').length === 0) {
+                        this.cols.unshift(
+                            {
+                                label: "鐐逛綅鍒嗙被",
+                                prop: "dpCategory",
+                                isRequired: true,
+                                type: 'option',
+                                options: [{
+                                    label: '鐘舵��',
+                                    value: 'DeviceStatus'
+                                }, {
+                                    label: '浜ч噺',
+                                    value: 'Output'
+                                }, {
+                                    label: '鍛婅',
+                                    value: 'Alarm'
+                                }]
+                            }
+                        )
+                    }
                 } catch (error) {
                     this.cols = []
                 }

--
Gitblit v1.9.3