111

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-17 13:51:29
+-->
+<template>
+  <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
+  </lb-table>
+</template>
+<script>
+  import addQlr from './dialog/addQlr.vue'
+  import { mapGetters } from 'vuex'
+  export default {
+    components: {
+      addQlr
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
+    },
+    props: {
+      tableData: {
+        type: Array,
+        default: function () {
+          return []
+        }
+      },
+      gyfs: {
+        type: String,
+        default: '1'
+      }
+    },
+    data () {
+      return {
+        key: 0,
+        dataIndex: 0,
+        dialog: false,
+        details: {},
+        tableDataList: [],
+        qlrCommonTable: [
+          {
+            label: '序号',
+            type: 'index',
+            width: '50',
+            render: (h, scope) => {
+              return (
+                <div>
+                  {scope.$index + 1}
+                </div>
+              )
+            }
+          },
+           {
+            prop: "qlrmc",
+            label: "抵押权人"
+          },
+          {
+            prop: "ywrmc",
+            label: "抵押人"
+          },
+          {
+            prop: "bdcqzh",
+            label: "不动产登记证明号"
+          },
+           {
+            prop: "dyjelx",
+            label: "抵押金额类型"
+          },
+           {
+            prop: "dyfsmc",
+            label: "抵押方式"
+          },          
+           {
+            prop: "qdjgmc",
+            label: "抵押金额"
+          }, 
+           {
+            prop: "qlmjmc",
+            label: "抵押面积"
+          },       
+          {
+            prop: "zwlxqssj",
+            label: "债务履行开始时间"
+          },
+          {
+            prop: "zwlxjssj",
+            label: "债务履行结束时间"
+          }, 
+          {
+            prop: "bdcdyh",
+            label: "不动产单元号"
+          },
+          {
+            prop: "zl",
+            label: "坐落"
+          },
+          
+          
+        ],
+        column: this.qlrCommonTable
+      }
+    },
+    watch: {
+      tableData: {
+        handler: function (val, oldVal) {
+          let that = this
+          if (val.length == 0 || !val) {
+            that.tableDataList = _.cloneDeep([{
+              sqrmc: '',
+              dlrzjlx: '',
+              dlrzjh: '',
+              fr: ''
+            }])
+          } else {
+            that.tableDataList = _.cloneDeep(val)
+          }
+        },
+        immediate: true,
+        deep: true
+      },
+      gyfs: {
+        handler (newVal, oldValue) {
+          let dataList = _.cloneDeep(this.qlrCommonTable)
+          if (newVal == '1') {
+            this.column = _.cloneDeep(dataList).slice(1, dataList.length)
+          } else if ((newVal == '2')) {
+            this.column = dataList
+          } else {
+            this.column = _.cloneDeep(dataList)
+            this.column.splice(
+              2, 0, {
+              prop: "qlbl",
+              label: "份数"
+            })
+          }
+        },
+        immediate: true
+      }
+    },
+    methods: {
+    }
+  }
+</script>
+<style scoped lang='scss'>
+  /deep/.el-table th {
+    height: 30px !important;
+  }
+  /deep/.el-table--small .el-table__cell {
+    padding: 5px;
+  }
+</style>

@@ -55,24 +55,24 @@
         <div
           class="slxx_title title-block"
           v-if="ruleForm.slsq.djywbm.includes('400')">
-          在抵押权信息列表（{{ ruleForm.qlxxList.length }} 个）
+          在抵押权信息列表（{{ ruleForm.diyaqDetailList.length }} 个）
           <div class="triangle"></div>
+           <dyaqTable :tableData="ruleForm.diyaqDetailList" />
         </div>
         <div
           class="slxx_title title-block"
           v-else>
           抵押不动产列表信息（{{ ruleForm.ztQlxxList.length }} 个）
           <div class="triangle"></div>
+           <cfBdcdyTable :tableData="ruleForm.ztQlxxList" />
         </div>      
-        <cfBdcdyTable :tableData="ruleForm.qlxxList" v-if="ruleForm.slsq.djywbm.includes('400')" />
-        <cfBdcdyTable v-else :tableData="ruleForm.ztQlxxList" />
-        <div class="slxx_title title-block">
+        <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')">
           抵押信息
           <div class="triangle"></div>
         </div>
         <el-row
           :gutter="10"
-          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
+          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
           <el-col :span="8">
             <el-form-item label="抵押方式：">
               <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
@@ -106,7 +106,7 @@
         </el-row>
         <el-row
           :gutter="10"
-          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
+          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
           <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
             <el-form-item label="被担保主债权数额：">
               <div style="display: flex">
@@ -165,8 +165,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-
-        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
+        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
           <el-col :span="24">
             <el-form-item label="担保范围：">
               <el-input
@@ -175,7 +174,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
+        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
           <el-col :span="24">
             <el-form-item label="最高债权确定事实和数额：">
               <el-input
@@ -184,7 +183,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
+        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
           <el-col>
             <el-form-item label="附记：" prop="fj">
               <el-input
@@ -304,8 +303,8 @@
   </div>
 </template>
 <script>
-  import qjhTable from "@/views/workflow/components/qjhTable";
   import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
+   import dyaqTable from "@/views/workflow/components/dyaqTable";
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   import { batchInit, saveBatchData } from "@/api/workflow/diyaqFlow.js";
   import { mapGetters } from "vuex";
@@ -346,7 +345,7 @@
         this.loading = false
       })
     },
-    components: { qlrCommonTable, qjhTable, cfBdcdyTable },
+    components: { qlrCommonTable, cfBdcdyTable,dyaqTable },
     computed: {
       ...mapGetters(["dictData", "flag"]),
     },