1

lzhe

2024-10-09 8eda199da3781f4c8e0d95f47a092db342c85ed7

 src/views/console/workstation/CollDialog.vue

@@ -15,11 +15,19 @@
                <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">
                    <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'" />
@@ -53,6 +61,7 @@

<script>
export default {
    name: 'CollDialog',
    emits: ['success', 'closed'],
    props: {
        option: {
@@ -89,6 +98,7 @@
                }).then(() => {
                    try {
                        this.cols = JSON.parse(this.typeList.find(v => v.id === val).dpHeadFull)
                        this.addOptions()
                        this.tabledata = []
                    } catch (error) {
                        this.cols = []
@@ -99,12 +109,24 @@
            } else {
                try {
                    this.cols = JSON.parse(this.typeList.find(v => v.id === val).dpHeadFull)
                    this.addOptions()

                } catch (error) {
                    this.cols = []
                }
            }
            console.log('default')
            this.setAddTemp()

        },
        setAddTemp() {
            this.cols.forEach(v => {
                if (v.type === 'boolean') {
                    this.addTemplate[v.prop] = false
                }
                v.default && (this.addTemplate[v.prop] = v.default)

            })
        },
        //显示
        open(mode = 'add', params) {
@@ -127,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 = []
                }
@@ -153,6 +198,7 @@
                }
                this.type = res.data.type
                this.appId = res.data.appId
                this.setAddTemp()
                // return res
            })
        },