全局导航路由模式调整 --- fix5

src/components/app-breadcrumb/app-breadcrumb.less

@@ -13,5 +13,12 @@
   .no-redirect {
     color: #97a8be;
     cursor: text;
+    .curselected{
+      color: #2196F3;
+      font-weight: bold;
+    }
+    .app-breadcrumb-selected{
+      cursor: pointer;
+    }
   }
 }
\ No newline at end of file

src/components/app-breadcrumb/app-breadcrumb.vue

@@ -2,7 +2,20 @@
     <el-breadcrumb class="app-breadcrumb"  separator="/">
     <transition-group name="breadcrumb">
       <el-breadcrumb-item v-for="(item, index) in breadcrumbs"  :key="item.id">
-        <span v-if="index === breadcrumbs.length-1" class="no-redirect">{{ item.title }}</span>
+        <span v-if="index === breadcrumbs.length-1" class="no-redirect">{{ item.title }}
+          <span v-if="item.isselected === true">
+            <dropdown trigger='click' @on-click="selectNavData($event,item)">
+              <span class="app-breadcrumb-selected">
+                  <i class="el-icon-caret-bottom"></i>
+              </span>
+              <dropdown-menu slot='list'>                 
+                <dropdown-item v-for="(dataitem) in getPreNavData(item)" :name="dataitem.srfkey" :key="dataitem.srfkey">
+                  <span :class="{'curselected':isCurSelected(item,dataitem)}">{{dataitem.srfmajortext}}</span>  
+                </dropdown-item>                    
+              </dropdown-menu>
+            </dropdown>
+          </span>
+        </span>
         <a v-else @click.prevent="handleLink(item)">{{ item.title }}</a>
       </el-breadcrumb-item>
     </transition-group>
@@ -80,6 +93,25 @@ export default class Breadcrumb extends Vue {
     this.$forceUpdate();
   }
 
+  /**
+   * 获取面包屑指定元素前一条数据
+   * 
+   * @memberof Breadcrumb
+   */
+  private getPreNavData(item:any){
+    let preNavData:any = this.navDataService.getPreNavDataById(item.id);
+    return preNavData.data;
+  }
+
+  /**
+   * 判断是否为当前选中项
+   * 
+   * @memberof Breadcrumb
+   */
+  private isCurSelected(item:any,singleItem:any){
+    return item.srfkey === singleItem.srfkey;
+  }
+
   /**
    * 面包屑点击行为
    * 
@@ -100,6 +132,17 @@ export default class Breadcrumb extends Vue {
     this.navDataService.removeNavData(item.id);
   }
 
+  /**
+   * 切换导航行为
+   * 
+   * @memberof Breadcrumb
+   */
+  private selectNavData($event:any,item:any){
+    let preNavData:any = this.getPreNavData(item);
+    let curSrfkey:any = $event;
+    this.navDataService.serviceState.next({action:'viewrefresh', data:curSrfkey});
+  }
+
     /**
      * 组件销毁
      *

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

@@ -247,7 +247,11 @@ export default class EditViewEngine extends ViewEngine {
      */
     public setTabCaption(info: string): void {
         let viewdata: any = this.view.model;
-        if (viewdata  && info && !Object.is(info, '') && (viewdata.srfTitle.indexOf("-") === -1)) {
+        let index:number = viewdata.srfTitle.indexOf("-");
+        if (viewdata  && info && !Object.is(info, '')) {
+            if(index !== -1){
+                viewdata.srfTitle = viewdata.srfTitle.substr(0,index);
+            }
             if(this.view.$tabPageExp){
                 this.view.$tabPageExp.setCurPageCaption(viewdata.srfTitle, viewdata.srfTitle, info);
             }

src/service/app/navdata-service.ts

@@ -42,6 +42,13 @@ export interface NavDataElement {
      */ 
     path:string;
 
+    /**
+     * 元素主键
+     *
+     * @memberof NavDataElement
+     */ 
+    srfkey:string;
+
 }
 
 export interface ServiceState {