完善下单

licp

2024-03-21 890cd9ab8cfbd642c7240413a2f2f51b7f6f0fa5

 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