1

lzhe

2024-06-21 9c094a1fe3e1ae3dadef6433f8401818fe2b8304

 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-18 20:17:23
 * @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 dragSort @rowDrop="rowDrop">
                <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,30 @@
            </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"
                @rowDrop="rowDrop" dragSort>
                <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 +187,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,9 +205,13 @@
                }
            })
        },

        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,
@@ -224,6 +235,16 @@
                    this.getList()
                }
            })
        },
        rowDrop(arr) {
            this.$HTTP.post(`/api/blade-cps/global_wcs/update-wcs-seq`, arr.map(v => v.code)).then(res => {
                if (res.success) {
                    this.$message.success(res.msg)
                } else {
                    this.$message.success(res.msg)
                }
            })
            console.log(arr)
        }
    }
}