From a7d816c40f5035c3ae4ddffc32ed80d3c55e3f4f Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期五, 08 三月 2024 17:11:52 +0800
Subject: [PATCH] 原材料检验:检测值失焦保存

---
 src/views/quality/rawMaterial/rawMaterial-form.vue |  144 ++++++++++++++++++++++++++----------------------
 1 files changed, 78 insertions(+), 66 deletions(-)

diff --git a/src/views/quality/rawMaterial/rawMaterial-form.vue b/src/views/quality/rawMaterial/rawMaterial-form.vue
index 89e79b8..31e5075 100644
--- a/src/views/quality/rawMaterial/rawMaterial-form.vue
+++ b/src/views/quality/rawMaterial/rawMaterial-form.vue
@@ -177,31 +177,22 @@
                       <el-table-column prop="testValue" label="妫�娴嬪��" min-width="160" v-for="(item,index) in empiricalValueAdd" :key="index">
                         <template slot-scope="scope">
                           <div v-if="!scope.row.children">
-                          <el-tooltip :disabled="scope.row.deviceId != null" class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start">
-                            <el-autocomplete clearable
-                            :disabled="scope.row.deviceId == null ||  (dataForm.id!=null&&(resultVal!=null && resultVal!=''))"
-                            @input="changeState(scope.row,scope.$index)"
-                            v-model="scope.row.testValueList[index]"
-                            :fetch-suggestions="querySearch"
-                            placeholder="璇疯緭鍏ユ垨閫夋嫨妫�娴嬪��" >
-                            <i style="line-height: normal;padding: 10px 7px;" class="el-icon-arrow-down" slot="suffix"></i>
-                            <template slot-scope="{ item }">
-                                <div>{{ item.value }}</div>
-                            </template>
-                            </el-autocomplete>
-
-                              <!-- <el-select style="width:100%" filterable
-                              :disabled="scope.row.deviceId == null ||  (dataForm.id!=null&&(resultVal!=null && resultVal!=''))"
-                              v-model="scope.row.testValueList[index]"
-                              placeholder="璇疯緭鍏ユ垨閫夋嫨妫�娴嬪��"
-                              allow-create
-                              default-first-option
-                              @change="changeState(scope.row,scope.$index)"
-                              @blur="selectBlur"
-                              >
-                                <el-option label="鏄�" value="鏄�"/>
-                                <el-option label="鍚�" value="鍚�"/>
-                              </el-select> -->
+                            <!-- :disabled="scope.row.deviceId == null ||  (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" -->
+                                <!-- @input="$nextTick(()=>{checkTestValues(scope.row)})" -->
+                                <!-- @blur.capture.native="changeState(scope.row)" -->
+                            <el-tooltip :disabled="scope.row.deviceId != null" class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start">
+                                <el-autocomplete clearable
+                                cache="false"
+                                ref="testValueInput"
+                                @blur="checkTestValues(scope.row,'blur',$event)"
+                                @select="checkTestValues(scope.row,'select',$event)"
+                                v-model="scope.row.testValueList[index]"
+                                :fetch-suggestions="querySearch"
+                                placeholder="璇疯緭鍏ユ垨閫夋嫨妫�娴嬪��" >
+                                <template slot-scope="{ item }">
+                                    <div>{{ item.value }}</div>
+                                </template>
+                                </el-autocomplete>
                             </el-tooltip>
                           </div>
                         </template>
@@ -226,7 +217,7 @@
                       <el-table-column prop="note" label="妫�楠屾弿杩�" width="160" >
                         <template slot-scope="scope">
                           <div v-if="!scope.row.children">
-                            <el-input @blur="changeState(scope.row, scope.$index)" :disabled="scope.row.deviceId == null ||  (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" v-model="scope.row.note" placeholder="妫�楠屾弿杩�"></el-input>
+                            <el-input @blur="checkTestValues(scope.row,'blur',$event)" :disabled="scope.row.deviceId == null ||  (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" v-model="scope.row.note" placeholder="妫�楠屾弿杩�"></el-input>
                           </div>
                         </template>
                       </el-table-column>
@@ -416,11 +407,10 @@
   import rawMaterialPartDialog from '@/views/common/rawMaterial-part'
   import { getStore } from '@/util/store'
   import qrCodeApp from '@/views/common/qrCodeApp'
