完善托盘

gaoshp

2024-05-15 3debe6013470af47ef70c85c51bb24038d4ab98d

 src/views/console/tooling/Tray.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-05-12 20:02:31
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-15 21:53:13
 * @LastEditTime: 2024-05-15 22:46:30
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/tooling/Tray.vue
-->
<template>
@@ -176,19 +176,48 @@
        <el-drawer v-model="dialog" title="托盘信息" class="demo-drawer">
            <el-container>
                <el-main>
                    <el-form :model="trayForm">
                        <el-form-item label="托盘组" prop="name">
                    <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 label="Area" prop="name">
                            <el-select style="width: 240px" v-model="trayForm.region"
                                placeholder="Please select activity area">
                                <el-option label="Area1" value="shanghai" />
                                <el-option label="Area2" value="beijing" />
                        <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 label="激活" :value="1" />
                                <el-option label="冻结" :value="0" />
                            </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>
@@ -250,7 +279,15 @@
                ],
            },
            dialog: false,
            trayForm: {}
            trayForm: {},
            rulesTray: {
                groupId: [
                    { required: true, message: '必填' }
                ],
                availability: [
                    { required: true, message: '必填' }
                ],
            }
        }
    },
    watch: {
@@ -313,7 +350,15 @@
        },
        table_add() {
            this.trayForm = {
                groupId: this.selectNode.id
                groupId: this.selectNode.id,
                availability: 1,
                trayStatus: 1,
            }
            this.dialog = true
        },
        table_edit(row) {
            this.trayForm = {
                ...row
            }
            this.dialog = true
        },
@@ -322,7 +367,10 @@
        },
        confirm() {
            this.$HTTP.post(`/api/blade-cps/tray/save`, {

                ...this.trayForm
            }).then(res => {
                this.dialog = false
                this.queryInfo()
            })
        },
        init() {