From 254a3993588431f2f4c0e76f062d22b6f7db17ca Mon Sep 17 00:00:00 2001
From: hdy <1105738590@qq.com>
Date: 星期三, 31 一月 2024 16:11:30 +0800
Subject: [PATCH] 新增配瓦规则看板
---
jcdm-ui/src/views/main/kb/prepareOnline/index.vue | 211 +++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 157 insertions(+), 54 deletions(-)
diff --git a/jcdm-ui/src/views/main/kb/prepareOnline/index.vue b/jcdm-ui/src/views/main/kb/prepareOnline/index.vue
index e6328b4..2c5d3bb 100644
--- a/jcdm-ui/src/views/main/kb/prepareOnline/index.vue
+++ b/jcdm-ui/src/views/main/kb/prepareOnline/index.vue
@@ -1,67 +1,125 @@
<template>
<div class="app-container">
- <el-card class="box-card">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
- <el-form-item label-width="120" label="宸ヨ壓娴佺▼缂栫爜" prop="routeCode">
- <el-input
- v-model="queryParams.routeCode"
- placeholder="璇疯緭鍏ュ伐鑹烘祦绋嬬紪鐮�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item style="float: right">
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
- </el-form-item>
- </el-form>
- </el-card>
- <el-card style="margin-top: 10px" class="box-card">
- <el-table border v-loading="loading" :data="dataList" v-if="dataList.length > 0">
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column :show-overflow-tooltip='true' label="宸ュ崟缂栧彿" width="130" align="center">
- <template slot-scope="scope">
- <router-link :to="{path: '/main/route-data/index/', query: {routeCode: scope.row.routeCode,routeId: scope.row.id} }" class="link-type">
- <span>{{ scope.row.routeCode }}</span>
- </router-link>
- </template>
- </el-table-column>
- <el-table-column :show-overflow-tooltip='true' label="浜у搧灏忕郴鍒�" width="130" align="center" prop="routeName">
- </el-table-column>
- <el-table-column label="SN娴佹按鍙�" width="130" align="center" prop="productCode">
- </el-table-column>
- <el-table-column label="鐘舵��" width="160" align="center" prop="productName">
- </el-table-column>
- <el-table-column label="鏄惁鎵撳嵃" align="center" prop="version">
- </el-table-column>
- <el-table-column label="鎵撳嵃鏃堕棿" align="center" prop="status">
- <template slot-scope="scope">
- <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
- </template>
- </el-table-column>
- </el-table>
- <el-empty v-else>
- <span slot="description">鏆傛棤鏁版嵁</span>
- </el-empty>
- </el-card>
+ <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
+ 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; 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="宸ュ崟缂栧彿" 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>
+
+ </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 >
+ <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 {listOrderScheduling2} from "@/api/main/bs/orderScheduling/orderScheduling";
+import VueQr from 'vue-qr'
export default {
name: "index",
- dicts: ['sys_normal_disable'],
+ dicts: ['sys_normal_disable','order_scheduling_produce_status','print_status'],
+ components: {
+ VueQr,
+ },
data(){
return{
+ qrCode: '',
// 鏌ヨ鍙傛暟
queryParams: {
- pageNum: 1,
- pageSize: 10,
- routeCode: null,
- routeName: null,
- productCode: null,
- productName: null,
- status: null,
- dataSource: null,
+ orderNo: '',
+ isRepairFlag: '',
+ repairEngineNo: ''
},
dataList: []
}
@@ -69,13 +127,58 @@
methods:{
/** 鎼滅储鎸夐挳鎿嶄綔 */
handleQuery() {
- this.queryParams.pageNum = 1;
this.getList();
},
+ getList(){
+ listOrderScheduling2(this.queryParams).then(response => {
+ console.log("--------------------"+response.rows)
+ this.dataList = response.rows
+ if (this.queryParams.orderNo === '' || this.queryParams.orderNo === null){
+ this.qrCode = ''
+ }else {
+ if (this.dataList.length > 0){
+ this.qrCode = this.queryParams.orderNo
+ }else {
+ this.qrCode = ''
+ }
+ }
+ console.log("qrcode",this.qrCode)
+
+ });
+ },
+ filterTag(value, row) {
+ return row.tag === value;
+ },
+ cleanFlag(){
+ if (this.queryParams.isRepairFlag === false){
+ this.queryParams.repairEngineNo = ''
+ }
+ },
+ filterHandler(value, row, column) {
+ const property = column['property'];
+ return row[property] === value;
+ },
+
+ },
+ mounted() {
+ this.getList()
}
}
</script>
<style scoped>
-
+::v-deep .el-form-item__label{
+ font-size: large;
+}
+::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