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