gaoshp
2024-10-07 5f5a9b6870e1a1a31b25cbea85381a40bf7b675b
src/views/console/workstation/CollDialog.vue
@@ -1,10 +1,12 @@
<template>
    <el-dialog title="数据点" v-model="visible" :width="'80%'" destroy-on-close @closed="$emit('closed')">
        <p style="margin-bottom: 14px;">
        <p style="margin-bottom: 14px;display: flex;align-items: center;">
            <span style="margin-right: 8px;">类型</span>
            <el-select v-model="type" placeholder="Select" size="small" style="width: 240px" @change="changeType">
            <el-select v-model="type" placeholder="类型" size="small" style="width: 240px" @change="changeType">
                <el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
            <span style="margin-right: 8px;margin-left: auto;">IOT应用ID</span>
            <el-input v-model="appId" placeholder="IOT应用ID" style="width: 240px"></el-input>
        </p>
        <scFormTable v-show="type" ref="table1" v-model="tabledata" stripe hideDelete :hideAdd="!type"
@@ -72,8 +74,8 @@
                status: '2' // 不存在已保存 1: 正在编辑 2: 新增
            },
            type: '',
            typeList: []
            typeList: [],
            appId: ''
        }
    },
    created() {
@@ -81,18 +83,27 @@
    },
    methods: {
        changeType(val) {
            this.$confirm(`切换类型将删除所有已配置数据点`, '提示', {
                type: 'warning'
            }).then(() => {
            if (this.tabledata.length > 0) {
                this.$confirm(`切换类型将删除所有已配置数据点`, '提示', {
                    type: 'warning'
                }).then(() => {
                    try {
                        this.cols = JSON.parse(this.typeList.find(v => v.id === val).dpHeadFull)
                        this.tabledata = []
                    } catch (error) {
                        this.cols = []
                    }
                }).catch(() => {
                })
            } else {
                try {
                    this.cols = JSON.parse(this.typeList.find(v => v.id === val).dpHeadFull)
                    this.table = []
                } catch (error) {
                    this.cols = []
                }
            }).catch(() => {
            }
            })
        },
        //显示
@@ -120,7 +131,15 @@
            this.$HTTP.get(`/api/blade-cps/workstation/listDatapointsByWorkstationId`, {}, { params }).then(res => {
                try {
                    this.cols = JSON.parse(res.data.dpHead)
                    console.log(this.cols, 'cols')
                    if (this.cols.filter(v => v.prop === 'dplabel').length === 0) {
                        this.cols.unshift(
                            {
                                label: "显示名称",
                                prop: "dplabel",
                                isRequired: true,
                            }
                        )
                    }
                } catch (error) {
                    this.cols = []
                }
@@ -133,7 +152,7 @@
                    this.tabledata = []
                }
                this.type = res.data.type
                this.appId = res.data.appId
                // return res
            })
        },
@@ -167,7 +186,8 @@
                    return v
                })),
                workstationId: this.params.id,
                type: this.type
                type: this.type,
                appId: this.appId
            }).then(res => {
                if (res.code === 200) {
                    this.getList({