From 8b43954926db6b4df6a61ab6e04d6cb11189069d Mon Sep 17 00:00:00 2001 From: 吴健 <14790700720@163.com> Date: 星期二, 15 四月 2025 08:54:08 +0800 Subject: [PATCH] add-415 --- jcdm-ui/src/views/main/kb/prepareOnline/index.vue | 184 +++++++++++++++++++++++++-------------------- 1 files changed, 102 insertions(+), 82 deletions(-) diff --git a/jcdm-ui/src/views/main/kb/prepareOnline/index.vue b/jcdm-ui/src/views/main/kb/prepareOnline/index.vue index c03c297..2c5d3bb 100644 --- a/jcdm-ui/src/views/main/kb/prepareOnline/index.vue +++ b/jcdm-ui/src/views/main/kb/prepareOnline/index.vue @@ -1,98 +1,110 @@ <template> <div class="app-container"> - <el-card class="box-card" > - <el-form :model="queryParams.orderNo" ref="queryForm" :inline="true" label-width="68px" > - <el-form-item label-width="120" label="宸ュ崟缂栧彿:" prop="orderNo"> - <el-input - v-model="queryParams.orderNo" - placeholder="璇疯緭鍏ュ伐鍗曠紪鍙�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item style="margin-left: 20px"> - <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">鏌ヨ</el-button> - </el-form-item> - <el-form-item style="margin-left: 360px"> - <el-checkbox-group v-model="queryParams.isRepairFlag"> - <el-checkbox @change="cleanFlag" name="type"></el-checkbox> - </el-checkbox-group> - </el-form-item> - <el-form-item label-width="120" label="杩斾慨鍙戝姩鏈哄彿:" prop="engineNo" style="margin-left: 5px"> + <div style="height: 100%;width: 100%"> + <el-card class="box-card" > + <el-form :model="queryParams.orderNo" ref="queryForm" :inline="true" > + <el-form-item label="宸ュ崟缂栧彿:" prop="orderNo" > + <el-input + style="width: 160px" + v-model="queryParams.orderNo" + placeholder="璇疯緭鍏ュ伐鍗曠紪鍙�" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item style="margin-left: 1%"> + <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">鏌ヨ</el-button> + </el-form-item> + <el-form-item style="margin-left: 5%"> + <el-checkbox-group v-model="queryParams.isRepairFlag"> + <el-checkbox @change="cleanFlag" name="type"></el-checkbox> + </el-checkbox-group> + </el-form-item> + <el-form-item label="杩斾慨鍙戝姩鏈哄彿:" prop="repairEngineNo" > - <el-input - :disabled="!queryParams.isRepairFlag" - v-model="queryParams.engineNo" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> + <el-input + style="width: 160px" + :disabled="!queryParams.isRepairFlag" + v-model="queryParams.repairEngineNo" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> - </el-form> - </el-card> - <el-row :gutter="0"> - <el-col :span="20"> - <div style="height: 490px;"> - <el-card style="margin-top: 10px; height: 490px; " class="box-card"> - <el-table border v-loading="loading" :data="dataList" height="460" - style="width: 100%" v-if="dataList.length > 0"> + </el-form> + </el-card> + <el-row :gutter="0"> + <el-col :span="20"> + <div style="height: 490px;"> + <el-card style="margin-top: 10px; height: 490px; width: 100%" class="box-card"> + <el-table border v-loading="loading" :data="dataList" height="460" + style="width: 100%" v-if="dataList.length > 0"> - <el-table-column :show-overflow-tooltip='true' label="宸ュ崟缂栧彿" width="230" align="center" prop="orderNo"> - </el-table-column> - <el-table-column :show-overflow-tooltip='true' label="浜у搧灏忕郴鍒�" width="230" align="center" prop="model"> - </el-table-column> - <el-table-column :show-overflow-tooltip='true' label="SN娴佹按鍙�" width="230" align="center" prop="engineNo"> - </el-table-column> - <el-table-column label="鐘舵��" width="80" align="center" prop="productionStatus"> -<!-- <template slot-scope="scope">--> -<!-- <span v-if="scope.row.productionStatus === '1'">鏄�</span>--> -<!-- <span v-if="scope.row.productionStatus === '0'">鍚�</span>--> -<!-- </template>--> - <template slot-scope="scope"> - <dict-tag :options="dict.type.order_scheduling_produce_status" :value="scope.row.productionStatus"/> - </template> - </el-table-column> - <el-table-column label="鏄惁鎵撳嵃" width="80" align="center" prop="whetherOrPrint"> + <el-table-column :show-overflow-tooltip='true' label="宸ュ崟缂栧彿" align="center" prop="orderNo"> + </el-table-column> + <el-table-column :show-overflow-tooltip='true' label="浜у搧灏忕郴鍒�" align="center" prop="model"> + </el-table-column> + <el-table-column :show-overflow-tooltip='true' label="SN娴佹按鍙�" align="center" prop="engineNo"> + </el-table-column> + <el-table-column label="鐘舵��" width="80" align="center" prop="productionStatus"> + <!-- <template slot-scope="scope">--> + <!-- <span v-if="scope.row.productionStatus === '1'">鏄�</span>--> + <!-- <span v-if="scope.row.productionStatus === '0'">鍚�</span>--> + <!-- </template>--> + <template slot-scope="scope"> + <dict-tag :options="dict.type.order_scheduling_produce_status" :value="scope.row.productionStatus"/> + </template> + </el-table-column> + <el-table-column label="鏄惁鎵撳嵃" width="80" align="center" prop="whetherOrPrint"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.print_status" :value="scope.row.whetherOrPrint"/> - </template> + <template slot-scope="scope"> + <dict-tag :options="dict.type.print_status" :value="scope.row.whetherOrPrint"/> + </template> - </el-table-column> - <el-table-column label="鎵撳嵃鏃堕棿" align="center" prop="null"> - </el-table-column> - </el-table> - <el-empty v-else> - <span slot="description">鏆傛棤鏁版嵁</span> - </el-empty> - </el-card> - </div> - - </el-col> - <el-col :span="4"> - <el-card style="margin-top: 10px; min-height: 490px" class="box-card"> - <div style="min-width: 180px;min-height: 185px"> - <vue-qr - v-if="qrCode !==''" - ref="qrCode" - :text="qrCode" - width="180" - height="180" - ></vue-qr> + </el-table-column> + <el-table-column label="鎵撳嵃鏃堕棿" align="center" prop="null"> + </el-table-column> + </el-table> + <el-empty v-else> + <span slot="description">鏆傛棤鏁版嵁</span> + </el-empty> + </el-card> </div> - <el-button type="success" style="margin-top: 190px; margin-left: 50px; width: 100px">绯荤粺璁剧疆</el-button> - </el-card> - </el-col> - </el-row> + </el-col> + <el-col :span="4"> + + <el-card style="margin-top: 10px; min-height: 490px" class="box-card"> + <div > + <el-row class="centerImg" style="min-width: 80%;min-height: 90%"> + <vue-qr + v-if="qrCode !==''" + ref="qrCode" + :text="qrCode" + width="100%" + height="100%" + ></vue-qr> + </el-row> + <el-row class="centerImg"> + <el-button type="success" style="margin-top: 80%; width: 100%">绯荤粺璁剧疆</el-button> + </el-row> + + + + </div> + </el-card> + </el-col> + </el-row> + </div> + </div> </template> <script> -import {listOrderScheduling} from "@/api/main/bs/orderScheduling/orderScheduling"; +import {listOrderScheduling2} from "@/api/main/bs/orderScheduling/orderScheduling"; import VueQr from 'vue-qr' export default { name: "index", @@ -107,7 +119,7 @@ queryParams: { orderNo: '', isRepairFlag: '', - engineNo: '' + repairEngineNo: '' }, dataList: [] } @@ -118,7 +130,7 @@ this.getList(); }, getList(){ - listOrderScheduling(this.queryParams).then(response => { + listOrderScheduling2(this.queryParams).then(response => { console.log("--------------------"+response.rows) this.dataList = response.rows if (this.queryParams.orderNo === '' || this.queryParams.orderNo === null){ @@ -139,7 +151,7 @@ }, cleanFlag(){ if (this.queryParams.isRepairFlag === false){ - this.queryParams.engineNo = '' + this.queryParams.repairEngineNo = '' } }, filterHandler(value, row, column) { @@ -161,4 +173,12 @@ ::v-deep .el-card__body{ padding: 15px 20px 0px 20px; } +::v-deep .el-input .el-input--medium .el-input--suffix{ + width: 200px; +} +.centerImg{ + display: flex; + justify-content: center; + align-items: center; +} </style> -- Gitblit v1.9.3