style:家庭房产

@@ -183,11 +183,6 @@
   color: #4A4A4A;
 }
 
-.el-table th.is-leaf,
-.el-table td {
-  border-bottom: 1px solid #E4EBF4;
-}
-
 .el-table tr:nth-child(even) {
   background: #FCFDFD !important;
 }
@@ -196,23 +191,12 @@
   font-size: 14px;
   color: #7A7A7A;
 }
-
 .lb-table .el-table {
   border: 1px solid #E4EBF4;
   border-bottom: none;
   border-radius: 4px 4px 0 0;
 }
 
-// 表格暂无数据样式
-.el-table__empty-text {
-  height: 200px;
-  line-height: 300px;
-  background: url('/images/table-bg.png') 50% 50% no-repeat;
-  background-size: 100px;
-  letter-spacing: 2px;
-  color: #aaa;
-}
-
 .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
   display: none !important
 }
@@ -226,7 +210,6 @@
   margin-right: 10px;
 }
 
-// // 全局修改button颜色
 .el-form-item__content {
   flex: 1;
 }

@@ -9,7 +9,12 @@
 <script>
 
 export default {
-  components: {},
+  props: {
+    dataList: {
+      type: Array,
+      default: []
+    }
+  },
   data () {
     return {
       tableData: {
@@ -87,7 +92,24 @@ export default {
         data: [{}],
       },
     }
+  },
+  watch: {
+    dataList: {
+      handler (newName, oldName) {
+        this.tableData.data = _.cloneDeep(newName)
+      },
+      deep: true,
+      immediate: true
     }
+  },
+  methods: {
+    handleAdd () {
+      this.tableData.data.push({})
+    },
+    handleMinus (index, row) {
+      this.tableData.data.splice(index, 1)
+    },
+  },
 }
 </script>
 <style scoped lang='scss'>

 <template>
-  <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="80%" :isButton="false" v-model="value">
+  <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="80%" :isButton="false" v-model="myValue">
     <div class="jtfccx-edit">
       <div class="jtfccx-edit-con">
         <b class="title">申请信息</b>
-        <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting
-          :pagination="false">
-        </lb-table>
+        <personInfoTable :dataList="xqdataList" />
         <el-form :model="ruleForm" label-width="100px">
           <el-row>
             <el-col :span="12">
@@ -25,9 +23,7 @@
           </el-row>
         </el-form>
         <b class="title">权利人</b>
-        <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting
-          :pagination="false">
-        </lb-table>
+        <personInfoTable :dataList="qldataList" />
         <div class="submit-button">
           <el-button type="primary" icon="el-icon-search">查询</el-button>
           <el-button icon="el-icon-refresh-left">重置</el-button>
@@ -48,92 +44,23 @@
 </template>
 
 <script>
+import personInfoTable from '@/views/components/personInfoTable'
 export default {
   components: {
+    personInfoTable
   },
   props: {
     value: { type: Boolean, default: false },
   },
   data () {
     return {
+      xqdataList: [],
+      qldataList: [],
+      myValue: this.value,
       options: [{
         name: '1',
         value: 1
       }],
-      tableData: {
-        columns: [
-          {
-            width: '60',
-            renderHeader: (h, scope) => {
-              return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
-            },
-            render: (h, scope) => {
-              return (
-                <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
-              )
-            }
-          },
-          {
-            label: '身份证读卡器',
-            render: (h, scope) => {
-              return (
-                <div>
-                  <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.handleRead(scope) }}>读取</el-button>
-                </div>
-              )
-            }
-          },
-          {
-            prop: 'name',
-            label: '姓名/名称',
-            render: (h, scope) => {
-              return (
-                <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]}
-                  onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
-              )
-            }
-          },
-          {
-            prop: 'zjzl',
-            label: '证件种类',
-            render: (h, scope) => {
-              return (
-                <el-select value={scope.row[scope.column.property]}
-                  onChange={(val) => { scope.row[scope.column.property] = val }}>
-                  {
-                    this.options.map(option => {
-                      return (
-                        <el-option label={option.name} value={option.value}></el-option>
-                      )
-                    })
-                  }
-                </el-select>
-              )
-            }
-          },
-          {
-            prop: 'zjh',
-            label: '证件号',
-            render: (h, scope) => {
-              return (
-                <el-input placeholder="证件号" value={scope.row[scope.column.property]}
-                  onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
-              )
-            }
-          },
-          {
-            prop: 'xldh',
-            label: '联系电话',
-            render: (h, scope) => {
-              return (
-                <el-input placeholder="联系电话" value={scope.row[scope.column.property]}
-                  onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
-              )
-            }
-          }
-        ],
-        data: [{}],
-      },
       searchData: {
         columns: [
           {
@@ -199,7 +126,7 @@ export default {
             }
           }
         ],
-        data: [{}]
+        data: []
       },
       ruleForm: {
         name: '',
@@ -207,16 +134,15 @@ export default {
       }
     }
   },
+  watch: {
+    value (val) {
+      this.myValue = val
+    },
+  },
   methods: {
     closeDialog () {
       this.$emit('input', false)
     },
-    handleAdd () {
-      this.tableData.data.push({})
-    },
-    handleMinus (index, row) {
-      this.tableData.data.splice(index, 1)
-    },
     handleRead (row) { }
   }
 }