From c74dcb8dca7b9e3eded0d20299f19a26a6b70974 Mon Sep 17 00:00:00 2001 From: wujian <14790700720@163.com> Date: 星期三, 31 一月 2024 12:48:45 +0800 Subject: [PATCH] add 追溯报表 --- jcdm-ui/src/views/main/kb/prepareOnline/index.vue | 176 ++++++++++++++++++++++++++++++++-------------------------- 1 files changed, 98 insertions(+), 78 deletions(-) diff --git a/jcdm-ui/src/views/main/kb/prepareOnline/index.vue b/jcdm-ui/src/views/main/kb/prepareOnline/index.vue index 3a4c8ac..2c5d3bb 100644 --- a/jcdm-ui/src/views/main/kb/prepareOnline/index.vue +++ b/jcdm-ui/src/views/main/kb/prepareOnline/index.vue @@ -1,91 +1,103 @@ <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="repairEngineNo" 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.repairEngineNo" - 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> @@ -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