完善合格证管理

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>
 
@@ -334,10 +351,12 @@ import { typeValues } from '@/api/cheliang/dictcommons'
 import ImageUpload from '@/components/uploadFile/ManyImageUpload' // 上传文件
 export default {
   name: 'PinpaiAdd',
-  components: {ImageUpload},
+  components: { ImageUpload },
   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,9 +687,12 @@ export default {
         certificateSituationValue: '',
         certificatePhoto: [],
         certificateState: '0002', // 合格证状态key
-        certificateStateValue: '正式' // 合格证状态value
+        certificateStateValue: '正式', // 合格证状态value
+        smRemarks: ''
       } // 添加和修改
-        this.$emit('doback')
+      this.dialogVisible = false
+      this.smRemarks = ''
+      this.$emit('doback')
     },
 
     // 添加前数据初始化
@@ -711,18 +734,31 @@ 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()
-                this.dialogFormVisible = false
-                this.$notify({
-                  title: '提示',
-                  message: '修改成功',
-                  type: 'success',
-                  duration: 2000
-                })
-                this.handleReturn('true')
+                if (response.msg !== '该车架号后八位与车辆台账中车架号不符，请填写说明原因') {
+                  this.dialogFormVisible = false
+                  this.$notify({
+                    title: '提示',
+                    message: '修改成功',
+                    type: 'success',
+                    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%;
 }