-  import transformImage from '@/util/fileTransform'
   export default {
   components:{
     rawMaterialPartDialog,
-    qrCodeApp
+    qrCodeApp,
   },
     computed:{},
     data(){
@@ -486,7 +476,7 @@
             }],
             dataRule: {
               code:[{ required: true, message: '璇锋壂鎻忛�夋嫨闆朵欢', trigger: 'blur' }],
-              createTime: [{ required: true, message: '璇烽�夋嫨鎶ユ鏃ユ湡', trigger: 'change' }]
+              createTime: [{ required: true, message: '璇烽�夋嫨鎶ユ鏃ユ湡', trigger: 'blur' }]
             },
             deviceList: [],
         }
@@ -749,7 +739,7 @@
               required: null,
               rpId: null,
               name: null,
-              unit: 'mm',
+              unit: '',
               userName: null,
               testValue: '',
               testValueList: [],
@@ -892,44 +882,59 @@
         console.log(e,e.target.tabIndex);
         console.log(e.target.value);
       },
-      changeState(row, index) {
-        if(row){
-            let isTrue = true
-            for(var i=0;i<row.testValueList.length;i++){
-              let val = row.testValueList[i]
-              let reg = /(^-?[0-9]{1,6}$)|(^-?[0-9]{1,6}[\.]{1}[0-9]{1,3}$)/
-              if(val.slice(-1)!='.'){
-                  if(!reg.test(val) && !['鏄�','鍚�'].includes(val)){
-                      row.testValueList[i] = null
-                      this.$message.error("璇疯緭鍏�6浣嶆暟瀛楁垨閫夋嫨鏄惁")
-                      isTrue = false
+      checkTestValues(row,currentOption,event){
+          if(row){
+              let isTrue = true
+              if(currentOption==='blur'){
+                  let targetVal = event.target.value
+                  if( (targetVal && ['鏄�','鍚�'].includes(targetVal)) || !targetVal){
+                    isTrue = false
+                  }else{
+                      for(var i=0;i<row.testValueList.length;i++){
+                          let val = row.testValueList[i]
+                          if(val != '' && val != null){
+                              if(!['鏄�','鍚�'].includes(val)){
+                                  let reg = /(^-?[0-9]{1,6}$)|(^-?[0-9]{1,6}[\.]{1}[0-9]{1,3}$)/
+                                  if(!reg.test(val)){
+                                    row.testValueList[i] = ''
+                                    event.target.value = ''
+                                    this.$message.error("璇疯緭鍏�6浣嶆暟瀛楁垨閫夋嫨鏄惁")
+                                    isTrue = false
+                                }
+                            }
+                          }
+                      }
                   }
               }
-            }
-            if(!isTrue){
-              return
-            }
-        }
-        if (row.rpId != null && row.rpId != '') {
-          let val = row.testValueList.join(",")
-          if (val === undefined || val === '' || val === null) {
-              return
-          }
-          let obj = {
-              deviceId: row.deviceId,
-              rpId: row.rpId,
-              testValue: val,
-              note: row.note
-          }
-          updateRawInsProduct(obj).then(res => {
-              if (res.data.code == 0) {
-                  this.$message.success("鏇存柊鎴愬姛")
-              } else {
-                  this.$message.error("鏇存柊澶辫触")
+              if(!isTrue){
+                  return
               }
-              this.init(this.dataForm.id)
-          })
-        }
+              this.changeState(row)
+          }
+      },
+      changeState(row) {
+          this.$nextTick(()=>{
+            if (row.rpId != null && row.rpId != '') {
+                let val = row.testValueList.join(",")
+                if (val === undefined || val === '' || val === null) {
+                    return
+                }
+                let obj = {
+                    deviceId: row.deviceId,
+                    rpId: row.rpId,
+                    testValue: val,
+                    note: row.note
+                }
+              updateRawInsProduct(obj).then(res => {
+                  if (res.data.code == 0) {
+                      this.$message.success("鏇存柊鎴愬姛")
+                  } else {
+                      this.$message.error("鏇存柊澶辫触")
+                  }
+                  this.init(this.dataForm.id)
+              })
+            }
+        })
       },
       // 鍒犻櫎瀛愰」鐩�
       delChildren(row,index,isParent) {
@@ -961,7 +966,7 @@
           required: null,
           rpId: null,
           name: null,
-          unit: 'mm',
+          unit: '',
           userName: null,
           testValue: null,
           testValueList: [],
@@ -1202,6 +1207,13 @@
   border: 1px solid #e4e7ed;
   border-bottom: none;
 }
+.dropdown{
+    position: relative;
+    right: 30px;
+    top: 5px;
+    color: #C0C4CC;
+    font-size: 14px;
+}
 @media (max-width: 767px) {
   .pad-addcol-btn{
     font-size:12px;

--
Gitblit v1.9.3