调整分页栏

src/components/tab-page-exp/tab-page-exp.less

-// .ibiz-page-tag {
-//     position: relative;
-//     box-sizing: border-box;
-//     // width: calc(100% + 30px);
-//     height: 38px;
-//     padding: 0 60px 0 30px;
-//     background: #f6f6f6;
-//     .tags-body {
-//         position: relative;
-//         width: 100%;
-//         height: 100%;
-//         overflow: hidden;
-//         .tags-container {
-//             position: absolute;
-//             overflow: visible;
-//             white-space: nowrap;
-//             transition: left .3s ease;
-//             .ivu-tag {
-//                 margin: 0;
-//                 height: 38px;
-//                 line-height: 38px;
-//                 border: 0;
-//                 border-radius: 0;
-//                 border-right: 1px solid #ddd;
-//                 font-size: 14px;
-//                 .text-icon {
-//                     height: 16px;
-//                     margin-bottom: -3px;
-//                 }
-//                 .ivu-icon-ios-close {
-//                     visibility: hidden;
-//                 }
-//                 .tag-text {
-//                     display: table-cell;
-//                     .ivu-tooltip {
-//                         display: block;
-//                         .ivu-tooltip-rel {
-//                             display: block;
-//                             max-width: 200px;
-//                             overflow: hidden;
-//                             text-overflow: ellipsis;
-//                         }
-//                     }
-//                 }
-//             }
-//             .ivu-tag.tag-is-active {
-//                 background: #fff;
-//             }
-//             .ivu-tag:hover,.ivu-tag.tag-is-active {
-//                 .ivu-icon-ios-close {
-//                     visibility: initial;
-//                 }
-//             }
-//         }
-//     }
-//     .move-btn {
-//         font-size: 18px;
-//         width: 30px;
-//         height: 38px;
-//         line-height: 38px;
-//         border-left: 1px solid #ddd;
-//         border-right: 1px solid #ddd;
-//         text-align: center;
-//         cursor: pointer;
-//     }
-//     .move-btn:hover {
-//         background: #efefef;
-//     }
-//     .move-left, .move-right, .ivu-dropdown{
-//         position: absolute;
-//         top: 0;
-//     }
-//     .move-left {
-//         left: 0;
-//     }
-//     .move-right {
-//         right: 30px;
-//     }
-//     .ivu-dropdown {
-//         right: 0;
-//     }
-// }
-// .tags-transition-move {
-//     transition: transform .3s;
-// }
-// .tags-transition-enter,.tags-transition-leave-to{
-//     opacity: 0;
-// }
 .ibiz-page-tag {
     position: relative;
-    .contextmenu {
-        margin: 0;
-        background: #fff;
-        z-index: 3000;
-        position: absolute;
-        list-style-type: none;
-        padding: 5px 0;
-        border-radius: 4px;
-        font-size: 12px;
-        font-weight: 400;
-        color: #333;
-        box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
-    
-        li {
-          margin: 0;
-          padding: 7px 16px;
-          cursor: pointer;
-    
-          &:hover {
-            background: #eee;
-          }
-        }
-      }
     .left{
         .el-tabs__header{
             padding-right:120px;
@@ -128,8 +17,6 @@
     >.tag-tabs{
         background-color: #F0F0F0 !important;
         .el-tabs{
-            .el-tabs__nav-scroll{
-            }
             .el-tabs__nav{
                 padding:0px 10px;
                 border:none;
@@ -173,7 +60,6 @@
                 border-bottom:2px solid transparent !important; 
             }
             .el-tabs__header{
-                box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
                 margin:0 0 1 0;
             }
         }

src/components/tab-page-exp/tab-page-exp.vue

@@ -7,7 +7,6 @@
         v-model="editableTabsValue"
         closable 
         @tab-remove="onClose"
-        @contextmenu.prevent.native="openMenu($event)"
       >
         <el-tab-pane
           v-for="(meta, index) of $store.state.pageMetas"
@@ -19,22 +18,13 @@
         </el-tab-pane>
       </el-tabs>
     </div>
-    <ul
-      v-show="visible"
-      :style="{left: left+'px', top: top+'px'}"
-      class="contextmenu"
-    >
-      <li v-for="(item,index) in actions" @click="handlerClose(item)">
-        {{ $t(item.text) }}
-      </li>
-    </ul>
     <div v-show="$store.state.pageMetas.length > 0" class="right">
       <el-dropdown @command="handlerClose">
         <el-button size="mini" type="primary">
           更多<i class="el-icon-arrow-down el-icon--right"></i>
         </el-button>
         <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item :command="item" v-for="(item,index) in actions">{{ $t(item.text) }}</el-dropdown-item>
+          <el-dropdown-item :command="item" v-for="(item,index) in actions" :key="index">{{ $t(item.text) }}</el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
     </div>
@@ -51,12 +41,6 @@ export default class TabPageExp extends Vue {
   @Provide()
   public styleLeft: number = 0;
 
-  private visible = false;  //右键菜单显示状态
-
-  private top = 0;  //菜单距离顶部位置
-
-  private left = 0; //菜单距离左侧位置
-
   @Provide()
   public actions: any[] = [
     { text: "app.tabpage.closeall", value: "closeAll" },
@@ -67,28 +51,9 @@ export default class TabPageExp extends Vue {
    * 关闭tab页方法
    */
   public handlerClose(item: any){
-    this.visible = false;
     this.doTagAction(item.value);
   }
 
-  /**
-   * 打开右键菜单
-   */
-  private openMenu(e: MouseEvent) {
-    const menuMinWidth = 105;
-    const offsetLeft = this.$el.getBoundingClientRect().left;
-    const offsetWidth = (this.$el as HTMLElement).offsetWidth;
-    const maxLeft = offsetWidth - menuMinWidth;
-    const left = e.clientX - offsetLeft - 15;
-    if (left > maxLeft) {
-      this.left = maxLeft;
-    } else {
-      this.left = left;
-    }
-    this.top = e.clientY - 45;
-    this.visible = true;
-  }
-
   public editableTabsValue: any = ""; //tabs页绑定值
 
   @Watch("$route")

src/engine/view/edit-view-engine.ts

@@ -249,6 +249,7 @@ export default class EditViewEngine extends ViewEngine {
         let viewdata: any = this.view.model;
         if (viewdata  && info && !Object.is(info, '') && this.view.$tabPageExp && (viewdata.srfTitle.indexOf(" - ") === -1)) {
             this.view.$tabPageExp.setCurPageCaption(viewdata.srfTitle, viewdata.srfTitle, info);
+            this.view.$route.meta.info = info;
             this.view.model.srfTitle = `${this.view.$t(viewdata.srfTitle)} - ${viewdata.dataInfo}`;
         }
     }