Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8105ff35 by jiaozeping@pashanhoo.com
Options

申请查询记录

1 parent 4d792518
Inline Side-by-side
Showing 4 changed files with 110 additions and 199 deletions
1 <template> 1 <template>
2 <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="1200px" :isButton="false" v-model="myValue"> 2 <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="90%" :isButton="false" v-model="myValue">
3 <div class="jtfccx-edit"> 3 <div class="jtfccx-edit">
4 <div class="jtfccx-edit-con"> 4 <div class="jtfccx-edit-con">
5 <b class="title">申请信息</b> 5 <b class="title">申请信息</b>
...@@ -26,12 +26,12 @@ ...@@ -26,12 +26,12 @@
26 <b class="title">权利人</b> 26 <b class="title">权利人</b>
27 <personInfoTable :dataList="qldataList" @getInfoList="handleGetQlList" /> 27 <personInfoTable :dataList="qldataList" @getInfoList="handleGetQlList" />
28 <div class="submit-button"> 28 <div class="submit-button">
29 <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> 29 <el-button type="primary" @click="queryChick()">查询</el-button>
30 <el-button icon="el-icon-refresh-left" @click="handleReset">重置</el-button> 30 <el-button @click="resetClick()">重置</el-button>
31 </div> 31 </div>
32 <b class="title">查询结果</b> 32 <b class="title">查询结果</b>
33 <p>查询编号：202200409</p> 33 <p>查询编号：202200409</p>
34 <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting 34 <lb-table :column="searchData.columns" border :data="searchData.data" :maxHeight="200" heightNumSetting
35 :pagination="false"> 35 :pagination="false">
36 </lb-table> 36 </lb-table>
37 </div> 37 </div>
...@@ -48,6 +48,8 @@ ...@@ -48,6 +48,8 @@
48 <script> 48 <script>
49 import personInfoTable from '@/views/components/personInfoTable' 49 import personInfoTable from '@/views/components/personInfoTable'
50 import { addJtfcCxjgXx } from '@/api/jtfc' 50 import { addJtfcCxjgXx } from '@/api/jtfc'
51 import { datas, sendThis } from "./addjtfcdata";
52
51 export default { 53 export default {
52 components: { 54 components: {
53 personInfoTable 55 personInfoTable
...@@ -55,6 +57,10 @@ export default { ...@@ -55,6 +57,10 @@ export default {
55 props: { 57 props: {
56 value: { type: Boolean, default: false }, 58 value: { type: Boolean, default: false },
57 }, 59 },
60 mounted() {
61 sendThis(this);
62 },
63
58 data () { 64 data () {
59 return { 65 return {
60 myValue: this.value, 66 myValue: this.value,
...@@ -76,73 +82,12 @@ export default { ...@@ -76,73 +82,12 @@ export default {
76 name: '1', 82 name: '1',
77 value: 1 83 value: 1
78 }], 84 }],
85
79 searchData: { 86 searchData: {
80 columns: [ 87 columns: datas.columns(),
81 { 88 data: [],
82 prop: 'qszt',
83 label: '权属状态',
84 },
85 {
86 prop: 'bdcqzh',
87 label: '不动产权证号',
88 },
89 {
90 prop: 'djsj',
91 label: '登记时间',
92 },
93 {
94 prop: 'hth',
95 label: '合同号',
96 },
97 {
98 prop: 'wqsj',
99 label: '网签时间',
100 },
101 {
102 prop: 'bdcdyh',
103 label: '不动产单元号',
104 },
105 {
106 prop: 'gyfs',
107 label: '共有方式',
108 }, 89 },
109 {
110 prop: 'qlr',
111 label: '权利人',
112 },
113 {
114 prop: 'zjh',
115 label: '证件号',
116 },
117 {
118 prop: 'fdzl',
119 label: '房地坐落',
120 },
121 {
122 prop: 'jzmj',
123 label: '建筑面积（㎡）',
124 },
125 {
126 prop: 'fwyt',
127 label: '房屋用途',
128 },
129 {
130 90
131 label: '登记状态',
132 width: '150',
133 align: 'center',
134 fixed: 'right',
135 render: (h, scope) => {
136 return (
137 <div>
138 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button>
139 </div>
140 )
141 }
142 }
143 ],
144 data: []
145 },
146 addJtfc: { 91 addJtfc: {
147 djSqcxDO: {}, 92 djSqcxDO: {},
148 sqxx: [], 93 sqxx: [],
...@@ -184,13 +129,16 @@ export default { ...@@ -184,13 +129,16 @@ export default {
184 this.addJtfc.qlrxx = val 129 this.addJtfc.qlrxx = val
185 } 130 }
186 }, 131 },
187 handleSearch () { 132 queryChick () {
188 this.addJtfc.djSqcxDO = { ...this.ruleForm } 133 this.addJtfc.djSqcxDO = { ...this.ruleForm }
189 addJtfcCxjgXx(this.addJtfc).then(res => { 134 addJtfcCxjgXx(this.addJtfc).then(res => {
135 debugger;
136 this.searchData.data = res.result;
137
190 console.log(res); 138 console.log(res);
191 }) 139 })
192 }, 140 },
193 handleReset () { 141 resetClick () {
194 this.qldataList = _.cloneDeep(this.dataList) 142 this.qldataList = _.cloneDeep(this.dataList)
195 this.sqdataList = _.cloneDeep(this.dataList) 143 this.sqdataList = _.cloneDeep(this.dataList)
196 }, 144 },
......
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 prop: 'qszt',
15 label: '权属状态',
16 },
17 {
18 prop: 'bdcqzh',
19 label: '不动产权证号',
20 },
21 {
22 prop: 'djsj',
23 label: '登记时间',
24 },
25 {
26 prop: 'hth',
27 label: '合同号',
28 },
29 {
30 prop: 'wqsj',
31 label: '网签时间',
32 },
33 {
34 prop: 'bdcdyh',
35 label: '不动产单元号',
36 },
37 {
38 prop: 'gyfs',
39 label: '共有方式',
40 },
41 {
42 prop: 'qlr',
43 label: '权利人',
44 },
45 {
46 prop: 'zjh',
47 label: '证件号',
48 },
49 {
50 prop: 'fdzl',
51 label: '房地坐落',
52 },
53 {
54 prop: 'jzmj',
55 label: '建筑面积（㎡）',
56 },
57 {
58 prop: 'fwyt',
59 label: '房屋用途',
60 },
61 {
62
63 label: '登记状态',
64 width: '150',
65 align: 'center',
66 fixed: 'right',
67 render: (h, scope) => {
68 return (
69 <div>
70 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button>
71 </div>
72 )
73 }
74 }
75 ]
76 }
77
78 }
79 let datas = new data()
80 export {
81 datas,
82 sendThis
83 }
1 <template> 1 <template>
2 <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="80%" :isButton="false" v-model="myValue">
3 <div class="jtfccx-edit"> 2 <div class="jtfccx-edit">
4 <div class="jtfccx-edit-con"> 3 <div class="jtfccx-edit-con">
5 <b class="title">申请信息</b> 4 <b class="title">申请信息</b>
6 <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" />
7 <el-form :model="ruleForm" label-width="120px">
8 <el-row>
9 <el-col :span="8">
10 <el-form-item label="查询用途" label-width="90px">
11 <el-input v-model="ruleForm.cxyt"></el-input>
12 </el-form-item>
13 </el-col>
14 <el-col :span="16">
15 <el-form-item label="与产权人的关系">
16 <el-radio-group v-model="ruleForm.ycyrgx">
17 <el-radio :label="1">房屋权利人</el-radio>
18 <el-radio :label="2">产权利害关系人</el-radio>
19 <el-radio :label="3">委托人</el-radio>
20 </el-radio-group>
21 </el-form-item>
22 </el-col>
23 </el-row>
24 </el-form>
25 <b class="title">权利人</b> 5 <b class="title">权利人</b>
26 <personInfoTable :dataList="qldataList" @getInfoList="handleGetQlList" />
27 <div class="submit-button">
28 <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
29 <el-button icon="el-icon-refresh-left" @click="handleReset">重置</el-button>
30 </div>
31 <b class="title">查询结果</b> 6 <b class="title">查询结果</b>
32 <p>查询编号：202200409</p> 7 <p>查询编号：202200409</p>
33 <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting 8 <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
34 :pagination="false"> 9 :pagination="false">
35 </lb-table> 10 </lb-table>
36 </div> 11 </div>
37
38 <div class="submit-button" style="padding-bottom:20px">
39 <el-button type="primary">无房证明打印（1）</el-button>
40 <el-button type="primary">房产结果打印（1）</el-button>
41 <el-button @click="closeDialog">关闭</el-button>
42 </div>
43 </div> 12 </div>
44 </dialogBox>
45 </template> 13 </template>
46 14
47 <script> 15 <script>
48 import personInfoTable from '@/views/components/personInfoTable'
49 import { addJtfcCxjgXx } from '@/api/jtfc' 16 import { addJtfcCxjgXx } from '@/api/jtfc'
50 export default { 17 export default {
51 components: { 18 components: {
52 personInfoTable
53 }, 19 },
54 props: { 20 props: {
55 value: { type: Boolean, default: false }, 21 value: { type: Boolean, default: false },
56 }, 22 },
57 data () { 23 data () {
58 return { 24 return {
59 myValue: this.value,
60 ruleForm: { 25 ruleForm: {
61 cxyt: '', 26 cxyt: '',
62 ycyrgx: 1, 27 ycyrgx: 1,
63 cxlx: '1' //查询类型 1：房产查询 2：登记簿查询 28 cxlx: '1' //查询类型 1：房产查询 2：登记簿查询
64 }, 29 },
65 dataList: [{ 30
66 sqrxm: '',
67 sqrzjlxbm: '',
68 sqrzjhm: '',
69 lxdh: '',
70 inputErr: false
71 }],
72 sqdataList: [],
73 qldataList: [],
74 options: [{
75 name: '1',
76 value: 1
77 }],
78 searchData: { 31 searchData: {
79 columns: [ 32 columns: [
80 { 33 {
...@@ -142,89 +95,16 @@ export default { ...@@ -142,89 +95,16 @@ export default {
142 ], 95 ],
143 data: [] 96 data: []
144 }, 97 },
145 addJtfc: { 98
146 djSqcxDO: {},
147 sqxx: [],
148 qlrxx: [],
149 }
150 }
151 },
152 watch: {
153 value (val) {
154 this.myValue = val
155 this.qldataList = _.cloneDeep(this.dataList)
156 this.sqdataList = _.cloneDeep(this.dataList)
157 this.addJtfc.sqxx = _.cloneDeep(this.dataList)
158 this.addJtfc.qlrxx = _.cloneDeep(this.dataList)
159 },
160 'ruleForm.ycyrgx' (val) {
161 if (val != 1) {
162 this.qldataList = _.cloneDeep(this.dataList)
163 this.addJtfc.qlrxx = _.cloneDeep(this.dataList)
164 } else {
165 this.qldataList = this.addJtfc.sqxx
166 this.addJtfc.qlrxx = this.addJtfc.sqxx
167 }
168 } 99 }
169 }, 100 },
170 methods: { 101 methods: {
171 closeDialog () { 102
172 this.$emit('input', false) 103
173 },
174 handleGetSqList (val) {
175 if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) {
176 this.qldataList = val
177 this.addJtfc.qlrxx = val
178 } else
179 this.addJtfc.sqxx = val
180 },
181 handleGetQlList (val) {
182 if (this.ruleForm.ycyrgx != 1) {
183 this.addJtfc.qlrxx = val
184 }
185 },
186 handleSearch () {
187 this.addJtfc.djSqcxDO = { ...this.ruleForm }
188 addJtfcCxjgXx(this.addJtfc).then(res => {
189 console.log(res);
190 })
191 },
192 handleReset () {
193 this.qldataList = _.cloneDeep(this.dataList)
194 this.sqdataList = _.cloneDeep(this.dataList)
195 },
196 handleRead (row) { }
197 } 104 }
198 } 105 }
199 </script> 106 </script>
200 <style scoped lang="scss"> 107 <style scoped lang="scss">
201 @import "~@/styles/mixin.scss"; 108 @import "~@/styles/mixin.scss";
202 109
203 .title {
204 padding-bottom: 10px;
205 margin-bottom: 10px;
206 display: block;
207 border-bottom: 1px solid $borderColor;
208 }
209
210 .jtfccx-edit {
211 @include flex;
212 flex-direction: column;
213 overflow-y: hidden;
214 max-height: 87vh;
215 padding: 0 2px;
216
217 .jtfccx-edit-con {
218 flex: 1;
219 height: 100%;
220 overflow-y: scroll;
221 }
222
223 .submit-button {
224 text-align: center;
225 height: 52px;
226 padding-top: 10px;
227 background-color: #fff;
228 }
229 }
230 </style> 110 </style>
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 </el-col> 24 </el-col>
25 <el-col :span="4" class="btnCol"> 25 <el-col :span="4" class="btnCol">
26 <el-form-item> 26 <el-form-item>
27 <el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button> 27 <el-button type="primary" @click="queryClick()">查询</el-button>
28 <el-button @click="moreQueryClick()">高级查询</el-button> 28 <el-button @click="moreQueryClick()">高级查询</el-button>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
...@@ -88,11 +88,11 @@ export default { ...@@ -88,11 +88,11 @@ export default {
88 88
89 let that = this; 89 let that = this;
90 this.$popup({ 90 this.$popup({
91 title: "楼盘表", 91 title: "申请查询记录",
92 width: "50%", 92 width: "85%",
93 btnShow: true, 93 btnShow: true,
94 editItem: "xxxxxxxxxx", 94 editItem: 'sqcx/sqcxjl/components/addjtfc', // 弹窗内容
95 height: "600px", 95 height: "700px",
96 formData: { 96 formData: {
97 bsmSlsq: this.bsmSlsq, 97 bsmSlsq: this.bsmSlsq,
98 dataList: this.unitData, 98 dataList: this.unitData,
......