托盘

gaoshp

2024-05-13 48967666fd5f53670cffd5569126fc12b0d0e08a

 src/views/console/tooling/Tray.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-05-12 20:02:31
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-12 21:34:13
 * @LastEditTime: 2024-05-13 22:35:52
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/tooling/Tray.vue
-->
<template>
@@ -32,12 +32,12 @@
                <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>
                <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="请输入检索内容"
                <el-input v-model="params.keyword" style="width: 240px;margin-left: auto;" placeholder="请输入检索内容"
                    clearable></el-input>
                <el-button @click="search" type="primary" icon="el-icon-search"></el-button>
            </el-header>
            <el-main>
                <el-row>
                <el-row :gutter="20">
                    <el-col :span="10">
                        <scTable highlight-current-row @dataChange="dataChange" @row-click="rowClick" ref="table"
                            :params="params" :apiObj="apiObj" @selection-change="selectionChange" stripe>
@@ -62,42 +62,65 @@
                    </el-col>
                    <el-col :span="14">
                        <h2>托盘信息</h2>
                        <el-container>
                            <el-main>
                                <div class="tuopan-info">
                                    <div>
                                        tup
                                    </div>
                                    <el-row>
                                        <el-col :span="12">
                                            托盘面数: {{ }}
                                        </el-col>
                                        <el-col :span="12">
                                            托盘面数: {{ }}
                                        </el-col>
                                        <el-col :span="12">
                                            托盘面数: {{ }}
                                        </el-col>
                                        <el-col :span="12">
                                            托盘面数: {{ }}
                                        </el-col>
                                        <el-col :span="12">
                                            托盘面数: {{ }}
                                        </el-col>
                                        <el-col :span="12">
                                            托盘面数: {{ }}
                                        </el-col>
                                        <el-col :span="12">
                                            托盘面数: {{ }}
                                        </el-col>
                                        <el-col :span="12">
                                            托盘面数: {{ }}
                                        </el-col>
                                    </el-row>
                                </div>
                        <div class="tuopan-info">
                            <el-row>
                                <el-col :span="12">
                                    托盘编号: {{ info.code }}
                                </el-col>
                                <el-col :span="12">
                                    托盘名称: {{ info.name || '-' }}
                                </el-col>
                                <el-col :span="12">
                                    托盘面数: {{ info.faceNumber || '-' }}
                                </el-col>
                                <el-col :span="12">
                                    可用状态: {{ info.availability === 1 ? '可用' : '冻结' }}
                                </el-col>
                                <el-col :span="12">
                                    托盘描述: {{ info.description || '-' }}
                                </el-col>
                                <el-col :span="12">
                                    托盘类别: {{ info.category || '-' }}
                                </el-col>
                                <el-col :span="12">
                                    托盘规格: {{ info.standardModel || '-' }}
                                </el-col>
                                <el-col :span="12">
                                    托盘组: {{ info.groupName || '-' }}
                                </el-col>
                                <el-col :span="12">
                                    托盘状态: {{ info.trayStatus === 1 ? '空载' : '负载' }}
                                </el-col>
                                <el-col :span="12">
                                    备注: {{ info.remark || '-' }}
                                </el-col>
                            </el-row>
                        </div>

                            </el-main>
                        </el-container>
                        <h2 style="margin-top: 14px;">托盘面列表</h2>
                        <div>
                            <el-button type="primary">新建托盘面</el-button>
                        </div>
                        <el-table :data="infoList" style="width: 100%">
                            <el-table-column label="托盘面编号" prop="code"></el-table-column>
                            <el-table-column label="托盘面名称" prop="name"></el-table-column>
                            <el-table-column label="关联夹具" prop="type"></el-table-column>
                            <el-table-column label="便宜程序编号" prop="type"></el-table-column>
                            <el-table-column label="便宜程序编号" prop="type"></el-table-column>
                            <el-table-column label="操作" fixed="right" align="right" width="160">
                                <template #default="scope">
                                    <el-button-group>
                                        <el-button text type="primary" size="small"
                                            @click="table_edit1(scope.row, scope.$index)">编辑</el-button>
                                        <el-popconfirm title="确定删除吗？" @confirm="table_del1([scope.row], '0')">
                                            <template #reference>
                                                <el-button text type="primary" size="small">删除</el-button>
                                            </template>
                                        </el-popconfirm>
                                    </el-button-group>
                                </template>
                            </el-table-column>
                        </el-table>
                    </el-col>
                </el-row>
            </el-main>
@@ -119,13 +142,15 @@
                keyword: ''
            },
            info: {},
            infoList: [],
            selectNode: {},
            apiObj: {
                get: async (data) => {
                    let params = {
                        ...data
                        ...data,
                        ...this.params
                    }
                    return await this.$HTTP.get(`/api/blade-cps/tray/page/${this.selectNode.id}`, { keyword: this.params.keyword }, { params }).then(res => {
                    return await this.$HTTP.get(`/api/blade-cps/tray/page/${this.selectNode.id}`, {}, { params }).then(res => {
                        return res
                    })
                }
@@ -139,6 +164,7 @@
                    this.queryInfo()
                } else {
                    this.info = {}
                    this.infoList = []
                }
            }
        }
@@ -147,6 +173,9 @@
        this.init()
    },
    methods: {
        search() {
            this.$refs.table.reload(this.params)
        },
        init() {
            this.$HTTP.post(`/api/blade-cps/tray/tooling-tree`, {
                groupCategory: 1,
@@ -166,13 +195,20 @@
            //     this.info = res.data
            // })
        },
        queryChildInfo() {
            if (!this.selectNode.id) return
            this.$HTTP.get(`/api/blade-cps/tray/${this.selectNode.id}`).then(res => {
        dataChange(res, data) {
            this.rowClick(data?.[0])
        },
        rowClick(row) {
            console.log(row.id)
            this.queryChildInfo(row.id)
        },
        queryChildInfo(id) {
            if (!id) return
            this.$HTTP.get(`/api/blade-cps/tray/${id}`).then(res => {
                this.info = res.data
            })
            this.$HTTP.get(`/api/blade-cps/tray-surface/list/${this.selectNode.id}`).then(res => {
                this.info = res.data
            this.$HTTP.get(`/api/blade-cps/tray-surface/list/${id}`).then(res => {
                this.infoList = res.data
            })
        },
        nodeClick(node) {