From 8ab8088e11c13689856d70669ce18047d1317321 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 28 十月 2024 11:26:42 +0800
Subject: [PATCH] 提交一把
---
company/src/components/common/tagsview.vue | 28 +++++++++++++++++-----------
1 files changed, 17 insertions(+), 11 deletions(-)
diff --git a/company/src/components/common/tagsview.vue b/company/src/components/common/tagsview.vue
index c5afffa..a27042d 100644
--- a/company/src/components/common/tagsview.vue
+++ b/company/src/components/common/tagsview.vue
@@ -14,10 +14,11 @@
{{ item.label }}
<!-- 杩欎釜鍦版柟涓�瀹氳click鍔犱釜stop闃绘锛屼笉鐒朵細鍥犱负浜嬩欢鍐掓场涓�鐩磋Е鍙戠埗鍏冪礌鐨勭偣鍑讳簨浠讹紝鏃犳硶璺宠浆鍙︿竴涓矾鐢� -->
<span v-if="tags.length > 1" class="el-icon-close tagsicon" @click.stop="handleClose(item,index)"></span>
- <!-- <ul v-show="visible" class="contextmenu" :style="{left:left+'px',top:top+'px'}">
- <li @click.stop="rightClose()">鍏抽棴</li>
- <li @click.stop="cleartags($route.path)">鍏抽棴鍏朵粬</li>
- </ul> -->
+ <ul v-show="visible" class="contextmenu" :style="{left:left+'px',top:top+'px'}">
+<!-- <li @click.stop="rightClose()">鍏抽棴</li>-->
+<!-- <li @click.stop="cleartags($route.path)">鍏ㄩ儴鍏抽棴</li>-->
+ <li @click.stop="cleartags()">鍏抽棴鍏朵粬</li>
+ </ul>
</div>
</div>
<i class="el-icon-arrow-right btn" v-if="rightStatus" :class="rightStatus?'nor-btn':'ban-btn'" @click="scrollToEnd()"></i>
@@ -68,7 +69,7 @@
},
mounted() {
this.$refs.tags.addEventListener('scroll', e => {
-
+
if (this.$refs.tags.scrollLeft > 0) {
this.leftStatus = true
} else {
@@ -146,19 +147,24 @@
let tagsDiv = document.getElementById('tags-box')
tagsDiv.scrollTo(0, 0)
- },
+ },
scrollToEnd() {
let tagsDiv = document.getElementById('tags-box')
tagsDiv.scrollTo(tagsDiv.scrollWidth, 0)
},
//鍙抽敭浜嬩欢锛屾樉绀哄彸閿彍鍗曪紝骞跺浐瀹氬ソ浣嶇疆銆�
openMenu(tag, e) {
+ if(this.tags.length ==1){
+ return
+ }
this.visible = true
this.selectedTag = tag
const offsetLeft = this.$el.getBoundingClientRect().left
- console.log(tag, e);
- this.left = e.clientX - offsetLeft + 60 //鍙抽敭鑿滃崟璺濈宸﹁竟鐨勮窛绂�
- this.top = e.clientY +20 //鍙抽敭鑿滃崟璺濈涓婇潰鐨勮窛绂� 杩欎袱涓彲浠ユ洿鏀癸紝鐪嬬湅鑷繁鐨勫彸閿彍鍗曞湪浠�涔堜綅缃紝鑷繁璋�
+ console.log(tag, e,e.clientX,e.clientY,offsetLeft);
+ this.left = e.clientX - offsetLeft + 200 //鍙抽敭鑿滃崟璺濈宸﹁竟鐨勮窛绂�
+ this.top = 50 //鍙抽敭鑿滃崟璺濈涓婇潰鐨勮窛绂� 杩欎袱涓彲浠ユ洿鏀癸紝鐪嬬湅鑷繁鐨勫彸閿彍鍗曞湪浠�涔堜綅缃紝鑷繁璋�
+ // this.left = e.clientX + 60 //鍙抽敭鑿滃崟璺濈宸﹁竟鐨勮窛绂�
+ // this.top = e.clientY +20 //鍙抽敭鑿滃崟璺濈涓婇潰鐨勮窛绂� 杩欎袱涓彲浠ユ洿鏀癸紝鐪嬬湅鑷繁鐨勫彸閿彍鍗曞湪浠�涔堜綅缃紝鑷繁璋�
},
//闅愯棌鍙抽敭鑿滃崟
closeMenu() {
@@ -167,9 +173,9 @@
//鍙抽敭鑿滃崟鍏抽棴鎵�鏈夐�夐」锛岃Е鍙憊uex涓殑鏂规硶锛屾妸褰撳墠璺敱褰撳弬鏁颁紶杩囧幓鐢ㄤ簬鍒ゆ柇
cleartags(val){
this.visible = false
- this.cleartagsview(val)
+ this.cleartagsview(this.selectedTag)
}
- },
+ }
};
</script>
--
Gitblit v1.9.3