Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
9 changed files
with
732 additions
and
51 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 | /* | 2 | /* |
3 | * @Description: 此文件主要创建 axios 实例,然后添加请求拦截器和响应拦截器 | 3 | * @Description: 此文件主要创建 axios 实例,然后添加请求拦截器和响应拦截器 |
4 | * @Autor: renchao | 4 | * @Autor: renchao |
5 | * @LastEditTime: 2023-08-16 15:16:49 | 5 | * @LastEditTime: 2023-09-20 14:20:39 |
6 | */ | 6 | */ |
7 | import axios from 'axios' | 7 | import axios from 'axios' |
8 | import Router from '@/router' | 8 | import Router from '@/router' |
... | @@ -77,7 +77,7 @@ service.interceptors.response.use( | ... | @@ -77,7 +77,7 @@ service.interceptors.response.use( |
77 | Router.replace({ | 77 | Router.replace({ |
78 | path: '/login', | 78 | path: '/login', |
79 | query: { | 79 | query: { |
80 | redirect: Router.currentRoute.value.fullPath | 80 | redirect: Router.currentRoute.fullPath |
81 | } | 81 | } |
82 | }) | 82 | }) |
83 | return false | 83 | return false | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Author: yangwei | 2 | * @Author: yangwei |
3 | * @Date: 2023-02-28 15:47:12 | 3 | * @Date: 2023-02-28 15:47:12 |
4 | * @LastEditors: Please set LastEditors | 4 | * @LastEditors: yangwei |
5 | * @LastEditTime: 2023-09-20 15:17:07 | 5 | * @LastEditTime: 2023-09-20 17:14:39 |
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 | * |
... | @@ -71,14 +71,14 @@ | ... | @@ -71,14 +71,14 @@ |
71 | </template> | 71 | </template> |
72 | 72 | ||
73 | <script> | 73 | <script> |
74 | export default { | 74 | export default { |
75 | name: "BdcdjWebCh", | 75 | name: "BdcdjWebCh", |
76 | inject: { | 76 | inject: { |
77 | openMenu: { value: 'openMenu', default: null }, | 77 | openMenu:{value:'openMenu',default:null}, |
78 | selectAll: { value: 'selectAll', default: null }, | 78 | selectAll:{value:'selectAll',default:null}, |
79 | changeChoosedObj: { value: 'changeChoosedObj', default: null }, | 79 | changeChoosedObj:{value:'changeChoosedObj',default:null}, |
80 | clearChangeChoosedObj: { value: 'clearChangeChoosedObj', default: null }, | 80 | clearChangeChoosedObj:{value:'clearChangeChoosedObj',default:null}, |
81 | getBsmList: { value: 'getBsmList', default: null } | 81 | getBsmList:{value:'getBsmList',default:null} |
82 | }, | 82 | }, |
83 | props: { | 83 | props: { |
84 | ch: { | 84 | ch: { |
... | @@ -87,12 +87,12 @@ | ... | @@ -87,12 +87,12 @@ |
87 | return []; | 87 | return []; |
88 | }, | 88 | }, |
89 | }, | 89 | }, |
90 | onlyShow: { | 90 | onlyShow:{ |
91 | type: Boolean, | 91 | type: Boolean, |
92 | default: true, | 92 | default: true, |
93 | } | 93 | } |
94 | }, | 94 | }, |
95 | data () { | 95 | data() { |
96 | return { | 96 | return { |
97 | //选中户bsm合集 | 97 | //选中户bsm合集 |
98 | hbsmList: [], | 98 | hbsmList: [], |
... | @@ -101,16 +101,17 @@ | ... | @@ -101,16 +101,17 @@ |
101 | //区分单双击事件的定时器 | 101 | //区分单双击事件的定时器 |
102 | time: null, | 102 | time: null, |
103 | // 边框颜色 | 103 | // 边框颜色 |
104 | borderColor: 'rgb(230, 230, 230)', | 104 | borderColor:'rgb(230, 230, 230)', |
105 | // 申请单元列表数据 | 105 | // 申请单元列表数据 |
106 | unitIdList: [], | 106 | unitIdList:[], |
107 | // 组件标识 | 107 | // 组件标识 |
108 | compFlag: Math.random() | 108 | compFlag:Math.random() |
109 | }; | 109 | }; |
110 | }, | 110 | }, |
111 | mounted () { | 111 | mounted() { |
112 | // 根据申请单元列表数据处理选中户 | 112 | // 根据申请单元列表数据处理选中户 |
113 | if (window.unitData && window.unitData.length) { | 113 | console.log("window.unitData",window.unitData); |
114 | if(window.unitData && window.unitData.length){ | ||
114 | window.unitData.forEach(e => { | 115 | window.unitData.forEach(e => { |
115 | this.unitIdList.push(e.bdcdyid) | 116 | this.unitIdList.push(e.bdcdyid) |
116 | }) | 117 | }) |
... | @@ -133,7 +134,7 @@ | ... | @@ -133,7 +134,7 @@ |
133 | * @param {*} item | 134 | * @param {*} item |
134 | * @author: renchao | 135 | * @author: renchao |
135 | */ | 136 | */ |
136 | handleClickC (e, item) { | 137 | handleClickC(e, item) { |
137 | if (!this.onlyShow) { | 138 | if (!this.onlyShow) { |
138 | // 判断点击的层是否选中 | 139 | // 判断点击的层是否选中 |
139 | if (e.target.className.indexOf("tdSelect") == -1) { | 140 | if (e.target.className.indexOf("tdSelect") == -1) { |
... | @@ -163,7 +164,7 @@ | ... | @@ -163,7 +164,7 @@ |
163 | * @param {*} hs | 164 | * @param {*} hs |
164 | * @author: renchao | 165 | * @author: renchao |
165 | */ | 166 | */ |
166 | handleClickH (e, bsm, hs) { | 167 | handleClickH(e, bsm, hs) { |
167 | if (!this.onlyShow) { | 168 | if (!this.onlyShow) { |
168 | let self = this; | 169 | let self = this; |
169 | // 开启延时器,200ms的间隔区分单击和双击,解决双击时执行两次单击事件 | 170 | // 开启延时器,200ms的间隔区分单击和双击,解决双击时执行两次单击事件 |
... | @@ -195,7 +196,7 @@ | ... | @@ -195,7 +196,7 @@ |
195 | * @param {*} hs | 196 | * @param {*} hs |
196 | * @author: renchao | 197 | * @author: renchao |
197 | */ | 198 | */ |
198 | hDyztClick (e, bsm, hs) { | 199 | hDyztClick(e, bsm, hs) { |
199 | if (!this.onlyShow) { | 200 | if (!this.onlyShow) { |
200 | this.handleClickH(e.target.parentNode, bsm, hs); | 201 | this.handleClickH(e.target.parentNode, bsm, hs); |
201 | } | 202 | } |
... | @@ -206,7 +207,7 @@ | ... | @@ -206,7 +207,7 @@ |
206 | * @param {*} bsm | 207 | * @param {*} bsm |
207 | * @author: renchao | 208 | * @author: renchao |
208 | */ | 209 | */ |
209 | dbclick (bsm) { | 210 | dbclick(bsm) { |
210 | // clearTimeout(this.time); | 211 | // clearTimeout(this.time); |
211 | }, | 212 | }, |
212 | //幢单元全选/反选 | 213 | //幢单元全选/反选 |
... | @@ -216,7 +217,7 @@ | ... | @@ -216,7 +217,7 @@ |
216 | * @param {*} flag | 217 | * @param {*} flag |
217 | * @author: renchao | 218 | * @author: renchao |
218 | */ | 219 | */ |
219 | zdySelectAll (val, flag) { | 220 | zdySelectAll(val,flag) { |
220 | // 手动点击全部取消选中 | 221 | // 手动点击全部取消选中 |
221 | !flag && this.clearChangeChoosedObj() | 222 | !flag && this.clearChangeChoosedObj() |
222 | this.ch.forEach((c) => { | 223 | this.ch.forEach((c) => { |
... | @@ -239,55 +240,55 @@ | ... | @@ -239,55 +240,55 @@ |
239 | }); | 240 | }); |
240 | }, | 241 | }, |
241 | //清除选中 | 242 | //清除选中 |
242 | clearChoosed () { | 243 | clearChoosed(){ |
243 | //清除选中户 | 244 | //清除选中户 |
244 | this.zdySelectAll(false) | 245 | this.zdySelectAll(false) |
245 | //清除选中层 | 246 | //清除选中层 |
246 | this.cbsmList = []; | 247 | this.cbsmList = []; |
247 | this.$refs.cBsm && this.$refs.cBsm.forEach((item) => { | 248 | this.$refs.cBsm && this.$refs.cBsm.forEach((item)=>{ |
248 | item.className = 'floor' | 249 | item.className = 'floor' |
249 | }) | 250 | }) |
250 | }, | 251 | }, |
251 | }, | 252 | }, |
252 | watch: { | 253 | watch: { |
253 | selectAll: { | 254 | selectAll: { |
254 | handler (val) { | 255 | handler(val) { |
255 | this.zdySelectAll(val.selectAll); | 256 | this.zdySelectAll(val.selectAll); |
256 | val.cancelChoosed && this.clearChoosed() | 257 | val.cancelChoosed && this.clearChoosed() |
257 | }, | 258 | }, |
258 | immediate: true, | 259 | immediate: true, |
259 | deep: true, | 260 | deep: true, |
260 | }, | 261 | }, |
261 | hbsmList (val) { | 262 | hbsmList(val){ |
262 | let list = [] | 263 | let list = [] |
263 | val.length && val.forEach((i) => { | 264 | val.length && val.forEach((i)=>{ |
264 | this.ch.forEach((c) => { | 265 | this.ch.forEach((c) => { |
265 | c.hs.forEach((h) => { | 266 | c.hs.forEach((h) => { |
266 | if (i == h.bsm) { | 267 | if (i == h.bsm) { |
267 | list.push( | 268 | list.push( |
268 | { | 269 | { |
269 | bdcdyh: h.bdcdyh, | 270 | bdcdyh:h.bdcdyh, |
270 | bsm: h.bsm, | 271 | bsm:h.bsm, |
271 | dyhbsm: h.dyhbsm, | 272 | dyhbsm:h.dyhbsm, |
272 | bdcdyid: h.dyhbsm, | 273 | bdcdyid:h.dyhbsm, |
273 | bdcdylx: '7', | 274 | bdcdylx:'7', |
274 | flag: this.compFlag | 275 | flag:this.compFlag |
275 | } | 276 | } |
276 | ) | 277 | ) |
277 | } | 278 | } |
278 | }); | 279 | }); |
279 | }); | 280 | }); |
280 | }) | 281 | }) |
281 | this.getBsmList(list, this.compFlag) | 282 | this.getBsmList(list,this.compFlag) |
282 | }, | 283 | }, |
283 | changeChoosedObj: { | 284 | changeChoosedObj: { |
284 | handler (val) { | 285 | handler(val) { |
285 | this.borderColor = 'rgb(230, 230, 230)'; | 286 | this.borderColor = 'rgb(230, 230, 230)'; |
286 | if (val.bsms.length) { | 287 | if (val.bsms.length) { |
287 | //清除选中户 | 288 | //清除选中户 |
288 | this.zdySelectAll(false, true) | 289 | this.zdySelectAll(false,true) |
289 | this.$refs.hBsm.forEach((item) => { | 290 | this.$refs.hBsm.forEach((item) => { |
290 | val.bsms.forEach((i, ind) => { | 291 | val.bsms.forEach((i,ind) => { |
291 | if (item.dataset.bsm == i) { | 292 | if (item.dataset.bsm == i) { |
292 | if (ind == 0) { | 293 | if (ind == 0) { |
293 | //定位到第一个户所在位置 | 294 | //定位到第一个户所在位置 |
... | @@ -306,9 +307,8 @@ | ... | @@ -306,9 +307,8 @@ |
306 | deep: true, | 307 | deep: true, |
307 | } | 308 | } |
308 | }, | 309 | }, |
309 | }; | 310 | }; |
310 | </script> | 311 | </script> |
311 | |||
312 | <style lang="scss" scoped> | 312 | <style lang="scss" scoped> |
313 | .ch-wrap { | 313 | .ch-wrap { |
314 | display: flex; | 314 | display: flex; | ... | ... |
... | @@ -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 |
... | @@ -41,11 +41,24 @@ | ... | @@ -41,11 +41,24 @@ |
41 | { | 41 | { |
42 | prop: "bdcdyh", | 42 | prop: "bdcdyh", |
43 | label: "不动产单元号", | 43 | label: "不动产单元号", |
44 | width: '250', | ||
45 | }, | ||
46 | { | ||
47 | prop: "qllxmc", | ||
48 | label: "权利类型", | ||
49 | }, | ||
50 | { | ||
51 | prop: "jzwmc", | ||
52 | label: "建筑物名称", | ||
53 | }, | ||
54 | { | ||
55 | prop: "xmmc", | ||
56 | label: "项目名称", | ||
44 | }, | 57 | }, |
45 | { | 58 | { |
46 | prop: "zl", | 59 | prop: "zl", |
47 | label: "坐落", | 60 | label: "坐落", |
48 | }, | 61 | } |
49 | ], | 62 | ], |
50 | dataList: [], | 63 | dataList: [], |
51 | selectBdcdy: [], | 64 | selectBdcdy: [], | ... | ... |
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": | ... | ... |
... | @@ -342,6 +342,8 @@ | ... | @@ -342,6 +342,8 @@ |
342 | this.loading = false | 342 | this.loading = false |
343 | if (res.code === 200 && res.result) { | 343 | if (res.code === 200 && res.result) { |
344 | this.ruleForm = res.result; | 344 | this.ruleForm = res.result; |
345 | window.djlx = res.result.sldy.djlx | ||
346 | this.czrOptions = this.ruleForm.qlrList; | ||
345 | this.ruleForm.qlrList.forEach((item) => { | 347 | this.ruleForm.qlrList.forEach((item) => { |
346 | item.id = item.bsmSqr | 348 | item.id = item.bsmSqr |
347 | if (item.sfczr == '1') { | 349 | 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