From d9502f15ba2829816b466385df558ce266a8e197 Mon Sep 17 00:00:00 2001
From: hdy <1105738590@qq.com>
Date: 星期六, 13 七月 2024 14:56:31 +0800
Subject: [PATCH] cvt前端界面优化

---
 jcdm-ui/src/views/main/kb/cvt/index.vue |  183 ++++++++++++++++++++++++---------------------
 1 files changed, 99 insertions(+), 84 deletions(-)

diff --git a/jcdm-ui/src/views/main/kb/cvt/index.vue b/jcdm-ui/src/views/main/kb/cvt/index.vue
index 866977f..270f6e5 100644
--- a/jcdm-ui/src/views/main/kb/cvt/index.vue
+++ b/jcdm-ui/src/views/main/kb/cvt/index.vue
@@ -21,67 +21,70 @@
         </el-card>
       </el-col>
     </el-row>
-   <el-row :gutter="0"  >
-     <el-col :span="14">
-       <el-card   class="box-card" style="margin-top: 5px" >
-         <el-form :model="form" size="large" :inline="true" label-width="68px" @submit.native.prevent>
-               <el-form-item label-width="200" label="鍙戝姩鏈虹爜" :prop="form.engineNo"  style="align-content: center">
-                 <input v-model="form.engineNo"
-                        ref="inputdata"
-                        style="height: 39px; width: 300px"
-                        placeholder="璇疯緭鍏ュ彂鍔ㄦ満鐮�"
-                 />
-               </el-form-item>
-         </el-form>
-             <el-form ref="form" :model="form"  label-width="25%"  >
-               <el-form-item   prop="productType"style="margin-top: 30px" >
-      	        <span slot="label" style="font-size:22px;color:black"><strong>鏈哄瀷</strong></span>
-                 <el-input disabled style="font-size:20px"  value="form.productType" v-model="form.productType" placeholder="" />
-               </el-form-item>
-             </el-form>
-             <el-form ref="form" :model="form"  label-width="25%"  >
-               <el-form-item   prop="orderNo" style="margin-top: 30px">
-      	     <span  slot="label" style="font-size:22px;color:black"><strong>宸ュ崟缂栧彿</strong></span>
-                 <el-input disabled style="font-size:20px" v-model="form.orderNo" placeholder="" />
-               </el-form-item>
-             </el-form>
-             <el-form ref="form" :model="form"  label-width="25%"  >
-               <el-form-item   prop="currentWorkstation" style="margin-top: 30px">
-      	     <span slot="label" style="font-size:22px;color:black"><strong>璐ㄩ噺鐘舵��</strong></span>
-                 <el-input disabled style="font-size:20px" v-model:value="form.add" placeholder="" />
-               </el-form-item>
-             </el-form>
-         <el-divider></el-divider>
+    <el-row :gutter="0"  >
+      <el-col :span="14">
+        <el-card   class="box-card" style="margin-top: 5px" >
+          <el-form ef="form" label-width="25%" :model="form"  :inline="true" style="margin-top: 80px;margin-block: 80px" @submit.native.prevent>
+            <el-form-item   :prop="form.engineNo"  style="align-content: center">
+              <span  slot="label" style="font-size:22px;color:black"><strong>宸ュ崟缂栧彿</strong></span>
+              <input v-model="form.engineNo"
+                     ref="inputdata"
+                     style="height: 40px; width: 300px;font-size:18px"
+                     placeholder="璇疯緭鍏ュ彂鍔ㄦ満鐮�"
+              />
+            </el-form-item>
+          </el-form>
+<!--                       <el-form ref="form" :model="form"  label-width="25%"  >-->
+<!--                         <el-form-item   prop="productType"style="margin-top: 30px" >-->
+<!--                	        <span slot="label" style="font-size:22px;color:black"><strong>鏈哄瀷</strong></span>-->
+<!--                           <el-input disabled style="font-size:20px"  value="form.productType" v-model="form.productType" placeholder="" />-->
+<!--                         </el-form-item>-->
+<!--                       </el-form>-->
+          <!--             <el-form ref="form" :model="form"  label-width="25%"  >-->
+          <!--               <el-form-item   prop="orderNo" style="margin-top: 30px">-->
+          <!--      	     <span  slot="label" style="font-size:22px;color:black"><strong>宸ュ崟缂栧彿</strong></span>-->
+          <!--                 <el-input disabled style="font-size:20px" v-model="form.orderNo" placeholder="" />-->
+          <!--               </el-form-item>-->
+          <!--             </el-form>-->
+          <!--             <el-form ref="form" :model="form"  label-width="25%"  >-->
+          <!--               <el-form-item   prop="currentWorkstation" style="margin-top: 30px">-->
+          <!--      	     <span slot="label" style="font-size:22px;color:black"><strong>璐ㄩ噺鐘舵��</strong></span>-->
+          <!--                 <el-input disabled style="font-size:20px" v-model:value="form.add" placeholder="" />-->
+          <!--               </el-form-item>-->
+          <!--             </el-form>-->
+          <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  :disabled="buttondisabled" type="primary" style="width:400px;height:160px" v-hasPermi="['bs:formula:add']">
-               <span   class="el-icon-thumb"   style="font-size:40px;color:black"></span>
-               <span style="font-size:45px;color:black"><strong>寮哄埗涓婄嚎</strong></span>
-             </el-button>
-           </el-col>
-         </el-row>
-       </el-card>
-     </el-col>
+          <el-row :gutter="10" class="mb8" type="flex" justify="center"  style="text-align: center">
+            <el-col :span="1.5">
+              <el-button plain  @click="ScannerInput" type="primary" style="width:400px;height:160px" v-hasPermi="['bs:formula:add']">
+                <span   class="el-icon-thumb"   style="font-size:40px;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="10"  inline style="margin-top: 5px">
-         <el-card class="custom-content" style="height: 530px" >
-         <el-col :span="14"style="  ">
-           <span style="font-size:25px"><strong>璐ㄩ噺鏁版嵁</strong></span>
-           <el-divider></el-divider>
-           {{this.form.engineCheckList}}
-         </el-col>
-         </el-card>
-     </el-col>
-   </el-row>
+      <el-col :span="10"  inline style="margin-top: 5px">
+        <el-card class="custom-content" style="height: 453px" >
+          <el-col :span="14"style="  ">
+            <span style="font-size:25px"><strong>缁撴灉鏁版嵁</strong></span>
+            <el-divider></el-divider>
+            {{this.form.engineCheckList}}
+          </el-col>
+        </el-card>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script>
+
 
 import { listOrderScheduling, getOrderScheduling, delOrderScheduling, addOrderScheduling, updateOrderScheduling } from "@/api/main/bs/orderScheduling/orderScheduling";
 import {listPassingStationCollection, getPassingStationCollection, delPassingStationCollection, addPassingStationCollection, updatePassingStationCollection,initializedData } from "@/api/main/da/passingStationCollection/passingStationCollection";
 import {listLineInfo} from "@/api/main/bs/lineInfo/lineInfo";
 import {getIp, listStationConf} from "@/api/main/sc/stationConf";
