299dc68d by 杨威

目录树右键菜单功能优化

1 parent 6732529c
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 @changeDzVisible="changeDzVisible" 47 @changeDzVisible="changeDzVisible"
48 @changeGzwVisible="changeGzwVisible" 48 @changeGzwVisible="changeGzwVisible"
49 :list="item.children" 49 :list="item.children"
50 :visible="visible" 50 :visible="zrzVisible"
51 :size="size" 51 :size="size"
52 :islpb="islpb" 52 :islpb="islpb"
53 :formatData="formatData" 53 :formatData="formatData"
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
55 </div> 55 </div>
56 56
57 <ul 57 <ul
58 v-show="visible" 58 v-show="zrzVisible"
59 :style="{ left: left + 'px', top: top + 'px' }" 59 :style="{ left: left + 'px', top: top + 'px' }"
60 class="contextmenu" 60 class="contextmenu"
61 > 61 >
...@@ -169,6 +169,8 @@ export default { ...@@ -169,6 +169,8 @@ export default {
169 currentClickZdGeo:"", 169 currentClickZdGeo:"",
170 improtDialog:false, 170 improtDialog:false,
171 dialogVisible:false, 171 dialogVisible:false,
172 //控制自然幢右键菜单
173 zrzVisible:false,
172 //控制楼盘表 174 //控制楼盘表
173 lpbvisible: false, 175 lpbvisible: false,
174 lpbtop: 0, 176 lpbtop: 0,
...@@ -210,6 +212,13 @@ export default { ...@@ -210,6 +212,13 @@ export default {
210 document.body.removeEventListener("click", this.closeMenu); 212 document.body.removeEventListener("click", this.closeMenu);
211 } 213 }
212 }, 214 },
215 zrzVisible(value) {
216 if (value) {
217 document.body.addEventListener("click", this.closeMenu);
218 } else {
219 document.body.removeEventListener("click", this.closeMenu);
220 }
221 },
213 222
214 // createVisible(value) { 223 // createVisible(value) {
215 // if (value) { 224 // if (value) {
...@@ -270,7 +279,10 @@ export default { ...@@ -270,7 +279,10 @@ export default {
270 }, 279 },
271 // 改变菜单数据 280 // 改变菜单数据
272 changeVisible(data) { 281 changeVisible(data) {
273 this.visible = data; 282 this.zrzVisible = data;
283 this.lpbvisible = false;
284 this.dzVisible = false;
285 this.gzwVisible = false;
274 }, 286 },
275 changeZdData(data) { 287 changeZdData(data) {
276 this.zdData = data; 288 this.zdData = data;
...@@ -289,6 +301,9 @@ export default { ...@@ -289,6 +301,9 @@ export default {
289 }, 301 },
290 changeLpbVisible(data) { 302 changeLpbVisible(data) {
291 this.lpbvisible = data; 303 this.lpbvisible = data;
304 this.zrzVisible = false;
305 this.dzVisible = false;
306 this.gzwVisible = false;
292 }, 307 },
293 changeCreateVisible(data){ 308 changeCreateVisible(data){
294 this.createVisible = true; 309 this.createVisible = true;
...@@ -296,10 +311,16 @@ export default { ...@@ -296,10 +311,16 @@ export default {
296 //多幢 311 //多幢
297 changeDzVisible(data){ 312 changeDzVisible(data){
298 this.dzVisible = data; 313 this.dzVisible = data;
314 this.zrzVisible = false;
315 this.lpbvisible = false;
316 this.gzwVisible = false;
299 }, 317 },
300 //构筑物 318 //构筑物
301 changeGzwVisible(data){ 319 changeGzwVisible(data){
302 this.gzwVisible = data; 320 this.gzwVisible = data;
321 this.zrzVisible = false;
322 this.lpbvisible = false;
323 this.dzVisible = false;
303 }, 324 },
304 //添加定着物 325 //添加定着物
305 openCreateDialog(type){ 326 openCreateDialog(type){
...@@ -397,6 +418,7 @@ export default { ...@@ -397,6 +418,7 @@ export default {
397 }, 418 },
398 //关闭右键菜单 419 //关闭右键菜单
399 closeMenu(){ 420 closeMenu(){
421 this.zrzVisible = false;
400 this.lpbvisible = false; 422 this.lpbvisible = false;
401 this.dzVisible = false; 423 this.dzVisible = false;
402 this.gzwVisible = false; 424 this.gzwVisible = false;
......