ota-升级影响评估修改

jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradeimpactassessment.vue

@@ -136,11 +136,29 @@
       </tr>
       <tr>
         <td colspan="2" align="left" height="50px">{{$t('upgradeactivityprovidesuserconfirmationoptions')}}</td>
-        <td height="50px">
-          <a-radio-group style='margin-left: 40px;' v-model="form.yhqr">
-            <a-radio :value="1"> {{ $t('yes') }} </a-radio>
-            <a-radio :value="2"> {{ $t('not') }} </a-radio>
-          </a-radio-group>
+        <td :height="qrheight" style='position: relative'>
+          <div>
+            <a-radio-group class='box-input-qr' @change='qrchange' v-model="form.yhqr">
+              <a-radio :value="'1'"> {{ $t('yes') }} </a-radio>
+              <a-radio :value="'2'"> {{ $t('not') }} </a-radio>
+            </a-radio-group>
+          </div>
+          <div v-if='flagqr'>
+            <j-dict-select-tag class="box-input2"
+                                v-model="form.flagqr"
+                                :disabled="disable"
+                                dictCode="O_T_A_-_sheng1_ji2_ying3_xiang3_ping2_gu1_-_sheng1_ji2_que4_ren4"
+                                :placeholder="$t('PleaseSelect')"
+                                :type="'select'"
+                                @input="handleInput(form.flagqr)"
+                                :triggerChange="false"/>
+          </div>
+          <div v-if='flagqrqt'>
+            <a-input class="box-input-qr2"
+                     v-model="form.aqjzWbk"
+                     :title="form.aqjzWbk ? form.aqjzWbk : $t('PleaseEnter')"
+                     :placeholder="$t('PleaseEnter')"></a-input>
+          </div>
         </td>
       </tr>
       <tr>
@@ -200,6 +218,8 @@ export default {
         importZipUrl: '/ota/otaBaSjSjyxpg/importData?otaId=' + localStorage.getItem('otaId'),//导入
       },
       flag:false,
+      flagqr:false,
+      flagqrqt:false,
       loading: false,
       disable:false,
       columns: [
@@ -329,6 +349,7 @@ export default {
           scopedSlots: { customRender: 'operation' }
         }
       ],
+      qrheight:'50px',
       form:{
         sjmd:'',
       }
@@ -397,6 +418,25 @@ this.$forceUpdate()
           }else{
             this.flag = false
           }
+          if(this.form.yhqr == '1'){
+            this.flagqr = true
+            this.qrheight = '100px'
+          }else{
+            this.flagqr = false
+            this.qrheight = '50px'
+          }
+          if(this.form.yhqr == '1' && (this.form.flagqr == '其他' || this.form.flagqr == 'others')){
+            this.qrheight = '150px'
+            this.flagqrqt = true
+          }else if(this.form.yhqr == '1' && (this.form.flagqr != '其他' || this.form.flagqr != 'others')){
+            this.flagqr = true
+            this.flagqrqt = false
+            this.qrheight = '100px'
+          }else {
+            this.flagqrqt = false
+            this.flagqr = false
+            this.qrheight = '50px'
+          }
         })
     },
     save(){
@@ -426,19 +466,31 @@ this.$forceUpdate()
     changeQuery(val) {
       if(val.indexOf('将车辆置于安全状态') != -1 || val.indexOf('Put the vehicle in a safe position') != -1){
         this.flag = true
-        // let long = localStorage.getItem('language')
-        // let cut = ''
-        // if (long && long == 'zh-cn') {
           this.form.aqjzWbk = '车辆保持在功能受限制状态，此状态下车辆无法行驶，保证其处于安全状态'
-        // } else if (long && long == 'en-us') {
-        //   this.form.aqjzWbk = 'The vehicle remains in a functionally restricted state, in which the vehicle cannot be driven to ensure that it is in a safe state'
-        // }
-        // this.getData()
       }else{
         this.flag = false
         this.form.aqjzWbk = ''
       }
     },
+    qrchange(val){
+      if(val.target.value == '1'){
+        this.qrheight = '100px'
+        this.flagqr = true
+
+      }else{
+        this.qrheight = '50px'
+        this.flagqr = false
+      }
+    },
+    handleInput(val){
+      if(val == '344a3320beba45afb3718c59b7a7144a'){
+        this.qrheight = '150px'
+        this.flagqrqt = true
+      }else {
+        this.qrheight = '100px'
+        this.flagqrqt = false
+      }
+    },
   }
 }
 </script>
@@ -475,6 +527,15 @@ this.$forceUpdate()
   margin-left: 40px;
   top: 4px;
 }
+.box-input-qr {
+  //display: inline-block;
+  width: calc(100% - 80px);
+  position: absolute;
+  top: 16px;
+  height: 38px;
+  margin-left: 40px;
+  //top: 4px;
+}
 .box-input2 {
   //display: inline-block;
   width: calc(100% - 80px);
@@ -483,6 +544,14 @@ this.$forceUpdate()
   margin-left: 40px;
   top: 50px;
 }
+.box-input-qr2 {
+  //display: inline-block;
+  width: calc(100% - 80px);
+  position: absolute;
+  height: 38px;
+  margin-left: 40px;
+  top: 95px;
+}
 ::v-deep .ant-table-row-cell-ellipsis .ant-table-column-title {
   white-space: pre-wrap!important;
 }