Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d27bc659 by renchao@pashanhoo.com
Options

style:楼盘表

1 parent 80b42bf9
Inline Side-by-side
Showing 3 changed files with 228 additions and 249 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 14:46:47 4 * @LastEditTime: 2024-03-08 08:50:28
5 --> 5 -->
6 <template> 6 <template>
7 <div class="edit"> 7 <div class="edit">
...@@ -16,9 +16,11 @@ ...@@ -16,9 +16,11 @@
16 :style="{ height: lpbContentHight + 'px' }" 16 :style="{ height: lpbContentHight + 'px' }"
17 v-show="bjztFlag"> 17 v-show="bjztFlag">
18 <!-- 楼盘表主体 --> 18 <!-- 楼盘表主体 -->
19 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px','margin-right': formData.onlyShow ? '10px' : 0 }"> 19 <div class="lp-overview"
20 :style="{ width: lpbContentwidth + 'px','margin-right': formData.onlyShow ? '10px' : 0 }">
20 <lpbContent 21 <lpbContent
21 ref="lpbContent" 22 ref="lpbContent"
23 v-if="formData.bsm"
22 :zrzbsm="formData.bsm" 24 :zrzbsm="formData.bsm"
23 :scyclx="formData.scyclx" 25 :scyclx="formData.scyclx"
24 :onlyShow="formData.onlyShow" 26 :onlyShow="formData.onlyShow"
...@@ -26,9 +28,10 @@ ...@@ -26,9 +28,10 @@
26 :unitData="formData.unitData" 28 :unitData="formData.unitData"
27 :sqywInfo="formData" 29 :sqywInfo="formData"
28 :key="time"></lpbContent> 30 :key="time"></lpbContent>
31 <el-empty v-else description="暂无楼盘表"></el-empty>
29 </div> 32 </div>
30 <!-- 右侧图例 --> 33 <!-- 右侧图例 -->
31 <div class="lp-legend" v-if="formData.onlyShow"> 34 <div class="lp-legend" v-if="formData.onlyShow && formData.bsm">
32 <div class="handleCol"> 35 <div class="handleCol">
33 <div class="btn" @click="legendToggle"> 36 <div class="btn" @click="legendToggle">
34 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> 37 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-20 16:55:00 4 * @LastEditTime: 2024-03-08 08:47:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="edit"> 7 <div class="edit">
8 <el-tabs tab-position="left"> 8 <el-tabs tab-position="left">
9 <el-tab-pane :label="item.jzwmc" v-for="item in zrzList" :key="item.bsm"> 9 <el-tab-pane :label="item.jzwmc" v-for="item in zrzList" :key="item.bsm">
10 <el-tabs type="card" v-model="activeName"> 10 <el-tabs type="card" v-model="activeName">
11 <el-tab-pane label="楼盘页面" name="first"> 11 <el-tab-pane label="楼盘页面" name="first">
12 <div
13 class="tab-content"
14 ref="tabContent"
15 :style="{ height: lpbContentHight + 'px' }"
16 v-show="bjztFlag">
17 <!-- 楼盘表主体 -->
12 <div 18 <div
13 class="tab-content" 19 class="lp-overview"
14 ref="tabContent" 20 v-if="zrzList.length>0"
15 :style="{ height: lpbContentHight + 'px' }" 21 :style="{
16 v-show="bjztFlag"
17 >
18 <!-- 楼盘表主体 -->
19 <div
20 class="lp-overview"
21 :style="{
22 width: lpbContentwidth + 'px', 22 width: lpbContentwidth + 'px',
23 'margin-right': formData.onlyShow ? '10px' : 0, 23 'margin-right': formData.onlyShow ? '10px' : 0,
24 }" 24 }">
25 > 25 <lpbContent
26 <lpbContent 26 ref="lpbContent"
27 ref="lpbContent" 27 :zrzbsm="item.bsm"
28 :zrzbsm="item.bsm" 28 :scyclx="formData.scyclx"
29 :scyclx="formData.scyclx" 29 :onlyShow="formData.onlyShow"
30 :onlyShow="formData.onlyShow" 30 :showSave="formData.showSave"
31 :showSave="formData.showSave" 31 :unitData="formData.unitData"
32 :unitData="formData.unitData" 32 :sqywInfo="formData"
33 :sqywInfo="formData" 33 :key="item.bsm"></lpbContent>
34 :key="item.bsm" 34 </div>
35 ></lpbContent> 35 <el-empty v-else description="暂无楼盘表"></el-empty>
36 </div> 36 <!-- 右侧图例 -->
37 <!-- 右侧图例 --> 37 <div class="lp-legend" v-if="formData.onlyShow">
38 <div class="lp-legend" v-if="formData.onlyShow"> 38 <div class="handleCol">
39 <div class="handleCol"> 39 <div class="btn" @click="legendToggle">
40 <div class="btn" @click="legendToggle"> 40 <i
41 <i 41 v-show="!legendToggleFlag"
42 v-show="!legendToggleFlag" 42 class="el-icon-d-arrow-left"></i>
43 class="el-icon-d-arrow-left" 43 <i
44 ></i> 44 v-show="legendToggleFlag"
45 <i 45 class="el-icon-d-arrow-right"></i>
46 v-show="legendToggleFlag"
47 class="el-icon-d-arrow-right"
48 ></i>
49 </div>
50 <div
51 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
52 @click="selectedZt = 'dyzt'"
53 >
54 <span>单元状态</span>
55 </div>
56 <div
57 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
58 @click="selectedZt = 'fwxz'"
59 >
60 <span>房屋性质</span>
61 </div>
62 <div
63 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
64 @click="selectedZt = 'fwyt'"
65 >
66 <span>房屋用途</span>
67 </div>
68 <div
69 :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'"
70 @click="selectedZt = 'qsx'"
71 >
72 <span>缺失项</span>
73 </div>
74 </div> 46 </div>
75 <div 47 <div
76 class="legendTable-wrap" 48 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
77 :style="{ width: legendToggleFlag ? '200px' : '0' }" 49 @click="selectedZt = 'dyzt'">
78 > 50 <span>单元状态</span>
79 <table 51 </div>
80 class="legendTable" 52 <div
81 v-show="selectedZt == 'dyzt'" 53 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
82 cellspacing="1" 54 @click="selectedZt = 'fwxz'">
83 cellpadding="1" 55 <span>房屋性质</span>
84 border="1" 56 </div>
85 > 57 <div
86 <tr> 58 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
87 <th>状态</th> 59 @click="selectedZt = 'fwyt'">
88 <th>套数</th> 60 <span>房屋用途</span>
89 <th>面积</th> 61 </div>
90 </tr> 62 <div
91 <tr 63 :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'"
92 v-for="(item, index) in dyztList" 64 @click="selectedZt = 'qsx'">
93 :key="index" 65 <span>缺失项</span>
94 class="cp"
95 @click="handleChoosedH(item.bsms, item.color)"
96 >
97 <td>
98 <i
99 class="fa fa-circle"
100 :style="{ backgroundColor: item.color }"
101 ></i
102 >{{ item.name }}
103 </td>
104 <td>{{ item.ts }}</td>
105 <td>{{ item.mj }}</td>
106 </tr>
107 </table>
108
109 <table
110 class="legendTable"
111 v-show="selectedZt == 'fwxz'"
112 cellspacing="1"
113 cellpadding="1"
114 border="1"
115 >
116 <tr>
117 <th>性质</th>
118 <th>套数</th>
119 <th>面积</th>
120 </tr>
121 <tr
122 v-for="(item, index) in fwxzList"
123 :key="index"
124 class="cp"
125 @click="handleChoosedH(item.bsms, item.color)"
126 >
127 <td>
128 <i
129 class="fa fa-circle"
130 :style="{ backgroundColor: item.color }"
131 ></i
132 >{{ item.name }}
133 </td>
134 <td>{{ item.ts }}</td>
135 <td>{{ item.mj }}</td>
136 </tr>
137 <tr v-show="fwxzList.length < 1">
138 <td colspan="3" class="tac">暂无数据</td>
139 </tr>
140 </table>
141
142 <table
143 class="legendTable"
144 v-show="selectedZt == 'fwyt'"
145 cellspacing="1"
146 cellpadding="1"
147 border="1"
148 >
149 <tr>
150 <th>用途</th>
151 <th>套数</th>
152 <th>面积</th>
153 </tr>
154 <tr
155 v-for="(item, index) in fwytList"
156 :key="index"
157 class="cp"
158 @click="handleChoosedH(item.bsms, item.color)"
159 >
160 <td>
161 <i
162 class="fa fa-circle"
163 :style="{ backgroundColor: item.color }"
164 ></i
165 >{{ item.name }}
166 </td>
167 <td>{{ item.ts }}</td>
168 <td>{{ item.mj }}</td>
169 </tr>
170 <tr v-show="fwytList.length < 1">
171 <td colspan="3" class="tac">暂无数据</td>
172 </tr>
173 </table>
174
175 <table
176 class="legendTable"
177 v-show="selectedZt == 'qsx'"
178 cellspacing="1"
179 cellpadding="1"
180 border="1"
181 >
182 <tr>
183 <th>数据缺失项</th>
184 <th>套数</th>
185 <th>面积</th>
186 </tr>
187 <tr
188 v-for="(item, index) in qsxList"
189 :key="index"
190 class="cp"
191 @click="handleChoosedH(item.bsms, item.color)"
192 >
193 <td>
194 <i
195 class="fa fa-circle"
196 :style="{ backgroundColor: item.color }"
197 ></i
198 >{{ item.name }}
199 </td>
200 <td>{{ item.ts }}</td>
201 <td>0</td>
202 </tr>
203 <tr v-show="qsxList.length < 1">
204 <td colspan="3" class="tac">暂无数据</td>
205 </tr>
206 </table>
207 </div> 66 </div>
208 </div> 67 </div>
68 <div
69 class="legendTable-wrap"
70 :style="{ width: legendToggleFlag ? '200px' : '0' }">
71 <table
72 class="legendTable"
73 v-show="selectedZt == 'dyzt'"
74 cellspacing="1"
75 cellpadding="1"
76 border="1">
77 <tr>
78 <th>状态</th>
79 <th>套数</th>
80 <th>面积</th>
81 </tr>
82 <tr
83 v-for="(item, index) in dyztList"
84 :key="index"
85 class="cp"
86 @click="handleChoosedH(item.bsms, item.color)">
87 <td>
88 <i
89 class="fa fa-circle"
90 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
91 </td>
92 <td>{{ item.ts }}</td>
93 <td>{{ item.mj }}</td>
94 </tr>
95 </table>
96
97 <table
98 class="legendTable"
99 v-show="selectedZt == 'fwxz'"
100 cellspacing="1"
101 cellpadding="1"
102 border="1">
103 <tr>
104 <th>性质</th>
105 <th>套数</th>
106 <th>面积</th>
107 </tr>
108 <tr
109 v-for="(item, index) in fwxzList"
110 :key="index"
111 class="cp"
112 @click="handleChoosedH(item.bsms, item.color)">
113 <td>
114 <i
115 class="fa fa-circle"
116 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
117 </td>
118 <td>{{ item.ts }}</td>
119 <td>{{ item.mj }}</td>
120 </tr>
121 <tr v-show="fwxzList.length < 1">
122 <td colspan="3" class="tac">暂无数据</td>
123 </tr>
124 </table>
125
126 <table
127 class="legendTable"
128 v-show="selectedZt == 'fwyt'"
129 cellspacing="1"
130 cellpadding="1"
131 border="1">
132 <tr>
133 <th>用途</th>
134 <th>套数</th>
135 <th>面积</th>
136 </tr>
137 <tr
138 v-for="(item, index) in fwytList"
139 :key="index"
140 class="cp"
141 @click="handleChoosedH(item.bsms, item.color)">
142 <td>
143 <i
144 class="fa fa-circle"
145 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
146 </td>
147 <td>{{ item.ts }}</td>
148 <td>{{ item.mj }}</td>
149 </tr>
150 <tr v-show="fwytList.length < 1">
151 <td colspan="3" class="tac">暂无数据</td>
152 </tr>
153 </table>
154
155 <table
156 class="legendTable"
157 v-show="selectedZt == 'qsx'"
158 cellspacing="1"
159 cellpadding="1"
160 border="1">
161 <tr>
162 <th>数据缺失项</th>
163 <th>套数</th>
164 <th>面积</th>
165 </tr>
166 <tr
167 v-for="(item, index) in qsxList"
168 :key="index"
169 class="cp"
170 @click="handleChoosedH(item.bsms, item.color)">
171 <td>
172 <i
173 class="fa fa-circle"
174 :style="{ backgroundColor: item.color }"></i>{{ item.name }}
175 </td>
176 <td>{{ item.ts }}</td>
177 <td>0</td>
178 </tr>
179 <tr v-show="qsxList.length < 1">
180 <td colspan="3" class="tac">暂无数据</td>
181 </tr>
182 </table>
183 </div>
209 </div> 184 </div>
210 </el-tab-pane> 185 </div>
211 <el-tab-pane label="单元列表页面" name="second"> 186 </el-tab-pane>
212 <!-- 单元列表页面--> 187 <el-tab-pane label="单元列表页面" name="second">
213 <selectZrzH :sqywInfo="formData" :zrzbsm="item.bsm" /> 188 <!-- 单元列表页面-->
214 </el-tab-pane> 189 <selectZrzH :sqywInfo="formData" :zrzbsm="item.bsm" />
215 </el-tabs> 190 </el-tab-pane>
216 </el-tab-pane> 191 </el-tabs>
217 </el-tabs> 192 </el-tab-pane>
218 </div> 193 </el-tabs>
219 </template> 194 </div>
195 </template>
220 196
221 <script> 197 <script>
222 import lpbContent from "./lpbContent/index"; 198 import lpbContent from "./lpbContent/index";
...@@ -237,7 +213,7 @@ ...@@ -237,7 +213,7 @@
237 lpbContent, 213 lpbContent,
238 selectZrzH, 214 selectZrzH,
239 }, 215 },
240 data() { 216 data () {
241 return { 217 return {
242 activeName: "first", 218 activeName: "first",
243 bsms: [], 219 bsms: [],
...@@ -314,7 +290,7 @@ ...@@ -314,7 +290,7 @@
314 zrzList: [], 290 zrzList: [],
315 }; 291 };
316 }, 292 },
317 created() { 293 created () {
318 window.addEventListener("resize", this.getHeight); 294 window.addEventListener("resize", this.getHeight);
319 this.getHeight(); 295 this.getHeight();
320 let params = { 296 let params = {
...@@ -327,7 +303,7 @@ ...@@ -327,7 +303,7 @@
327 } 303 }
328 }); 304 });
329 }, 305 },
330 mounted() { 306 mounted () {
331 //获取各项单元状态的户bsm 307 //获取各项单元状态的户bsm
332 this.formData.onlyShow && this.getDyztBsmList(); 308 this.formData.onlyShow && this.getDyztBsmList();
333 //获取房屋用途统计数据 309 //获取房屋用途统计数据
...@@ -358,7 +334,7 @@ ...@@ -358,7 +334,7 @@
358 * @description: 获取高度计算lpb内容区高度 334 * @description: 获取高度计算lpb内容区高度
359 * @author: renchao 335 * @author: renchao
360 */ 336 */
361 getHeight() { 337 getHeight () {
362 this.lpbContentHight = window.innerHeight - 226; 338 this.lpbContentHight = window.innerHeight - 226;
363 }, 339 },
364 //图例的展开收起 340 //图例的展开收起
...@@ -366,7 +342,7 @@ ...@@ -366,7 +342,7 @@
366 * @description: 图例的展开收起 342 * @description: 图例的展开收起
367 * @author: renchao 343 * @author: renchao
368 */ 344 */
369 legendToggle() { 345 legendToggle () {
370 this.legendToggleFlag = !this.legendToggleFlag; 346 this.legendToggleFlag = !this.legendToggleFlag;
371 }, 347 },
372 //切换房屋状态 348 //切换房屋状态
...@@ -376,7 +352,7 @@ ...@@ -376,7 +352,7 @@
376 * @param {*} color 352 * @param {*} color
377 * @author: renchao 353 * @author: renchao
378 */ 354 */
379 handleChoosedH(bsms, color) { 355 handleChoosedH (bsms, color) {
380 this.$refs.lpbContent.changeChoosed(bsms, color); 356 this.$refs.lpbContent.changeChoosed(bsms, color);
381 }, 357 },
382 //获取各项单元状态统计数据 358 //获取各项单元状态统计数据
...@@ -384,7 +360,7 @@ ...@@ -384,7 +360,7 @@
384 * @description: 获取各项单元状态统计数据 360 * @description: 获取各项单元状态统计数据
385 * @author: renchao 361 * @author: renchao
386 */ 362 */
387 getDyztBsmList() { 363 getDyztBsmList () {
388 getLpbTj(this.formData.bsm).then((res) => { 364 getLpbTj(this.formData.bsm).then((res) => {
389 if (res.code === 200) { 365 if (res.code === 200) {
390 this.dyztList = res.result; 366 this.dyztList = res.result;
...@@ -441,7 +417,7 @@ ...@@ -441,7 +417,7 @@
441 * @description: 获取房屋用途和房屋性质及缺失项统计数据 417 * @description: 获取房屋用途和房屋性质及缺失项统计数据
442 * @author: renchao 418 * @author: renchao
443 */ 419 */
444 getLpbFwytAndQlxz() { 420 getLpbFwytAndQlxz () {
445 getLpbFwytAndQlxz(this.formData.bsm).then((res) => { 421 getLpbFwytAndQlxz(this.formData.bsm).then((res) => {
446 if (res.code === 200) { 422 if (res.code === 200) {
447 // this.fwytList = res.result 423 // this.fwytList = res.result
...@@ -488,19 +464,19 @@ ...@@ -488,19 +464,19 @@
488 }, 464 },
489 }, 465 },
490 computed: {}, 466 computed: {},
491 destroyed() { 467 destroyed () {
492 window.removeEventListener("resize", this.getHeight); 468 window.removeEventListener("resize", this.getHeight);
493 }, 469 },
494 watch: { 470 watch: {
495 //树结构和图例伸缩时修改楼盘表主要内容区宽度 471 //树结构和图例伸缩时修改楼盘表主要内容区宽度
496 legendToggleFlag(n) { 472 legendToggleFlag (n) {
497 if (n) { 473 if (n) {
498 this.lpbContentwidth -= 204; 474 this.lpbContentwidth -= 204;
499 } else { 475 } else {
500 this.lpbContentwidth += 204; 476 this.lpbContentwidth += 204;
501 } 477 }
502 }, 478 },
503 selectedZt(n) { 479 selectedZt (n) {
504 this.legendToggleFlag = true; 480 this.legendToggleFlag = true;
505 }, 481 },
506 }, 482 },
...@@ -546,7 +522,7 @@ ...@@ -546,7 +522,7 @@
546 border-bottom: 0; 522 border-bottom: 0;
547 box-sizing: border-box; 523 box-sizing: border-box;
548 } 524 }
549 525
550 .lp-legend { 526 .lp-legend {
551 transition: 0.5s; 527 transition: 0.5s;
552 height: 100%; 528 height: 100%;
...@@ -633,5 +609,5 @@ ...@@ -633,5 +609,5 @@
633 } 609 }
634 } 610 }
635 } 611 }
636 </style> 612 </style>
637 613
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-29 13:29:56 4 * @LastEditTime: 2024-03-07 16:59:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 <div class="from-clues-header"> 9 <div class="from-clues-header">
10 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px"> 10 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
11 <el-row> 11 <el-row>
12 <el-col :span="4"> 12 <el-col :span="5">
13 <el-form-item label="权利类型" prop="qllx"> 13 <el-form-item label="权利类型" prop="qllx">
14 <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型"> 14 <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
15 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 15 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 </el-select> 17 </el-select>
18 </el-form-item> 18 </el-form-item>
19 </el-col> 19 </el-col>
20 <el-col :span="4"> 20 <el-col :span="5">
21 <el-form-item label="登记类型" prop="djlx"> 21 <el-form-item label="登记类型" prop="djlx">
22 <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型"> 22 <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
23 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 23 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
...@@ -36,13 +36,13 @@ ...@@ -36,13 +36,13 @@
36 </el-select> 36 </el-select>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="6"> 39 <el-col :span="5">
40 <el-form-item label="不动产单元号" prop="bdcdyh" label-width="105px"> 40 <el-form-item label="不动产单元号" prop="bdcdyh" label-width="105px">
41 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model.trim="queryForm.bdcdyh" clearable class="width100"> 41 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model.trim="queryForm.bdcdyh" clearable class="width100">
42 </el-input> 42 </el-input>
43 </el-form-item> 43 </el-form-item>
44 </el-col> 44 </el-col>
45 <el-col :span="6"> 45 <el-col :span="5">
46 <el-form-item label="不动产权证号" prop="bdcqzh" label-width="105px"> 46 <el-form-item label="不动产权证号" prop="bdcqzh" label-width="105px">
47 <el-input placeholder="请输入不动产权证号" v-model.trim="queryForm.bdcqzh" clearable class="width100"> 47 <el-input placeholder="请输入不动产权证号" v-model.trim="queryForm.bdcqzh" clearable class="width100">
48 </el-input> 48 </el-input>
...@@ -57,25 +57,25 @@ ...@@ -57,25 +57,25 @@
57 </el-form-item> 57 </el-form-item>
58 </el-col> 58 </el-col>
59 <el-col :span="5"> 59 <el-col :span="5">
60 <el-form-item label="坐落:" prop="zl" label-width="105px"> 60 <el-form-item label="权利人:" prop="qlrmc">
61 <el-input v-model.trim="queryForm.zl" placeholder="坐落" clearable class="width100">
62 </el-input>
63 </el-form-item>
64 </el-col>
65 <el-col :span="5">
66 <el-form-item label="权利人:" prop="qlrmc" label-width="105px">
67 <el-input v-model.trim="queryForm.qlrmc" placeholder="权利人" clearable class="width100"> 61 <el-input v-model.trim="queryForm.qlrmc" placeholder="权利人" clearable class="width100">
68 </el-input> 62 </el-input>
69 </el-form-item> 63 </el-form-item>
70 </el-col> 64 </el-col>
71 <el-col :span="5"> 65 <el-col :span="4">
72 <el-form-item label="义务人:" prop="ywrmc"> 66 <el-form-item label="义务人:" prop="ywrmc">
73 <el-input v-model.trim="queryForm.ywrmc" placeholder="义务人" clearable class="width100"> 67 <el-input v-model.trim="queryForm.ywrmc" placeholder="义务人" clearable class="width100">
74 </el-input> 68 </el-input>
75 </el-form-item> 69 </el-form-item>
76 </el-col> 70 </el-col>
71 <el-col :span="7">
72 <el-form-item label="坐落:" prop="zl" label-width="105px">
73 <el-input v-model.trim="queryForm.zl" placeholder="坐落" clearable class="width100">
74 </el-input>
75 </el-form-item>
76 </el-col>
77 77
78 <el-col :span="4" class="btnColRight"> 78 <el-col :span="3" class="btnColRight">
79 <el-form-item> 79 <el-form-item>
80 <el-button @click="handleReset">重置</el-button> 80 <el-button @click="handleReset">重置</el-button>
81 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> 81 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,7 @@
98 import table from "@/utils/mixin/table"; 98 import table from "@/utils/mixin/table";
99 import { datas, sendThis } from "./djbcxdata"; 99 import { datas, sendThis } from "./djbcxdata";
100 import { getDjbBysearch } from "@/api/search.js"; 100 import { getDjbBysearch } from "@/api/search.js";
101 import { getZrzListByBsmSlsq } from "@/api/workflow/zjgcdyFlow.js"; 101 import { getZrzListByBsmSlsq } from "@/api/workflow/zjgcdyFlow.js";
102 102
103 export default { 103 export default {
104 name: "djbcx", 104 name: "djbcx",
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
139 qllxs: [], 139 qllxs: [],
140 isDialog: false, 140 isDialog: false,
141 djbxxData: {}, 141 djbxxData: {},
142 zrzbsm:"" 142 zrzbsm: ""
143 } 143 }
144 }, 144 },
145 computed: { 145 computed: {
...@@ -190,17 +190,17 @@ ...@@ -190,17 +190,17 @@
190 * @author: renchao 190 * @author: renchao
191 */ 191 */
192 handleLpbClick (item) { 192 handleLpbClick (item) {
193 let params = {zdbsm:item.bsmZd}; 193 let params = { zdbsm: item.bsmZd };
194 getZrzListByBsmSlsq(params).then((res) => { 194 getZrzListByBsmSlsq(params).then((res) => {
195 if (res.code === 200) { 195 if (res.code === 200) {
196 } 196 }
197 }); 197 });
198 console.log("zrzbsm",item,item.zrzbsm); 198 console.log("zrzbsm", item, item.zrzbsm);
199 this.$popupDialog('楼盘表', 'lpb/index', { 199 this.$popupDialog('楼盘表', 'lpb/index', {
200 bsm: item.zrzbsm, 200 bsm: item.zrzbsm,
201 zrzbsm: item.zrzbsm, 201 zrzbsm: item.zrzbsm,
202 zdbsm: item.zrzbsm, 202 zdbsm: item.zrzbsm,
203 onlyShow: true 203 onlyShow: true
204 }, '90%', true) 204 }, '90%', true)
205 } 205 }
206 } 206 }
......