date

gaoshp

2024-10-09 6d4ae56273c7453a258aa98b67aa82d59afa7648

date

 src/views/console/workstation/CollDialog.vue

@@ -24,15 +24,16 @@

                </template>
                <template #default="scope">
                    <el-select :disabled="!scope.row.status" v-model="scope.row[item.prop]" placeholder="" size="small"
                    <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="(item.prop == 'dpLabel' && 'Other' !== scope.row.dpCategory)"></el-input>
                    <span v-else>{{ scope.row[item.prop] }}</span>
                </template>
            </el-table-column>
@@ -91,6 +92,24 @@

    },
    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
            } else if (prop === 'dpCategory' && e === 'Other') {
                this.tabledata[index].dpLabel = ''
            }
        },
        changeType(val) {
            if (this.tabledata.length > 0) {
                this.$confirm(`切换类型将删除所有已配置数据点`, '提示', {
@@ -150,11 +169,21 @@

        },
        addOptions() {
            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,
                    }
                )
@@ -175,6 +204,9 @@
                        }, {
                            label: '告警',
                            value: 'Alarm'
                        }, {
                            label: '其他',
                            value: 'Other'
                        }]
                    }
                )

 src/views/console/workstation/CollTable.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-10-05 09:51:45
 * @LastEditors: gaoshp
 * @LastEditTime: 2024-10-08 20:20:28
 * @LastEditTime: 2024-10-09 20:11:01
 * @FilePath: /cps-web/src/views/console/workstation/CollTable.vue
-->
<template>
@@ -72,11 +72,21 @@
            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,
                            }
                        )
@@ -97,6 +107,9 @@
                                }, {
                                    label: '告警',
                                    value: 'Alarm'
                                }, {
                                    label: '其他',
                                    value: 'Other'
                                }]
                            }
                        )