From 60884524aba674d2368d2169b057f0d806acc0f6 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期四, 10 十月 2024 12:14:24 +0800
Subject: [PATCH] 1
---
src/views/console/workstation/CollDialog.vue | 110 ++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 76 insertions(+), 34 deletions(-)
diff --git a/src/views/console/workstation/CollDialog.vue b/src/views/console/workstation/CollDialog.vue
index fda7f7b..d274661 100644
--- a/src/views/console/workstation/CollDialog.vue
+++ b/src/views/console/workstation/CollDialog.vue
@@ -11,7 +11,7 @@
<scFormTable v-show="type" ref="table1" v-model="tabledata" stripe hideDelete :hideAdd="!type"
:addTemplate="addTemplate">
- <el-table-column v-for="item in cols" :key="item.prop" :prop="item.prop" :label="item.label">
+ <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>
@@ -24,19 +24,21 @@
</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]"
+ @change="change($event, scope.row, scope.$index, 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'" />
- <el-input size="small" v-model="scope.row[item.prop]" placeholder=""
- v-else-if="scope.row.status"></el-input>
+ <el-input size="small" v-model="scope.row[item.prop]" placeholder="" v-else-if="scope.row.status"
+ :disabled="(['dpLabel', 'dpName'].includes(item.prop) && 'Other' !== scope.row.dpCategory)"></el-input>
<span v-else>{{ scope.row[item.prop] }}</span>
</template>
</el-table-column>
- <el-table-column label="鎿嶄綔" prop="state" width="200">
+ <el-table-column label="鎿嶄綔" prop="state" width="200" fixed="right">
<template #default="scope">
<el-button-group>
<el-button text type="primary" size="small" @click="table_edit(scope.row)">缂栬緫</el-button>
@@ -90,6 +92,26 @@
},
methods: {
+ change(e, row, index, prop) {
+ console.log(e)
+ if (prop === 'dpCategory' && e !== 'Other') {
+ const label = [{
+ label: '鐘舵��',
+ value: 'DeviceStatus'
+ }, {
+ label: '浜ч噺',
+ value: 'Output'
+ }, {
+ label: '鍛婅',
+ value: 'Alarm'
+ }].find(v => v.value === e).label
+ this.tabledata[index].dpLabel = label
+ this.tabledata[index].dpName = e
+ } else if (prop === 'dpCategory' && e === 'Other') {
+ this.tabledata[index].dpLabel = ''
+ this.tabledata[index].dpName = ''
+ }
+ },
changeType(val) {
if (this.tabledata.length > 0) {
this.$confirm(`鍒囨崲绫诲瀷灏嗗垹闄ゆ墍鏈夊凡閰嶇疆鏁版嵁鐐筦, '鎻愮ず', {
@@ -97,15 +119,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 +130,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 +170,55 @@
})
},
+ addOptions() {
+ 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",
+ 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'
+ }, {
+ label: '鍏朵粬',
+ value: 'Other'
+ }]
+ }
+ )
+ }
+ },
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 = []
}
--
Gitblit v1.9.3