Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d5829358 by 任超
Options

feat:申请查询记录

1 parent 724ed096
Inline Side-by-side
Showing 4 changed files with 256 additions and 19 deletions
...@@ -10,12 +10,21 @@ ...@@ -10,12 +10,21 @@
10 10
11 <template> 11 <template>
12 <div :class="['lb-table', customClass]"> 12 <div :class="['lb-table', customClass]">
13 <el-table ref="elTable" :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' 13 <el-table v-if="!heightNumSetting" ref="elTable" :border='border' :row-class-name="tableRowClassName"
14 :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners" 14 :show-header='showHeader' :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :height="tableHeight"
15 :max-height="maxHeight" v-on="$listeners" :data="data" style="width: 100%"
16 :span-method="this.merge ? this.mergeMethod : this.spanMethod">
17 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
18 </lb-column>
19 </el-table>
20
21 <el-table v-else ref="elTable" :border='border' :row-class-name="tableRowClassName" :show-header='showHeader'
22 :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :max-height="maxHeight" v-on="$listeners"
15 :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod"> 23 :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
16 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item"> 24 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
17 </lb-column> 25 </lb-column>
18 </el-table> 26 </el-table>
27
19 <br> 28 <br>
20 <el-pagination class="lb-table-pagination" v-if="pagination" v-bind="$attrs" v-on="$listeners" background 29 <el-pagination class="lb-table-pagination" v-if="pagination" v-bind="$attrs" v-on="$listeners" background
21 :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next" @current-change="paginationCurrentChange" 30 :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next" @current-change="paginationCurrentChange"
...@@ -51,6 +60,9 @@ export default { ...@@ -51,6 +60,9 @@ export default {
51 type: Number, 60 type: Number,
52 default: 285, 61 default: 285,
53 }, 62 },
63 maxHeight: {
64 type: Number
65 },
54 heightNumSetting: { 66 heightNumSetting: {
55 type: Boolean, 67 type: Boolean,
56 default: false, 68 default: false,
...@@ -70,7 +82,7 @@ export default { ...@@ -70,7 +82,7 @@ export default {
70 }, 82 },
71 data () { 83 data () {
72 return { 84 return {
73 tableHeight: '100%', 85 tableHeight: '',
74 mergeLine: {}, 86 mergeLine: {},
75 mergeIndex: {}, 87 mergeIndex: {},
76 } 88 }
...@@ -91,15 +103,10 @@ export default { ...@@ -91,15 +103,10 @@ export default {
91 } 103 }
92 }, 104 },
93 getHeight () { 105 getHeight () {
94 if (this.heightNumSetting) { 106 if (!this.heightNumSetting) {
95 this.tableHeight = this.heightNum + 'px' 107 this.tableHeight = window.innerHeight - this.heightNum
96 } else {
97 this.tableHeight = window.innerHeight - this.heightNum + 'px'
98 } 108 }
99 }, 109 },
100 changeHeight (heightNum) {
101 this.tableHeight = heightNum + 'px'
102 },
103 clearSelection () { 110 clearSelection () {
104 this.$refs.elTable.clearSelection() 111 this.$refs.elTable.clearSelection()
105 }, 112 },
......
1 <template>
2 <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="80%" :isButton="false" v-model="value">
3 <b class="title">申请信息</b>
4 <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
5 </lb-table>
6 <el-form :model="ruleForm" label-width="100px">
7 <el-row>
8 <el-col :span="12">
9 <el-form-item label="活动名称" prop="name">
10 <el-input v-model="ruleForm.name"></el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="12">
14 <el-form-item label="活动名称" prop="name">
15 <el-radio-group v-model="ruleForm.radio">
16 <el-radio :label="1">房屋权利人</el-radio>
17 <el-radio :label="2">委托人</el-radio>
18 <el-radio :label="3">产权利害关系人</el-radio>
19 </el-radio-group>
20 </el-form-item>
21 </el-col>
22 </el-row>
23 </el-form>
24 <b class="title">权利人</b>
25 <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
26 </lb-table>
27 <div class="submit-button">
28 <el-button type="primary" @click="onSubmit">查询</el-button>
29 <el-button>重置</el-button>
30 </div>
31 <b class="title">查询结果</b>
32 <p>查询编号：202200409</p>
33 <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
34 :pagination="false">
35 </lb-table>
36 <div class="submit-button" style="padding-bottom:20px">
37 <el-button type="primary" @click="onSubmit">打印（1）</el-button>
38 <el-button @click="closeDialog">关闭</el-button>
39 </div>
40 </dialogBox>
41 </template>
42
43 <script>
44 export default {
45 components: {
46 },
47 props: {
48 value: { type: Boolean, default: false },
49 },
50 data () {
51 return {
52 options: [{
53 name: '1',
54 value: 1
55 }],
56 tableData: {
57 columns: [
58 {
59 width: '60',
60 renderHeader: (h, scope) => {
61 return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
62 },
63 render: (h, scope) => {
64 return (
65 <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
66 )
67 }
68 },
69 {
70 label: '身份证读卡器',
71 render: (h, scope) => {
72 return (
73 <div>
74 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.handleRead(scope) }}>读取</el-button>
75 </div>
76 )
77 }
78 },
79 {
80 prop: 'name',
81 label: '姓名/名称',
82 render: (h, scope) => {
83 return (
84 <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]}
85 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
86 )
87 }
88 },
89 {
90 prop: 'zjzl',
91 label: '证件种类',
92 render: (h, scope) => {
93 return (
94 <el-select value={scope.row[scope.column.property]}
95 onChange={(val) => { scope.row[scope.column.property] = val }}>
96 {
97 this.options.map(option => {
98 return (
99 <el-option label={option.name} value={option.value}></el-option>
100 )
101 })
102 }
103 </el-select>
104 )
105 }
106 },
107 {
108 prop: 'zjh',
109 label: '证件号',
110 render: (h, scope) => {
111 return (
112 <el-input placeholder="证件号" value={scope.row[scope.column.property]}
113 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
114 )
115 }
116 },
117 {
118 prop: 'xldh',
119 label: '联系电话',
120 render: (h, scope) => {
121 return (
122 <el-input placeholder="联系电话" value={scope.row[scope.column.property]}
123 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
124 )
125 }
126 }
127 ],
128 data: [{}],
129 },
130 searchData: {
131 columns: [
132 {
133 prop: 'qszt',
134 label: '权属状态',
135 },
136 {
137 prop: 'bdcqzh',
138 label: '不动产权证号',
139 },
140 {
141 prop: 'djsj',
142 label: '登记时间',
143 },
144 {
145 prop: 'hth',
146 label: '合同号',
147 },
148 {
149 prop: 'wqsj',
150 label: '网签时间',
151 },
152 {
153 prop: 'bdcdyh',
154 label: '不动产单元号',
155 },
156 {
157 prop: 'gyfs',
158 label: '共有方式',
159 },
160 {
161 prop: 'qlr',
162 label: '权利人',
163 },
164 {
165 prop: 'zjh',
166 label: '证件号',
167 },
168 {
169 prop: 'fdzl',
170 label: '房地坐落',
171 },
172 {
173 prop: 'jzmj',
174 label: '建筑面积（㎡）',
175 },
176 {
177 prop: 'fwyt',
178 label: '房屋用途',
179 },
180 {
181
182 label: '登记状态',
183 width: '150',
184 align: 'center',
185 fixed: 'right',
186 render: (h, scope) => {
187 return (
188 <div>
189 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button>
190 </div>
191 )
192 }
193 }
194 ],
195 data: [{}]
196 },
197 ruleForm: {
198 name: '',
199 radio: 1
200 }
201 }
202 },
203 methods: {
204 closeDialog () {
205 this.$emit('input', false)
206 },
207 handleAdd () {
208 this.tableData.data.push({})
209 },
210 handleMinus (index, row) {
211 this.tableData.data.splice(index, 1)
212 },
213 handleRead (row) { }
214 }
215 }
216 </script>
217 <style scoped lang="scss">
218 @import "~@/styles/mixin.scss";
219
220 .title {
221 padding-bottom: 10px;
222 margin-bottom: 10px;
223 display: block;
224 border-bottom: 1px solid $borderColor;
225 }
226
227 .submit-button {
228 text-align: center;
229 }
230 </style>
...@@ -25,20 +25,23 @@ ...@@ -25,20 +25,23 @@
25 :column="tableData.columns" :data="tableData.data"> 25 :column="tableData.columns" :data="tableData.data">
26 </lb-table> 26 </lb-table>
27 </div> 27 </div>
28 <editDialog v-model="isDialog" />
28 </div> 29 </div>
29 </template> 30 </template>
30 <script> 31 <script>
32 import editDialog from "./components/editDialog.vue"
31 import table from "@/utils/mixin/table"; 33 import table from "@/utils/mixin/table";
32 import { datas, sendThis } from "./sqcxjldata"; 34 import { datas, sendThis } from "./sqcxjldata";
33 export default { 35 export default {
34 name: "sqcxjl", 36 name: "sqcxjl",
35 components: {}, 37 components: { editDialog },
36 mixins: [table], 38 mixins: [table],
37 mounted () { 39 mounted () {
38 sendThis(this); 40 sendThis(this);
39 }, 41 },
40 data () { 42 data () {
41 return { 43 return {
44 isDialog: false,
42 queryForm: { 45 queryForm: {
43 ywly: "", 46 ywly: "",
44 qllx: "", 47 qllx: "",
...@@ -58,13 +61,10 @@ export default { ...@@ -58,13 +61,10 @@ export default {
58 data: [ 61 data: [
59 { 62 {
60 cxbm: "111111111111", 63 cxbm: "111111111111",
61 }, 64 }
62 { 65 ]
63 cxbm: "222222222222222", 66 }
64 }, 67 }
65 ],
66 },
67 };
68 }, 68 },
69 methods: { 69 methods: {
70 // 初始化数据 70 // 初始化数据
...@@ -73,7 +73,7 @@ export default { ...@@ -73,7 +73,7 @@ export default {
73 console.log(name, sort); 73 console.log(name, sort);
74 }, 74 },
75 openDialog () { 75 openDialog () {
76 console.log(999999999999999); 76 this.isDialog = true
77 }, 77 },
78 }, 78 },
79 }; 79 };
......