Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8d69046f by renchao@pashanhoo.com
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents f2c98c62 0dddfd39
Inline Side-by-side
Showing 9 changed files with 917 additions and 236 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,244 +71,244 @@ ...@@ -71,244 +71,244 @@
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: {
85 type: Array, 85 type: Array,
86 default: function () { 86 default: function () {
87 return []; 87 return [];
88 },
89 }, 88 },
90 onlyShow: {
91 type: Boolean,
92 default: true,
93 }
94 },
95 data () {
96 return {
97 //选中户bsm合集
98 hbsmList: [],
99 //选中层bsm合集
100 cbsmList: [],
101 //区分单双击事件的定时器
102 time: null,
103 // 边框颜色
104 borderColor: 'rgb(230, 230, 230)',
105 // 申请单元列表数据
106 unitIdList: [],
107 // 组件标识
108 compFlag: Math.random()
109 };
110 }, 89 },
111 mounted () { 90 onlyShow:{
112 // 根据申请单元列表数据处理选中户 91 type: Boolean,
113 if (window.unitData && window.unitData.length) { 92 default: true,
114 window.unitData.forEach(e => { 93 }
115 this.unitIdList.push(e.bdcdyid) 94 },
116 }) 95 data() {
117 this.ch.forEach((c) => { 96 return {
118 c.hs.forEach((h) => { 97 //选中户bsm合集
119 if (h.dyhbsm.indexOf(this.unitIdList) > -1) { 98 hbsmList: [],
120 h.select = true; 99 //选中层bsm合集
121 // 使用hbsmList时，需要去重 100 cbsmList: [],
122 this.hbsmList.push(h.bsm) 101 //区分单双击事件的定时器
123 } 102 time: null,
124 }); 103 // 边框颜色
104 borderColor:'rgb(230, 230, 230)',
105 // 申请单元列表数据
106 unitIdList:[],
107 // 组件标识
108 compFlag:Math.random()
109 };
110 },
111 mounted() {
112 // 根据申请单元列表数据处理选中户
113 console.log("window.unitData",window.unitData);
114 if(window.unitData && window.unitData.length){
115 window.unitData.forEach(e => {
116 this.unitIdList.push(e.bdcdyid)
117 })
118 this.ch.forEach((c) => {
119 c.hs.forEach((h) => {
120 if (h.dyhbsm.indexOf(this.unitIdList) > -1) {
121 h.select = true;
122 // 使用hbsmList时，需要去重
123 this.hbsmList.push(h.bsm)
124 }
125 }); 125 });
126 });
127 }
128 },
129 methods: {
130 // 层选中事件
131 /**
132 * @description: 层选中事件
133 * @param {*} e
134 * @param {*} item
135 * @author: renchao
136 */
137 handleClickC(e, item) {
138 if (!this.onlyShow) {
139 // 判断点击的层是否选中
140 if (e.target.className.indexOf("tdSelect") == -1) {
141 //未选中→选中
142 item.hs.forEach((h) => {
143 //加边框
144 e.target.className += " tdSelect";
145 h.select = true;
146 // 使用hbsmList时，需要去重
147 this.hbsmList.push(h.bsm)
148 });
149 } else {
150 //选中→未选中
151 item.hs.forEach((h) => {
152 e.target.className = "floor";
153 h.select = false;
154 this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
155 });
156 }
126 } 157 }
127 }, 158 },
128 methods: { 159 //户单击事件
129 // 层选中事件 160 /**
130 /** 161 * @description: 户单击事件
131 * @description: 层选中事件 162 * @param {*} e
132 * @param {*} e 163 * @param {*} bsm
133 * @param {*} item 164 * @param {*} hs
134 * @author: renchao 165 * @author: renchao
135 */ 166 */
136 handleClickC (e, item) { 167 handleClickH(e, bsm, hs) {
137 if (!this.onlyShow) { 168 if (!this.onlyShow) {
138 // 判断点击的层是否选中 169 let self = this;
139 if (e.target.className.indexOf("tdSelect") == -1) { 170 // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
171 clearTimeout(self.time);
172 self.time = setTimeout(() => {
173 // this.closeMenu();
174 //判断点击的户是否选中
175 if (!hs.select) {
140 //未选中→选中 176 //未选中→选中
141 item.hs.forEach((h) => { 177 //加边框
142 //加边框 178 hs.select = true;
143 e.target.className += " tdSelect"; 179 // 将户bsm放进hbsmList
144 h.select = true; 180 self.hbsmList.push(bsm);
145 // 使用hbsmList时，需要去重
146 this.hbsmList.push(h.bsm)
147 });
148 } else { 181 } else {
149 //选中→未选中 182 //选中→未选中
150 item.hs.forEach((h) => { 183 hs.select = false;
151 e.target.className = "floor"; 184 self.hbsmList = self.hbsmList.filter((i) => i != bsm);
152 h.select = false;
153 this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
154 });
155 } 185 }
156 } 186 //更新当前选中户数据
157 }, 187 this.$forceUpdate();
158 //户单击事件 188 }, 200);
159 /** 189 }
160 * @description: 户单击事件 190 },
161 * @param {*} e 191 // 户单元状态点击事件
162 * @param {*} bsm 192 /**
163 * @param {*} hs 193 * @description: 户单元状态点击事件
164 * @author: renchao 194 * @param {*} e
165 */ 195 * @param {*} bsm
166 handleClickH (e, bsm, hs) { 196 * @param {*} hs
167 if (!this.onlyShow) { 197 * @author: renchao
168 let self = this; 198 */
169 // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件 199 hDyztClick(e, bsm, hs) {
170 clearTimeout(self.time); 200 if (!this.onlyShow) {
171 self.time = setTimeout(() => { 201 this.handleClickH(e.target.parentNode, bsm, hs);
172 // this.closeMenu(); 202 }
173 //判断点击的户是否选中 203 },
174 if (!hs.select) { 204 //户双击事件
175 //未选中→选中 205 /**
176 //加边框 206 * @description: 户双击事件
177 hs.select = true; 207 * @param {*} bsm
178 // 将户bsm放进hbsmList 208 * @author: renchao
179 self.hbsmList.push(bsm); 209 */
180 } else { 210 dbclick(bsm) {
181 //选中→未选中 211 // clearTimeout(this.time);
182 hs.select = false; 212 },
183 self.hbsmList = self.hbsmList.filter((i) => i != bsm); 213 //幢单元全选/反选
184 } 214 /**
185 //更新当前选中户数据 215 * @description: 幢单元全选/反选
186 this.$forceUpdate(); 216 * @param {*} val
187 }, 200); 217 * @param {*} flag
188 } 218 * @author: renchao
189 }, 219 */
190 // 户单元状态点击事件 220 zdySelectAll(val,flag) {
191 /** 221 // 手动点击全部取消选中
192 * @description: 户单元状态点击事件 222 !flag && this.clearChangeChoosedObj()
193 * @param {*} e 223 this.ch.forEach((c) => {
194 * @param {*} bsm 224 c.hs.forEach((h) => {
195 * @param {*} hs 225 if (val) {
196 * @author: renchao 226 h.select = true;
197 */ 227 // 使用hbsmList时，需要去重
198 hDyztClick (e, bsm, hs) { 228 this.hbsmList.push(h.bsm)
199 if (!this.onlyShow) { 229 } else {
200 this.handleClickH(e.target.parentNode, bsm, hs); 230 h.select = false;
201 } 231 this.borderColor = 'rgb(230, 230, 230)'
202 }, 232 this.hbsmList = []
203 //户双击事件 233 }
204 /** 234 });
205 * @description: 户双击事件 235 });
206 * @param {*} bsm 236 this.$refs.hBsm && this.$refs.hBsm.forEach((item) => {
207 * @author: renchao 237 // item.style.borderColor = this.borderColor
208 */ 238 item.style.backgroundColor = '#fff';
209 dbclick (bsm) { 239 // item.style.border = `1px solid ${this.borderColor}`
210 // clearTimeout(this.time); 240 });
241 },
242 //清除选中
243 clearChoosed(){
244 //清除选中户
245 this.zdySelectAll(false)
246 //清除选中层
247 this.cbsmList = [];
248 this.$refs.cBsm && this.$refs.cBsm.forEach((item)=>{
249 item.className = 'floor'
250 })
251 },
252 },
253 watch: {
254 selectAll: {
255 handler(val) {
256 this.zdySelectAll(val.selectAll);
257 val.cancelChoosed && this.clearChoosed()
211 }, 258 },
212 //幢单元全选/反选 259 immediate: true,
213 /** 260 deep: true,
214 * @description: 幢单元全选/反选 261 },
215 * @param {*} val 262 hbsmList(val){
216 * @param {*} flag 263 let list = []
217 * @author: renchao 264 val.length && val.forEach((i)=>{
218 */
219 zdySelectAll (val, flag) {
220 // 手动点击全部取消选中
221 !flag && this.clearChangeChoosedObj()
222 this.ch.forEach((c) => { 265 this.ch.forEach((c) => {
223 c.hs.forEach((h) => { 266 c.hs.forEach((h) => {
224 if (val) { 267 if (i == h.bsm) {
225 h.select = true; 268 list.push(
226 // 使用hbsmList时，需要去重 269 {
227 this.hbsmList.push(h.bsm) 270 bdcdyh:h.bdcdyh,
228 } else { 271 bsm:h.bsm,
229 h.select = false; 272 dyhbsm:h.dyhbsm,
230 this.borderColor = 'rgb(230, 230, 230)' 273 bdcdyid:h.dyhbsm,
231 this.hbsmList = [] 274 bdcdylx:'7',
275 flag:this.compFlag
276 }
277 )
232 } 278 }
233 }); 279 });
234 }); 280 });
235 this.$refs.hBsm && this.$refs.hBsm.forEach((item) => { 281 })
236 // item.style.borderColor = this.borderColor 282 this.getBsmList(list,this.compFlag)
237 item.style.backgroundColor = '#fff';
238 // item.style.border = `1px solid ${this.borderColor}`
239 });
240 },
241 //清除选中
242 clearChoosed () {
243 //清除选中户
244 this.zdySelectAll(false)
245 //清除选中层
246 this.cbsmList = [];
247 this.$refs.cBsm && this.$refs.cBsm.forEach((item) => {
248 item.className = 'floor'
249 })
250 },
251 }, 283 },
252 watch: { 284 changeChoosedObj: {
253 selectAll: { 285 handler(val) {
254 handler (val) { 286 this.borderColor = 'rgb(230, 230, 230)';
255 this.zdySelectAll(val.selectAll); 287 if (val.bsms.length) {
256 val.cancelChoosed && this.clearChoosed() 288 //清除选中户
257 }, 289 this.zdySelectAll(false,true)
258 immediate: true, 290 this.$refs.hBsm.forEach((item) => {
259 deep: true, 291 val.bsms.forEach((i,ind) => {
260 }, 292 if (item.dataset.bsm == i) {
261 hbsmList (val) { 293 if (ind == 0) {
262 let list = [] 294 //定位到第一个户所在位置
263 val.length && val.forEach((i) => { 295 window.lpbContent.$refs.lpbContent.scrollTop = item.offsetTop;
264 this.ch.forEach((c) => { 296 window.lpbContent.$refs.lpbContent.scrollLeft = item.offsetLeft;
265 c.hs.forEach((h) => { 297 }
266 if (i == h.bsm) { 298 // item.style.border = '1px solid '+ val.color;
267 list.push( 299 // 背景色高亮
268 { 300 item.style.backgroundColor = val.color;
269 bdcdyh: h.bdcdyh,
270 bsm: h.bsm,
271 dyhbsm: h.dyhbsm,
272 bdcdyid: h.dyhbsm,
273 bdcdylx: '7',
274 flag: this.compFlag
275 }
276 )
277 } 301 }
278 }); 302 });
279 }); 303 });
280 }) 304 }
281 this.getBsmList(list, this.compFlag)
282 }, 305 },
283 changeChoosedObj: { 306 immediate: true,
284 handler (val) { 307 deep: true,
285 this.borderColor = 'rgb(230, 230, 230)'; 308 }
286 if (val.bsms.length) { 309 },
287 //清除选中户 310 };
288 this.zdySelectAll(false, true)
289 this.$refs.hBsm.forEach((item) => {
290 val.bsms.forEach((i, ind) => {
291 if (item.dataset.bsm == i) {
292 if (ind == 0) {
293 //定位到第一个户所在位置
294 window.lpbContent.$refs.lpbContent.scrollTop = item.offsetTop;
295 window.lpbContent.$refs.lpbContent.scrollLeft = item.offsetLeft;
296 }
297 // item.style.border = '1px solid '+ val.color;
298 // 背景色高亮
299 item.style.backgroundColor = val.color;
300 }
301 });
302 });
303 }
304 },
305 immediate: true,
306 deep: true,
307 }
308 },
309 };
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"
......
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,20 +157,30 @@ export default { ...@@ -157,20 +157,30 @@ export default {
157 ) 157 )
158 break; 158 break;
159 case "B8": 159 case "B8":
160 getZrzbsmList(this.bsmSlsq).then((res) => { 160 !window.djlx && getZrzbsmList(this.bsmSlsq).then((res) => {
161 if (res.code === 200) { 161 if (res.code === 200) {
162 this.$popupDialog('楼盘表', 'lpb/index', { 162 this.$popupDialog('楼盘表', 'lpb/index', {
163 bsm: res.result[0], 163 bsm: res.result[0],
164 onlyShow: false, 164 onlyShow: false,
165 unitData: window.unitData 165 unitData: window.unitData,
166 bsmSlsq:this.bsmSlsq,
167 showSave:true,
168 djlx: window.djlx
166 }, '90%', true) 169 }, '90%', true)
167 } else { 170 } else {
168 this.$message.error(res.message) 171 this.$message.error(res.message)
169 } 172 }
170 }) 173 })
171 .catch((err) => { 174 .catch((err) => {
172 this.$message.error(err) 175 this.$message.error(err)
173 }); 176 });
177 window.djlx && this.$popupDialog('楼盘表', 'lpb/zjgcdy', {
178 onlyShow: false,
179 unitData: window.unitData,
180 bsmSlsq:this.bsmSlsq,
181 showSave:true,
182 djlx: window.djlx
183 }, '90%', true)
174 break; 184 break;
175 // 图形定位 185 // 图形定位
176 case "B-TXDW": 186 case "B-TXDW":
......
...@@ -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
......