+import {time} from "echarts";
 
 export default {
   components: { },
@@ -158,58 +161,70 @@
       if (event.key === 'Enter'){
         this.scannerFlag = true
         console.log("鏉$爜锛�",this.form.engineNo)
-        if(this.form.engineNo !== null && this.form.engineNo !== undefined) {
-          console.log("鏉$爜2锛�",this.locationCode)
+        console.log("鏉$爜2锛�",this.locationCode)
+        if(this.form.engineNo !== null && this.form.engineNo !== '') {
+
+          console.log("鏉$爜3锛�",this.form.engineCheckList)
             initializedData({sfcCode:this.form.engineNo,locationCode:this.locationCode}).then(res =>{
               if(res.code===500){
                   this.$createElement;
               }else {
+
                 addPassingStationCollection({sfcCode:this.form.engineNo,locationCode:this.locationCode}).then(res =>{
-                  console.log("rrrrr",res)})
+                  console.log("rrrrr",res)}
+                )
                 this.$message({
                   message: '鎵爜鎴愬姛',
                   type: 'success'
                 });
+                this.scanResult();
               }
             })
         }else{
+          this.$message({
+            message: '鏈畬鎴愭壂鐮�',
+            type: 'error'
+          });
           this.reset();
           this.buttondisabled = true
-          const h = this.$createElement;
+        }
+      }
+
+    },
+
+
+
+    ScannerInput(){
+        console.log("鏉$爜锛�",this.form.engineNo)
+        console.log("鏉$爜2锛�",this.locationCode)
+        if(this.form.engineNo !== null && this.form.engineNo !==  '') {
+          initializedData({sfcCode:this.form.engineNo,locationCode:this.locationCode}).then(res =>{
+            if(res.code===500){
+              this.$createElement;
+            }else {
+              addPassingStationCollection({sfcCode:this.form.engineNo,locationCode:this.locationCode}).then(res =>{
+                console.log("rrrrr",res)})
+              this.$message({
+                message: '鎵爜鎴愬姛',
+                type: 'success'
+              });
+              this.scanResult();
+            }
+          })
+        }
+        else {
           this.$message({
-            message: h('p',null, [
-              h('span', null, '璀﹀憡 '),
-              h('i', { style: 'color: black' }, '杈撳叆鐨勫彂鍔ㄦ満鍙锋湁璇�'),
-              h()]),
-            type: 'error',
-            center: true,
-            offset:300
+            message: '鏈畬鎴愭壂鐮�',
+            type: 'error'
           });
         }
-
-      }
-      // this.AddEngineNo();
     },
 
-    handleScannerInput111(event){
-      const param = {
-        sfcCode: this.from.engineNo,
-      }
-      addPassingStationCollection(param).then(response => {
-      });
+    scanResult(){
+      this.currentDate = new Date().toLocaleDateString();
+      this.currentTime = new Date().toLocaleTimeString();
+      this.form.engineCheckList = "鏉$爜:"+this.form.engineNo +"\n鎵爜鏃堕棿:" + this.currentDate+"/"+this.currentTime ;
     },
-
-
-    // AddEngineNo(){
-    //   const param = {
-    //     locationCode: this.from.locationCode,
-    //     sfcCode: this.from.engineNo,
-    //     // locationCode:"OP110",
-    //     // sfcCode:"666",
-    //
-    //   }
-    //       addPassingStationCollection(param).then(response =>{});
-    // },
 
     getStationConf() {
       getIp().then(response => {
@@ -232,7 +247,7 @@
         qualityStatus:null,
         currentWorkstation: null,
         add: null,
-        engineCheckList:'鏆傛棤鏁版嵁',
+        engineCheckList:'',
       };
       this.resetForm("form");
     },

--
Gitblit v1.9.3