1

lzhe

2024-10-24 5280ccf366c656054731d62c903d97b77d5baf0d

 src/views/console/workstation/CollDialog.vue

@@ -1,5 +1,5 @@
<template>
    <el-dialog title="数据点" v-model="visible" :width="'80%'" destroy-on-close @closed="$emit('closed')">
    <el-dialog title="数据点" v-model="visible" :width="'100%'" destroy-on-close @closed="$emit('closed')">
        <p style="margin-bottom: 14px;display: flex;align-items: center;">
            <span style="margin-right: 8px;">类型</span>
            <el-select v-model="type" placeholder="类型" size="small" style="width: 240px" @change="changeType">
@@ -11,6 +11,20 @@

        <scFormTable v-show="type" ref="table1" v-model="tabledata" stripe hideDelete :hideAdd="!type"
            :addTemplate="addTemplate">
            <el-table-column label="操作" prop="state" width="200" fixed="left">
                <template #default="scope">
                    <el-button-group>
                        <el-button text type="primary" size="small" @click="table_edit(scope.row)">编辑</el-button>
                        <el-button text type="primary" size="small" @click="copy(scope.row)">复制</el-button>
                        <el-popconfirm width="220" title="确定将选择的数据删除" @confirm="del(scope.$index)">
                            <template #reference>
                                <el-button text type="primary" size="small">删除</el-button>
                            </template>
                        </el-popconfirm>
                    </el-button-group>

                </template>
            </el-table-column>
            <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>
@@ -25,7 +39,7 @@
                </template>
                <template #default="scope">
                    <el-select :disabled="!scope.row.status" v-model="scope.row[item.prop]"
                        @change="change($event, scope.row, scope.$index, item.prop)" placeholder="" size="small"
                        @change="change($event, scope.row, scope.$index, item)" 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)" />
@@ -38,20 +52,7 @@
                </template>
            </el-table-column>

            <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>
                        <el-button text type="primary" size="small" @click="copy(scope.row)">复制</el-button>
                        <el-popconfirm width="220" title="确定将选择的数据删除" @confirm="del(scope.$index)">
                            <template #reference>
                                <el-button text type="primary" size="small">删除</el-button>
                            </template>
                        </el-popconfirm>
                    </el-button-group>

                </template>
            </el-table-column>
        </scFormTable>
        <template #footer>
            <el-button @click="visible = false">取 消</el-button>
@@ -92,19 +93,10 @@

    },
    methods: {
        change(e, row, index, prop) {
            console.log(e)
        change(e, row, index, { prop, options }) {
            console.log(e, options)
            if (prop === 'dpCategory' && e !== 'Other') {
                const label = [{
                    label: '状态',
                    value: 'DeviceStatus'
                }, {
                    label: '产量',
                    value: 'Output'
                }, {
                    label: '告警',
                    value: 'Alarm'
                }].find(v => v.value === e).label
                const label = options.find(v => v.value === e).label
                this.tabledata[index].dpLabel = label
                this.tabledata[index].dpName = e
            } else if (prop === 'dpCategory' && e === 'Other') {
@@ -198,6 +190,15 @@
                        isRequired: true,
                        type: 'option',
                        options: [{
                            label: '程序名',
                            value: 'ProgName'
                        }, {
                            label: '程序内容',
                            value: 'ProgContent'
                        }, {
                            label: '刀具号',
                            value: 'ToolNo'
                        }, {
                            label: '状态',
                            value: 'DeviceStatus'
                        }, {
@@ -273,10 +274,13 @@
                    this.getList({
                        workstationId: this.params.id,
                    })
                    this.visible = false
                    this.$emit('success')
                } else {
                    this.$message.error(res.msg)
                }
            }).finally(() => {
                this.visible = false
                this.$emit('success')

            })
        },