Merge remote-tracking branch 'origin/master'
Showing
4 changed files
with
484 additions
and
300 deletions
... | @@ -66,8 +66,18 @@ export function batchScYcChange (data) { | ... | @@ -66,8 +66,18 @@ export function batchScYcChange (data) { |
66 | data:data | 66 | data:data |
67 | }) | 67 | }) |
68 | } | 68 | } |
69 | 69 | /** | |
70 | 70 | * 楼盘表 获取单元状态统计数据 | |
71 | * zrzbsm 自然幢标识码 , | ||
72 | * scyclx 实测预测类型 0预测,1实测 | ||
73 | */ | ||
74 | export function getLpbTj (data) { | ||
75 | return request({ | ||
76 | url: 'fw/lpb/getLpbTj?zrzbsm='+data.zrzbsm+'&syclx='+data.syclx, | ||
77 | method: 'get', | ||
78 | data:data | ||
79 | }) | ||
80 | } | ||
71 | 81 | ||
72 | /** | 82 | /** |
73 | * 楼盘表 批量实预测转换 | 83 | * 楼盘表 批量实预测转换 | ... | ... |
... | @@ -9,24 +9,65 @@ | ... | @@ -9,24 +9,65 @@ |
9 | </el-radio-group> | 9 | </el-radio-group> |
10 | <el-input | 10 | <el-input |
11 | v-model="bdcdyh" | 11 | v-model="bdcdyh" |
12 | :style="{'width':inputWidth+'px'}" | 12 | :style="{ width: inputWidth + 'px' }" |
13 | @focus="inputFocus" | 13 | @focus="inputFocus" |
14 | @blur="inputBlur" | 14 | @blur="inputBlur" |
15 | @change="inputChange" | 15 | @change="inputChange" |
16 | class="searchInput" | 16 | class="searchInput" |
17 | placeholder="输入不动产单元号" | 17 | placeholder="输入不动产单元号" |
18 | ><i slot="suffix" class="el-input__icon el-icon-search" @click="inputChange"></i></el-input> | 18 | ><i |
19 | slot="suffix" | ||
20 | class="el-input__icon el-icon-search" | ||
21 | @click="inputChange" | ||
22 | ></i | ||
23 | ></el-input> | ||
19 | </el-col> | 24 | </el-col> |
20 | <el-col :span="16"> | 25 | <el-col :span="16"> |
21 | <div class="fr"> | 26 | <div class="fr"> |
22 | <el-button class="radioBtn" label="1" border @click="create">创建楼盘</el-button> | 27 | <el-button class="radioBtn" label="1" border @click="create" |
23 | <el-button class="radioBtn" label="2" border @click="plScYcChange">实预测转换</el-button> | 28 | >创建楼盘</el-button |
24 | <el-button class="radioBtn" label="3" border @click="plhVisible=true">批量户</el-button> | 29 | > |
25 | <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button> | 30 | <el-button class="radioBtn" label="2" border @click="plScYcChange" |
26 | <el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button> | 31 | >实预测转换</el-button |
27 | <el-button class="radioBtn" label="6" border @click="plzlVisible=true">批量坐落</el-button> | 32 | > |
28 | <el-button class="radioBtn" label="7" border @click="addBdcdyh">批量单元号</el-button> | 33 | <el-button |
29 | <el-button class="radioBtn" label="7" border @click="hcxlzVisible=true">户重新落宗</el-button> | 34 | class="radioBtn" |
35 | label="3" | ||
36 | border | ||
37 | @click="plhVisible = true" | ||
38 | >批量户</el-button | ||
39 | > | ||
40 | <el-button | ||
41 | class="radioBtn" | ||
42 | label="4" | ||
43 | border | ||
44 | @click="plcVisible = true" | ||
45 | >批量层</el-button | ||
46 | > | ||
47 | <el-button | ||
48 | class="radioBtn" | ||
49 | label="5" | ||
50 | border | ||
51 | @click="plShVisible = true" | ||
52 | >批量室号</el-button | ||
53 | > | ||
54 | <el-button | ||
55 | class="radioBtn" | ||
56 | label="6" | ||
57 | border | ||
58 | @click="plzlVisible = true" | ||
59 | >批量坐落</el-button | ||
60 | > | ||
61 | <el-button class="radioBtn" label="7" border @click="addBdcdyh" | ||
62 | >批量单元号</el-button | ||
63 | > | ||
64 | <el-button | ||
65 | class="radioBtn" | ||
66 | label="7" | ||
67 | border | ||
68 | @click="hcxlzVisible = true" | ||
69 | >户重新落宗</el-button | ||
70 | > | ||
30 | </div> | 71 | </div> |
31 | </el-col> | 72 | </el-col> |
32 | </el-row> | 73 | </el-row> |
... | @@ -57,13 +98,22 @@ | ... | @@ -57,13 +98,22 @@ |
57 | <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> | 98 | <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> |
58 | <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> | 99 | <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> |
59 | </div> | 100 | </div> |
60 | <div :class="selectedZt == 'dyzt'? 'dyzt selectedZt':'dyzt'" @click="selectedZt='dyzt'"> | 101 | <div |
102 | :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" | ||
103 | @click="selectedZt = 'dyzt'" | ||
104 | > | ||
61 | <span>单元状态</span> | 105 | <span>单元状态</span> |
62 | </div> | 106 | </div> |
63 | <div :class="selectedZt == 'fwxz'? 'fwxz selectedZt':'fwxz'" @click="selectedZt='fwxz'"> | 107 | <div |
108 | :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" | ||
109 | @click="selectedZt = 'fwxz'" | ||
110 | > | ||
64 | <span>房屋性质</span> | 111 | <span>房屋性质</span> |
65 | </div> | 112 | </div> |
66 | <div :class="selectedZt == 'fwyt'? 'fwyt selectedZt':'fwyt'" @click="selectedZt='fwyt'"> | 113 | <div |
114 | :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" | ||
115 | @click="selectedZt = 'fwyt'" | ||
116 | > | ||
67 | <span>房屋用途</span> | 117 | <span>房屋用途</span> |
68 | </div> | 118 | </div> |
69 | </div> | 119 | </div> |
... | @@ -71,13 +121,24 @@ | ... | @@ -71,13 +121,24 @@ |
71 | class="legendTable-wrap" | 121 | class="legendTable-wrap" |
72 | :style="{ width: legendToggleFlag ? '204px' : '0' }" | 122 | :style="{ width: legendToggleFlag ? '204px' : '0' }" |
73 | > | 123 | > |
74 | <table class="legendTable" v-show="selectedZt == 'dyzt'" cellspacing="1" cellpadding="1" border="1"> | 124 | <table |
125 | class="legendTable" | ||
126 | v-show="selectedZt == 'dyzt'" | ||
127 | cellspacing="1" | ||
128 | cellpadding="1" | ||
129 | border="1" | ||
130 | > | ||
75 | <tr> | 131 | <tr> |
76 | <th>状态</th> | 132 | <th>状态</th> |
77 | <th>套数</th> | 133 | <th>套数</th> |
78 | <th>面积</th> | 134 | <th>面积</th> |
79 | </tr> | 135 | </tr> |
80 | <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH"> | 136 | <tr |
137 | v-for="(item, index) in dyztList" | ||
138 | :key="index" | ||
139 | class="cp" | ||
140 | @click="handleChoosedH(item.name)" | ||
141 | > | ||
81 | <td> | 142 | <td> |
82 | <i class="el-icon-star-on" :style="{ color: item.color }"></i | 143 | <i class="el-icon-star-on" :style="{ color: item.color }"></i |
83 | >{{ item.name }} | 144 | >{{ item.name }} |
... | @@ -86,13 +147,25 @@ | ... | @@ -86,13 +147,25 @@ |
86 | <td>{{ item.mj }}</td> | 147 | <td>{{ item.mj }}</td> |
87 | </tr> | 148 | </tr> |
88 | </table> | 149 | </table> |
89 | <table class="legendTable" v-show="selectedZt == 'fwxz'" cellspacing="1" cellpadding="1" border="1"> | 150 | |
151 | <table | ||
152 | class="legendTable" | ||
153 | v-show="selectedZt == 'fwxz'" | ||
154 | cellspacing="1" | ||
155 | cellpadding="1" | ||
156 | border="1" | ||
157 | > | ||
90 | <tr> | 158 | <tr> |
91 | <th>性质</th> | 159 | <th>性质</th> |
92 | <th>套数</th> | 160 | <th>套数</th> |
93 | <th>面积</th> | 161 | <th>面积</th> |
94 | </tr> | 162 | </tr> |
95 | <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH"> | 163 | <tr |
164 | v-for="(item, index) in fwxzList" | ||
165 | :key="index" | ||
166 | class="cp" | ||
167 | @click="handleChoosedH(item.name)" | ||
168 | > | ||
96 | <td> | 169 | <td> |
97 | <i class="el-icon-star-on" :style="{ color: item.color }"></i | 170 | <i class="el-icon-star-on" :style="{ color: item.color }"></i |
98 | >{{ item.name }} | 171 | >{{ item.name }} |
... | @@ -100,14 +173,29 @@ | ... | @@ -100,14 +173,29 @@ |
100 | <td>{{ item.ts }}</td> | 173 | <td>{{ item.ts }}</td> |
101 | <td>{{ item.mj }}</td> | 174 | <td>{{ item.mj }}</td> |
102 | </tr> | 175 | </tr> |
176 | <tr v-show="fwxzList.length < 1"> | ||
177 | <td colspan="3" class="tac">暂无数据</td> | ||
178 | </tr> | ||
103 | </table> | 179 | </table> |
104 | <table class="legendTable" v-show="selectedZt == 'fwyt'" cellspacing="1" cellpadding="1" border="1"> | 180 | |
181 | <table | ||
182 | class="legendTable" | ||
183 | v-show="selectedZt == 'fwyt'" | ||
184 | cellspacing="1" | ||
185 | cellpadding="1" | ||
186 | border="1" | ||
187 | > | ||
105 | <tr> | 188 | <tr> |
106 | <th>用途</th> | 189 | <th>用途</th> |
107 | <th>套数</th> | 190 | <th>套数</th> |
108 | <th>面积</th> | 191 | <th>面积</th> |
109 | </tr> | 192 | </tr> |
110 | <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH"> | 193 | <tr |
194 | v-for="(item, index) in fwytList" | ||
195 | :key="index" | ||
196 | class="cp" | ||
197 | @click="handleChoosedH(item.name)" | ||
198 | > | ||
111 | <td> | 199 | <td> |
112 | <i class="el-icon-star-on" :style="{ color: item.color }"></i | 200 | <i class="el-icon-star-on" :style="{ color: item.color }"></i |
113 | >{{ item.name }} | 201 | >{{ item.name }} |
... | @@ -115,6 +203,9 @@ | ... | @@ -115,6 +203,9 @@ |
115 | <td>{{ item.ts }}</td> | 203 | <td>{{ item.ts }}</td> |
116 | <td>{{ item.mj }}</td> | 204 | <td>{{ item.mj }}</td> |
117 | </tr> | 205 | </tr> |
206 | <tr v-show="fwytList.length < 1"> | ||
207 | <td colspan="3" class="tac">暂无数据</td> | ||
208 | </tr> | ||
118 | </table> | 209 | </table> |
119 | </div> | 210 | </div> |
120 | </div> | 211 | </div> |
... | @@ -130,7 +221,11 @@ | ... | @@ -130,7 +221,11 @@ |
130 | <addZdy ref="zdy"></addZdy> | 221 | <addZdy ref="zdy"></addZdy> |
131 | </div> | 222 | </div> |
132 | <div class="addCh" v-show="menuType == 'ch'"> | 223 | <div class="addCh" v-show="menuType == 'ch'"> |
133 | <addCh ref="ch" :dialogVisible="dialogVisible" :treeData="treeData"></addCh> | 224 | <addCh |
225 | ref="ch" | ||
226 | :dialogVisible="dialogVisible" | ||
227 | :treeData="treeData" | ||
228 | ></addCh> | ||
134 | </div> | 229 | </div> |
135 | <div class="btnGroup"> | 230 | <div class="btnGroup"> |
136 | <el-button type="primary" @click="saveInfo">保存</el-button> | 231 | <el-button type="primary" @click="saveInfo">保存</el-button> |
... | @@ -144,304 +239,380 @@ | ... | @@ -144,304 +239,380 @@ |
144 | <pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose"></pl-h> | 239 | <pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose"></pl-h> |
145 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose"></pl-zl> | 240 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose"></pl-zl> |
146 | <pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c> | 241 | <pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c> |
147 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh> | 242 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh> |
148 | <h-cxlz :h-cxlz-visble="hcxlzVisible" :bsms="bsms" @close="hcxlzClose"></h-cxlz> | 243 | <h-cxlz |
149 | <!-- 双击户的弹出框 --> | 244 | :h-cxlz-visble="hcxlzVisible" |
150 | <el-dialog title="户编辑" :visible.sync="hbjVisible" width="50%" center> | 245 | :bsms="bsms" |
151 | <hbj ref="hbj" :bsm='hbsm'></hbj> | 246 | @close="hcxlzClose" |
152 | <div class="btnGroup"> | 247 | ></h-cxlz> |
153 | <el-button type="primary" @click="hbjSaveInfo">保存</el-button> | 248 | <!-- 双击户的弹出框 --> |
154 | <el-button type="primary" @click="hbjResetInfo">重置</el-button> | 249 | <el-dialog title="户编辑" :visible.sync="hbjVisible" width="50%" center> |
155 | <el-button type="primary" @click="hbjVisible = false">取消</el-button> | 250 | <hbj ref="hbj" :bsm="hbsm"></hbj> |
156 | </div> | 251 | <div class="btnGroup"> |
157 | </el-dialog> | 252 | <el-button type="primary" @click="hbjSaveInfo">保存</el-button> |
158 | </div> | 253 | <el-button type="primary" @click="hbjResetInfo">重置</el-button> |
254 | <el-button type="primary" @click="hbjVisible = false">取消</el-button> | ||
255 | </div> | ||
256 | </el-dialog> | ||
257 | </div> | ||
159 | </template> | 258 | </template> |
160 | 259 | ||
161 | <script> | 260 | <script> |
162 | import HCxlz from "./../../../../components/hCxlz/hCxlz" | 261 | import HCxlz from "./../../../../components/hCxlz/hCxlz"; |
163 | import PlC from "./../../../../components/plc/plC" | 262 | import PlC from "./../../../../components/plc/plC"; |
164 | import PlSh from "./../../../../components/plsh/plSh" | 263 | import PlSh from "./../../../../components/plsh/plSh"; |
165 | import PlH from "./../../../../components/plh/plH" | 264 | import PlH from "./../../../../components/plh/plH"; |
166 | import PlZl from "./../../../../components/plzl/plZl" | 265 | import PlZl from "./../../../../components/plzl/plZl"; |
167 | import LineTree from "../../../../components/lineTree/lineTree"; | 266 | import LineTree from "../../../../components/lineTree/lineTree"; |
168 | import addLjz from "./ljz/index"; | 267 | import addLjz from "./ljz/index"; |
169 | import addZdy from "./zdy/index"; | 268 | import addZdy from "./zdy/index"; |
170 | import addCh from "./ch/index"; | 269 | import addCh from "./ch/index"; |
171 | import hbj from "./hbj/index" | 270 | import hbj from "./hbj/index"; |
172 | import lpbContent from "./lpbContent/index"; | 271 | import lpbContent from "./lpbContent/index"; |
173 | import {getLpbMenuTree, batchScYcChange,batchGeneratorBdcdyh} from "../../../../api/lpb"; | 272 | import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh } from "../../../../api/lpb"; |
174 | |||
175 | |||
176 | export default { | ||
177 | name: "", | ||
178 | components: {LineTree, addLjz, addZdy, addCh, lpbContent, PlC, PlSh, PlH, PlZl, hbj, HCxlz}, | ||
179 | props: {}, | ||
180 | data() { | ||
181 | return { | ||
182 | bsms: ["123", "321", "231"], | ||
183 | hbsm: '', | ||
184 | hcxlzVisible: false, | ||
185 | dialogVisible: false, | ||
186 | plcVisible: false, | ||
187 | plhVisible: false, | ||
188 | plShVisible: false, | ||
189 | plzlVisible: false, | ||
190 | hbjVisible: false, | ||
191 | tabPosition: "1", //1是实测 0是预测 | ||
192 | radio1: "", | ||
193 | radio2: "", | ||
194 | createFlag: false, | ||
195 | bdcdyh: "", | ||
196 | islpb: true, | ||
197 | pd: [], //创建楼盘的树结构数据 | ||
198 | menuType: "", | ||
199 | treeData: {}, | ||
200 | inputWidth: 74, | ||
201 | selectedZt: 'dyzt', //图例选中项,默认选中单元状态 | ||
202 | legendList: [ | ||
203 | { | ||
204 | name: "未确权", | ||
205 | color: "#2591FD", | ||
206 | ts: "12", | ||
207 | mj: "1633", | ||
208 | }, | ||
209 | { | ||
210 | name: "已确权", | ||
211 | color: "#2591FD", | ||
212 | ts: "22", | ||
213 | mj: "3109", | ||
214 | }, | ||
215 | { | ||
216 | name: "已注销", | ||
217 | color: "#2591FD", | ||
218 | ts: "13", | ||
219 | mj: "1457", | ||
220 | }, | ||
221 | { | ||
222 | name: "已备案", | ||
223 | color: "#2591FD", | ||
224 | ts: "3", | ||
225 | mj: "409", | ||
226 | }, | ||
227 | { | ||
228 | name: "预抵押", | ||
229 | color: "#2591FD", | ||
230 | ts: "11", | ||
231 | mj: "1466", | ||
232 | }, | ||
233 | { | ||
234 | name: "在建抵押", | ||
235 | color: "#2591FD", | ||
236 | ts: "13", | ||
237 | mj: "1792", | ||
238 | }, | ||
239 | { | ||
240 | name: "抵押", | ||
241 | color: "#2591FD", | ||
242 | ts: "14", | ||
243 | mj: "13", | ||
244 | }, | ||
245 | { | ||
246 | name: "查封", | ||
247 | color: "#2591FD", | ||
248 | ts: "9", | ||
249 | mj: "1436", | ||
250 | }, | ||
251 | { | ||
252 | name: "异议", | ||
253 | color: "#2591FD", | ||
254 | ts: "34", | ||
255 | mj: "4342", | ||
256 | }, | ||
257 | { | ||
258 | name: "限制", | ||
259 | color: "#2591FD", | ||
260 | ts: "2", | ||
261 | mj: "285", | ||
262 | }, | ||
263 | ], | ||
264 | legendToggleFlag: false, | ||
265 | lpbContentHight: "", | ||
266 | lpbContentwidth: "", | ||
267 | time: '' | ||
268 | }; | ||
269 | }, | ||
270 | created() { | ||
271 | window.addEventListener("resize", this.getHeight); | ||
272 | this.getHeight(); | ||
273 | }, | ||
274 | mounted() { | ||
275 | // this.getLpbMenuTree("1e0c83dfe2e73284f834a80a0947f0c9"); | ||
276 | this.getLpbMenuTree(this.$store.state.zrzbsm); | ||
277 | // 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6 | ||
278 | setTimeout(() => { | ||
279 | this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6; | ||
280 | }, 100); | ||
281 | }, | ||
282 | methods: { | ||
283 | hcxlzClose() { | ||
284 | this.hcxlzVisible = false; | ||
285 | }, | ||
286 | plZlClose() { | ||
287 | this.plzlVisible = false | ||
288 | }, | ||
289 | plcClose() { | ||
290 | this.plcVisible = false; | ||
291 | }, | ||
292 | plhClose() { | ||
293 | this.plhVisible = false; | ||
294 | }, | ||
295 | plshClose() { | ||
296 | this.plShVisible = false | ||
297 | }, | ||
298 | //获取高度计算lpb内容区高度 | ||
299 | getHeight() { | ||
300 | this.lpbContentHight = window.innerHeight - 285; | ||
301 | }, | ||
302 | //创建楼盘 | ||
303 | create() { | ||
304 | this.createFlag = true; | ||
305 | }, | ||
306 | //获取自然幢树结构数据 | ||
307 | getLpbMenuTree(zrzbsm) { | ||
308 | getLpbMenuTree(zrzbsm) | ||
309 | .then((res) => { | ||
310 | this.pd = res.result; | ||
311 | }) | ||
312 | .catch((error) => { | ||
313 | }); | ||
314 | }, | ||
315 | //打开新建楼盘树结构右键菜单唤起的弹框 | ||
316 | openLpbDialog(data, type) { | ||
317 | this.treeData = data; | ||
318 | this.menuType = type; | ||
319 | this.dialogVisible = true; | ||
320 | }, | ||
321 | //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法 | ||
322 | saveInfo() { | ||
323 | switch (this.menuType) { | ||
324 | case "ljz": | ||
325 | this.$refs.ljz.onSave(this.$refs.ljz.form, this.treeData.bsm); | ||
326 | break; | ||
327 | case "zdy": | ||
328 | this.$refs.zdy.submitForm("form", this.pd[0].bsm, this.treeData.bsm); | ||
329 | break; | ||
330 | case "ch": | ||
331 | this.$refs.ch.onSave(this.pd[0].bsm); | ||
332 | break; | ||
333 | default: | ||
334 | break; | ||
335 | } | ||
336 | }, | ||
337 | //弹框中的重置按钮 | ||
338 | resetInfo() { | ||
339 | switch (this.menuType) { | ||
340 | case "ljz": | ||
341 | this.$refs.ljz.reset(); | ||
342 | break; | ||
343 | case "zdy": | ||
344 | this.$refs.zdy.reset(); | ||
345 | break; | ||
346 | case "ch": | ||
347 | this.$refs.ch.reset(); | ||
348 | break; | ||
349 | 273 | ||
350 | default: | 274 | export default { |
351 | break; | 275 | name: "", |
352 | } | 276 | components: { |
353 | }, | 277 | LineTree, |
354 | //关闭弹框 | 278 | addLjz, |
355 | closeDaialog() { | 279 | addZdy, |
356 | this.dialogVisible = false; | 280 | addCh, |
357 | }, | 281 | lpbContent, |
358 | //图例的展开收起 | 282 | PlC, |
359 | legendToggle() { | 283 | PlSh, |
360 | this.legendToggleFlag = !this.legendToggleFlag; | 284 | PlH, |
361 | }, | 285 | PlZl, |
362 | //获取选中户bsm | 286 | hbj, |
363 | getHbsm(data, type) { | 287 | HCxlz, |
364 | this.bsms = data; | 288 | }, |
365 | if (type) { | 289 | props: {}, |
366 | // 双击 | 290 | data() { |
367 | this.hbsm = this.bsms[this.bsms.length - 1]; | 291 | return { |
368 | this.hbjVisible = true; | 292 | bsms: ["123", "321", "231"], |
369 | this.$nextTick(function () { | 293 | hbsm: "", |
370 | this.$refs.hbj.getHInfo(this.hbsm); | 294 | dialogVisible: false, |
371 | }) | 295 | plcVisible: false, |
372 | } else { | 296 | plhVisible: false, |
373 | //单击 TO DO | 297 | plShVisible: false, |
298 | plzlVisible: false, | ||
299 | hbjVisible: false, | ||
300 | hcxlzVisible:false, | ||
301 | tabPosition: "1", //1是实测 0是预测 | ||
302 | radio1: "", | ||
303 | radio2: "", | ||
304 | createFlag: false, | ||
305 | bdcdyh: "", | ||
306 | islpb: true, | ||
307 | pd: [], //创建楼盘的树结构数据 | ||
308 | menuType: "", | ||
309 | treeData: {}, | ||
310 | inputWidth: 74, | ||
311 | selectedZt: "dyzt", //图例选中项,默认选中单元状态 | ||
312 | dyztList: [ | ||
313 | { | ||
314 | name: "未确权", | ||
315 | color: "#2591FD", | ||
316 | ts: "12", | ||
317 | mj: "1633", | ||
318 | }, | ||
319 | { | ||
320 | name: "已确权", | ||
321 | color: "#2591FD", | ||
322 | ts: "22", | ||
323 | mj: "3109", | ||
324 | }, | ||
325 | { | ||
326 | name: "已备案", | ||
327 | color: "#2591FD", | ||
328 | ts: "3", | ||
329 | mj: "409", | ||
330 | }, | ||
331 | { | ||
332 | name: "预抵押", | ||
333 | color: "#2591FD", | ||
334 | ts: "11", | ||
335 | mj: "1466", | ||
336 | }, | ||
337 | { | ||
338 | name: "在建抵押", | ||
339 | color: "#2591FD", | ||
340 | ts: "13", | ||
341 | mj: "1792", | ||
342 | }, | ||
343 | { | ||
344 | name: "抵押", | ||
345 | color: "#2591FD", | ||
346 | ts: "14", | ||
347 | mj: "13", | ||
348 | }, | ||
349 | { | ||
350 | name: "查封", | ||
351 | color: "#2591FD", | ||
352 | ts: "9", | ||
353 | mj: "1436", | ||
354 | }, | ||
355 | { | ||
356 | name: "异议", | ||
357 | color: "#2591FD", | ||
358 | ts: "34", | ||
359 | mj: "4342", | ||
360 | }, | ||
361 | { | ||
362 | name: "限制", | ||
363 | color: "#2591FD", | ||
364 | ts: "2", | ||
365 | mj: "285", | ||
366 | }, | ||
367 | ], | ||
368 | fwxzList: [], | ||
369 | fwytList: [], | ||
370 | legendToggleFlag: false, | ||
371 | lpbContentHight: "", | ||
372 | lpbContentwidth: "", | ||
373 | time: "", | ||
374 | dyztBsmList: {}, //单元状态bsmList | ||
375 | }; | ||
376 | }, | ||
377 | created() { | ||
378 | window.addEventListener("resize", this.getHeight); | ||
379 | this.getHeight(); | ||
380 | }, | ||
381 | mounted() { | ||
382 | //获取楼盘表树结构 | ||
383 | this.getLpbMenuTree(this.$store.state.zrzbsm); | ||
384 | //获取各项单元状态的户bsm | ||
385 | this.getDyztBsmList(); | ||
386 | // 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6 | ||
387 | setTimeout(() => { | ||
388 | this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6; | ||
389 | }, 100); | ||
390 | }, | ||
391 | methods: { | ||
392 | hcxlzClose() { | ||
393 | this.hcxlzVisible = false; | ||
394 | }, | ||
395 | plZlClose() { | ||
396 | this.plzlVisible = false; | ||
397 | }, | ||
398 | plcClose() { | ||
399 | this.plcVisible = false; | ||
400 | }, | ||
401 | plhClose() { | ||
402 | this.plhVisible = false; | ||
403 | }, | ||
404 | plshClose() { | ||
405 | this.plShVisible = false; | ||
406 | }, | ||
407 | //获取高度计算lpb内容区高度 | ||
408 | getHeight() { | ||
409 | this.lpbContentHight = window.innerHeight - 285; | ||
410 | }, | ||
411 | //创建楼盘 | ||
412 | create() { | ||
413 | this.createFlag = true; | ||
414 | }, | ||
415 | //获取自然幢树结构数据 | ||
416 | getLpbMenuTree(zrzbsm) { | ||
417 | getLpbMenuTree(zrzbsm) | ||
418 | .then((res) => { | ||
419 | this.pd = res.result; | ||
420 | }) | ||
421 | .catch((error) => {}); | ||
422 | }, | ||
423 | //打开新建楼盘树结构右键菜单唤起的弹框 | ||
424 | openLpbDialog(data, type) { | ||
425 | this.treeData = data; | ||
426 | this.menuType = type; | ||
427 | this.dialogVisible = true; | ||
428 | }, | ||
429 | //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法 | ||
430 | saveInfo() { | ||
431 | switch (this.menuType) { | ||
432 | case "ljz": | ||
433 | this.$refs.ljz.onSave(this.$refs.ljz.form, this.treeData.bsm); | ||
434 | break; | ||
435 | case "zdy": | ||
436 | this.$refs.zdy.submitForm("form", this.pd[0].bsm, this.treeData.bsm); | ||
437 | break; | ||
438 | case "ch": | ||
439 | this.$refs.ch.onSave(this.pd[0].bsm); | ||
440 | break; | ||
441 | default: | ||
442 | break; | ||
443 | } | ||
444 | }, | ||
445 | //弹框中的重置按钮 | ||
446 | resetInfo() { | ||
447 | switch (this.menuType) { | ||
448 | case "ljz": | ||
449 | this.$refs.ljz.reset(); | ||
450 | break; | ||
451 | case "zdy": | ||
452 | this.$refs.zdy.reset(); | ||
453 | break; | ||
454 | case "ch": | ||
455 | this.$refs.ch.reset(); | ||
456 | break; | ||
374 | 457 | ||
458 | default: | ||
459 | break; | ||
460 | } | ||
461 | }, | ||
462 | //关闭弹框 | ||
463 | closeDaialog() { | ||
464 | this.dialogVisible = false; | ||
465 | }, | ||
466 | //图例的展开收起 | ||
467 | legendToggle() { | ||
468 | this.legendToggleFlag = !this.legendToggleFlag; | ||
469 | }, | ||
470 | //获取选中户bsm | ||
471 | getHbsm(data, type) { | ||
472 | this.bsms = data; | ||
473 | if (type) { | ||
474 | // 双击 | ||
475 | this.hbsm = this.bsms[this.bsms.length - 1]; | ||
476 | this.hbjVisible = true; | ||
477 | this.$nextTick(function() { | ||
478 | this.$refs.hbj.getHInfo(this.hbsm); | ||
479 | }); | ||
480 | } else { | ||
481 | //单击 TO DO | ||
375 | } | 482 | } |
376 | console.log(this.bsms); | 483 | console.log(this.bsms); |
377 | }, | 484 | }, |
378 | //不动产单元号输入框事件 | 485 | //不动产单元号输入框事件 |
379 | inputFocus(){ | 486 | inputFocus() { |
380 | this.inputWidth = 200 | 487 | this.inputWidth = 200; |
381 | }, | 488 | }, |
382 | inputBlur(){ | 489 | inputBlur() { |
383 | this.inputWidth = 74 | 490 | this.inputWidth = 74; |
384 | }, | 491 | }, |
385 | inputChange(){ | 492 | inputChange() { |
386 | if (this.bdcdyh!='') { | 493 | if (this.bdcdyh != "") { |
387 | console.log('查询'+this.bdcdyh); | 494 | console.log("查询" + this.bdcdyh); |
388 | this.$refs.lpbContent.lpbDataMap(this.bdcdyh); | 495 | this.$refs.lpbContent.lpbDataMap(this.bdcdyh); |
389 | }else{ | 496 | } else { |
390 | this.$message({ | 497 | this.$message({ |
391 | message: "请输入内容后查询", | 498 | message: "请输入内容后查询", |
392 | type: "warning", | 499 | type: "warning", |
393 | }) | 500 | }); |
394 | } | 501 | } |
395 | }, | 502 | }, |
396 | //户保存 | 503 | //户保存 |
397 | hbjSaveInfo(){ | 504 | hbjSaveInfo() { |
398 | this.$refs.hbj.onSave(this.bsms[this.bsms.length-1],this.tabPosition); | 505 | this.$refs.hbj.onSave(this.bsms[this.bsms.length - 1], this.tabPosition); |
399 | }, | 506 | }, |
400 | //户编辑表单重置 | 507 | //户编辑表单重置 |
401 | hbjResetInfo(){ | 508 | hbjResetInfo() { |
402 | this.$refs.hbj.onReset(); | 509 | this.$refs.hbj.onReset(); |
403 | }, | 510 | }, |
404 | //调用楼盘表信息查询接口 | 511 | //调用楼盘表信息查询接口 |
405 | getlpbData(){ | 512 | getlpbData() { |
406 | this.$refs.lpbContent.getLpb(this.$store.state.zrzbsm); | 513 | this.$refs.lpbContent.getLpb(this.$store.state.zrzbsm); |
407 | //改变楼盘表子组件的key值,重新渲染 | 514 | //改变楼盘表子组件的key值,重新渲染 |
408 | this.time = new Date().getTime(); | 515 | this.time = new Date().getTime(); |
409 | }, | 516 | }, |
410 | //实预测装换 | 517 | //实预测装换 |
411 | plScYcChange(){ | 518 | plScYcChange() { |
412 | let data={ | 519 | let data = { |
413 | zrzbsm:this.$store.state.zrzbsm, | 520 | zrzbsm: this.$store.state.zrzbsm, |
414 | scyclx:"0" | 521 | scyclx: "0", |
415 | } | 522 | }; |
416 | batchScYcChange(data).then((res)=>{ | 523 | batchScYcChange(data).then((res) => { |
417 | if(res.code===200){ | 524 | if (res.code === 200) { |
418 | this.$message.success("实预测转换成功") | 525 | this.$message.success("实预测转换成功"); |
419 | } | 526 | } |
420 | }) | 527 | }); |
421 | }, | 528 | }, |
422 | //选中房屋状态 | 529 | //选中房屋状态 |
423 | handleChoosedH(){ | 530 | handleChoosedH(name) { |
531 | console.log(name, "选中房屋状态"); | ||
532 | // Dyzt:{list:[],mj:''} | ||
424 | //清除选中户 | 533 | //清除选中户 |
425 | this.$refs.lpbContent.clearChoosedH() | 534 | this.$refs.lpbContent.clearChoosedH(); |
426 | //给hBsmList传值 | 535 | //给hBsmList传值 |
536 | switch (name) { | ||
537 | case "未确权": | ||
538 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Wqqzt.bsms; | ||
539 | break; | ||
540 | case "已确权": | ||
541 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Qqzt.bsms; | ||
542 | break; | ||
543 | case "已备案": | ||
544 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Bazt.bsms; | ||
545 | break; | ||
546 | case "预抵押": | ||
547 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Ydyzt.bsms; | ||
548 | break; | ||
549 | case "在建抵押": | ||
550 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Zjgcdyzt.bsms; | ||
551 | break; | ||
552 | case "抵押": | ||
553 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Dyzt.bsms; | ||
554 | break; | ||
555 | case "查封": | ||
556 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Cfzt.bsms; | ||
557 | break; | ||
558 | case "异议": | ||
559 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Yyzt.bsms; | ||
560 | break; | ||
561 | case "限制": | ||
562 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Xzzt.bsms; | ||
563 | break; | ||
564 | |||
565 | default: | ||
566 | break; | ||
567 | } | ||
427 | // this.$refs.lpbContent.choosedList=["0a66bc775dcec26385f9124cc0fd8656", "58cafdbee129bb412527f674ef9267ae", "4bbca678fa56d5ab97b8a62c7cb54898", "ecfd72e9a31a03ba0ab4e46faba2b51b", "049033ea9d244b4b5ea75521b6862239", "013352d8a001a1d5f790296b6843627b", "ed8e3f0e2b2682cf76b4d58b9a74e49c", "37cc53acaf2c3bb92be4b9adf06d94c9", "f5a5e14ce08c26056aca5861f56e5cf6", "11eeaaa5c9f5f1231c69d3b958d05568", "421978023a36d4920dbb86300cc52dc9", "e97f2af2588cc0e41ffb6b203df617c9", "7210987d94350472dca10d4ad71fffc5", "6eb1b50edce538a4c63574e9e28fedce", "43c5fecd7623ceabc37844e8a4722603", "c361ccfcd3da9f7288110c6fa202cb96", "2321512f6f8d0ec9f570c6eec9a892fe", "ea08fb234cd908c89a0d21c085dadb2f", "be71f7f0ec926e1850d3baec8817cdbd", "6f695d6b7ecb97f7ff17f22dbe86b93c", "4ee1604b2629e6797d3096c20229223b"] | 568 | // this.$refs.lpbContent.choosedList=["0a66bc775dcec26385f9124cc0fd8656", "58cafdbee129bb412527f674ef9267ae", "4bbca678fa56d5ab97b8a62c7cb54898", "ecfd72e9a31a03ba0ab4e46faba2b51b", "049033ea9d244b4b5ea75521b6862239", "013352d8a001a1d5f790296b6843627b", "ed8e3f0e2b2682cf76b4d58b9a74e49c", "37cc53acaf2c3bb92be4b9adf06d94c9", "f5a5e14ce08c26056aca5861f56e5cf6", "11eeaaa5c9f5f1231c69d3b958d05568", "421978023a36d4920dbb86300cc52dc9", "e97f2af2588cc0e41ffb6b203df617c9", "7210987d94350472dca10d4ad71fffc5", "6eb1b50edce538a4c63574e9e28fedce", "43c5fecd7623ceabc37844e8a4722603", "c361ccfcd3da9f7288110c6fa202cb96", "2321512f6f8d0ec9f570c6eec9a892fe", "ea08fb234cd908c89a0d21c085dadb2f", "be71f7f0ec926e1850d3baec8817cdbd", "6f695d6b7ecb97f7ff17f22dbe86b93c", "4ee1604b2629e6797d3096c20229223b"] |
428 | }, | 569 | }, |
429 | //批量添加不动产单元号 | 570 | //批量添加不动产单元号 |
430 | addBdcdyh(){ | 571 | addBdcdyh() { |
431 | // this.pd[0].bsm //自然幢标识码 | 572 | // this.pd[0].bsm //自然幢标识码 |
432 | console.log(this.$store.state.zrzh,'this.$store.state.zrzh'); | 573 | batchGeneratorBdcdyh(this.$store.state.zrzh, this.pd[0].bsm).then( |
433 | console.log(this.pd[0].bsm,'this.pd[0].bsm'); | 574 | (res) => { |
434 | batchGeneratorBdcdyh(this.$store.state.zrzh,this.pd[0].bsm).then((res)=>{ | 575 | if (res.code === 200) { |
435 | if(res.code===200){ | 576 | this.$message.success("生成完成!"); |
436 | this.$message.success("生成完成!") | 577 | } else { |
437 | }else { | 578 | this.$message.warning("生成失败!"); |
438 | this.$message.warning("生成失败!") | 579 | } |
439 | } | 580 | } |
440 | }) | 581 | ); |
441 | } | 582 | }, |
442 | }, | 583 | //获取各项单元状态的户bsm |
443 | computed: { | 584 | getDyztBsmList() { |
585 | let data = { | ||
586 | zrzbsm: this.$store.state.zrzbsm, | ||
587 | syclx: "0", | ||
588 | }; | ||
589 | getLpbTj(data).then((res) => { | ||
590 | if (res.code === 200) { | ||
591 | this.dyztBsmList = res.result; | ||
592 | //给单元状态图例数据dyztList赋值 | ||
593 | this.dyztList[0].mj = res.result.Wqqzt.mj; | ||
594 | this.dyztList[0].ts = res.result.Wqqzt.bsms.length; | ||
595 | this.dyztList[1].mj = res.result.Qqzt.mj; | ||
596 | this.dyztList[1].ts = res.result.Qqzt.bsms.length; | ||
597 | this.dyztList[2].mj = res.result.Bazt.mj; | ||
598 | this.dyztList[2].ts = res.result.Bazt.bsms.length; | ||
599 | this.dyztList[3].mj = res.result.Ydyzt.mj; | ||
600 | this.dyztList[3].ts = res.result.Ydyzt.bsms.length; | ||
601 | this.dyztList[4].mj = res.result.Zjgcdyzt.mj; | ||
602 | this.dyztList[4].ts = res.result.Zjgcdyzt.bsms.length; | ||
603 | this.dyztList[5].mj = res.result.Dyzt.mj; | ||
604 | this.dyztList[5].ts = res.result.Dyzt.bsms.length; | ||
605 | this.dyztList[6].mj = res.result.Cfzt.mj; | ||
606 | this.dyztList[6].ts = res.result.Cfzt.bsms.length; | ||
607 | this.dyztList[7].mj = res.result.Yyzt.mj; | ||
608 | this.dyztList[7].ts = res.result.Yyzt.bsms.length; | ||
609 | this.dyztList[8].mj = res.result.Xzzt.mj; | ||
610 | this.dyztList[8].ts = res.result.Xzzt.bsms.length; | ||
611 | } | ||
612 | }); | ||
613 | }, | ||
444 | }, | 614 | }, |
615 | computed: {}, | ||
445 | destroyed() { | 616 | destroyed() { |
446 | window.removeEventListener("resize", this.getHeight); | 617 | window.removeEventListener("resize", this.getHeight); |
447 | }, | 618 | }, |
... | @@ -479,21 +650,21 @@ | ... | @@ -479,21 +650,21 @@ |
479 | box-sizing: border-box; | 650 | box-sizing: border-box; |
480 | padding: 0 20px; | 651 | padding: 0 20px; |
481 | /deep/.el-radio-button__inner { | 652 | /deep/.el-radio-button__inner { |
482 | border: 1px solid #00CACD; | 653 | border: 1px solid #00cacd; |
483 | color: #00CACD; | 654 | color: #00cacd; |
484 | } | 655 | } |
485 | /deep/.el-radio-button__inner:hover{ | 656 | /deep/.el-radio-button__inner:hover { |
486 | color: #00CACD; | 657 | color: #00cacd; |
487 | } | 658 | } |
488 | /deep/.is-active .el-radio-button__inner{ | 659 | /deep/.is-active .el-radio-button__inner { |
489 | color: #fff; | 660 | color: #fff; |
490 | } | 661 | } |
491 | /deep/.el-radio-button__orig-radio:checked+.el-radio-button__inner{ | 662 | /deep/.el-radio-button__orig-radio:checked + .el-radio-button__inner { |
492 | background-color: #00CACD; | 663 | background-color: #00cacd; |
493 | border-color: #00CACD; | 664 | border-color: #00cacd; |
494 | } | 665 | } |
495 | .searchInput { | 666 | .searchInput { |
496 | transition: .5s; | 667 | transition: 0.5s; |
497 | margin-left: 20px; | 668 | margin-left: 20px; |
498 | display: inline-block; | 669 | display: inline-block; |
499 | } | 670 | } |
... | @@ -546,7 +717,7 @@ | ... | @@ -546,7 +717,7 @@ |
546 | height: 40px; | 717 | height: 40px; |
547 | line-height: 40px; | 718 | line-height: 40px; |
548 | text-align: center; | 719 | text-align: center; |
549 | background-color: #0091FF; | 720 | background-color: #0091ff; |
550 | color: #fff; | 721 | color: #fff; |
551 | border-bottom: 1px solid #e6e6e6; | 722 | border-bottom: 1px solid #e6e6e6; |
552 | } | 723 | } |
... | @@ -572,8 +743,8 @@ | ... | @@ -572,8 +743,8 @@ |
572 | letter-spacing: 2px; | 743 | letter-spacing: 2px; |
573 | } | 744 | } |
574 | } | 745 | } |
575 | .selectedZt{ | 746 | .selectedZt { |
576 | background-color: #0091FF; | 747 | background-color: #0091ff; |
577 | color: #fff; | 748 | color: #fff; |
578 | } | 749 | } |
579 | } | 750 | } |
... | @@ -608,7 +779,7 @@ | ... | @@ -608,7 +779,7 @@ |
608 | } | 779 | } |
609 | } | 780 | } |
610 | } | 781 | } |
611 | .tab-content::-webkit-scrollbar{ | 782 | .tab-content::-webkit-scrollbar { |
612 | width: 1px; | 783 | width: 1px; |
613 | } | 784 | } |
614 | .btnGroup { | 785 | .btnGroup { | ... | ... |
... | @@ -293,11 +293,11 @@ export default { | ... | @@ -293,11 +293,11 @@ export default { |
293 | //父组件中选择单元状态改变choosedList | 293 | //父组件中选择单元状态改变choosedList |
294 | choosedList(n){ | 294 | choosedList(n){ |
295 | this.$refs.hBsm.forEach(item=>{ | 295 | this.$refs.hBsm.forEach(item=>{ |
296 | this.choosedList.forEach(i=>{ | 296 | this.choosedList.forEach(i=>{ |
297 | if(item.dataset.bsm == i){ | 297 | if(item.dataset.bsm == i){ |
298 | item.className = 'tdSelect' | 298 | item.className = 'tdSelect' |
299 | } | 299 | } |
300 | }) | 300 | }) |
301 | }) | 301 | }) |
302 | } | 302 | } |
303 | }, | 303 | }, | ... | ... |
-
Please register or sign in to post a comment