add 点位分类

gaoshp

2024-10-08 13065c10ee274fc3cfef3d0b1774b9c8c1e56688

add 点位分类

 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 = []
                }

 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 = []
                }