From 9516d95bdcc481b71d4b090bbdcfff39a84b26d6 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期一, 07 十月 2024 22:38:23 +0800
Subject: [PATCH] 1

---
 src/views/console/workstation/CollTable.vue |   30 ++++++++++++++++++++++++++++--
 1 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/views/console/workstation/CollTable.vue b/src/views/console/workstation/CollTable.vue
index 400b45a..85875a7 100644
--- a/src/views/console/workstation/CollTable.vue
+++ b/src/views/console/workstation/CollTable.vue
@@ -1,15 +1,32 @@
 <!--
  * @Date: 2024-10-05 09:51:45
  * @LastEditors: gaoshp
- * @LastEditTime: 2024-10-05 20:40:36
+ * @LastEditTime: 2024-10-07 09:51:11
  * @FilePath: /cps-web/src/views/console/workstation/CollTable.vue
 -->
 <template>
     <div>
         <el-table :data="tabledata" height="200px">
             <el-table-column v-for="item in cols" :key="item.prop" :prop="item.prop" :label="item.label" width="120">
+                <template #header="scope">
+                    <span v-show="item.isRequired" style="color: red;">*</span>
+                    <span>{{ scope.column.label }}</span>
+                    <el-tooltip class="box-item" effect="dark" placement="top-start">
+                        <template #content>
+                            <p v-html="item.describe"></p>
+                        </template>
+                        <el-icon v-show="item.describe"><el-icon-question-filled /></el-icon>
+                    </el-tooltip>
+
+                </template>
                 <template #default="scope">
-                    <span>{{ scope.row[item.prop] }}</span>
+                    <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-select>
+                    <el-switch disabled size="small" v-model="scope.row[item.prop]"
+                        v-else-if="item.type === 'boolean'" />
+                    <span v-else>{{ scope.row[item.prop] }}</span>
                 </template>
             </el-table-column>
         </el-table>
@@ -54,6 +71,15 @@
             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,
+                            }
+                        )
+                    }
                 } catch (error) {
                     this.cols = []
                 }

--
Gitblit v1.9.3