质控卡自定义组件问题处理

zkqy-ui/src/views/bussiness/dialogCompments/Mec/RecordQuality.vue

@@ -6,9 +6,7 @@
         <span>工装信息</span>
       </div>
       <div class="message">
-        <div class="list" 
-          v-for="(item,index) in message"
-          :key="index">
+        <div class="list" v-for="(item, index) in message" :key="index">
           <div class="list-card">
             <p>{{ item.title }}</p>
             <p class="content">{{ form.master_task[item.prop] }}</p>
@@ -31,12 +29,26 @@
       </div>
     </div>
     <div class="card">
-      <el-form :rules="rules" :model="form" ref="form" label-position="top"  label-width="100px" :inline="false" size="normal">
+      <el-form
+        :rules="rules"
+        :model="form"
+        ref="form"
+        label-position="top"
+        label-width="100px"
+        :inline="false"
+        size="normal"
+      >
         <el-form-item label="质控卡号:" prop="card">
-          <el-input v-model="form.card"  placeholder="请输入内容"></el-input>
+          <el-input v-model="form.card" placeholder="请输入内容"></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" class="btn" icon="el-icon-success" @click="submitHandler">记录质控卡</el-button>
+          <el-button
+            type="primary"
+            class="btn"
+            icon="el-icon-success"
+            @click="submitHandler"
+            >记录质控卡</el-button
+          >
         </el-form-item>
       </el-form>
     </div>
@@ -52,9 +64,13 @@ export default {
     return {
       isEdit: false,
       form: {
-        card: '',
+        card: "",
+        taskNo: "",
+        mapNumber: "",
+        taskNumber: "",
+        master_task: {},
       },
-       rules: {
+      rules: {
         card: [{ required: true, trigger: "change" }],
       },
       message: [
@@ -81,8 +97,9 @@ export default {
   watch: {
     myFormData: {
       handler(nval) {
-        this.form = JSON.parse(JSON.stringify(nval.resultMap));
-        this.$set(this.form, 'card', nval.resultMap.qualityControlCard);
+        // this.form = JSON.parse(JSON.stringify(nval.resultMap));
+        Object.assign(this.form, nval.resultMap);
+        this.$set(this.form, "card", nval.resultMap.qualityControlCard);
         this.isEdit = this.form.taskProcessKey && this.form.taskNodeKey;
       },
       deep: true,
@@ -231,8 +248,8 @@ export default {
   }
 }
 .btn {
-  background: rgb(123,213,195);
-  border:  rgb(123,213,195);
+  background: rgb(123, 213, 195);
+  border: rgb(123, 213, 195);
   float: right;
   border-bottom: #e2e1e1 solid 1px;
 }