gaoshp
2024-06-11 e87012567c674cd69f7a8f87df7202eac60a8208
src/views/mdc/configuration.vue
@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-09 22:11:21
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-17 23:35:22
 * @LastEditTime: 2024-04-18 00:00:27
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/configuration.vue
 * 应用设置
-->
@@ -36,15 +36,22 @@
                            <template #default="scope">
                                <el-select v-if="scope.row.isEdit" v-model="scope.row.collectType" style="width: 100%;"
                                    @change="update(scope.row)">
                                    <el-option v-for="(item, index) in options.rps" :key="index" :label="item.label"
                                    <el-option v-for="(item, index) in options" :key="index" :label="item.label"
                                        :value="item.value"></el-option>
                                </el-select>
                                <span v-else>{{ scope.row.dataTypeDesc }}</span>
                            </template>
                        </el-table-column>
                        <el-table-column label="脉冲计数倍率" prop="value">
                            <template #default="scope">
                                <el-input-number v-if="scope.row.isEdit && scope.row.collectType == 9" :min="1"
                                    :max="10" />
                                <span>{{ scope?.row?.parameter?.value }}</span>
                            </template>
                        </el-table-column>
                        <el-table-column label="操作" prop="state">
                            <template #default="scope">
                                <el-button v-show="!scope.row.id || !scope.row.isEdit"
                                <el-button v-show="!scope.row.id || scope.row.isEdit"
                                    @click="add(scope.row)">保存</el-button>
                                <el-button v-show="!scope.row.isEdit" @click="edit(scope.row)">编辑</el-button>
                            </template>
@@ -74,12 +81,19 @@
                dataTypeDesc: '',
                id: null,
                parameter: {
                    value: 0
                    value: ''
                },
                usageCode: '',
                usageName: '',
                isEdit: false,
            }
                isEdit: true,
            },
            options: [{
                label: '差值计算',
                value: 8
            }, {
                label: '脉冲计算',
                value: 9
            }]
        }
    },
    created() {
@@ -89,15 +103,51 @@
        getList() {
            this.$HTTP.get('/api/blade-cps/workstation-wcs-usage/list').then(res => {
                if (res.code === 200) {
                    this.Tabledata = res.data
                    this.Tabledata = res.data.map(item => {
                        return {
                            ...item,
                            parameter: item.parameter ? JSON.parse(item.parameter) : null
                        }
                    })
                }
            })
        },
        edit(row) {
            row.isEdit = true
        },
        update(row) {
            row.dataTypeDesc = this.options.find(item => item.value === row.collectType)?.label
            if (row.collectType === 9) {
                row.parameter = { value: 0 }
            } else {
                row.parameter = null
            }
        },
        add(row) {
            // /api/blade-cps/workstation-wcs-usage
            let url = '/api/blade-cps/workstation-wcs-usage'
            let data = {
                ...row
            }
            if (row.id) {
                try {
                    delete data.isEdit
                } catch (error) {
                }
                if (data.parameter) data.parameter = JSON.stringify(row.parameter)
                this.$HTTP.post(url, data).then(res => {
                    if (res.code === 200) {
                        this.getList()
                    }
                })
            } else {
                this.$HTTP.post(url, data).then(res => {
                    if (res.code === 200) {
                        this.getList()
                    }
                })
            }
            //
            // collectType
            // usageCode
            // usageName