在建工程抵押首次楼盘表部分功能修改
Showing
7 changed files
with
685 additions
and
18 deletions
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:32:45 | 4 | * @LastEditTime: 2023-09-20 10:24:29 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
... | @@ -108,3 +108,19 @@ export function sjClmxDelete (bsmClmx) { | ... | @@ -108,3 +108,19 @@ export function sjClmxDelete (bsmClmx) { |
108 | method: 'delete' | 108 | method: 'delete' |
109 | }) | 109 | }) |
110 | } | 110 | } |
111 | |||
112 | |||
113 | /** | ||
114 | * @description: 获取自然幢列表 | ||
115 | * @param {*} data | ||
116 | * @author: renchao | ||
117 | */ | ||
118 | export function getZrzListByBsmSlsq (params) { | ||
119 | return request({ | ||
120 | url: SERVER.SERVERAPI + '/rest/ywbl/zjgcdy/getZrzListByBsmSlsq', | ||
121 | method: 'get', | ||
122 | params | ||
123 | }) | ||
124 | } | ||
125 | |||
126 | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | * @Author: yangwei | 2 | * @Author: yangwei |
3 | * @Date: 2023-02-28 15:47:12 | 3 | * @Date: 2023-02-28 15:47:12 |
4 | * @LastEditors: yangwei | 4 | * @LastEditors: yangwei |
5 | * @LastEditTime: 2023-09-15 14:52:50 | 5 | * @LastEditTime: 2023-09-20 15:54:25 |
6 | * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue | 6 | * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue |
7 | * @Description: | 7 | * @Description: |
8 | * | 8 | * |
... | @@ -119,14 +119,14 @@ export default { | ... | @@ -119,14 +119,14 @@ export default { |
119 | }, | 119 | }, |
120 | mounted() { | 120 | mounted() { |
121 | // 根据申请单元列表数据处理选中户 | 121 | // 根据申请单元列表数据处理选中户 |
122 | console.log("window.unitData",window.unitData); | ||
123 | if(window.unitData && window.unitData.length){ | 122 | if(window.unitData && window.unitData.length){ |
123 | let unitIdList = [] | ||
124 | window.unitData.forEach(e => { | 124 | window.unitData.forEach(e => { |
125 | this.unitIdList.push(e.bdcdyid) | 125 | unitIdList.push(e.bdcdyid) |
126 | }) | 126 | }) |
127 | this.ch.forEach((c) => { | 127 | this.ch.forEach((c) => { |
128 | c.hs.forEach((h) => { | 128 | c.hs.forEach((h) => { |
129 | if (h.dyhbsm.indexOf(this.unitIdList) > -1) { | 129 | if (unitIdList.indexOf(h.dyhbsm) > -1) { |
130 | h.select = true; | 130 | h.select = true; |
131 | // 使用hbsmList时,需要去重 | 131 | // 使用hbsmList时,需要去重 |
132 | this.hbsmList.push(h.bsm) | 132 | this.hbsmList.push(h.bsm) | ... | ... |
... | @@ -19,7 +19,7 @@ | ... | @@ -19,7 +19,7 @@ |
19 | }}</el-checkbox> | 19 | }}</el-checkbox> |
20 | </p> | 20 | </p> |
21 | <el-button type="primary" class="save-btn" v-if="!onlyShow && showSave" @click="saveLpb">保存</el-button> | 21 | <el-button type="primary" class="save-btn" v-if="!onlyShow && showSave" @click="saveLpb">保存</el-button> |
22 | <el-button type="primary" class="save-btn" v-if="!onlyShow" @click="submitForm" :loading="loading">发起申请</el-button> | 22 | <el-button type="primary" class="save-btn" v-if="!onlyShow && !showSave" @click="submitForm" :loading="loading">发起申请</el-button> |
23 | <!-- 右键菜单 --> | 23 | <!-- 右键菜单 --> |
24 | <ul | 24 | <ul |
25 | v-show="lpbChVisible" | 25 | v-show="lpbChVisible" | ... | ... |
src/views/lpb/zjgcdy.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-20 16:55:00 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="edit"> | ||
8 | <el-tabs tab-position="left"> | ||
9 | <el-tab-pane :label="item.jzwmc" v-for="item in zrzList" :key="item.bsm"> | ||
10 | <el-tabs type="card" v-model="activeName"> | ||
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 | > | ||
18 | <!-- 楼盘表主体 --> | ||
19 | <div | ||
20 | class="lp-overview" | ||
21 | :style="{ | ||
22 | width: lpbContentwidth + 'px', | ||
23 | 'margin-right': formData.onlyShow ? '10px' : 0, | ||
24 | }" | ||
25 | > | ||
26 | <lpbContent | ||
27 | ref="lpbContent" | ||
28 | :zrzbsm="item.bsm" | ||
29 | :scyclx="formData.scyclx" | ||
30 | :onlyShow="formData.onlyShow" | ||
31 | :showSave="formData.showSave" | ||
32 | :unitData="formData.unitData" | ||
33 | :sqywInfo="formData" | ||
34 | :key="item.bsm" | ||
35 | ></lpbContent> | ||
36 | </div> | ||
37 | <!-- 右侧图例 --> | ||
38 | <div class="lp-legend" v-if="formData.onlyShow"> | ||
39 | <div class="handleCol"> | ||
40 | <div class="btn" @click="legendToggle"> | ||
41 | <i | ||
42 | v-show="!legendToggleFlag" | ||
43 | class="el-icon-d-arrow-left" | ||
44 | ></i> | ||
45 | <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> | ||
75 | <div | ||
76 | class="legendTable-wrap" | ||
77 | :style="{ width: legendToggleFlag ? '200px' : '0' }" | ||
78 | > | ||
79 | <table | ||
80 | class="legendTable" | ||
81 | v-show="selectedZt == 'dyzt'" | ||
82 | cellspacing="1" | ||
83 | cellpadding="1" | ||
84 | border="1" | ||
85 | > | ||
86 | <tr> | ||
87 | <th>状态</th> | ||
88 | <th>套数</th> | ||
89 | <th>面积</th> | ||
90 | </tr> | ||
91 | <tr | ||
92 | v-for="(item, index) in dyztList" | ||
93 | :key="index" | ||
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> | ||
208 | </div> | ||
209 | </div> | ||
210 | </el-tab-pane> | ||
211 | <el-tab-pane label="单元列表页面" name="second"> | ||
212 | <!-- 单元列表页面--> | ||
213 | <selectZrzH :sqywInfo="formData" :zrzbsm="item.bsm" /> | ||
214 | </el-tab-pane> | ||
215 | </el-tabs> | ||
216 | </el-tab-pane> | ||
217 | </el-tabs> | ||
218 | </div> | ||
219 | </template> | ||
220 | |||
221 | <script> | ||
222 | import lpbContent from "./lpbContent/index"; | ||
223 | import selectZrzH from "../ywbl/ywsq/components/selectZrzH"; | ||
224 | import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpcx.js"; | ||
225 | import { getZrzListByBsmSlsq } from "@/api/workflow/zjgcdyFlow.js"; | ||
226 | export default { | ||
227 | name: "lpb", | ||
228 | props: { | ||
229 | formData: { | ||
230 | type: Object, | ||
231 | default: () => { | ||
232 | return {}; | ||
233 | }, | ||
234 | }, | ||
235 | }, | ||
236 | components: { | ||
237 | lpbContent, | ||
238 | selectZrzH, | ||
239 | }, | ||
240 | data() { | ||
241 | return { | ||
242 | activeName: "first", | ||
243 | bsms: [], | ||
244 | dialogVisible: false, | ||
245 | scyclx: "0", //1是实测 0是预测 | ||
246 | menuType: "", | ||
247 | selectedZt: "dyzt", //图例选中项,默认选中单元状态 | ||
248 | dyztList: [ | ||
249 | { | ||
250 | name: "未确权", | ||
251 | color: "#83AAFE", | ||
252 | ts: "12", | ||
253 | mj: "1633", | ||
254 | }, | ||
255 | { | ||
256 | name: "已确权", | ||
257 | color: "#6EDEE1", | ||
258 | ts: "22", | ||
259 | mj: "3109", | ||
260 | }, | ||
261 | { | ||
262 | name: "已备案", | ||
263 | color: "#8ADC88", | ||
264 | ts: "3", | ||
265 | mj: "409", | ||
266 | }, | ||
267 | { | ||
268 | name: "预抵押", | ||
269 | color: "#F2AD67", | ||
270 | ts: "11", | ||
271 | mj: "1466", | ||
272 | }, | ||
273 | { | ||
274 | name: "在建抵押", | ||
275 | color: "#F191C8", | ||
276 | ts: "13", | ||
277 | mj: "1792", | ||
278 | }, | ||
279 | { | ||
280 | name: "抵押", | ||
281 | color: "#FF8282", | ||
282 | ts: "14", | ||
283 | mj: "13", | ||
284 | }, | ||
285 | { | ||
286 | name: "查封", | ||
287 | color: "#D7CECF", | ||
288 | ts: "9", | ||
289 | mj: "1436", | ||
290 | }, | ||
291 | { | ||
292 | name: "异议", | ||
293 | color: "#D4A3EB", | ||
294 | ts: "34", | ||
295 | mj: "4342", | ||
296 | }, | ||
297 | { | ||
298 | name: "限制", | ||
299 | color: "#A5A3FB", | ||
300 | ts: "2", | ||
301 | mj: "285", | ||
302 | }, | ||
303 | ], | ||
304 | fwxzList: [], | ||
305 | fwytList: [], | ||
306 | qsxList: [], | ||
307 | legendToggleFlag: false, | ||
308 | lpbContentHight: "", | ||
309 | lpbContentwidth: "", | ||
310 | time: "", | ||
311 | dyztBsmList: {}, //单元状态bsmList | ||
312 | bjztFlag: true, | ||
313 | qsztList: [], | ||
314 | zrzList: [], | ||
315 | }; | ||
316 | }, | ||
317 | created() { | ||
318 | window.addEventListener("resize", this.getHeight); | ||
319 | this.getHeight(); | ||
320 | let params = { | ||
321 | bsmSlsq: this.formData.bsmSlsq, | ||
322 | djlx: this.formData.djlx, | ||
323 | }; | ||
324 | window.djlx && getZrzListByBsmSlsq(params).then((res) => { | ||
325 | if (res.code === 200) { | ||
326 | this.zrzList = res.result; | ||
327 | } | ||
328 | }); | ||
329 | }, | ||
330 | mounted() { | ||
331 | //获取各项单元状态的户bsm | ||
332 | this.formData.onlyShow && this.getDyztBsmList(); | ||
333 | //获取房屋用途统计数据 | ||
334 | this.formData.onlyShow && this.getLpbFwytAndQlxz(); | ||
335 | // 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6 | ||
336 | setTimeout(() => { | ||
337 | this.lpbContentwidth = | ||
338 | (document.documentElement.clientWidth || document.body.clientWidth) - | ||
339 | 340 - | ||
340 | 34 - | ||
341 | 6; | ||
342 | }, 100); | ||
343 | }, | ||
344 | methods: { | ||
345 | /* handleTabClick(event){ | ||
346 | if(event.name=="first"){ | ||
347 | this.$router.push({ | ||
348 | path:"/lpb/index", | ||
349 | }) | ||
350 | }else if(event.name=="second"){ | ||
351 | this.$router.push({ | ||
352 | path:"/ywbl/ywsq/components/selectAllHInfo", | ||
353 | }) | ||
354 | } | ||
355 | },*/ | ||
356 | //获取高度计算lpb内容区高度 | ||
357 | /** | ||
358 | * @description: 获取高度计算lpb内容区高度 | ||
359 | * @author: renchao | ||
360 | */ | ||
361 | getHeight() { | ||
362 | this.lpbContentHight = window.innerHeight - 226; | ||
363 | }, | ||
364 | //图例的展开收起 | ||
365 | /** | ||
366 | * @description: 图例的展开收起 | ||
367 | * @author: renchao | ||
368 | */ | ||
369 | legendToggle() { | ||
370 | this.legendToggleFlag = !this.legendToggleFlag; | ||
371 | }, | ||
372 | //切换房屋状态 | ||
373 | /** | ||
374 | * @description: 切换房屋状态 | ||
375 | * @param {*} bsms | ||
376 | * @param {*} color | ||
377 | * @author: renchao | ||
378 | */ | ||
379 | handleChoosedH(bsms, color) { | ||
380 | this.$refs.lpbContent.changeChoosed(bsms, color); | ||
381 | }, | ||
382 | //获取各项单元状态统计数据 | ||
383 | /** | ||
384 | * @description: 获取各项单元状态统计数据 | ||
385 | * @author: renchao | ||
386 | */ | ||
387 | getDyztBsmList() { | ||
388 | getLpbTj(this.formData.bsm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.dyztList = res.result; | ||
391 | this.dyztList.splice(1, 0, this.dyztList[8]); | ||
392 | this.dyztList.pop(); | ||
393 | this.dyztList.forEach((item) => { | ||
394 | item.ts = item.bsms.length; | ||
395 | switch (item.name) { | ||
396 | case "Qqzt": | ||
397 | item.color = "#6EDEE1"; | ||
398 | item.name = "已确权"; | ||
399 | break; | ||
400 | case "Wqqzt": | ||
401 | item.color = "#83AAFE"; | ||
402 | item.name = "未确权"; | ||
403 | break; | ||
404 | case "Bazt": | ||
405 | item.color = "#8ADC88"; | ||
406 | item.name = "已备案"; | ||
407 | break; | ||
408 | case "Ydyzt": | ||
409 | item.color = "#F2AD67"; | ||
410 | item.name = "预抵押"; | ||
411 | break; | ||
412 | case "Zjgcdyzt": | ||
413 | item.color = "#F191C8"; | ||
414 | item.name = "在建抵押"; | ||
415 | break; | ||
416 | case "Dyzt": | ||
417 | item.color = "#FF8282"; | ||
418 | item.name = "抵押"; | ||
419 | break; | ||
420 | case "Cfzt": | ||
421 | item.color = "#D7CECF"; | ||
422 | item.name = "查封"; | ||
423 | break; | ||
424 | case "Yyzt": | ||
425 | item.color = "#D4A3EB"; | ||
426 | item.name = "异议"; | ||
427 | break; | ||
428 | case "Xzzt": | ||
429 | item.color = "#A5A3FB"; | ||
430 | item.name = "限制"; | ||
431 | break; | ||
432 | default: | ||
433 | break; | ||
434 | } | ||
435 | }); | ||
436 | } | ||
437 | }); | ||
438 | }, | ||
439 | // 获取房屋用途和房屋性质及缺失项统计数据 | ||
440 | /** | ||
441 | * @description: 获取房屋用途和房屋性质及缺失项统计数据 | ||
442 | * @author: renchao | ||
443 | */ | ||
444 | getLpbFwytAndQlxz() { | ||
445 | getLpbFwytAndQlxz(this.formData.bsm).then((res) => { | ||
446 | if (res.code === 200) { | ||
447 | // this.fwytList = res.result | ||
448 | this.fwytList = res.result.fwyt; | ||
449 | this.fwxzList = res.result.qlxz; | ||
450 | if (this.fwytList.length > 0) { | ||
451 | this.fwytList.forEach((item) => { | ||
452 | item.color = "#2591FD"; | ||
453 | item.ts = item.bsms.length; | ||
454 | }); | ||
455 | } | ||
456 | if (this.fwxzList.length > 0) { | ||
457 | this.fwxzList.forEach((item) => { | ||
458 | item.color = "#2591FD"; | ||
459 | item.ts = item.bsms.length; | ||
460 | }); | ||
461 | } | ||
462 | } | ||
463 | }); | ||
464 | // getLpbQsxtj(this.formData.bsm).then((res) => { | ||
465 | // if (res.code === 200) { | ||
466 | // this.qsxList = [ | ||
467 | // { | ||
468 | // name: "坐落", | ||
469 | // bsms: res.result.zl.bsms, | ||
470 | // color: "#2591FD", | ||
471 | // ts: res.result.zl.bsms.length, | ||
472 | // }, | ||
473 | // { | ||
474 | // name: "分层分户图", | ||
475 | // bsms: res.result.fcfht.bsms, | ||
476 | // color: "#2591FD", | ||
477 | // ts: res.result.fcfht.bsms.length, | ||
478 | // }, | ||
479 | // { | ||
480 | // name: "室号", | ||
481 | // bsms: res.result.shbw.bsms, | ||
482 | // color: "#2591FD", | ||
483 | // ts: res.result.shbw.bsms.length, | ||
484 | // }, | ||
485 | // ]; | ||
486 | // } | ||
487 | // }); | ||
488 | }, | ||
489 | }, | ||
490 | computed: {}, | ||
491 | destroyed() { | ||
492 | window.removeEventListener("resize", this.getHeight); | ||
493 | }, | ||
494 | watch: { | ||
495 | //树结构和图例伸缩时修改楼盘表主要内容区宽度 | ||
496 | legendToggleFlag(n) { | ||
497 | if (n) { | ||
498 | this.lpbContentwidth -= 204; | ||
499 | } else { | ||
500 | this.lpbContentwidth += 204; | ||
501 | } | ||
502 | }, | ||
503 | selectedZt(n) { | ||
504 | this.legendToggleFlag = true; | ||
505 | }, | ||
506 | }, | ||
507 | }; | ||
508 | </script> | ||
509 | <style scoped lang="scss"> | ||
510 | table { | ||
511 | border-width: 0; | ||
512 | border-collapse: collapse; | ||
513 | border-spacing: 0; | ||
514 | } | ||
515 | .edit { | ||
516 | height: 100%; | ||
517 | .tab-content { | ||
518 | border: 1px solid #dedede; | ||
519 | border-left: 0; | ||
520 | background-color: #ffffff; | ||
521 | display: flex; | ||
522 | &::-webkit-scrollbar { | ||
523 | width: 1px; | ||
524 | } | ||
525 | .lp-tree { | ||
526 | height: 100%; | ||
527 | overflow: hidden; | ||
528 | transition: 0.5s; | ||
529 | .treeData { | ||
530 | margin-top: 20px; | ||
531 | margin-left: 26px; | ||
532 | float: left; | ||
533 | } | ||
534 | } | ||
535 | .w0 { | ||
536 | width: 0; | ||
537 | } | ||
538 | .w260 { | ||
539 | width: 260px; | ||
540 | } | ||
541 | .lp-overview { | ||
542 | transition: 0.5s; | ||
543 | flex: 1; | ||
544 | border: 1px solid rgb(236, 236, 236); | ||
545 | border-top: 0; | ||
546 | border-bottom: 0; | ||
547 | box-sizing: border-box; | ||
548 | } | ||
549 | |||
550 | .lp-legend { | ||
551 | transition: 0.5s; | ||
552 | height: 100%; | ||
553 | font-size: 14px; | ||
554 | .handleCol { | ||
555 | width: 34px; | ||
556 | float: right; | ||
557 | height: 100%; | ||
558 | .btn { | ||
559 | cursor: pointer; | ||
560 | height: 40px; | ||
561 | line-height: 40px; | ||
562 | text-align: center; | ||
563 | background-color: #5a78de; | ||
564 | color: #fff; | ||
565 | border-bottom: 1px solid #e6e6e6; | ||
566 | } | ||
567 | .dyzt, | ||
568 | .fwxz, | ||
569 | .fwyt, | ||
570 | .qsx { | ||
571 | height: 122px; | ||
572 | } | ||
573 | .dyzt, | ||
574 | .fwxz, | ||
575 | .fwyt, | ||
576 | .qsx { | ||
577 | cursor: pointer; | ||
578 | border-bottom: 1px solid #e6e6e6; | ||
579 | border-left: 1px solid #e6e6e6; | ||
580 | span { | ||
581 | text-align: center; | ||
582 | height: 100%; | ||
583 | -webkit-writing-mode: vertical-rl; | ||
584 | writing-mode: vertical-rl; | ||
585 | line-height: 34px; | ||
586 | letter-spacing: 2px; | ||
587 | } | ||
588 | } | ||
589 | .selectedZt { | ||
590 | // background-color: #5A78DE; | ||
591 | color: #3d59c4; | ||
592 | } | ||
593 | } | ||
594 | .legendTable-wrap { | ||
595 | transition: 0.5s; | ||
596 | float: right; | ||
597 | overflow: hidden; | ||
598 | .legendTable { | ||
599 | margin-top: -1px; | ||
600 | .fa-circle { | ||
601 | display: inline-block; | ||
602 | width: 12px; | ||
603 | height: 12px; | ||
604 | border-radius: 50%; | ||
605 | vertical-align: middle; | ||
606 | margin-right: 4px; | ||
607 | } | ||
608 | tr { | ||
609 | height: 40px; | ||
610 | line-height: 40px; | ||
611 | border-color: #d8e0ea !important; | ||
612 | th:first-child { | ||
613 | width: 80px; | ||
614 | } | ||
615 | th { | ||
616 | width: 60px; | ||
617 | height: 40px; | ||
618 | white-space: nowrap; | ||
619 | background-color: #eceef2; | ||
620 | } | ||
621 | td { | ||
622 | height: 40px; | ||
623 | text-align: center; | ||
624 | white-space: nowrap; | ||
625 | } | ||
626 | td:first-child { | ||
627 | text-align: left; | ||
628 | text-indent: 2px; | ||
629 | } | ||
630 | } | ||
631 | } | ||
632 | } | ||
633 | } | ||
634 | } | ||
635 | } | ||
636 | </style> | ||
637 | |||
... | \ 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: 2023-09-18 11:11:19 | 4 | * @LastEditTime: 2023-09-20 16:56:46 |
5 | */ | 5 | */ |
6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
7 | import { uploadUndo } from "@/api/clxx"; | 7 | import { uploadUndo } from "@/api/clxx"; |
... | @@ -157,20 +157,30 @@ export default { | ... | @@ -157,20 +157,30 @@ export default { |
157 | ) | 157 | ) |
158 | break; | 158 | break; |
159 | case "B8": | 159 | case "B8": |
160 | getZrzbsmList(this.bsmSlsq).then((res) => { | 160 | !window.djlx && getZrzbsmList(this.bsmSlsq).then((res) => { |
161 | if (res.code === 200) { | 161 | if (res.code === 200) { |
162 | this.$popupDialog('楼盘表', 'lpb/index', { | 162 | this.$popupDialog('楼盘表', 'lpb/index', { |
163 | bsm: res.result[0], | 163 | bsm: res.result[0], |
164 | onlyShow: false, | 164 | onlyShow: false, |
165 | unitData: window.unitData | 165 | unitData: window.unitData, |
166 | bsmSlsq:this.bsmSlsq, | ||
167 | showSave:true, | ||
168 | djlx: window.djlx | ||
166 | }, '90%', true) | 169 | }, '90%', true) |
167 | } else { | 170 | } else { |
168 | this.$message.error(res.message) | 171 | this.$message.error(res.message) |
169 | } | 172 | } |
170 | }) | 173 | }) |
171 | .catch((err) => { | 174 | .catch((err) => { |
172 | this.$message.error(err) | 175 | this.$message.error(err) |
173 | }); | 176 | }); |
177 | window.djlx && this.$popupDialog('楼盘表', 'lpb/zjgcdy', { | ||
178 | onlyShow: false, | ||
179 | unitData: window.unitData, | ||
180 | bsmSlsq:this.bsmSlsq, | ||
181 | showSave:true, | ||
182 | djlx: window.djlx | ||
183 | }, '90%', true) | ||
174 | break; | 184 | break; |
175 | // 图形定位 | 185 | // 图形定位 |
176 | case "B-TXDW": | 186 | case "B-TXDW": | ... | ... |
... | @@ -339,6 +339,7 @@ | ... | @@ -339,6 +339,7 @@ |
339 | this.loading = false | 339 | this.loading = false |
340 | if (res.code === 200 && res.result) { | 340 | if (res.code === 200 && res.result) { |
341 | this.ruleForm = res.result; | 341 | this.ruleForm = res.result; |
342 | window.djlx = res.result.sldy.djlx | ||
342 | this.czrOptions = this.ruleForm.qlrList; | 343 | this.czrOptions = this.ruleForm.qlrList; |
343 | this.ruleForm.qlrList.forEach((item) => { | 344 | this.ruleForm.qlrList.forEach((item) => { |
344 | if (item.sfczr == 1) { | 345 | if (item.sfczr == 1) { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-13 10:01:27 | 4 | * @LastEditTime: 2023-09-20 17:08:30 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
... | @@ -38,7 +38,7 @@ | ... | @@ -38,7 +38,7 @@ |
38 | </div> | 38 | </div> |
39 | <!-- 表格 --> | 39 | <!-- 表格 --> |
40 | <div class="loadingtext"> | 40 | <div class="loadingtext"> |
41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="210" | 41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="this.zrzbsm ? 390 : 290" |
42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" |
43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
44 | :data="tableData.data"> | 44 | :data="tableData.data"> |
... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
52 | </template> | 52 | </template> |
53 | <script> | 53 | <script> |
54 | import store from '@/store/index.js' | 54 | import store from '@/store/index.js' |
55 | import { ywPopupDialog,ywPopupCacel } from "@/utils/popup.js"; | 55 | import { ywPopupDialog,popupCacel } from "@/utils/popup.js"; |
56 | import { datas, sendThis } from "../javascript/selectAllHInfo.js"; | 56 | import { datas, sendThis } from "../javascript/selectAllHInfo.js"; |
57 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 57 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
58 | import table from "@/utils/mixin/table"; | 58 | import table from "@/utils/mixin/table"; |
... | @@ -64,7 +64,10 @@ | ... | @@ -64,7 +64,10 @@ |
64 | props: { | 64 | props: { |
65 | isJump: { type: Boolean, default: false }, | 65 | isJump: { type: Boolean, default: false }, |
66 | sqywInfo: { type: Object, default: () => { } }, | 66 | sqywInfo: { type: Object, default: () => { } }, |
67 | 67 | zrzbsm: { | |
68 | type: String, | ||
69 | default: "", | ||
70 | }, | ||
68 | }, | 71 | }, |
69 | data () { | 72 | data () { |
70 | return { | 73 | return { |
... | @@ -88,7 +91,7 @@ | ... | @@ -88,7 +91,7 @@ |
88 | */ | 91 | */ |
89 | queryClick () { | 92 | queryClick () { |
90 | this.$startLoading(); | 93 | this.$startLoading(); |
91 | this.queryForm.zrzbsm = this.sqywInfo.bsm; | 94 | this.queryForm.zrzbsm = this.zrzbsm || this.sqywInfo.bsm; |
92 | // this.queryForm.zrzbsm = this.sqywInfo.zrzbsm; | 95 | // this.queryForm.zrzbsm = this.sqywInfo.zrzbsm; |
93 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { | 96 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { |
94 | this.$endLoading(); | 97 | this.$endLoading(); |
... | @@ -143,7 +146,7 @@ | ... | @@ -143,7 +146,7 @@ |
143 | * @author: renchao | 146 | * @author: renchao |
144 | */ | 147 | */ |
145 | close(){ | 148 | close(){ |
146 | ywPopupCacel() | 149 | popupCacel() |
147 | }, | 150 | }, |
148 | /** | 151 | /** |
149 | * @description: handleSelectionChange | 152 | * @description: handleSelectionChange | ... | ... |
-
Please register or sign in to post a comment