From 8f6607b970230ed2f7c9f1845e6446e50438b44b Mon Sep 17 00:00:00 2001 From: hdy <1105738590@qq.com> Date: 星期四, 18 一月 2024 16:22:40 +0800 Subject: [PATCH] 新增-看板-发动机数据检查页面 --- jcdm-ui/src/views/main/kb/engineCheck/index.vue | 174 +++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 113 insertions(+), 61 deletions(-) diff --git a/jcdm-ui/src/views/main/kb/engineCheck/index.vue b/jcdm-ui/src/views/main/kb/engineCheck/index.vue index 97aa8d3..7f0964b 100644 --- a/jcdm-ui/src/views/main/kb/engineCheck/index.vue +++ b/jcdm-ui/src/views/main/kb/engineCheck/index.vue @@ -11,47 +11,41 @@ </div> </template> </el-card> - <el-row :gutter="5" style="margin-top: 10px"> + <el-row :gutter="5" style="margin-top: 10px"> <el-col :span="10" > <el-card class="bottom-card"> <el-descriptions :column="1" > <el-descriptions-item> <el-form ref="form" :model="form" label-width="200px" style="height: 60px;margin-top: 20px" > - <el-form-item prop="remark" > - <span slot="label"> - <span style="font-size:45px;color:black"><strong>鍙戝姩鏈哄彿</strong></span> - </span> - <el-input style="font-size:30px" v-model="remark" placeholder="璇疯緭鍏ュ彂鍔ㄦ満鍙�" /> + <el-form-item prop="engineNo" > + <span slot="label" style="font-size:45px;color:black"><strong>鍙戝姩鏈哄彿</strong></span> + <el-input style="font-size:30px" v-model="form.engineNo" placeholder="璇疯緭鍏ュ彂鍔ㄦ満鍙�" > + <el-button slot="append" @click="EngineNohandleChange" icon="el-icon-search"></el-button> + </el-input> </el-form-item> </el-form> </el-descriptions-item> <el-descriptions-item> <el-form ref="form" :model="form" label-width="200px" style="height: 60px;margin-top: 20px" > - <el-form-item prop="remark" > - <span slot="label"> - <span style="font-size:45px;color:black"><strong>浜у搧鍨嬪彿</strong></span> - </span> - <el-input disabled style="font-size:30px" v-model="remark" placeholder="" /> + <el-form-item prop="productType" > + <span slot="label" style="font-size:45px;color:black"><strong>浜у搧鍨嬪彿</strong></span> + <el-input disabled style="font-size:30px" v-model="form.productType" placeholder="" /> </el-form-item> </el-form> </el-descriptions-item> <el-descriptions-item> <el-form ref="form" :model="form" label-width="200px" style="height: 60px;margin-top: 20px" > - <el-form-item prop="remark" > - <span slot="label"> - <span style="font-size:45px;color:black"><strong>宸ュ崟缂栧彿</strong></span> - </span> - <el-input disabled style="font-size:30px" v-model="remark" placeholder="" /> + <el-form-item prop="orderNo" > + <span slot="label" style="font-size:45px;color:black"><strong>宸ュ崟缂栧彿</strong></span> + <el-input disabled style="font-size:30px" v-model="form.orderNo" placeholder="" /> </el-form-item> </el-form> </el-descriptions-item> <el-descriptions-item> <el-form ref="form" :model="form" label-width="200px" style="height: 60px;margin-top: 20px" > - <el-form-item prop="remark" > - <span slot="label"> - <span style="font-size:45px;color:black"><strong>璐ㄩ噺鐘舵��</strong></span> - </span> - <el-input disabled style="font-size:30px" v-model="remark" placeholder="" /> + <el-form-item prop="qualityStatus" > + <span slot="label" style="font-size:45px;color:black"><strong>璐ㄩ噺鐘舵��</strong></span> + <el-input disabled style="font-size:30px" v-model="form.qualityStatus" placeholder="" /> </el-form-item> </el-form> </el-descriptions-item> @@ -59,65 +53,123 @@ <el-divider></el-divider> <el-row :gutter="10" class="mb8" type="flex" justify="center" style="text-align: center"> <el-col :span="1.5"> - <el-button - plain - icon="el-icon-thumb" - style="width:400px;height:160px" - v-hasPermi="['bs:formula:add']"> + <el-button plain style="width:400px;height:160px" v-hasPermi="['bs:formula:add']"> + <span class="el-icon-thumb" style="font-size:45px;color:black"></span> <span style="font-size:45px;color:black"><strong>寮哄埗涓婄嚎</strong></span></el-button> </el-col> </el-row> </el-card> - </el-col> - <el-col :span="14"> - <el-tabs type="border-card" style="height: 600px"> - <el-col :span="8"> - <el-table> - <el-table-column label="搴忓彿" align="center" prop="repairIdentification" width="50px"/> - <el-table-column label="鎿嶄綔鍐呭" align="center" prop="boxCode" width="300px"/> - </el-table> - </el-col> - <el-col :span="16"> - <el-image style="height: 520px;width: 100%" :src="imgSrc"></el-image> - </el-col> + + + <el-col :span="14" inline style="height:600px;width:850px "> + <el-tabs type="border-card" > + <el-card> + <el-col :span="14"style="height: 270px;width:800px "> + <span style="font-size:25px"><strong>璐ㄩ噺鐘舵��</strong></span> + <el-divider></el-divider> + {{queryParams.productType}} + </el-col> + </el-card> + <el-card style="margin-top: 10px" > + <el-col :span="14"style="height: 270px;width:800px "> + <span style="font-size:25px"><strong>鏈�缁堢粨鏋�</strong></span> + <el-divider></el-divider> + {{queryParams.productType}} + </el-col> + </el-card> </el-tabs> </el-col> </el-row> - - </div> </template> <script> + +import { listOrderScheduling, getOrderScheduling, delOrderScheduling, addOrderScheduling, updateOrderScheduling } from "@/api/main/bs/orderScheduling/orderScheduling"; +import {listWorkshop} from "@/api/main/bs/workshop/workshop"; +import axios from 'axios'; + + export default { - components: {}, + components: { }, + options: [], props: [], data() { return { - imgSrc: '', - } + showFlag:false, + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10, + orderNo: null, + engineNo: null, + productType: '666', + model: null, + productionStatus: null, + workingHours: null, + currentWorkstation: null, + qualityStatus: null, + whetherOrPrint: null, + report10: null, + report20: null, + combinedBoxTime: null, + finalAssemblyTime: null, + operator: null, + operateTime: null, + status: null, + spareField1: null, + spareField2: null, + spareField3: null, + spareField4: null, + createUser: null, + updateUser: null, + remarks: null + }, + + // 琛ㄥ崟鍙傛暟 + form: {}, + }; }, + computed: {}, watch: {}, - created() {}, + created() { + this.initOrderScheduling(); + }, mounted() {}, - methods: {} -} + methods: { + + EngineNohandleChange(){ + axios.get('@/api/main/bs/orderScheduling/orderScheduling', { + params: { + engineNo: this.engineNo, + }, + }) + .then(response => { + const dataFromOrderScheduling = response.data; + if (dataFromOrderScheduling.length > 0) { + const order = dataFromOrderScheduling[0]; + this.engineNo = order.engineNo; + this.productType = order.productType; + this.orderNo = order.orderNo; + } else { + // Handle case when no data is found + } + }) + .catch(error => { + console.error(error); + }); + }, + }, + + initOrderScheduling(){ + listOrderScheduling(this.queryParams).then(response => { + this.form.queryParams = response.rows; + + }); + }, + } + </script> -<style scoped> -.bottom-card{ - height: 600px; -} -.circle-button{ - height: 30px; - width: 30px; - //background-color: #ce0b0b; - //background-color: #00afff; - background-color: #13ce66; -} -span{ - font-size: 15px; -} -</style> -- Gitblit v1.9.3