1

lzhe

2024-05-24 c9ce5e7f9a9ef52c66baf4f8a6e8d9e48b7cb251

 src/views/console/tooling/Tray.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-05-12 20:02:31
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-13 23:27:37
 * @LastEditTime: 2024-05-19 13:57:46
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/tooling/Tray.vue
-->
<template>
@@ -41,7 +41,8 @@
        <el-container v-if="selectNode.id">
            <el-header>
                <el-button @click="table_add" type="primary" icon="el-icon-plus"></el-button>
                <import-table style="margin:0 8px" :exportUrl="exportUrl" :uploadUrl="uploadUrl"></import-table>
                <import-table style="margin:0 8px" exportUrl="/api/blade-cps/tray/excel/template"
                    uploadUrl="/api/blade-cps/tray/import-tray"></import-table>
                <el-button type="danger" plain icon="el-icon-delete" @click="batchDel"></el-button>
                <el-input v-model="params.keyword" style="width: 240px;margin-left: auto;" placeholder="请输入检索内容"
                    clearable></el-input>
@@ -173,6 +174,61 @@
                </div>
            </template>
        </el-dialog>
        <el-drawer v-model="dialog" title="托盘信息" class="demo-drawer">
            <el-container>
                <el-main>
                    <el-form :model="trayForm" :rules="rulesTray" ref="trayForm" label-width="120px">
                        <el-form-item label="托盘组" prop="groupId">
                            <el-tree-select v-model="trayForm.groupId" @node-click="groupIdClick" node-key="id"
                                :data="treeData" filterable style="width: 240px" :props="{
                                    label: 'name',
                                }" />
                        </el-form-item>
                        <el-form-item v-if="trayForm.code" label="托盘编号" prop="code">
                            <el-input style="width: 240px" v-model="trayForm.code" />
                        </el-form-item>
                        <el-form-item label="托盘名称" prop="name">
                            <el-input style="width: 240px" v-model="trayForm.name" />
                        </el-form-item>
                        <el-form-item label="可用状态" prop="availability">
                            <el-select style="width: 240px" v-model="trayForm.availability" placeholder="">
                                <el-option label="激活" :value="1" />
                                <el-option label="冻结" :value="0" />
                            </el-select>
                        </el-form-item>
                        <el-form-item label="托盘描述" prop="description">
                            <el-input style="width: 240px" type="textarea" v-model="trayForm.description" />
                        </el-form-item>
                        <el-form-item label="托盘类别" prop="category">
                            <el-select style="width: 240px" v-model="trayForm.category" placeholder="">
                                <el-option v-for="item in tray_category" :key="item.value" :label="item.label"
                                    :value="item.value" />
                            </el-select>
                        </el-form-item>
                        <el-form-item label="托盘规格" prop="standardModel">
                            <el-input style="width: 240px" v-model="trayForm.standardModel" />
                        </el-form-item>
                        <el-form-item label="托盘状态" prop="trayStatus">
                            <el-select style="width: 240px" v-model="trayForm.trayStatus" placeholder="">
                                <el-option label="空载" :value="1" />
                                <el-option label="负载" :value="0" />
                            </el-select>
                        </el-form-item>
                        <el-form-item label="备注" prop="remark">
                            <el-input style="width: 240px" type="textarea" v-model="trayForm.remark" />
                        </el-form-item>
                        <el-form-item label="图片" prop="picture">
                            <scUpload v-model="form.picture" title=""></scUpload>
                        </el-form-item>
                    </el-form>
                </el-main>
                <el-footer style="text-align: right">
                    <el-button type="primary" @click="confirm">
                        确定
                    </el-button>
                </el-footer>
            </el-container>
        </el-drawer>
    </el-container>
</template>

@@ -223,6 +279,17 @@
                    { required: true, message: '必填' }
                ],
            },
            dialog: false,
            trayForm: {},
            rulesTray: {
                groupId: [
                    { required: true, message: '必填' }
                ],
                availability: [
                    { required: true, message: '必填' }
                ],
            },
            tray_category: []
        }
    },
    watch: {
@@ -238,6 +305,12 @@
    },
    created() {
        this.init()
        this.$HTTP.get(`/api/blade-system/dict/dictionary?code=tray_category`).then(res => {
            this.tray_category = res.data.map(v => ({
                label: v.dictValue,
                value: v.dictKey
            }))
        })
    },
    methods: {
        addTrayGroup() {
@@ -283,6 +356,31 @@
        search() {
            this.$refs.table.reload(this.params)
        },
        table_add() {
            this.trayForm = {
                groupId: this.selectNode.id,
                availability: 1,
                trayStatus: 1,
            }
            this.dialog = true
        },
        table_edit(row) {
            this.trayForm = {
                ...row
            }
            this.dialog = true
        },
        groupIdClick(node) {
            this.trayForm.groupId = node.id
        },
        confirm() {
            this.$HTTP.post(`/api/blade-cps/tray/save`, {
                ...this.trayForm
            }).then(res => {
                this.dialog = false
                this.queryInfo()
            })
        },
        init() {
            this.$HTTP.post(`/api/blade-cps/tray/tooling-tree`, {
                groupCategory: 1,