style:分页

@@ -183,6 +183,7 @@
   color: #4A4A4A;
 }
 
+
 .el-table tr:nth-child(even) {
   background: #FCFDFD !important;
 }
@@ -191,6 +192,7 @@
   font-size: 14px;
   color: #7A7A7A;
 }
+
 .lb-table .el-table {
   border: 1px solid #E4EBF4;
   border-bottom: none;

@@ -16,7 +16,7 @@ export default {
   },
   methods: {
     handleSizeChange (val) {
-      this.pageData.currentPage = val
+      this.pageData.currentPage = 1
       this.pageData.pageSize = val
       this.fetchData()
     },

@@ -7,14 +7,22 @@
   </lb-table>
 </template>
 <script>
-
+import { mapGetters } from 'vuex'
 export default {
   props: {
     dataList: {
       type: Array,
-      default: []
+      default: () => [{
+        name: '',
+        zjzl: '',
+        zjh: '',
+        xldh: ''
+      }]
     }
   },
+  computed: {
+    ...mapGetters(['dictData'])
+  },
   data () {
     return {
       tableData: {
@@ -58,9 +66,9 @@ export default {
                 <el-select value={scope.row[scope.column.property]}
                   onChange={(val) => { scope.row[scope.column.property] = val }}>
                   {
-                    this.options.map(option => {
+                    this.dictData['A30'].map(option => {
                       return (
-                        <el-option label={option.name} value={option.value}></el-option>
+                        <el-option label={option.dname} value={option.dcode}></el-option>
                       )
                     })
                   }
@@ -74,7 +82,7 @@ export default {
             render: (h, scope) => {
               return (
                 <el-input placeholder="证件号" value={scope.row[scope.column.property]}
-                  onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='21'></el-input>
               )
             }
           },
@@ -84,23 +92,32 @@ export default {
             render: (h, scope) => {
               return (
                 <el-input placeholder="联系电话" value={scope.row[scope.column.property]}
-                  onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val }} type='tel' maxlength='11'></el-input>
               )
             }
           }
         ],
-        data: [{}],
-      },
+        data: []
+      }
     }
   },
   watch: {
+    'tableData.data': {
+      handler (newValue, oldName) {
+        if (newValue.length != 0) {
+          this.$emit('getInfoList', newValue)
+        }
+      },
+      deep: true,
+      immediate: true
+    },
     dataList: {
-      handler (newName, oldName) {
-        this.tableData.data = _.cloneDeep(newName)
+      handler (newValue, oldName) {
+        this.tableData.data = newValue
       },
       deep: true,
       immediate: true
-    }
+    },
   },
   methods: {
     handleAdd () {

@@ -3,7 +3,7 @@
     <div class="jtfccx-edit">
       <div class="jtfccx-edit-con">
         <b class="title">申请信息</b>
-        <personInfoTable :dataList="xqdataList" />
+        <personInfoTable @getInfoList="handleGetSqList" />
         <el-form :model="ruleForm" label-width="100px">
           <el-row>
             <el-col :span="12">
@@ -30,8 +30,8 @@
         </div>
         <b class="title">查询结果</b>
         <p>查询编号：202200409</p>
-        <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
-          :pagination="false">
+        <lb-table :column="searchData.columns" :dataList="qldataList" :data="searchData.data" :maxHeight="200"
+          heightNumSetting :pagination="false">
         </lb-table>
       </div>
 
@@ -54,9 +54,13 @@ export default {
   },
   data () {
     return {
-      xqdataList: [],
-      qldataList: [],
       myValue: this.value,
+      qldataList: [{
+        name: '',
+        zjzl: '',
+        zjh: '',
+        xldh: ''
+      }],
       options: [{
         name: '1',
         value: 1
@@ -138,11 +142,24 @@ export default {
     value (val) {
       this.myValue = val
     },
+    'ruleForm.radi' (val) {
+      if (val != 1) {
+        this.sqdataList = [{
+          name: '',
+          zjzl: '',
+          zjh: '',
+          xldh: ''
+        }]
+      }
+    }
   },
   methods: {
     closeDialog () {
       this.$emit('input', false)
     },
+    handleGetSqList (val) {
+      console.log(val);
+    },
     handleRead (row) { }
   }
 }
@@ -162,6 +179,7 @@ export default {
   flex-direction: column;
   overflow-y: hidden;
   max-height: 87vh;
+  padding: 0 2px;
 
   .jtfccx-edit-con {
     flex: 1;