From 867c818b7660373ab7ca410a923c47e4b6602e2e Mon Sep 17 00:00:00 2001 From: wuyouming666 <2265557248@qq.com> Date: 星期三, 10 七月 2024 14:05:21 +0800 Subject: [PATCH] 增加原片仓储模块, --- UI-Project/src/views/GlassStorage/MaterialRackManagement.vue | 120 ++++++++++++++++++++++------------------------------------- 1 files changed, 45 insertions(+), 75 deletions(-) diff --git a/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue b/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue index b9aba12..e1b6d88 100644 --- a/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue +++ b/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue @@ -56,18 +56,22 @@ </el-table-column> <!-- 鎿嶄綔鍒� --> - <el-table-column label="鎿嶄綔" width="350"> + <el-table-column label="鎿嶄綔" width="250"> <template #default="{ row }"> <el-button type="primary" size="mini" @click="edithandleRowClick(row)">淇敼</el-button> <el-button type="danger" size="mini" @click="handleDelete(row)">鍒犻櫎</el-button> <el-button type="warning" size="mini" @click="handleCheckout(row)">鍑哄簱</el-button> - <el-button type="success" size="mini" @click="addglass()">娣诲姞鍘熺墖</el-button> + <!-- <el-button type="success" size="mini" @click="addglass()">娣诲姞鍘熺墖</el-button> --> </template> </el-table-column> </el-table> - <el-table + + </el-dialog> + + + <el-table :data="tasktableData" style="width: 98%; height: 150px" @selection-change="handleSelectionChange" @@ -111,17 +115,16 @@ </template> </el-table-column> </el-table> - </el-dialog> </el-card> - <!-- <div ref="chart" id="chart" style="width: 100%; height: 250px;"></div> --> + <div class="img-ypcc" > - <div class="img-car1" :style="'z-index:999;left:297px;top:158px;position:absolute;'"> + <div class="img-car1" :style="'z-index:999;left:397px;top:205px;position:absolute;'"> <div v-show="cellshow1" style="margin-top:10px;width:200px;height:5px;background-color:#409EFF;"></div> </div> @@ -187,19 +190,19 @@ </el-form-item> <el-form-item label="闀垮害"> - <el-input v-model="formData.wid" required style="width: 250px; font-size: 20px" @focus="clearInput('wid')"></el-input> + <el-input v-model="formData.width" required style="width: 250px; font-size: 20px" @focus="clearInput('wid')"></el-input> </el-form-item> <el-form-item label="楂樺害"> - <el-input v-model="formData.heig" required style="width: 250px; font-size: 20px" @focus="clearInput('heig')"></el-input> + <el-input v-model="formData.height" required style="width: 250px; font-size: 20px" @focus="clearInput('heig')"></el-input> </el-form-item> <el-form-item label="鍘氬害"> - <el-input v-model="formData.thinkness" required style="width: 250px; font-size: 20px" @focus="clearInput('thinkness')"></el-input> + <el-input v-model="formData.thickness" required style="width: 250px; font-size: 20px" @focus="clearInput('thinkness')"></el-input> </el-form-item> <el-form-item label="鏁伴噺"> - <el-input-number v-model="formData.num" required :min="0" :max="9000" style="width: 250px; font-size: 20px" @focus="clearInput('num')"></el-input-number> + <el-input-number v-model="formData.quantity" required :min="0" :max="9000" style="width: 250px; font-size: 20px" @focus="clearInput('num')"></el-input-number> </el-form-item> </el-form> @@ -216,6 +219,15 @@ </el-form-item> <el-form-item label="鎵规鍙�"> <el-input v-model="editForm.batchnumber"></el-input> + </el-form-item> + <el-form-item label="闀垮害"> + <el-input v-model="editForm.length"></el-input> + </el-form-item> + <el-form-item label="楂樺害"> + <el-input v-model="editForm.height"></el-input> + </el-form-item> + <el-form-item label="鍘氬害"> + <el-input v-model="editForm.thickness"></el-input> </el-form-item> </el-form> @@ -236,67 +248,12 @@ import { ref, onMounted, onBeforeUnmount } from 'vue'; // 瀵煎叆 Vue 3 鐨勬ā鍧� import * as echarts from 'echarts'; import { ElMessage, ElMessageBox } from 'element-plus' +import {tableData} from '@/stores/tableData.js'; + const loading = ref(false); - const tableData = ref([ - { - location: '1', - type: 'Type A', - length: '100', - height: '50', - thickness: '10', - quantity: '5', - entry_time: '2024-06-19 10:00:00', - batchnumber:"444", - shelf_status: 1 - }, - { - location: '2', - type: 'Type B', - length: '120', - height: '60', - thickness: '12', - quantity: '10', - entry_time: '2024-06-19 10:00:00', - batchnumber:"444", - shelf_status: 0 - }, - { - location: '3', - type: 'Type B', - length: '120', - height: '60', - thickness: '12', - quantity: '10', - entry_time: '2024-06-19 10:00:00', - batchnumber:"444", - shelf_status: 1 - }, - { - location: '4', - type: 'Type B', - length: '120', - height: '60', - thickness: '12', - quantity: '10', - entry_time: '2024-06-19 10:00:00', - batchnumber:"444", - shelf_status: 1 - }, - { - location: '5', - type: 'Type B', - length: '120', - height: '60', - thickness: '12', - quantity: '10', - entry_time: '2024-06-19 10:00:00', - batchnumber:"444", - shelf_status: 1 - } - // Add more data as needed - ]); + const Hidden = ref(false) @@ -470,7 +427,10 @@ const editdialogVisible = ref(false); const editForm = ref({ quantity: '', - batchnumber: '' + batchnumber: '', + length:'', + height:'', + thickness:'' }); const editFormRef = ref(null); let currentRow = ref(null); @@ -478,8 +438,12 @@ // 澶勭悊琛岀偣鍑讳簨浠� const edithandleRowClick = (row) => { currentRow.value = row; + console.log(row) editForm.value.quantity = row.quantity.toString(); editForm.value.batchnumber = row.batchnumber; + editForm.value.length = row.length; + editForm.value.height = row.height; + editForm.value.thickness = row.thickness; editdialogVisible.value = true; console.log(editForm.value) }; @@ -500,6 +464,11 @@ const edithandleDialogClose = () => { editForm.value.quantity = ''; editForm.value.batchnumber = ''; + editForm.value.width = ''; + editForm.value.height = ''; + editForm.value.thickness = ''; + + currentRow.value = null; }; @@ -606,12 +575,13 @@ background-image:url('../../assets/ypcc.png'); background-repeat: no-repeat; background-attachment: local; - min-height: 800px; - width: 1600px; + min-height: 600px; + width: 1400px; max-width: 100%; - background-size: 1400px 800px; + background-size: 1400px 600px; overflow: hidden; - position:relative + position:relative; + margin-top:0px } .img-car1{ @@ -619,10 +589,10 @@ position: absolute; background-repeat: no-repeat; background-attachment: local; - min-height: 200px; + min-height: 400px; width: 200px; max-width: 100%; - background-size: 200px 70px; + background-size: 200px 170px; overflow: hidden; position:relative } -- Gitblit v1.8.0