feat:抵押信息

 <template>
 <template>
   <div>
   <div>
-    <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList">
+    <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList">
     </lb-table>
     </lb-table>
-    <addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" />
+    <addQlr v-model="dialog" :details="details" @updateDetail="handleupdateDetail" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
@@ -67,7 +67,14 @@ export default {
         },
         },
         {
         {
           prop: "zjzl",
           prop: "zjzl",
-          label: "证件种类"
+          label: "证件种类",
+          render: (h, scope) => {
+            return this.dictData['A30'].map(option => {
+              if (option.dcode == scope.row.zjzl) {
+                return <span>{option.dname}</span>
+              }
+            })
+          }
         },
         },
         {
         {
           prop: "zjh",
           prop: "zjh",
@@ -96,25 +103,27 @@ export default {
           }
           }
         }
         }
       ],
       ],
-      column: this.InformationTable
+      column: []
     }
     }
   },
   },
   watch: {
   watch: {
     tableData: {
     tableData: {
       handler: function (val, oldVal) {
       handler: function (val, oldVal) {
         let that = this
         let that = this
-        if (val.length == 0 || !val) {
-          that.tableDataList = _.cloneDeep([{
-            sqrmc: '',
-            dlrzjlx: '',
-            dlrzjh: '',
-            fr: ''
-          }])
-        } else {
-          that.tableDataList = _.cloneDeep(val)
-        }
+        this.$nextTick(() => {
+          if (val.length == 0 || !val) {
+            that.tableDataList = _.cloneDeep([{
+              sqrmc: '',
+              dlrzjlx: '',
+              dlrzjh: '',
+              fr: ''
+            }])
+          } else {
+            that.tableDataList = _.cloneDeep(val)
+          }
+          this.column = this.InformationTable
+        })
       },
       },
-      immediate: true,
       deep: true
       deep: true
     },
     },
     gyfs: {
     gyfs: {
@@ -122,7 +131,7 @@ export default {
         let dataList = _.cloneDeep(this.InformationTable)
         let dataList = _.cloneDeep(this.InformationTable)
         if (newVal == '0') {
         if (newVal == '0') {
           this.column = _.cloneDeep(dataList).slice(1, dataList.length)
           this.column = _.cloneDeep(dataList).slice(1, dataList.length)
-        } else if ((newVal == '1'||newVal == '3')) {
+        } else if ((newVal == '1' || newVal == '3')) {
           this.column = dataList
           this.column = dataList
         } else {
         } else {
           this.column = _.cloneDeep(dataList)
           this.column = _.cloneDeep(dataList)
@@ -137,13 +146,14 @@ export default {
     }
     }
   },
   },
   methods: {
   methods: {
-    updateDetail (value) {
-      this.tableDataList[this.dataIndex] = value;
-      console.log(this.tableDataList);
-      this.key++
-      this.$emit('upDateQlrxxList', this.tableDataList)
+    handleupdateDetail (value) {
+      if (!_.isEqual(value, this.tableData)) {
+        this.tableDataList[this.dataIndex] = _.cloneDeep(value);
+        // this.key++
+        this.$emit('upDateQlrxxList', this.tableDataList)
+      }
     },
     },
-    
+
     // 新增
     // 新增
     addClick () {
     addClick () {
       this.dialog = true
       this.dialog = true

@@ -196,18 +196,6 @@ export default {
       this.$refs["ruleForm"].resetFields();
       this.$refs["ruleForm"].resetFields();
     },
     },
     submitForm () {
     submitForm () {
-      // this.$refs['ruleForm'].validate((valid) => {
-      //   if (valid) {
-      //     this.$message({
-      //       message: '修改成功!',
-      //       type: 'success'
-      //     })
-
-      //   } else {
-      //     this.$message.error('请完善必填项');
-      //   }
-      // })
-
       this.$refs.ruleForm.validate((valid) => {
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
         if (valid) {
           this.$emit("input", false);
           this.$emit("input", false);

@@ -20,6 +20,7 @@ export default {
     },
     },
     //切换选项卡内容组件
     //切换选项卡内容组件
     getFromRouter (tabname) {
     getFromRouter (tabname) {
+      console.log(tabname);
       this.componentTag = getForm(tabname, this.$route.query.sqywbm);
       this.componentTag = getForm(tabname, this.$route.query.sqywbm);
     }
     }
   }
   }

@@ -207,8 +207,8 @@
           抵押人信息
           抵押人信息
           <div class="triangle"></div>
           <div class="triangle"></div>
         </div>
         </div>
-        <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
-          :viewtype="$route.query.viewtype" />
+        <!-- <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
+          :viewtype="$route.query.viewtype" /> -->
 
 
         <div class="slxx_title title-block">
         <div class="slxx_title title-block">
           登记原因
           登记原因
@@ -249,7 +249,7 @@ export default {
         this.ruleForm = res.result;
         this.ruleForm = res.result;
         this.ruleForm.diyaq.sfczjzhxz = "0";
         this.ruleForm.diyaq.sfczjzhxz = "0";
       }
       }
-    });
+    })
   },
   },
   components: { InformationTable },
   components: { InformationTable },
   computed: {
   computed: {
@@ -291,13 +291,17 @@ export default {
 
 
     // 更新权利人信息
     // 更新权利人信息
     upDateQlrxxList (val) {
     upDateQlrxxList (val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
+      if (!_.isEqual(val, this.ruleForm.qlrList)) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+      }
     },
     },
     // 更新义务人信息
     // 更新义务人信息
     upDateYwrxxList (val) {
     upDateYwrxxList (val) {
-      this.ruleForm.ywrList = _.cloneDeep(val);
-    },
-  },
+      if (!_.isEqual(val, this.ruleForm.ywrList)) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      }
+    }
+  }
 };
 };
 </script>
 </script>
 <style scoped lang='scss'>
 <style scoped lang='scss'>