宗地双击事件
Showing
2 changed files
with
31 additions
and
6 deletions
| ... | @@ -15,6 +15,7 @@ | ... | @@ -15,6 +15,7 @@ |
| 15 | <div | 15 | <div |
| 16 | class="row-flex-start basic_banner" | 16 | class="row-flex-start basic_banner" |
| 17 | @click="itemClick(item)" | 17 | @click="itemClick(item)" |
| 18 | @dblclick="dbclick(item)" | ||
| 18 | :class="{ | 19 | :class="{ |
| 19 | active_color: item.expand, | 20 | active_color: item.expand, |
| 20 | }" | 21 | }" |
| ... | @@ -70,14 +71,25 @@ export default { | ... | @@ -70,14 +71,25 @@ export default { |
| 70 | default: false, | 71 | default: false, |
| 71 | }, | 72 | }, |
| 72 | }, | 73 | }, |
| 74 | data() { | ||
| 75 | return { | ||
| 76 | time:null | ||
| 77 | } | ||
| 78 | }, | ||
| 73 | methods: { | 79 | methods: { |
| 74 | itemClick(item) { | 80 | itemClick(item) { |
| 75 | item.expand = !item.expand; | 81 | let self = this; |
| 76 | this.$emit("itemClick", item); | 82 | // 开启延时器,300ms的间隔区分单击和双击,解决双击时执行两次单击事件 |
| 77 | if (!item.children) { | 83 | clearTimeout(self.time); |
| 78 | this.$emit("valClick", item); | 84 | self.time = setTimeout(() => { |
| 79 | } | 85 | item.expand = !item.expand; |
| 86 | self.$emit("itemClick", item); | ||
| 87 | if (!item.children) { | ||
| 88 | self.$emit("valClick", item); | ||
| 89 | } | ||
| 90 | }, 300); | ||
| 80 | }, | 91 | }, |
| 92 | // 右键点击事件 | ||
| 81 | openMenu(e, item) { | 93 | openMenu(e, item) { |
| 82 | if (item.zdbsm) { | 94 | if (item.zdbsm) { |
| 83 | var x = e.pageX; | 95 | var x = e.pageX; |
| ... | @@ -100,6 +112,13 @@ export default { | ... | @@ -100,6 +112,13 @@ export default { |
| 100 | // this.left = x; | 112 | // this.left = x; |
| 101 | // this.visible = true; | 113 | // this.visible = true; |
| 102 | }, | 114 | }, |
| 115 | // 左键双击事件 | ||
| 116 | dbclick(item) { | ||
| 117 | clearTimeout(this.time); | ||
| 118 | if (item.zdbsm || item.zrzbsm) { | ||
| 119 | this.$router.push("/zd"); | ||
| 120 | } | ||
| 121 | }, | ||
| 103 | closeMenu() { | 122 | closeMenu() { |
| 104 | this.$emit("changeVisible", false); | 123 | this.$emit("changeVisible", false); |
| 105 | // this.visible = false; | 124 | // this.visible = false; | ... | ... |
| ... | @@ -119,7 +119,6 @@ export default { | ... | @@ -119,7 +119,6 @@ export default { |
| 119 | }, | 119 | }, |
| 120 | // 根据id展开树的具体项 | 120 | // 根据id展开树的具体项 |
| 121 | expandTreeItemById(idList) { | 121 | expandTreeItemById(idList) { |
| 122 | debugger; | ||
| 123 | let _this = this; | 122 | let _this = this; |
| 124 | function loopTree(list) { | 123 | function loopTree(list) { |
| 125 | list.forEach((x) => { | 124 | list.forEach((x) => { |
| ... | @@ -221,6 +220,13 @@ export default { | ... | @@ -221,6 +220,13 @@ export default { |
| 221 | position: relative; | 220 | position: relative; |
| 222 | color: #ffffff; | 221 | color: #ffffff; |
| 223 | cursor: pointer; | 222 | cursor: pointer; |
| 223 | moz-user-select: -moz-none; | ||
| 224 | -moz-user-select: none; | ||
| 225 | -o-user-select: none; | ||
| 226 | -khtml-user-select: none; | ||
| 227 | -webkit-user-select: none; | ||
| 228 | -ms-user-select: none; | ||
| 229 | user-select: none; | ||
| 224 | .layer_text { | 230 | .layer_text { |
| 225 | flex: 1; | 231 | flex: 1; |
| 226 | } | 232 | } | ... | ... |
-
Please register or sign in to post a comment