feat:申请查询记录

@@ -10,12 +10,21 @@
 
 <template>
   <div :class="['lb-table', customClass]">
-    <el-table ref="elTable" :border='border' :row-class-name="tableRowClassName" :show-header='showHeader'
-      :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners"
+    <el-table v-if="!heightNumSetting" ref="elTable" :border='border' :row-class-name="tableRowClassName"
+      :show-header='showHeader' :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :height="tableHeight"
+      :max-height="maxHeight" v-on="$listeners" :data="data" style="width: 100%"
+      :span-method="this.merge ? this.mergeMethod : this.spanMethod">
+      <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
+      </lb-column>
+    </el-table>
+
+    <el-table v-else ref="elTable" :border='border' :row-class-name="tableRowClassName" :show-header='showHeader'
+      :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :max-height="maxHeight" v-on="$listeners"
       :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
       <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
       </lb-column>
     </el-table>
+
     <br>
     <el-pagination class="lb-table-pagination" v-if="pagination" v-bind="$attrs" v-on="$listeners" background
       :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next" @current-change="paginationCurrentChange"
@@ -51,6 +60,9 @@ export default {
       type: Number,
       default: 285,
     },
+    maxHeight: {
+      type: Number
+    },
     heightNumSetting: {
       type: Boolean,
       default: false,
@@ -70,7 +82,7 @@ export default {
   },
   data () {
     return {
-      tableHeight: '100%',
+      tableHeight: '',
       mergeLine: {},
       mergeIndex: {},
     }
@@ -91,15 +103,10 @@ export default {
       }
     },
     getHeight () {
-      if (this.heightNumSetting) {
-        this.tableHeight = this.heightNum + 'px'
-      } else {
-        this.tableHeight = window.innerHeight - this.heightNum + 'px'
+      if (!this.heightNumSetting) {
+        this.tableHeight = window.innerHeight - this.heightNum
       }
     },
-    changeHeight (heightNum) {
-      this.tableHeight = heightNum + 'px'
-    },
     clearSelection () {
       this.$refs.elTable.clearSelection()
     },

+<template>
+  <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="80%" :isButton="false" v-model="value">
+    <b class="title">申请信息</b>
+    <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
+    </lb-table>
+    <el-form :model="ruleForm" label-width="100px">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="活动名称" prop="name">
+            <el-input v-model="ruleForm.name"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="活动名称" prop="name">
+            <el-radio-group v-model="ruleForm.radio">
+              <el-radio :label="1">房屋权利人</el-radio>
+              <el-radio :label="2">委托人</el-radio>
+              <el-radio :label="3">产权利害关系人</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <b class="title">权利人</b>
+    <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
+    </lb-table>
+    <div class="submit-button">
+      <el-button type="primary" @click="onSubmit">查询</el-button>
+      <el-button>重置</el-button>
+    </div>
+    <b class="title">查询结果</b>
+    <p>查询编号：202200409</p>
+    <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
+      :pagination="false">
+    </lb-table>
+    <div class="submit-button" style="padding-bottom:20px">
+      <el-button type="primary" @click="onSubmit">打印（1）</el-button>
+      <el-button @click="closeDialog">关闭</el-button>
+    </div>
+  </dialogBox>
+</template>
+
+<script>
+export default {
+  components: {
+  },
+  props: {
+    value: { type: Boolean, default: false },
+  },
+  data () {
+    return {
+      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: [
+          {
+            prop: 'qszt',
+            label: '权属状态',
+          },
+          {
+            prop: 'bdcqzh',
+            label: '不动产权证号',
+          },
+          {
+            prop: 'djsj',
+            label: '登记时间',
+          },
+          {
+            prop: 'hth',
+            label: '合同号',
+          },
+          {
+            prop: 'wqsj',
+            label: '网签时间',
+          },
+          {
+            prop: 'bdcdyh',
+            label: '不动产单元号',
+          },
+          {
+            prop: 'gyfs',
+            label: '共有方式',
+          },
+          {
+            prop: 'qlr',
+            label: '权利人',
+          },
+          {
+            prop: 'zjh',
+            label: '证件号',
+          },
+          {
+            prop: 'fdzl',
+            label: '房地坐落',
+          },
+          {
+            prop: 'jzmj',
+            label: '建筑面积（㎡）',
+          },
+          {
+            prop: 'fwyt',
+            label: '房屋用途',
+          },
+          {
+
+            label: '登记状态',
+            width: '150',
+            align: 'center',
+            fixed: 'right',
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button>
+                </div>
+              )
+            }
+          }
+        ],
+        data: [{}]
+      },
+      ruleForm: {
+        name: '',
+        radio: 1
+      }
+    }
+  },
+  methods: {
+    closeDialog () {
+      this.$emit('input', false)
+    },
+    handleAdd () {
+      this.tableData.data.push({})
+    },
+    handleMinus (index, row) {
+      this.tableData.data.splice(index, 1)
+    },
+    handleRead (row) { }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+
+.title {
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+  display: block;
+  border-bottom: 1px solid $borderColor;
+}
+
+.submit-button {
+  text-align: center;
+}
+</style>

@@ -25,20 +25,23 @@
         :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
+    <editDialog v-model="isDialog" />
   </div>
 </template>
 <script>
+import editDialog from "./components/editDialog.vue"
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./sqcxjldata";
 export default {
   name: "sqcxjl",
-  components: {},
+  components: { editDialog },
   mixins: [table],
   mounted () {
     sendThis(this);
   },
   data () {
     return {
+      isDialog: false,
       queryForm: {
         ywly: "",
         qllx: "",
@@ -58,13 +61,10 @@ export default {
         data: [
           {
             cxbm: "111111111111",
-          },
-          {
-            cxbm: "222222222222222",
-          },
-        ],
-      },
-    };
+          }
+        ]
+      }
+    }
   },
   methods: {
     // 初始化数据
@@ -73,7 +73,7 @@ export default {
       console.log(name, sort);
     },
     openDialog () {
-      console.log(999999999999999);
+      this.isDialog = true
     },
   },
 };