From 890cd9ab8cfbd642c7240413a2f2f51b7f6f0fa5 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期四, 21 三月 2024 13:37:26 +0800 Subject: [PATCH] 完善下单 --- src/view/index.vue | 26 +++++++++++++++++--------- 1 files changed, 17 insertions(+), 9 deletions(-) diff --git a/src/view/index.vue b/src/view/index.vue index 3a373e8..04e57ba 100644 --- a/src/view/index.vue +++ b/src/view/index.vue @@ -162,8 +162,7 @@ } .tag>.el-icon-s-unfold, - .el-icon-s-fold, - .tag>.el-icon-delete { + .el-icon-s-fold{ font-size: 16px; cursor: pointer; margin: 0 8px; @@ -211,6 +210,11 @@ .active_tab i { display: inline; color: #3A7BFA; + border-radius: 50%; + } + + .active_tab i:hover{ + background-color: rgba(0, 0, 0, 0.08); } .component_view { @@ -226,7 +230,7 @@ } .right_key_menu { - width: 120px; + width: 130px; position: absolute; top: 0; left: 0; @@ -245,7 +249,7 @@ } .right_key_menu li i { - margin-right: 14px; + margin-right: 10px; } .right_key_menu li:hover { @@ -311,7 +315,6 @@ <i class="el-icon-close" @click="removeTab(ai)" v-if="tabActive!=0"></i> </div> </div> - <i class="el-icon-delete" @click="allDel" title="鍒犻櫎鎵�鏈夋爣绛鹃〉"></i> </div> <div class="component_view"> <component class="com_index" v-for="(com, index) in tabs" :is="com.u" :key="com.k" v-show="com.k == tabActive" @@ -326,6 +329,7 @@ <ul> <li @click="removeTab(activeIndex)"><i class="el-icon-close"></i>鍏抽棴</li> <li @click="allDel"><i class="el-icon-delete"></i>鍏抽棴鎵�鏈�</li> + <li @click="rightDel(activeIndex)"><i class="el-icon-d-arrow-right"></i>鍏抽棴鍙充晶椤电</li> <el-divider></el-divider> <li @click="refreshTable"><i class="el-icon-refresh"></i>鍒锋柊</li> </ul> @@ -423,10 +427,14 @@ removeTab(index) { this.tabs.splice(index, 1); let data = this.tabs[this.tabs.length - 1] - this.activeP = data.k; - this.tabActive = data.k; - this.activeBox = data.k - this.saveClick() + this.upTabActive(data.k) + }, + rightDel(index){ + for (var i = this.tabs.length - 1; i > index; i--) { + this.tabs.splice(i, 1); + } + let data = this.tabs[this.tabs.length - 1] + this.upTabActive(data.k) }, allDel() { this.activeBox = 0 -- Gitblit v1.9.3