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