完善合格证管理

anrui-scm/anrui-scm-ui/src/views/cheliang/hegezhengtaizhang/hegezhengtaizhangAdd.vue

@@ -98,7 +98,8 @@
           <el-col :span="24">
             <el-form-item prop="remarks">
               <span slot="label">备注：</span>
-              <el-input v-model="temp.remarks" type="textarea" :rows="3" maxlength="125" placeholder="" class="addinputw addinputw_remarks" clearable/>
+<!--              <el-input v-model="temp.remarks" type="textarea" :rows="3" maxlength="125" placeholder="" class="addinputw addinputw_remarks" clearable/>-->
+              <span>{{ temp.remarks }}</span>
             </el-form-item>
           </el-col>
         </el-row>
@@ -320,6 +321,22 @@
         </el-row>
       </el-form>
     </div>
+    <el-dialog :visible.sync="dialogVisible" width="50%">
+      <el-form class="formadd">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="3" class="tleftb">
+            <span>说明原因</span>
+          </el-col>
+          <el-col :span="21">
+            <el-form-item><el-input v-model="smRemarks" type="textarea" :rows="3" maxlength="125" placeholder="" class="addinputw addinputw_remarks" clearable/></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="handleCreate">确 定</el-button>
+        <el-button @click="handleReturn">取 消</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -338,6 +355,8 @@ export default {
   data() {
     return {
       viewTitle: '',
+      dialogVisible: false,
+      smRemarks: '',
       // --按钮菜单-------
       menuState: {
         add: false, // 添加
@@ -359,7 +378,8 @@ export default {
         certificatePhoto: [],
         certificateState: '004', // 合格证状态key
         certificateStateValue: '正式', // 合格证状态value
-        noticeModel: '' // 公告型号
+        noticeModel: '', // 公告型号
+        smRemarks: ''
       }, // 添加和修改
       templook: {}, // 查看实体
       Situation: [],
@@ -667,8 +687,11 @@ export default {
         certificateSituationValue: '',
         certificatePhoto: [],
         certificateState: '0002', // 合格证状态key
-        certificateStateValue: '正式' // 合格证状态value
+        certificateStateValue: '正式', // 合格证状态value
+        smRemarks: ''
       } // 添加和修改
+      this.dialogVisible = false
+      this.smRemarks = ''
       this.$emit('doback')
     },
 
@@ -711,10 +734,12 @@ export default {
             })
           } else {
             // this.temp.certificatePhoto = this.attachTypeYingyezhizhao
+            this.temp.smRemarks = this.smRemarks
             Update(this.temp).then((response) => {
               this.FormLoading = false
-              if (response.code === '200') {
+              if (response.success) {
                 // this.getList()
+                if (response.msg !== '该车架号后八位与车辆台账中车架号不符，请填写说明原因') {
                   this.dialogFormVisible = false
                   this.$notify({
                     title: '提示',
@@ -723,6 +748,17 @@ export default {
                     duration: 2000
                   })
                   this.handleReturn('true')
+                } else {
+                  const tip = response.msg
+                  this.$confirm(tip, '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                  }).then(() => {
+                    this.smRemarks = ''
+                    this.dialogVisible = true
+                  })
+                }
               }
             })
           }
@@ -811,10 +847,6 @@ export default {
 }
 </script>
 <style scoped>
-.addinputwda {
-  width: 600px;
-}
-
 .formadd .el-row .el-col /deep/ .el-form-item .addinputw_remarks {
   width: 92%;
 }