update

gaoshp

2024-06-17 ddbb2bd2691629336faa4491a59fdc3dc3c5934e

 src/views/mdc/configComp/Status.vue

@@ -1,13 +1,14 @@
<!--
 * @Date: 2024-04-17 18:53:45
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-17 22:14:18
 * @LastEditTime: 2024-06-17 22:12:42
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/configComp/Status.vue
-->
<template>
    <el-main>
        <el-row>
            <scFormTable ref="table" size="small" v-model="data" stripe hideAdd hideDelete dragSort @rowDrop="save">
            <!-- dragSort -->
            <scFormTable ref="table" size="small" v-model="data" stripe hideAdd hideDelete @rowDrop="save">
                <el-table-column label="工位/机器状态" prop="name"></el-table-column>
                <el-table-column label="编号" prop="code"></el-table-column>
                <el-table-column label="颜色" prop="color"></el-table-column>
@@ -35,27 +36,29 @@
            </scFormTable>
        </el-row>
        <el-row style="margin-top: 20px;">
            <scFormTable ref="table1" v-model="Tabledata" stripe @delRow="remove" :addTemplate="addTemplate" dragSort>
            <!-- dragSort -->
            <scFormTable ref="table1" v-model="Tabledata" stripe @delRow="remove" :addTemplate="addTemplate">
                <el-table-column label="人工反馈状态" prop="name">
                    <template #default="scope">
                        <el-input v-model="scope.row.name"></el-input>
                        <el-input v-model="scope.row.name" @change="update(scope.row)"></el-input>
                    </template>
                </el-table-column>
                <el-table-column label="编号" prop="code">
                    <template #default="scope">
                        <el-input v-show="!scope.row.code" v-model="scope.row.code"></el-input>
                        <span>{{ scope.row.code }}</span>
                        <el-input v-show="scope.row.isNew" v-model="scope.row.code"
                            @change="update(scope.row)"></el-input>
                        <span v-show="!scope.row.isNew">{{ scope.row.code }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="颜色" prop="color"></el-table-column>
                <el-table-column label="颜色" prop="color">
                    <template #default="scope">
                        <el-color-picker v-model="scope.row.color" />
                        <el-color-picker v-model="scope.row.color" @change="update(scope.row)" />
                    </template>
                </el-table-column>
                <el-table-column label="计划内外" prop="state">
                    <template #default="scope">
                        <el-select v-model="scope.row.isPlan" style="width: 200px;">
                        <el-select v-model="scope.row.isPlan" style="width: 200px;" @change="update(scope.row)">
                            <el-option v-for="(item, index) in options.isPlan" :key="index" :label="item.label"
                                :value="item.value"></el-option>
                        </el-select>
@@ -183,7 +186,10 @@
            })
        },
        update(row) {
            console.log(row)
            if (row.isNew) return
            if (!row.code || !row.color || !row.name) {
                return this.$message.warning('状态名称、编号、颜色必填'); (`操作成功`)
            } console.log(row)
            let data = {
                code: row.code,
                color: row.color,
@@ -198,10 +204,14 @@
                }
            })
        },

        add(row) {
            if (!row.code || !row.color || !row.name) {
                return this.$message.warning('状态名称、编号、颜色必填'); (`操作成功`)
            }
            if (isNaN(row.code) || row.code < 1 || row.code > 99) {
                return this.$message.warning('编号范围为1～99');
            }
            let data = {
                code: row.code,
                color: row.color,