From 5280ccf366c656054731d62c903d97b77d5baf0d Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期四, 24 十月 2024 18:37:25 +0800
Subject: [PATCH] 1
---
src/views/console/workstation/CollTable.vue | 74 +++++++++++++++++++++++++++++++++---
1 files changed, 67 insertions(+), 7 deletions(-)
diff --git a/src/views/console/workstation/CollTable.vue b/src/views/console/workstation/CollTable.vue
index f2261d3..e67ffc6 100644
--- a/src/views/console/workstation/CollTable.vue
+++ b/src/views/console/workstation/CollTable.vue
@@ -1,15 +1,33 @@
<!--
* @Date: 2024-10-05 09:51:45
* @LastEditors: gaoshp
- * @LastEditTime: 2024-10-07 00:32:44
- * @FilePath: /cps-web/src/views/console/workstation/CollTable.vue
+ * @LastEditTime: 2024-10-16 23:41:34
+ * @FilePath: /avue-data/Users/mache/Documents/demo/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">
+ <el-table :data="tabledata">
+ <el-table-column width="200" v-for="item in cols" :key="item.prop" :prop="item.prop" :label="item.label">
+ <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.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'" />
+ <span v-else>{{ scope.row[item.prop] }}</span>
</template>
</el-table-column>
</el-table>
@@ -54,15 +72,57 @@
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) {
+ if (this.cols.filter(v => v.prop === 'isProcessParam').length === 0) {
+ this.cols.unshift(
+ {
+ label: "杩囩▼鍙傛暟",
+ prop: "isProcessParam",
+ isRequired: true,
+ type: 'boolean',
+ }
+ )
+ }
+ if (this.cols.filter(v => v.prop === 'dpLabel').length === 0) {
this.cols.unshift(
{
label: "鏄剧ず鍚嶇О",
- prop: "dplabel",
+ 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: 'ProgName'
+ }, {
+ label: '绋嬪簭鍐呭',
+ value: 'ProgContent'
+ }, {
+ label: '鍒�鍏峰彿',
+ value: 'ToolNo'
+ }, {
+ label: '鐘舵��',
+ value: 'DeviceStatus'
+ }, {
+ label: '浜ч噺',
+ value: 'Output'
+ }, {
+ label: '鍛婅',
+ value: 'Alarm'
+ }, {
+ label: '鍏朵粬',
+ value: 'Other'
+ }]
+ }
+ )
+ }
} catch (error) {
this.cols = []
}
--
Gitblit v1.9.3