在建工程抵押首次楼盘表部分功能修改
Showing
7 changed files
with
682 additions
and
15 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,12 +157,15 @@ export default { | ... | @@ -157,12 +157,15 @@ 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) | 
| ... | @@ -171,6 +174,13 @@ export default { | ... | @@ -171,6 +174,13 @@ export default { | 
| 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