Merge remote-tracking branch 'origin/master'
Showing
5 changed files
with
487 additions
and
55 deletions
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main"> |
3 | <div> | 3 | <template v-if="isCxlz"> |
4 | <p class="tips">查询条件</p> | 4 | <p class="tips">查询条件</p> |
5 | <div class="search"> | 5 | <div class="search"> |
6 | <el-row> | 6 | <el-row> |
... | @@ -83,14 +83,6 @@ | ... | @@ -83,14 +83,6 @@ |
83 | </template> | 83 | </template> |
84 | </el-table-column> | 84 | </el-table-column> |
85 | </el-table> | 85 | </el-table> |
86 | </div> | ||
87 | <span slot="footer" class="dialog-footer"> </span> | ||
88 | <cxlz-query-data | ||
89 | :centerDialogVisible="centerDialogVisible" | ||
90 | :dylxs="dylxs" | ||
91 | @close="close" | ||
92 | :zrzbsm="zrzbsm" | ||
93 | ></cxlz-query-data> | ||
94 | <div class="page"> | 86 | <div class="page"> |
95 | <el-pagination | 87 | <el-pagination |
96 | background | 88 | background |
... | @@ -101,22 +93,167 @@ | ... | @@ -101,22 +93,167 @@ |
101 | > | 93 | > |
102 | </el-pagination> | 94 | </el-pagination> |
103 | </div> | 95 | </div> |
96 | </template> | ||
97 | <div class="lpb" v-if="!isCxlz"> | ||
98 | <div class="lpb-header"> | ||
99 | <el-radio-group v-model="scyclx" @change="scyclxChange"> | ||
100 | <el-radio-button label="0">预测</el-radio-button> | ||
101 | <el-radio-button label="1">实测</el-radio-button> | ||
102 | </el-radio-group> | ||
103 | <el-input | ||
104 | maxlength="28" | ||
105 | v-model="bdcdyh" | ||
106 | :style="{ width: inputWidth + 'px' }" | ||
107 | @change="inputChange" | ||
108 | class="searchInput" | ||
109 | placeholder="输入不动产单元号或室号" | ||
110 | ><i | ||
111 | slot="suffix" | ||
112 | class="el-input__icon el-icon-search" | ||
113 | @click="inputChange" | ||
114 | ></i | ||
115 | ></el-input> | ||
116 | <el-link type="primary" style="margin-left:20px" @click="isCxlz=true">重新选择户</el-link> | ||
117 | </div> | ||
118 | <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }"> | ||
119 | <!-- 楼盘表主体 --> | ||
120 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> | ||
121 | <lpbContent ref="lpbContent" class="" :zrzbsm='zrzbsm' lpbParent = 'isCxlz'></lpbContent> | ||
122 | </div> | ||
123 | <!-- 右侧图例 --> | ||
124 | <div class="lp-legend"> | ||
125 | <div class="handleCol"> | ||
126 | <div class="btn" @click="legendToggle"> | ||
127 | <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> | ||
128 | <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> | ||
129 | </div> | ||
130 | <div | ||
131 | :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" | ||
132 | @click="selectedZt = 'dyzt'" | ||
133 | > | ||
134 | <span>单元状态</span> | ||
135 | </div> | ||
136 | <div | ||
137 | :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" | ||
138 | @click="selectedZt = 'fwxz'" | ||
139 | > | ||
140 | <span>房屋性质</span> | ||
141 | </div> | ||
142 | <div | ||
143 | :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" | ||
144 | @click="selectedZt = 'fwyt'" | ||
145 | > | ||
146 | <span>房屋用途</span> | ||
147 | </div> | ||
148 | </div> | ||
149 | <div | ||
150 | class="legendTable-wrap" | ||
151 | :style="{ width: legendToggleFlag ? '204px' : '0' }" | ||
152 | > | ||
153 | <table | ||
154 | class="legendTable" | ||
155 | v-show="selectedZt == 'dyzt'" | ||
156 | cellspacing="1" | ||
157 | cellpadding="1" | ||
158 | border="1" | ||
159 | > | ||
160 | <tr> | ||
161 | <th>状态</th> | ||
162 | <th>套数</th> | ||
163 | <th>面积</th> | ||
164 | </tr> | ||
165 | <tr | ||
166 | v-for="(item, index) in dyztList" | ||
167 | :key="index" | ||
168 | class="cp" | ||
169 | @click="handleChoosedH(item.bsms,item.color)" | ||
170 | > | ||
171 | <td> | ||
172 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
173 | >{{ item.name }} | ||
174 | </td> | ||
175 | <td>{{ item.ts }}</td> | ||
176 | <td>{{ item.mj }}</td> | ||
177 | </tr> | ||
178 | </table> | ||
179 | |||
180 | <table | ||
181 | class="legendTable" | ||
182 | v-show="selectedZt == 'fwxz'" | ||
183 | cellspacing="1" | ||
184 | cellpadding="1" | ||
185 | border="1" | ||
186 | > | ||
187 | <tr> | ||
188 | <th>性质</th> | ||
189 | <th>套数</th> | ||
190 | <th>面积</th> | ||
191 | </tr> | ||
192 | <tr | ||
193 | v-for="(item, index) in fwxzList" | ||
194 | :key="index" | ||
195 | class="cp" | ||
196 | @click="handleChoosedH(item.bsms,item.color)" | ||
197 | > | ||
198 | <td> | ||
199 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
200 | >{{ item.name }} | ||
201 | </td> | ||
202 | <td>{{ item.ts }}</td> | ||
203 | <td>{{ item.mj }}</td> | ||
204 | </tr> | ||
205 | <tr v-show="fwxzList.length < 1"> | ||
206 | <td colspan="3" class="tac">暂无数据</td> | ||
207 | </tr> | ||
208 | </table> | ||
209 | |||
210 | <table | ||
211 | class="legendTable" | ||
212 | v-show="selectedZt == 'fwyt'" | ||
213 | cellspacing="1" | ||
214 | cellpadding="1" | ||
215 | border="1" | ||
216 | > | ||
217 | <tr> | ||
218 | <th>用途</th> | ||
219 | <th>套数</th> | ||
220 | <th>面积</th> | ||
221 | </tr> | ||
222 | <tr | ||
223 | v-for="(item, index) in fwytList" | ||
224 | :key="index" | ||
225 | class="cp" | ||
226 | @click="handleChoosedH(item.bsms,item.color)" | ||
227 | > | ||
228 | <td> | ||
229 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
230 | >{{ item.name }} | ||
231 | </td> | ||
232 | <td>{{ item.ts }}</td> | ||
233 | <td>{{ item.mj }}</td> | ||
234 | </tr> | ||
235 | <tr v-show="fwytList.length < 1"> | ||
236 | <td colspan="3" class="tac">暂无数据</td> | ||
237 | </tr> | ||
238 | </table> | ||
239 | </div> | ||
240 | </div> | ||
241 | </div> | ||
242 | </div> | ||
104 | </div> | 243 | </div> |
105 | </template> | 244 | </template> |
106 | 245 | ||
107 | <script> | 246 | <script> |
108 | import { cxlzZrzList } from "@api/zrz"; | 247 | import { cxlzZrzList } from "@api/zrz"; |
109 | import cxlzQueryData from "@components/cxlxQueryData/cxlzQueryData"; | 248 | import lpbContent from "../../../zrz/lpb/bjlp/lpbContent/index"; |
110 | 249 | ||
111 | export default { | 250 | export default { |
112 | name: "", | 251 | name: "", |
113 | components: { cxlzQueryData }, | ||
114 | props: {}, | 252 | props: {}, |
253 | components: { lpbContent }, | ||
115 | data() { | 254 | data() { |
116 | return { | 255 | return { |
117 | total: 1, | 256 | total: 1, |
118 | centerDialogVisible: false, | ||
119 | zrzbsm: "", | ||
120 | queryData: { | 257 | queryData: { |
121 | bdcdyh: "", | 258 | bdcdyh: "", |
122 | bdcqzh: "", | 259 | bdcqzh: "", |
... | @@ -131,6 +268,73 @@ export default { | ... | @@ -131,6 +268,73 @@ export default { |
131 | Data: [], | 268 | Data: [], |
132 | dylxs: ["zd"], | 269 | dylxs: ["zd"], |
133 | tableHeight: 0, | 270 | tableHeight: 0, |
271 | isCxlz:true, | ||
272 | zrzbsm:'', | ||
273 | scyclx:'0', //实预测类型 | ||
274 | bdcdyh:'',//室号搜索 | ||
275 | inputWidth: 220,//搜索框宽度 | ||
276 | legendToggleFlag: false, | ||
277 | selectedZt:'dyzt', | ||
278 | dyztList: [ | ||
279 | { | ||
280 | name: "未确权", | ||
281 | color: "#83AAFE", | ||
282 | ts: "12", | ||
283 | mj: "1633", | ||
284 | }, | ||
285 | { | ||
286 | name: "已确权", | ||
287 | color: "#6EDEE1", | ||
288 | ts: "22", | ||
289 | mj: "3109", | ||
290 | }, | ||
291 | { | ||
292 | name: "已备案", | ||
293 | color: "#8ADC88", | ||
294 | ts: "3", | ||
295 | mj: "409", | ||
296 | }, | ||
297 | { | ||
298 | name: "预抵押", | ||
299 | color: "#F2AD67", | ||
300 | ts: "11", | ||
301 | mj: "1466", | ||
302 | }, | ||
303 | { | ||
304 | name: "在建抵押", | ||
305 | color: "#F191C8", | ||
306 | ts: "13", | ||
307 | mj: "1792", | ||
308 | }, | ||
309 | { | ||
310 | name: "抵押", | ||
311 | color: "#FF8282", | ||
312 | ts: "14", | ||
313 | mj: "13", | ||
314 | }, | ||
315 | { | ||
316 | name: "查封", | ||
317 | color: "#D7CECF", | ||
318 | ts: "9", | ||
319 | mj: "1436", | ||
320 | }, | ||
321 | { | ||
322 | name: "异议", | ||
323 | color: "#D4A3EB", | ||
324 | ts: "34", | ||
325 | mj: "4342", | ||
326 | }, | ||
327 | { | ||
328 | name: "限制", | ||
329 | color: "#A5A3FB", | ||
330 | ts: "2", | ||
331 | mj: "285", | ||
332 | }, | ||
333 | ], | ||
334 | fwxzList: [], | ||
335 | fwytList: [], | ||
336 | lpbContentHeight: 0, | ||
337 | lpbContentwidth: 0, | ||
134 | }; | 338 | }; |
135 | }, | 339 | }, |
136 | created() {}, | 340 | created() {}, |
... | @@ -140,6 +344,8 @@ export default { | ... | @@ -140,6 +344,8 @@ export default { |
140 | this.tableHeight = | 344 | this.tableHeight = |
141 | (document.documentElement.clientHeight || | 345 | (document.documentElement.clientHeight || |
142 | document.body.clientHeight) - 396; | 346 | document.body.clientHeight) - 396; |
347 | this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 208; | ||
348 | this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6; | ||
143 | }); | 349 | }); |
144 | }, | 350 | }, |
145 | methods: { | 351 | methods: { |
... | @@ -148,8 +354,8 @@ export default { | ... | @@ -148,8 +354,8 @@ export default { |
148 | this.getData(this.queryData); | 354 | this.getData(this.queryData); |
149 | }, | 355 | }, |
150 | xzzrz: function(item) { | 356 | xzzrz: function(item) { |
151 | this.centerDialogVisible = true; | 357 | this.isCxlz = false; |
152 | this.zrzbsm = item.glbsm; | 358 | this.zrzbsm = item.bsm; |
153 | }, | 359 | }, |
154 | close: function() { | 360 | close: function() { |
155 | this.centerDialogVisible = false; | 361 | this.centerDialogVisible = false; |
... | @@ -176,9 +382,151 @@ export default { | ... | @@ -176,9 +382,151 @@ export default { |
176 | search: function() { | 382 | search: function() { |
177 | this.getData(this.queryData); | 383 | this.getData(this.queryData); |
178 | }, | 384 | }, |
385 | |||
386 | //实预测转换 | ||
387 | scyclxChange(){ | ||
388 | //清空已选中层户 | ||
389 | // this.bsms = []; | ||
390 | this.$refs.lpbContent.hbsmList = []; | ||
391 | this.$nextTick(()=>{ | ||
392 | //户 | ||
393 | this.$refs.lpbContent.$refs.hBsm.forEach(item=>{ | ||
394 | item.style.borderColor = 'rgb(230, 230, 230)'; | ||
395 | if (item.className == "tdSelect") { | ||
396 | item.className = ""; | ||
397 | } | ||
398 | }); | ||
399 | //层 | ||
400 | this.$refs.lpbContent.$refs.cBsm.forEach(item=>{ | ||
401 | console.log(item.className,'item.className'); | ||
402 | item.className = "floor"; | ||
403 | }); | ||
404 | }) | ||
405 | //获取图例数据 | ||
406 | this.getDyztBsmList(); | ||
407 | this.getLpbFwytAndQlxz(); | ||
408 | }, | ||
409 | inputChange() { | ||
410 | if (this.bdcdyh != "") { | ||
411 | // 根据不动产单元号或者室号搜索 | ||
412 | // this.$refs.lpbContent.lpbDataMap(this.bdcdyh); | ||
413 | } else { | ||
414 | this.$message({ | ||
415 | message: "请输入内容后查询", | ||
416 | type: "warning", | ||
417 | }); | ||
418 | } | ||
419 | }, | ||
420 | //图例的展开收起 | ||
421 | legendToggle() { | ||
422 | this.legendToggleFlag = !this.legendToggleFlag; | ||
423 | }, | ||
424 | //获取各项单元状态统计数据 | ||
425 | getDyztBsmList() { | ||
426 | let data = { | ||
427 | zrzbsm: this.$store.state.zrzbsm, | ||
428 | scyclx: this.scyclx, | ||
429 | }; | ||
430 | getLpbTj(data).then((res) => { | ||
431 | if (res.code === 200) { | ||
432 | this.dyztList = res.result; | ||
433 | this.dyztList.splice(1,0,this.dyztList[8]); | ||
434 | this.dyztList.pop(); | ||
435 | this.dyztList.forEach(item=>{ | ||
436 | item.ts = item.bsms.length; | ||
437 | switch (item.name) { | ||
438 | case 'Qqzt': | ||
439 | item.color = "#6EDEE1"; | ||
440 | item.name = "已确权" | ||
441 | break; | ||
442 | case 'Wqqzt': | ||
443 | item.color = "#83AAFE"; | ||
444 | item.name = "未确权" | ||
445 | break; | ||
446 | case 'Bazt': | ||
447 | item.color = "#8ADC88"; | ||
448 | item.name = "已备案" | ||
449 | break; | ||
450 | case 'Ydyzt': | ||
451 | item.color = "#F2AD67"; | ||
452 | item.name = "预抵押" | ||
453 | break; | ||
454 | case 'Zjgcdyzt': | ||
455 | item.color = "#F191C8"; | ||
456 | item.name = "在建抵押" | ||
457 | break; | ||
458 | case 'Dyzt': | ||
459 | item.color = "#FF8282"; | ||
460 | item.name = "抵押" | ||
461 | break; | ||
462 | case 'Cfzt': | ||
463 | item.color = "#D7CECF"; | ||
464 | item.name = "查封" | ||
465 | break; | ||
466 | case 'Yyzt': | ||
467 | item.color = "#D4A3EB"; | ||
468 | item.name = "异议" | ||
469 | break; | ||
470 | case 'Xzzt': | ||
471 | item.color = "#A5A3FB"; | ||
472 | item.name = "限制" | ||
473 | break; | ||
474 | default: | ||
475 | break; | ||
476 | } | ||
477 | }) | ||
478 | } | ||
479 | }); | ||
480 | }, | ||
481 | // 获取房屋用途和房屋性质统计数据 | ||
482 | getLpbFwytAndQlxz(){ | ||
483 | let data = { | ||
484 | zrzbsm: this.$store.state.zrzbsm, | ||
485 | scyclx: this.scyclx, | ||
486 | }; | ||
487 | getLpbFwytAndQlxz(data).then((res) => { | ||
488 | if (res.code === 200) { | ||
489 | // this.fwytList = res.result | ||
490 | this.fwytList = res.result.fwyt; | ||
491 | this.fwxzList = res.result.qlxz; | ||
492 | if(this.fwytList.length>0){ | ||
493 | this.fwytList.forEach(item=>{ | ||
494 | item.color = "#2591FD"; | ||
495 | item.ts = item.bsms.length | ||
496 | }) | ||
497 | } | ||
498 | if(this.fwxzList.length>0){ | ||
499 | this.fwxzList.forEach(item=>{ | ||
500 | item.color = "#2591FD"; | ||
501 | item.ts = item.bsms.length | ||
502 | }) | ||
503 | } | ||
504 | } | ||
505 | }); | ||
506 | } | ||
179 | }, | 507 | }, |
180 | computed: {}, | 508 | computed: {}, |
181 | watch: {}, | 509 | watch: { |
510 | //树结构和图例伸缩时修改楼盘表主要内容区宽度 | ||
511 | legendToggleFlag(n) { | ||
512 | if (n) { | ||
513 | this.lpbContentwidth -= 204; | ||
514 | } else { | ||
515 | this.lpbContentwidth += 204; | ||
516 | } | ||
517 | }, | ||
518 | //选择自然幢展示楼盘表后,查询右侧图例数据 | ||
519 | isSearch(n){ | ||
520 | if (!n) { | ||
521 | this.getDyztBsmList(); | ||
522 | this.getLpbFwytAndQlxz(); | ||
523 | } | ||
524 | }, | ||
525 | //改变syclx,更新楼盘表数据 | ||
526 | scyclx(n){ | ||
527 | this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData | ||
528 | } | ||
529 | }, | ||
182 | }; | 530 | }; |
183 | </script> | 531 | </script> |
184 | <style scoped lang="less"> | 532 | <style scoped lang="less"> |
... | @@ -290,21 +638,102 @@ table:hover { | ... | @@ -290,21 +638,102 @@ table:hover { |
290 | width: auto; | 638 | width: auto; |
291 | height: auto; | 639 | height: auto; |
292 | } | 640 | } |
293 | // /deep/ .el-form-item__label { | 641 | .lpb{ |
294 | // width: 96px; | 642 | box-sizing: border-box; |
295 | // } | 643 | padding-left: 2px; |
296 | // /deep/ .el-form { | 644 | .searchInput { |
297 | // margin-left: -28px; | 645 | transition: 0.5s; |
298 | // .el-button{ | 646 | margin-left: 20px; |
299 | // margin: 0 22px; | 647 | display: inline-block; |
300 | // } | 648 | } |
301 | // } | 649 | .lpb-content{ |
302 | // .el-form-item{ | 650 | margin-top: 20px; |
303 | // width: 100%; | 651 | background-color: #ffffff; |
304 | // box-sizing: border-box; | 652 | display: flex; |
305 | // padding: 0 20px; | 653 | overflow-y: scroll; |
306 | // /deep/.el-form-item__content{ | 654 | .lp-overview { |
307 | // width: calc(100% - 96px); | 655 | transition: 0.5s; |
308 | // } | 656 | flex: 1; |
309 | // } | 657 | margin-right: 20px; |
658 | box-sizing: border-box; | ||
659 | border: 1px solid rgb(236, 236, 236); | ||
660 | border-top: 0; | ||
661 | border-bottom: 0; | ||
662 | } | ||
663 | .lp-legend { | ||
664 | transition: 0.5s; | ||
665 | height: 100%; | ||
666 | font-size: 14px; | ||
667 | .handleCol { | ||
668 | width: 34px; | ||
669 | float: right; | ||
670 | height: 100%; | ||
671 | .btn { | ||
672 | cursor: pointer; | ||
673 | height: 40px; | ||
674 | line-height: 40px; | ||
675 | text-align: center; | ||
676 | background-color: #0091ff; | ||
677 | color: #fff; | ||
678 | border-bottom: 1px solid #e6e6e6; | ||
679 | } | ||
680 | .dyzt { | ||
681 | height: 81px; | ||
682 | line-height: 81px; | ||
683 | } | ||
684 | .fwxz, | ||
685 | .fwyt { | ||
686 | height: 122px; | ||
687 | } | ||
688 | .dyzt, | ||
689 | .fwxz, | ||
690 | .fwyt { | ||
691 | cursor: pointer; | ||
692 | border-bottom: 1px solid #e6e6e6; | ||
693 | span { | ||
694 | text-align: center; | ||
695 | height: 100%; | ||
696 | -webkit-writing-mode: vertical-rl; | ||
697 | writing-mode: vertical-rl; | ||
698 | line-height: 34px; | ||
699 | letter-spacing: 2px; | ||
700 | } | ||
701 | } | ||
702 | .selectedZt { | ||
703 | background-color: #0091ff; | ||
704 | color: #fff; | ||
705 | } | ||
706 | } | ||
707 | .legendTable-wrap { | ||
708 | transition: 0.5s; | ||
709 | float: right; | ||
710 | overflow: hidden; | ||
711 | .legendTable { | ||
712 | margin-top: -1px; | ||
713 | tr { | ||
714 | height: 40px; | ||
715 | line-height: 40px; | ||
716 | th:first-child { | ||
717 | width: 80px; | ||
718 | } | ||
719 | th { | ||
720 | width: 60px; | ||
721 | height: 40px; | ||
722 | white-space: nowrap; | ||
723 | } | ||
724 | td { | ||
725 | height: 40px; | ||
726 | text-align: center; | ||
727 | white-space: nowrap; | ||
728 | } | ||
729 | td:first-child { | ||
730 | text-align: left; | ||
731 | text-indent: 2px; | ||
732 | } | ||
733 | } | ||
734 | } | ||
735 | } | ||
736 | } | ||
737 | } | ||
738 | } | ||
310 | </style> | 739 | </style> | ... | ... |
... | @@ -313,7 +313,7 @@ export default { | ... | @@ -313,7 +313,7 @@ export default { |
313 | this.tableHeight = | 313 | this.tableHeight = |
314 | (document.documentElement.clientHeight || document.body.clientHeight) - | 314 | (document.documentElement.clientHeight || document.body.clientHeight) - |
315 | 392; | 315 | 392; |
316 | this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 205; | 316 | this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 208; |
317 | this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6; | 317 | this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6; |
318 | }); | 318 | }); |
319 | }, | 319 | }, | ... | ... |
... | @@ -252,17 +252,11 @@ | ... | @@ -252,17 +252,11 @@ |
252 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose" @lodding="lodding"></pl-zl> | 252 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose" @lodding="lodding"></pl-zl> |
253 | <pl-c :plc-visible="plcVisible" :bsms="cbsmList" @close="plcClose" @lodding="lodding"></pl-c> | 253 | <pl-c :plc-visible="plcVisible" :bsms="cbsmList" @close="plcClose" @lodding="lodding"></pl-c> |
254 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose" @lodding="lodding"></pl-sh> | 254 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose" @lodding="lodding"></pl-sh> |
255 | <h-cxlz | ||
256 | :h-cxlz-visble="hcxlzVisible" | ||
257 | :bsms="bsms" | ||
258 | @close="hcxlzClose" | ||
259 | ></h-cxlz> | ||
260 | </div> | 255 | </div> |
261 | </template> | 256 | </template> |
262 | 257 | ||
263 | <script> | 258 | <script> |
264 | import {Message} from "element-ui" | 259 | import {Message} from "element-ui" |
265 | import HCxlz from "@components/hCxlz/hCxlz"; | ||
266 | import PlC from "@components/plc/plC"; | 260 | import PlC from "@components/plc/plC"; |
267 | import PlSh from "@components/plsh/plSh"; | 261 | import PlSh from "@components/plsh/plSh"; |
268 | import PlH from "@components/plh/plH"; | 262 | import PlH from "@components/plh/plH"; |
... | @@ -286,7 +280,6 @@ export default { | ... | @@ -286,7 +280,6 @@ export default { |
286 | PlSh, | 280 | PlSh, |
287 | PlH, | 281 | PlH, |
288 | PlZl, | 282 | PlZl, |
289 | HCxlz, | ||
290 | }, | 283 | }, |
291 | props: {}, | 284 | props: {}, |
292 | data() { | 285 | data() { |
... | @@ -297,8 +290,6 @@ export default { | ... | @@ -297,8 +290,6 @@ export default { |
297 | plhVisible: false, | 290 | plhVisible: false, |
298 | plShVisible: false, | 291 | plShVisible: false, |
299 | plzlVisible: false, | 292 | plzlVisible: false, |
300 | hbjVisible: false, | ||
301 | hcxlzVisible:false, | ||
302 | scyclx: "0", //1是实测 0是预测 | 293 | scyclx: "0", //1是实测 0是预测 |
303 | radio1: "", | 294 | radio1: "", |
304 | radio2: "", | 295 | radio2: "", |
... | @@ -404,13 +395,6 @@ export default { | ... | @@ -404,13 +395,6 @@ export default { |
404 | } | 395 | } |
405 | }) | 396 | }) |
406 | }, | 397 | }, |
407 | hcxlz(){ | ||
408 | if (this.bsms.length <= 0) { | ||
409 | Message.warning("请选择操作户") | ||
410 | return | ||
411 | } | ||
412 | this.hcxlzVisible = true | ||
413 | }, | ||
414 | loading(){ | 398 | loading(){ |
415 | this.getLpbMenuTree(this.$store.state.zrzbsm); | 399 | this.getLpbMenuTree(this.$store.state.zrzbsm); |
416 | }, | 400 | }, |
... | @@ -443,9 +427,6 @@ export default { | ... | @@ -443,9 +427,6 @@ export default { |
443 | lodding(){ | 427 | lodding(){ |
444 | this.getlpbData(); | 428 | this.getlpbData(); |
445 | }, | 429 | }, |
446 | hcxlzClose() { | ||
447 | this.hcxlzVisible = false; | ||
448 | }, | ||
449 | plZlClose() { | 430 | plZlClose() { |
450 | this.plzlVisible = false; | 431 | this.plzlVisible = false; |
451 | }, | 432 | }, | ... | ... |
... | @@ -304,6 +304,8 @@ | ... | @@ -304,6 +304,8 @@ |
304 | <li v-show="rightClickFlag == 'fg'" @click="handleFg">户分割</li> | 304 | <li v-show="rightClickFlag == 'fg'" @click="handleFg">户分割</li> |
305 | <!-- 范围属性变更 --> | 305 | <!-- 范围属性变更 --> |
306 | <li v-show="rightClickFlag == 'fwsxbg'" @click="handleFwsxbg">变更信息</li> | 306 | <li v-show="rightClickFlag == 'fwsxbg'" @click="handleFwsxbg">变更信息</li> |
307 | <!-- 重新落宗 --> | ||
308 | <li v-show="rightClickFlag == 'cxlz'" @click="handleCxlz">重新落宗</li> | ||
307 | 309 | ||
308 | 310 | ||
309 | </ul> | 311 | </ul> |
... | @@ -368,10 +370,17 @@ | ... | @@ -368,10 +370,17 @@ |
368 | <el-dialog v-dialogDrag :close-on-click-modal="false" title="户编辑" class="hbjDialog" :visible.sync="hbjVisible" width="80%" > | 370 | <el-dialog v-dialogDrag :close-on-click-modal="false" title="户编辑" class="hbjDialog" :visible.sync="hbjVisible" width="80%" > |
369 | <hbj ref="hbj" :bsm="hbsm" :scyclx="scyclx"></hbj> | 371 | <hbj ref="hbj" :bsm="hbsm" :scyclx="scyclx"></hbj> |
370 | </el-dialog> | 372 | </el-dialog> |
373 | <!-- 户重新落宗 --> | ||
374 | <h-cxlz | ||
375 | :h-cxlz-visble="hcxlzVisible" | ||
376 | :bsms="hbsmList" | ||
377 | @close="hcxlzVisible = false" | ||
378 | ></h-cxlz> | ||
371 | </div> | 379 | </div> |
372 | </template> | 380 | </template> |
373 | <script> | 381 | <script> |
374 | import moveH from "@components/moveH/moveH"; | 382 | import moveH from "@components/moveH/moveH"; |
383 | import HCxlz from "@components/hCxlz/hCxlz"; | ||
375 | import { getLpb, insertUpDownC, deleteCByBsm } from "@api/lpb"; | 384 | import { getLpb, insertUpDownC, deleteCByBsm } from "@api/lpb"; |
376 | import { hhb,hfg } from "@api/h"; | 385 | import { hhb,hfg } from "@api/h"; |
377 | import { Message } from 'element-ui'; | 386 | import { Message } from 'element-ui'; |
... | @@ -379,7 +388,7 @@ import { fwsxbgbl } from "@api/common"; | ... | @@ -379,7 +388,7 @@ import { fwsxbgbl } from "@api/common"; |
379 | import hbj from "../hbj/index"; | 388 | import hbj from "../hbj/index"; |
380 | export default { | 389 | export default { |
381 | name: "", | 390 | name: "", |
382 | components: { moveH,hbj }, | 391 | components: { moveH,hbj,HCxlz, }, |
383 | props: { | 392 | props: { |
384 | zrzbsm:{ | 393 | zrzbsm:{ |
385 | type:String, | 394 | type:String, |
... | @@ -403,6 +412,7 @@ export default { | ... | @@ -403,6 +412,7 @@ export default { |
403 | zdys: [], | 412 | zdys: [], |
404 | }, | 413 | }, |
405 | hbjVisible:false, | 414 | hbjVisible:false, |
415 | hcxlzVisible:false, | ||
406 | lpbContentWidth: "", | 416 | lpbContentWidth: "", |
407 | ljzWidth: 10000, | 417 | ljzWidth: 10000, |
408 | zdyWidth: 1000, | 418 | zdyWidth: 1000, |
... | @@ -708,6 +718,10 @@ export default { | ... | @@ -708,6 +718,10 @@ export default { |
708 | this.rightClickFlag = 'fwsxbg'; | 718 | this.rightClickFlag = 'fwsxbg'; |
709 | this.lpbChVisible = true; | 719 | this.lpbChVisible = true; |
710 | break; | 720 | break; |
721 | case 'isCxlz': | ||
722 | this.rightClickFlag = 'cxlz'; | ||
723 | this.lpbChVisible = true; | ||
724 | break; | ||
711 | case 'isLpb': | 725 | case 'isLpb': |
712 | this.rightClickFlag = type; | 726 | this.rightClickFlag = type; |
713 | this.lpbChVisible = true; | 727 | this.lpbChVisible = true; |
... | @@ -904,6 +918,14 @@ export default { | ... | @@ -904,6 +918,14 @@ export default { |
904 | }).catch(() => { | 918 | }).catch(() => { |
905 | 919 | ||
906 | }); | 920 | }); |
921 | }, | ||
922 | //户重新落宗 | ||
923 | handleCxlz(){ | ||
924 | if (this.hbsmList.length <= 0) { | ||
925 | Message.warning("请选择操作户") | ||
926 | return | ||
927 | } | ||
928 | this.hcxlzVisible = true | ||
907 | } | 929 | } |
908 | }, | 930 | }, |
909 | computed: { | 931 | computed: { | ... | ... |
-
Please register or sign in to post a comment