ShineKOT 发布系统代码 [后台服务，演示应用]

app_Web/public/assets/json/view-config.json

@@ -911,6 +911,14 @@
         "viewname": "IBIZSample0003SPickupTreeView",
         "viewtag": "a4333795f033ac3e573ec567d40ab208"
     },
+    "ibizordercalendarexpview": {
+        "title": "订单日历导航视图",
+        "caption": "订单",
+        "viewtype": "DECALENDAREXPVIEW",
+        "viewmodule": "Sample",
+        "viewname": "IBIZOrderCalendarExpView",
+        "viewtag": "a682806a2655b566842d5495e43a06f3"
+    },
     "ibizbookhaspanelkanbanview": {
         "title": "图书看板视图（嵌入视图面板）",
         "caption": "图书",

app_Web/src/locale/lang/en-US.ts

@@ -255,6 +255,7 @@ export default {
                 menuitem114: "列表导航",
                 menuitem136: "树导航",
                 menuitem137: "卡片导航",
+                menuitem138: "日历导航",
                 menuitem129: "选项操作",
                 menuitem130: "选项操作视图",
                 menuitem131: "表格选项操作",

app_Web/src/locale/lang/zh-CN.ts

@@ -255,6 +255,7 @@ export default {
                 menuitem114: "列表导航",
                 menuitem136: "树导航",
                 menuitem137: "卡片导航",
+                menuitem138: "日历导航",
                 menuitem129: "选项操作",
                 menuitem130: "选项操作视图",
                 menuitem131: "表格选项操作",

app_Web/src/locale/lanres/entities/ibizorder/ibizorder_en_US.ts

@@ -149,6 +149,10 @@ export default {
 			caption: "订单",
       		title: "订单编辑视图",
 		},
+		calendarexpview: {
+			caption: "订单",
+      		title: "订单日历导航视图",
+		},
 		f8editview: {
 			caption: "表单动态启用",
       		title: "表单动态启用",
@@ -1989,4 +1993,9 @@ export default {
 		uiactions: {
 		},
 	},
+	ordercalendarnavigation_calendar: {
+		nodata:"",
+		uiactions: {
+		},
+	},
 };
\ No newline at end of file

app_Web/src/locale/lanres/entities/ibizorder/ibizorder_zh_CN.ts

@@ -148,6 +148,10 @@ export default {
 			caption: "订单",
       		title: "订单编辑视图",
 		},
+		calendarexpview: {
+			caption: "订单",
+      		title: "订单日历导航视图",
+		},
 		f8editview: {
 			caption: "表单动态启用",
       		title: "表单动态启用",
@@ -1988,4 +1992,9 @@ export default {
 		uiactions: {
 		},
 	},
+	ordercalendarnavigation_calendar: {
+		nodata:"",
+		uiactions: {
+		},
+	},
 };
\ No newline at end of file

app_Web/src/mock/app/main-menu-appmenu/main-menu-appmenu.ts

@@ -1697,6 +1697,24 @@ mock.onGet('v7/main-menuappmenu').reply((config: any) => {
 	textcls: '',
 	appfunctag: 'AppFunc58',
 	resourcetag: '',
+},
+		{
+	id: 'CD49E20C-A821-4058-9EF7-5061059DAD1B',
+	name: 'menuitem138',
+	text: '日历导航',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '日历导航',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc59',
+	resourcetag: '',
 },
 	],
 },

app_Web/src/mock/viewconfig/viewconfig.ts

@@ -919,6 +919,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "IBIZSample0003SPickupTreeView",
             "viewtag": "a4333795f033ac3e573ec567d40ab208"
         },
+        "ibizordercalendarexpview": {
+            "title": "订单日历导航视图",
+            "caption": "订单",
+            "viewtype": "DECALENDAREXPVIEW",
+            "viewmodule": "Sample",
+            "viewname": "IBIZOrderCalendarExpView",
+            "viewtag": "a682806a2655b566842d5495e43a06f3"
+        },
         "ibizbookhaspanelkanbanview": {
             "title": "图书看板视图（嵌入视图面板）",
             "caption": "图书",

app_Web/src/pages/sample/ibizorder-calendar-exp-view/ibizorder-calendar-exp-view-base.vue

+<template>
+<div class="view-container decalendarexpview ibizorder-calendar-exp-view">
+    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="ibizordercalendarexpview"></app-studioaction>
+    <card class='view-card   view-no-toolbar' :dis-hover="true" :bordered="false">
+
+<div slot='title' class="header-container">
+    <span class='caption-info'>{{$t(model.srfCaption)}}</span>
+</div>
+    
+        <div class='view-top-messages'>
+        </div>
+    <div class="content-container">
+        <div class='view-body-messages'>
+        </div>
+        <view_calendarexpbar 
+    :viewState="viewState"  
+    :viewparams="viewparams" 
+    :context="context" 
+    :showBusyIndicator="true" 
+    :viewUID="viewUID"
+    :newdata="newdata"
+    :opendata="opendata"
+    name="calendarexpbar"  
+    ref='calendarexpbar' 
+    @selectionchange="calendarexpbar_selectionchange($event)"  
+    @activated="calendarexpbar_activated($event)"  
+    @load="calendarexpbar_load($event)"  
+    @closeview="closeView($event)">
+</view_calendarexpbar>
+    </div>
+        <div class='view-bottom-messages'>
+        </div>
+    </card>
+</div>
+</template>
+
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch,Inject } from 'vue-property-decorator';
+import { UIActionTool,Util } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import { Subject,Subscription } from 'rxjs';
+import IBIZOrderService from '@/service/ibizorder/ibizorder-service';
+import IBIZOrderAuthService from '@/authservice/ibizorder/ibizorder-auth-service';
+
+import CalendarExpViewEngine from '@engine/view/calendar-exp-view-engine';
+
+
+import IBIZOrderUIService from '@/uiservice/ibizorder/ibizorder-ui-service';
+
+@Component({
+    components: {
+    },
+})
+export default class IBIZOrderCalendarExpViewBase extends Vue {
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZOrderService}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public appEntityService: IBIZOrderService = new IBIZOrderService;
+
+    /**
+     * 实体UI服务对象
+     *
+     * @type IBIZOrderUIService
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public appUIService: IBIZOrderUIService = new IBIZOrderUIService(this.$store);
+    
+    /**
+     * 数据变化
+     *
+     * @param {*} val
+     * @returns {*}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    @Emit() 
+    public viewDatasChange(val: any):any {
+        return val;
+    }
+
+    /**
+     * 传入视图上下文
+     *
+     * @type {string}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    @Prop() public viewdata!: string;
+
+    /**
+     * 传入视图参数
+     *
+     * @type {string}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    @Prop() public viewparam!: string;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {boolean}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    @Prop({ default: true }) public viewDefaultUsage!: boolean;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {string}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    @Inject({from:'navModel',default: 'tab'})
+    public navModel!:string;
+
+	/**
+	 * 视图标识
+	 *
+	 * @type {string}
+	 * @memberof IBIZOrderCalendarExpViewBase
+	 */
+	public viewtag: string = 'a682806a2655b566842d5495e43a06f3';
+
+	/**
+	 * 自定义视图导航上下文集合
+	 *
+	 * @type {*}
+	 * @memberof IBIZOrderCalendarExpViewBase
+	 */
+    public customViewNavContexts:any ={
+    };
+
+	/**
+	 * 自定义视图导航参数集合
+	 *
+	 * @type {*}
+	 * @memberof IBIZOrderCalendarExpViewBase
+	 */
+    public customViewParams:any ={
+    };
+
+    /**
+     * 视图模型数据
+     *
+     * @type {*}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public model: any = {
+        srfCaption: 'entities.ibizorder.views.calendarexpview.caption',
+        srfTitle: 'entities.ibizorder.views.calendarexpview.title',
+        srfSubTitle: 'entities.ibizorder.views.calendarexpview.subtitle',
+        dataInfo: ''
+    }
+
+    /**
+     * 视图参数变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    @Watch('viewparam',{immediate: true, deep: true})
+    onParamData(newVal: any, oldVal: any) {
+        if(newVal){
+            this.viewparams = {};
+            if(typeof newVal == 'string') {
+                Object.assign(this.viewparams, JSON.parse(this.viewparam));
+            }else{
+                this.viewparams = Util.deepCopy(this.viewparam);
+            }
+            
+        } 
+    }
+
+    /**
+     * 处理应用上下文变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    @Watch('viewdata')
+    onViewData(newVal: any, oldVal: any) {
+        const _this: any = this;
+        
+        if (!Object.is(newVal, oldVal) && _this.engine) {
+            this.$nextTick(()=>{
+              _this.parseViewParam();
+              _this.engine.load();
+            });
+        } else if(!Object.is(newVal, oldVal) && _this.refresh && _this.refresh instanceof Function) {
+            _this.refresh();
+        }
+    }
+
+    /**
+     * 容器模型
+     *
+     * @type {*}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public containerModel: any = {
+        view_calendarexpbar: { name: 'calendarexpbar', type: 'CALENDAREXPBAR' },
+        wflinks: [],
+    };
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+    /**
+     * 视图状态订阅对象
+     *
+     * @public
+     * @type {Subject<{action: string, data: any}>}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public viewState: Subject<ViewState> = new Subject();
+
+
+
+    /**
+     * 视图引擎
+     *
+     * @public
+     * @type {Engine}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public engine: CalendarExpViewEngine = new CalendarExpViewEngine();
+
+    /**
+     * 引擎初始化
+     *
+     * @public
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public engineInit(): void {
+        this.engine.init({
+            view: this,
+            calendarexpbar: this.$refs.calendarexpbar,
+            keyPSDEField: 'ibizorder',
+            majorPSDEField: 'ibizordername',
+            isLoadDefault: true,
+        });
+    }
+
+    /**
+     * 应用导航服务
+     *
+     * @type {*}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public  navDataService = NavDataService.getInstance(this.$store);
+
+    /**
+    * 导航服务事件
+    *
+    * @public
+    * @type {(Subscription | undefined)}
+    * @memberof IBIZOrderCalendarExpViewBase
+    */
+    public serviceStateEvent: Subscription | undefined;
+
+    /**
+     * 门户部件状态对象
+     *
+     * @type {*}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    @Prop() public portletState?: any;
+
+   /**
+   * 门户部件状态事件
+   *
+   * @public
+   * @type {(Subscription | undefined)}
+   * @memberof IBIZOrderCalendarExpViewBase
+   */
+    public portletStateEvent: Subscription | undefined;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public context:any = {};
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public viewparams:any = {};
+
+    /**
+     * 视图缓存数据
+     *
+     * @type {*}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public viewCacheData:any;
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 解析视图参数
+     *
+     * @public
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public parseViewParam(inputvalue:any = null): void {
+        for(let key in this.context){
+            delete this.context[key];
+        }
+        if(this.$store.getters.getAppData() && this.$store.getters.getAppData().context){
+            Object.assign(this.context,this.$store.getters.getAppData().context);
+        }
+        if (!this.viewDefaultUsage && this.viewdata && !Object.is(this.viewdata, '')) {
+            if(typeof this.viewdata == 'string') {
+                Object.assign(this.context, JSON.parse(this.viewdata));
+            }
+            if(this.context && this.context.srfparentdename){
+                Object.assign(this.viewparams,{srfparentdename:this.context.srfparentdename});
+            }
+            if(this.context && this.context.srfparentkey){
+                Object.assign(this.viewparams,{srfparentkey:this.context.srfparentkey});
+            }
+            this.handleCustomViewData();
+            return;
+        }
+        const path = (this.$route.matched[this.$route.matched.length - 1]).path;
+        const keys: Array<any> = [];
+        const curReg = this.$pathToRegExp.pathToRegexp(path, keys);
+        const matchArray = curReg.exec(this.$route.path);
+        let tempValue: Object = {};
+        keys.forEach((item: any, index: number) => {
+            Object.defineProperty(tempValue, item.name, {
+                enumerable: true,
+                value: matchArray[index + 1]
+            });
+        });
+        this.$viewTool.formatRouteParams(tempValue,this.$route,this.context,this.viewparams);
+        if(inputvalue){
+            Object.assign(this.context,{'ibizorder':inputvalue});
+        }
+        //初始化视图唯一标识
+        Object.assign(this.context,{srfsessionid:this.$util.createUUID()});
+        this.handleCustomViewData();
+        //初始化导航数据
+        this.initNavDataWithRoute();
+    }
+
+    /**
+     * 处理自定义视图数据
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+	public handleCustomViewData(){
+		if(Object.keys(this.customViewNavContexts).length > 0){
+			Object.keys(this.customViewNavContexts).forEach((item:any) =>{
+				let tempContext:any = {};
+				let curNavContext:any = this.customViewNavContexts[item];
+				this.handleCustomDataLogic(curNavContext,tempContext,item);
+				Object.assign(this.context,tempContext);
+			})
+		}
+		if(Object.keys(this.customViewParams).length > 0){
+			Object.keys(this.customViewParams).forEach((item:any) =>{
+				let tempParam:any = {};
+				let curNavParam:any = this.customViewParams[item];
+				this.handleCustomDataLogic(curNavParam,tempParam,item);
+				Object.assign(this.viewparams,tempParam);
+			})
+		}
+	}
+
+    /**
+     * 处理自定义视图数据逻辑
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+	public handleCustomDataLogic(curNavData:any,tempData:any,item:string){
+		// 直接值直接赋值
+		if(curNavData.isRawValue){
+			if(Object.is(curNavData.value,"null") || Object.is(curNavData.value,"")){
+                Object.defineProperty(tempData, item.toLowerCase(), {
+                    value: null,
+                    writable : true,
+                    enumerable : true,
+                    configurable : true
+                });
+            }else{
+                Object.defineProperty(tempData, item.toLowerCase(), {
+                    value: curNavData.value,
+                    writable : true,
+                    enumerable : true,
+                    configurable : true
+                });
+            }
+		}else{
+			// 先从导航上下文取数，没有再从导航参数（URL）取数，如果导航上下文和导航参数都没有则为null
+			if(this.context[(curNavData.value).toLowerCase()] != null){
+				Object.defineProperty(tempData, item.toLowerCase(), {
+					value: this.context[(curNavData.value).toLowerCase()],
+					writable : true,
+					enumerable : true,
+					configurable : true
+				});
+			}else{
+				if(this.viewparams[(curNavData.value).toLowerCase()] != null){
+					Object.defineProperty(tempData, item.toLowerCase(), {
+						value: this.viewparams[(curNavData.value).toLowerCase()],
+						writable : true,
+						enumerable : true,
+						configurable : true
+					});
+				}else{
+					Object.defineProperty(tempData, item.toLowerCase(), {
+						value: null,
+						writable : true,
+						enumerable : true,
+						configurable : true
+					});
+				}
+			}
+		}
+	}
+
+    /**
+     * 初始化导航数据(路由模式)
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public initNavDataWithRoute(data:any = null, isNew:boolean = false,  isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavData({id:'ibizorder-calendar-exp-view',tag:this.viewtag,srfkey:isNew ? null : this.context.ibizorder,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath});
+        }
+    }
+
+    /**
+     * 初始化导航数据(分页模式)
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public initNavDataWithTab(data:any = null,isOnlyAdd:boolean = true, isAlways:boolean = false){
+        if( isAlways || (this.viewDefaultUsage && !Object.is(this.navModel,"route")) ){
+            this.navDataService.addNavDataByOnly({id:'ibizorder-calendar-exp-view',tag:this.viewtag,srfkey:this.context.ibizorder,title:this.$t(this.model.srfCaption),data:data,context:this.context,viewparams:this.viewparams,path:this.$route.fullPath},isOnlyAdd);
+        }
+    }
+	
+
+    /**
+     * Vue声明周期
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */    
+    public afterCreated(){
+        let _this:any = this;
+        const secondtag = _this.$util.createUUID();
+        _this.$store.commit('viewaction/createdView', { viewtag: _this.viewtag, secondtag: secondtag });
+        _this.viewtag = secondtag;
+        _this.parseViewParam();
+        _this.serviceStateEvent = _this.navDataService.serviceState.subscribe(({ action,name, data }:{ action:string,name:any,data:any }) => {
+            if(!Object.is(name,'ibizorder-calendar-exp-view')){
+                return;
+            }
+            if (Object.is(action, 'viewrefresh')) {
+                _this.$nextTick(()=>{
+                    _this.parseViewParam(data);
+                    if(_this.engine){
+                        _this.engine.load();
+                    }
+                }); 
+            }
+        });
+        if(_this.portletState){
+            _this.portletStateEvent = _this.portletState.subscribe((res:any) =>{
+                if(!Object.is(res.name,'IBIZOrderCalendarExpView')){
+                    return;
+                }
+                if(Object.is(res.action,'refresh') && _this.refresh && _this.refresh instanceof Function){
+                    _this.refresh();
+                }
+            })
+        }
+        
+    }
+
+    /**
+     * 销毁之前
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public beforeDestroy() {
+        this.$store.commit('viewaction/removeView', this.viewtag);
+    }
+
+    /**
+     * Vue声明周期(组件初始化完毕)
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public mounted() {
+        this.afterMounted();
+    }
+
+    /**
+     * 执行mounted后的逻辑
+     * 
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public afterMounted(){
+        const _this: any = this;
+        _this.engineInit();
+        if (_this.loadModel && _this.loadModel instanceof Function) {
+            _this.loadModel();
+        }
+        
+    }
+
+
+    /**
+     * calendarexpbar 部件 selectionchange 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public calendarexpbar_selectionchange($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('calendarexpbar', 'selectionchange', $event);
+    }
+
+
+    /**
+     * calendarexpbar 部件 activated 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public calendarexpbar_activated($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('calendarexpbar', 'activated', $event);
+    }
+
+
+    /**
+     * calendarexpbar 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public calendarexpbar_load($event: any, $event2?: any) {
+        this.engine.onCtrlEvent('calendarexpbar', 'load', $event);
+    }
+
+
+
+    /**
+     * 打开新建数据视图
+     *
+     * @param {any[]} args
+     * @param {*} [params]
+     * @param {*} [fullargs]
+     * @param {*} [$event]
+     * @param {*} [xData]
+     * @memberof IBIZOrderCalendarExpView
+     */
+    public newdata(args: any[],fullargs?:any[], params?: any, $event?: any, xData?: any) {
+        let localContext:any = null;
+        let localViewParam:any =null;
+    this.$Notice.warning({ title: '错误', desc: '未指定关系视图' });
+    }
+
+
+    /**
+     * 打开编辑数据视图
+     *
+     * @param {any[]} args
+     * @param {*} [params]
+     * @param {*} [fullargs]
+     * @param {*} [$event]
+     * @param {*} [xData]
+     * @memberof IBIZOrderCalendarExpView
+     */
+    public opendata(args: any[],fullargs?:any,params?: any, $event?: any, xData?: any) {
+        if(!this.viewDefaultUsage){
+            if(Object.is(this.navModel,"route")){
+                this.initNavDataWithRoute(this.viewCacheData, false, true);
+            }else{
+                this.initNavDataWithTab(this.viewCacheData, false, true);
+            }
+        }
+        let localContext:any = null;
+        let localViewParam:any =null;
+    this.$Notice.warning({ title: '错误', desc: '未指定关系视图' });
+    }
+
+
+
+    /**
+     * 关闭视图
+     *
+     * @param {any[]} args
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public closeView(args: any[]): void {
+        let _view: any = this;
+        if (_view.viewdata) {
+            _view.$emit('viewdataschange', [args]);
+            _view.$emit('close', [args]);
+        } else if (_view.$tabPageExp) {
+            _view.$tabPageExp.onClose(_view.$route.fullPath);
+        }
+    }
+
+    /**
+     * 销毁视图回调
+     *
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public destroyed(){
+        this.afterDestroyed();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     * 
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public afterDestroyed(){
+        if(this.viewDefaultUsage){
+            let localStoreLength = Object.keys(localStorage);
+            if(localStoreLength.length > 0){
+                localStoreLength.forEach((item:string) =>{
+                if(item.startsWith(this.context.srfsessionid)){
+                    localStorage.removeItem(item);
+                }
+                })
+            }
+            if(Object.is(this.navModel,"tab")){
+                this.navDataService.removeNavDataByTag(this.viewtag);
+            }
+            if (this.serviceStateEvent) {
+                this.serviceStateEvent.unsubscribe();
+            }
+        }
+        // 销毁计数器定时器
+        if(this.counterServiceArray && this.counterServiceArray.length >0){
+            this.counterServiceArray.forEach((item:any) =>{
+                if(item.destroyCounter && item.destroyCounter instanceof Function){
+                    item.destroyCounter();
+                }
+            })
+        }
+        if(this.portletStateEvent){
+            this.portletStateEvent.unsubscribe();
+        }
+    }
+
+    /**
+     * 视图唯一标识
+     *
+     * @type {string}
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public viewUID: string = 'sample-ibizorder-calendar-exp-view';
+
+}
+</script>
+
+<style lang='less'>
+@import './ibizorder-calendar-exp-view.less';
+</style>
\ No newline at end of file

app_Web/src/pages/sample/ibizorder-calendar-exp-view/ibizorder-calendar-exp-view.less

+.ibizorder-calendar-exp-view{
+    position: relative;
+}
+
+
+.ibizorder-calendar-exp-view{
+    display: block;
+}
\ No newline at end of file

app_Web/src/pages/sample/ibizorder-calendar-exp-view/ibizorder-calendar-exp-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZOrderCalendarExpViewBase from './ibizorder-calendar-exp-view-base.vue';
+
+import view_calendarexpbar from '@widgets/ibizorder/calendar-exp-viewcalendarexpbar-calendarexpbar/calendar-exp-viewcalendarexpbar-calendarexpbar.vue';
+@Component({
+    components: {
+        view_calendarexpbar, 
+    },
+    beforeRouteEnter: (to: any, from: any, next: any) => {
+        next((vm: any) => {
+            if(!Object.is(vm.navModel,"route")){
+                vm.initNavDataWithTab(vm.viewCacheData);
+            }
+            vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
+        });
+    },
+})
+export default class IBIZOrderCalendarExpView extends IBIZOrderCalendarExpViewBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/pages/sample/index/page-register.ts

@@ -93,6 +93,7 @@ export const PageComponents = {
         Vue.component('ibizbookusr4-data-view', () => import('@pages/sample/ibizbookusr4-data-view/ibizbookusr4-data-view.vue'));
         Vue.component('ibizorder-area-chart-view', () => import('@pages/sample/ibizorder-area-chart-view/ibizorder-area-chart-view.vue'));
         Vue.component('ibizorder-sf20-grid-view', () => import('@pages/sample/ibizorder-sf20-grid-view/ibizorder-sf20-grid-view.vue'));
+        Vue.component('ibizorder-calendar-exp-view', () => import('@pages/sample/ibizorder-calendar-exp-view/ibizorder-calendar-exp-view.vue'));
         Vue.component('ibizorder-grid-view9', () => import('@pages/sample/ibizorder-grid-view9/ibizorder-grid-view9.vue'));
         Vue.component('ibizsample0003-spickup-view2', () => import('@pages/sample/ibizsample0003-spickup-view2/ibizsample0003-spickup-view2.vue'));
         Vue.component('ibizorder-odsp-w10-wfgrid-view', () => import('@pages/sample/ibizorder-odsp-w10-wfgrid-view/ibizorder-odsp-w10-wfgrid-view.vue'));

app_Web/src/pages/sample/index/router.ts

@@ -1517,6 +1517,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizorder-sf20-grid-view/ibizorder-sf20-grid-view.vue'),
                 },
+                {
+                    path: 'ibizorders/:ibizorder?/calendarexpview/:calendarexpview?',
+                    meta: {
+                        caption: 'entities.ibizorder.views.calendarexpview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+                            { pathName: 'calendarexpview', parameterName: 'calendarexpview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizorder-calendar-exp-view/ibizorder-calendar-exp-view.vue'),
+                },
                 {
                     path: 'ibizorders/:ibizorder?/gridview9/:gridview9?',
                     meta: {
@@ -4045,6 +4059,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizsample0003-spickup-tree-view/ibizsample0003-spickup-tree-view.vue'),
     },
+    {
+        path: '/ibizorders/:ibizorder?/calendarexpview/:calendarexpview?',
+        meta: {
+            caption: 'entities.ibizorder.views.calendarexpview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizorders', parameterName: 'ibizorder' },
+                { pathName: 'calendarexpview', parameterName: 'calendarexpview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizorder-calendar-exp-view/ibizorder-calendar-exp-view.vue'),
+    },
     {
         path: '/ibizbooks/:ibizbook?/haspanelkanbanview/:haspanelkanbanview?',
         meta: {

app_Web/src/store/modules/view-action/state.ts

@@ -200,8 +200,8 @@ export const viewstate: any = {
                 'e7441fa67d425df343d996c745fb5d6b',
                 '2ccd29eeaeded3ea5a713a19cd67a83e',
                 'aa68a83577209ff0ec3864aec4e194f2',
-                'd69d223e4d3aeb8d947ac9b9ddc60a7e',
                 '692ede21641dfdb7075ede69d7c4ad33',
+                'd69d223e4d3aeb8d947ac9b9ddc60a7e',
                 'b1591dc4d651536bceb32b60310fd2a5',
                 '19d36909f837de28880553dc9a190922',
                 '3ebf0cd640e39a4e7efe30ec1cf32b43',
@@ -240,6 +240,7 @@ export const viewstate: any = {
                 'd8a6379b9ddbd161045a288aba0890b6',
                 'd1f311d51e800e95e9b10c49a8b49b5a',
                 'f94df735642ce85ebb2fe3816c4dc77b',
+                'a682806a2655b566842d5495e43a06f3',
                 'ac9add3724d90fba46e7298ac051fa5f',
                 '16b68282950fb352dfe27e94bda47304',
                 '2bf74d5d66fa6d8d38b21b090586529b',
@@ -1099,6 +1100,16 @@ export const viewstate: any = {
             refviews: [
             ],
         },
+        {
+            viewtag: 'a682806a2655b566842d5495e43a06f3',
+            viewmodule: 'Sample',
+            viewname: 'IBIZOrderCalendarExpView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                'b4db5cb272d2da535285852bc436e9de',
+            ],
+        },
         {
             viewtag: 'a6cb9804bfd40d2542ae2c44e0cc3331',
             viewmodule: 'Sample',

app_Web/src/uiservice/ibizorder/ibizorder-ui-service-base.ts

@@ -127,6 +127,7 @@ export default class IBIZOrderUIServiceBase extends UIService {
         this.allViewMap.set(':',{viewname:'piechartview',srfappde:'ibizorders',component:'ibizorder-pie-chart-view'});
         this.allViewMap.set('WFMDATAVIEW:ODSP:W:10',{viewname:'odsp_w10_wfgridview',srfappde:'ibizorders',component:'ibizorder-odsp-w10-wfgrid-view'});
         this.allViewMap.set(':',{viewname:'sf3editview',srfappde:'ibizorders',component:'ibizorder-sf3-edit-view'});
+        this.allViewMap.set(':',{viewname:'calendarexpview',srfappde:'ibizorders',component:'ibizorder-calendar-exp-view'});
         this.allViewMap.set(':',{viewname:'f8editview',srfappde:'ibizorders',component:'ibizorder-f8-edit-view'});
         this.allViewMap.set(':',{viewname:'odsp_wfexpview',srfappde:'ibizorders',component:'ibizorder-odsp-wfexp-view'});
         this.allViewMap.set('WFMDATAVIEW:ODSP:D:30',{viewname:'odsp_d30_wfgridview',srfappde:'ibizorders',component:'ibizorder-odsp-d30-wfgrid-view'});

app_Web/src/widgets/app/main-menu-appmenu/main-menu-appmenu-base.vue

@@ -713,6 +713,9 @@ export default class MainMenuBase extends Vue implements ControlInterface {
                 case 'Auto371': 
                     this.clickAuto371(item);
                     return;
+                case 'AppFunc59': 
+                    this.clickAppFunc59(item);
+                    return;
                 case 'Auto296': 
                     this.clickAuto296(item);
                     return;
@@ -2343,6 +2346,29 @@ export default class MainMenuBase extends Vue implements ControlInterface {
         })
     }
     
+    /**
+     * 功能名称
+     *
+     * @param {*} [item={}]
+     * @memberof MainMenu
+     */
+    public clickAppFunc59(item: any = {}) {
+        const viewparam: any = {};
+        Object.assign(viewparam, {});
+        const deResParameters: any[] = [];
+        const parameters: any[] = [
+            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+            { pathName: 'calendarexpview', parameterName: 'calendarexpview' },
+        ];
+        const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
+        if(Object.is(this.$route.fullPath,path)){
+            return;
+        }
+        this.$nextTick(function(){
+            this.$router.push(path);
+        })
+    }
+    
     /**
      * 索引实体
      *

app_Web/src/widgets/app/main-menu-appmenu/main-menu-appmenu-model.ts

@@ -1793,6 +1793,25 @@ export default class MainMenuModel {
 	appfunctag: 'AppFunc58',
 	resourcetag: '',
 	authtag:'Web-MainMenu-menuitem137',
+},
+		{
+	id: 'CD49E20C-A821-4058-9EF7-5061059DAD1B',
+	name: 'menuitem138',
+	text: '日历导航',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '日历导航',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc59',
+	resourcetag: '',
+	authtag:'Web-MainMenu-menuitem138',
 },
 	],
 },

app_Web/src/widgets/ibizorder/calendar-exp-viewcalendarexpbar-calendarexpbar/calendar-exp-viewcalendarexpbar-calendarexpbar-base.vue

+<template>
+    <split id="calendarexpviewcalendarexpbar" class="app-calendar-exp-bar" v-model="split" mode="horizontal" @on-move-end="onSplitChange">
+        <div slot='left'>
+            <div class='calendar-exp-bar-header'>
+                <div><icon type='ios-home-outline'/>{{ $t('app.calendarExpBar.title') }}</div>
+            </div>
+           <div class="container-header">
+           </div>
+            <div class='calendar-exp-bar-content'>
+                <view_calendarexpbar_calendar 
+    :viewState="viewState"  
+    :viewparams="viewparams" 
+    :context="context" 
+    :showBusyIndicator="true"
+    :isSelectFirstDefault="true"
+    :newdata="newdata"
+    :opendata="opendata"
+    name="calendarexpbar_calendar"  
+    ref='calendarexpbar_calendar' 
+    @selectionchange="calendarexpbar_calendar_selectionchange($event)"  
+    @load="calendarexpbar_calendar_load($event)"  
+    @closeview="closeView($event)">
+</view_calendarexpbar_calendar>
+            </div>
+        </div>
+        <div slot='right'>
+            <component 
+              v-if="selection.view && !Object.is(this.selection.view.viewname, '')" 
+              :is="selection.view.viewname"
+              class="viewcontainer2"
+              :viewDefaultUsage="false"
+              :viewdata="JSON.stringify(selection.context)"
+              :viewparam="JSON.stringify(selection.viewparam)">
+            </component>
+        </div>
+    </split>
+</template>
+
+
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util,ViewTool } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import AppCenterService from "@service/app/app-center-service";
+import IBIZOrderService from '@/service/ibizorder/ibizorder-service';
+import CalendarExpViewcalendarexpbarService from './calendar-exp-viewcalendarexpbar-calendarexpbar-service';
+import IBIZOrderUIService from '@/uiservice/ibizorder/ibizorder-ui-service';
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class CalendarExpViewcalendarexpbarBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    @Prop() public context!: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    @Prop() public viewparams!: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public getControlType(): string {
+        return 'CALENDAREXPBAR'
+    }
+
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {CalendarExpViewcalendarexpbarService}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public service: CalendarExpViewcalendarexpbarService = new CalendarExpViewcalendarexpbarService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZOrderService}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public appEntityService: IBIZOrderService = new IBIZOrderService({ $store: this.$store });
+
+    /**
+     * calendarexpbar_calendar 部件 selectionchange 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public calendarexpbar_calendar_selectionchange($event: any, $event2?: any) {
+        this.calendarexpbar_selectionchange($event, 'calendarexpbar_calendar', $event2);
+    }
+
+    /**
+     * calendarexpbar_calendar 部件 load 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public calendarexpbar_calendar_load($event: any, $event2?: any) {
+        this.calendarexpbar_load($event, 'calendarexpbar_calendar', $event2);
+    }
+    
+
+
+    /**
+     * 转化数据
+     *
+     * @param {any} args
+     * @memberof  CalendarExpViewcalendarexpbarBase
+     */
+    public transformData(args: any) {
+        let _this: any = this;
+        if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
+            return _this.service.handleRequestData('transform',_this.context,args)['data'];
+        }
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+
+
+    /**
+     * 视图唯一标识
+     *
+     * @type {boolean}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    @Prop() public viewUID!:string;
+
+    /**
+     * 打开新建数据视图
+     *
+     * @type {any}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    @Prop() public newdata: any;
+    /**
+     * 打开编辑数据视图
+     *
+     * @type {any}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    @Prop() public opendata: any;
+
+    /**
+     * 是否单选
+     * 
+     * @public
+     * @type {(boolean)}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public isSingleSelect:boolean = true;
+
+    /**
+     * 呈现模式，可选值：horizontal或者vertical
+     * 
+     * @public
+     * @type {(string)}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public showMode:string ="horizontal";
+
+    /**
+     * 控件宽度
+     *
+     * @type {number}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public ctrlWidth:number = 0;
+
+    /**
+     * 控件高度
+     *
+     * @type {number}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public ctrlHeight: number = 0;
+
+    /**
+     * 可搜索字段名称
+     * 
+     * 
+     * @type {(string)}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public placeholder="订单名称";
+
+    /**
+     * 搜素值
+     * 
+     * @public
+     * @type {(string)}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public searchText:string = "";
+
+    /**
+     * 分割宽度
+     *
+     * @type {number}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public split: number = 0.5;
+
+
+    /**
+     * 导航视图名称
+     *
+     * @type {string}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public navViewName: any = {
+        item1: "ibizorder-detail-sgrid-view9"
+    };
+
+    /**
+     * 导航参数
+     *
+     * @type {*}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public navParam: any = {
+        item1: {
+            navigateContext:null,
+            navigateParams:null
+        }
+    };
+
+    /**
+     * 导航过滤项
+     *
+     * @type {*}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public navFilter: any = {
+        item1: ""
+    };
+
+    /**
+     * 导航关系
+     *
+     * @type {*}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public navPSDer: any = {
+        item1: "n_ibizorderid_eq"
+    };
+
+    /**
+     * 显示处理提示
+     *
+     * @type {boolean}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    @Prop({ default: true }) public showBusyIndicator!: boolean;
+
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 选中数据
+     *
+     * @type {*}
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public selection: any = {};
+
+    /**
+     * split值变化事件
+     *
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public onSplitChange() {
+        if(this.$refs.calendarexpbar_calendar){
+            const calendarContainer:any = this.$refs.calendarexpbar_calendar;
+            if(calendarContainer.$refs.calendar){
+                const appCalendar: any = calendarContainer.$refs.calendar;
+                const api = appCalendar.getApi();
+                api.updateSize();
+            }
+        }
+        if(this.split){
+          this.$store.commit("setViewSplit",{viewUID:this.viewUID,viewSplit:this.split});
+        }
+    }
+
+    /**
+    * Vue声明周期(组件初始化完毕)
+    *
+    * @memberof CalendarExpViewcalendarexpbarBase
+    */
+    public created() {
+         this.afterCreated();     
+    }
+
+    /**
+    * 执行created后的逻辑
+    *
+    * @memberof CalendarExpViewcalendarexpbarBase
+    */
+    public afterCreated(){
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                this.viewState.next({ tag: 'calendarexpbar_calendar', action: action, data: data });
+            });
+        }  
+    }
+    
+    /**
+    * Vue声明周期(组件渲染完毕)
+    *
+    * @memberof CalendarExpViewcalendarexpbarBase
+    */
+    public mounted() {
+        this.afterMounted();     
+    }
+
+    /**
+    * 执行mounted后的逻辑
+    *
+    * @memberof CalendarExpViewcalendarexpbarBase
+    */
+    public afterMounted(){ 
+        if(this.$store.getters.getViewSplit(this.viewUID)){
+            this.split = this.$store.getters.getViewSplit(this.viewUID);
+        }else{
+            let containerWidth:number = (document.getElementById("calendarexpviewcalendarexpbar") as any).offsetWidth;
+            let containerHeight:number = (document.getElementById("calendarexpviewcalendarexpbar") as any).offsetHeight;
+            if(Object.is(this.showMode,'horizontal')){
+                if(this.ctrlWidth){
+                    this.split = this.ctrlWidth/containerWidth;
+                }
+            }else{
+                if(this.ctrlHeight){
+                    this.split = this.ctrlHeight/containerHeight;
+                }
+            }
+            this.$store.commit("setViewSplit",{viewUID:this.viewUID,viewSplit:this.split}); 
+        }  
+    }
+ 
+    /**
+     * vue 生命周期
+     *
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+
+    /**
+    * 刷新
+    *
+    * @memberof CalendarExpViewcalendarexpbarBase
+    */
+    public refresh(args?: any): void {
+        const refs: any = this.$refs;
+        if (refs && refs.calendarexpbar_calendar) {
+            refs.calendarexpbar_calendar.refresh();
+        }
+    }
+
+    /**
+     * calendarexpbar的选中数据事件
+     * 
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public calendarexpbar_selectionchange(args: any [], tag?: string, $event2?: any): void {
+        let tempContext:any = {};
+        let tempViewParam:any = {};
+        if (args.length === 0) {
+            this.calcToolbarItemState(true);
+            return ;
+        }
+        const arg:any = args[0];
+        if(this.context){
+            Object.assign(tempContext,JSON.parse(JSON.stringify(this.context)));
+        }
+        switch(arg.itemType) {
+            case "item1":
+                Object.assign(tempContext,{ ibizorder : arg.ibizorder});
+                Object.assign(tempContext,{srfparentdename:'IBIZOrder',srfparentkey:arg['ibizorder']});
+                if(this.navFilter && this.navFilter['item1'] && !Object.is(this.navFilter['item1'],"")){
+                    Object.assign(tempViewParam,{[this.navFilter['item1']]:arg['ibizorder']});
+                }
+                if(this.navPSDer && this.navFilter['item1'] && !Object.is(this.navPSDer['item1'],"")){
+                    Object.assign(tempViewParam,{[this.navPSDer['item1']]:arg['ibizorder']});
+                }
+                if(this.navParam && this.navParam['item1'] && this.navParam['item1'].navigateContext && Object.keys(this.navParam['item1'].navigateContext).length >0){
+                    let _context:any = this.$util.computedNavData(arg,tempContext,tempViewParam,this.navParam['item1'].navigateContext);
+                    Object.assign(tempContext,_context);
+                }
+                if(this.navParam && this.navParam['item1'] && this.navParam['item1'].navigateParams && Object.keys(this.navParam['item1'].navigateParams).length >0){
+                    let _params:any = this.$util.computedNavData(arg,tempContext,tempViewParam,this.navParam['item1'].navigateParams);
+                    Object.assign(tempViewParam,_params);
+                }
+                break;
+        }
+        this.selection = {};
+        Object.assign(this.selection, { view: { viewname: this.navViewName[arg.itemType] }, context:tempContext,viewparam:tempViewParam });
+        this.calcToolbarItemState(false);
+        this.$emit('selectionchange',args);
+        this.$forceUpdate();
+    }
+
+    /**
+     * calendarexpbar的load完成事件
+     * 
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public calendarexpbar_load(args:any, tag?: string, $event2?: any){
+        this.calcToolbarItemState(true);
+        this.$emit('load',args);
+    }
+
+    /**
+     * 设置导航区工具栏禁用状态
+     *
+     * @param {boolean} state
+     * @return {*} 
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public calcToolbarItemState(state: boolean) {
+        let _this: any = this;
+        const models:any = _this.calendarexpviewcalendarexpbar_toolbarModels;
+        if (models) {
+            for (const key in models) {
+                if (!models.hasOwnProperty(key)) {
+                    return;
+                }
+                const _item = models[key];
+                if (_item.uiaction && (Object.is(_item.uiaction.target, 'SINGLEKEY') || Object.is(_item.uiaction.target, 'MULTIKEY'))) {
+                    _item.disabled = state;
+                }
+                _item.visabled = true;
+                if (_item.noprivdisplaymode && _item.noprivdisplaymode === 6) {
+                    _item.visabled = false;
+                }
+            }
+            this.calcNavigationToolbarState();
+        }
+    }
+
+    /**
+     * 计算导航工具栏权限状态
+     * 
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public calcNavigationToolbarState(){
+        let _this: any = this;
+        // 界面行为
+        if(_this.calendarexpviewcalendarexpbar_toolbarModels){
+            const curUIService:IBIZOrderUIService  = new IBIZOrderUIService();
+            ViewTool.calcActionItemAuthState({},_this.calendarexpviewcalendarexpbar_toolbarModels,curUIService);
+        }
+    }
+
+    /**
+    * 执行搜索
+    *
+    * @memberof CalendarExpViewcalendarexpbarBase
+    */
+    public onSearch($event:any) {
+        let calendar:any = this.$refs.calendarexpbar_calendar;
+        calendar.searchEvents({ query: this.searchText });
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './calendar-exp-viewcalendarexpbar-calendarexpbar.less';
+</style>
\ No newline at end of file

app_Web/src/widgets/ibizorder/calendar-exp-viewcalendarexpbar-calendarexpbar/calendar-exp-viewcalendarexpbar-calendarexpbar-model.ts

+/**
+ * CalendarExpViewcalendarexpbar 部件模型
+ *
+ * @export
+ * @class CalendarExpViewcalendarexpbarModel
+ */
+export default class CalendarExpViewcalendarexpbarModel {
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof CalendarExpViewcalendarexpbarCalendarexpbarMode
+	 */
+	public getDataItems(): any[] {
+		return [
+      
+		]
+	}
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/calendar-exp-viewcalendarexpbar-calendarexpbar/calendar-exp-viewcalendarexpbar-calendarexpbar-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZOrderService from '@/service/ibizorder/ibizorder-service';
+import CalendarExpViewcalendarexpbarModel from './calendar-exp-viewcalendarexpbar-calendarexpbar-model';
+
+
+/**
+ * CalendarExpViewcalendarexpbar 部件服务对象
+ *
+ * @export
+ * @class CalendarExpViewcalendarexpbarService
+ */
+export default class CalendarExpViewcalendarexpbarService extends ControlService {
+
+    /**
+     * 订单服务对象
+     *
+     * @type {IBIZOrderService}
+     * @memberof CalendarExpViewcalendarexpbarService
+     */
+    public appEntityService: IBIZOrderService = new IBIZOrderService({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof CalendarExpViewcalendarexpbarService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of CalendarExpViewcalendarexpbarService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof CalendarExpViewcalendarexpbarService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new CalendarExpViewcalendarexpbarModel();
+    }
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/calendar-exp-viewcalendarexpbar-calendarexpbar/calendar-exp-viewcalendarexpbar-calendarexpbar.less

+.app-calendar-exp-bar {
+    > .ivu-split-horizontal {
+        > .ivu-split-trigger-con {
+            height: 100%;
+            width: 1px;
+        }
+        > .ivu-split-pane {
+            > div {
+                height: 100%;
+                overflow: auto;
+                display: flex;
+                flex-direction: column;
+                .calendar-exp-bar-header {
+                    line-height: 50px;
+                    border-bottom: 1px solid #ddd;
+                    >div {
+                        font-size: 18px;
+                        i {
+                            font-size: 20px;
+                            margin-top: -2px;
+                        }
+                    } 
+                }
+                .container-header{
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    .search-container {
+                        width: 30%;
+                        height: 48px;
+                        padding: 10px;
+                        min-width: 200px;
+                        max-width: 400px;
+                    }
+                    .toolbar-container{
+                        padding: 4px;
+                        display: flex;
+                        flex-wrap: wrap;
+                        align-items: center;
+                    }
+                }
+                .calendar-exp-bar-content {
+                                        height: calc(100% - 40px);
+                    overflow: auto;
+                    padding: 16px 0;
+                    margin-bottom: 10px;
+                }
+                .calendar-exp-bar-content2 {
+                    height: 100%;
+                    overflow: auto;
+                    flex-grow: 1;
+                }
+            }
+        }
+        > .right-pane.ivu-split-pane {
+            > div {
+                padding-left: 10px;
+            }
+        }
+        > .left-pane.ivu-split-pane {
+            padding-right: 10px;
+        }
+    }
+    > .ivu-split-vertical{
+        > .ivu-split-pane {
+            > div {
+                height: 100%;
+                overflow: auto;
+                display: flex;
+                flex-direction: column;
+                .calendar-exp-bar-header {
+                    line-height: 50px;
+                    border-bottom: 1px solid #ddd;
+                    >div {
+                        font-size: 18px;
+                        i {
+                            font-size: 20px;
+                            margin-top: -2px;
+                        }
+                    } 
+                }
+                .container-header{
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    .search-container {
+                        width: 30%;
+                        height: 48px;
+                        padding: 10px 10px 10px 0;
+                        min-width: 200px;
+                        max-width: 400px;
+                    }
+                    .toolbar-container{
+                        padding: 4px;
+                    }
+                }
+                .calendar-exp-bar-content {
+                    height: calc(100% - 40px);
+                    overflow: auto;
+                    margin-bottom: 10px;
+                }
+                .calendar-exp-bar-content2 {
+                    height: 100%;
+                    overflow: auto;
+                    flex-grow: 1;
+                }
+            }
+        }
+        > .top-pane.ivu-split-pane {
+            > div {
+                padding-bottom: 10px;
+            }
+        }
+        > .bottom-pane.ivu-split-pane {
+            padding-top: 10px;
+        }  
+    }
+}
+
+// this is less

app_Web/src/widgets/ibizorder/calendar-exp-viewcalendarexpbar-calendarexpbar/calendar-exp-viewcalendarexpbar-calendarexpbar.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import CalendarExpViewcalendarexpbarBase from './calendar-exp-viewcalendarexpbar-calendarexpbar-base.vue';
+import view_calendarexpbar_calendar from '@widgets/ibizorder/order-calendar-navigation-calendar/order-calendar-navigation-calendar.vue';
+
+ 
+@Component({
+    components: {
+        view_calendarexpbar_calendar, 
+         
+    }
+})
+export default class CalendarExpViewcalendarexpbar extends CalendarExpViewcalendarexpbarBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizorder/order-calendar-navigation-calendar/order-calendar-navigation-calendar-base.vue

+<template>
+    <div :class='calendarClass'>
+      <context-menu-container>
+        <template>
+        <div class="event-legends">
+          <div :class="{'event-lengend':true, 'item1':true, 'event-disabled':!isShowlegend.item1}" @click="legendTrigger('item1')">
+            <div class="lengend-icon" style="background:;"></div>
+            <span style="color:;">订单</span>
+          </div>
+        </div>
+        <FullCalendar
+          ref="calendar"
+          :locale="$i18n.locale"
+          height="parent"
+          :firstDay="1"
+          :eventLimit="true"
+          :editable="!isSelectFirstDefault && true"
+          :buttonText="buttonText" 
+          :header="header"
+          :plugins="calendarPlugins"
+          :events="searchEvents"
+          :customButtons="customButtons"
+          :validRange="validRange"
+          :defaultDate="defaultDate"
+          :eventRender="eventRender"
+          @dateClick="onDateClick"
+          @eventClick="onEventClick"
+          @eventDrop="onEventDrop"
+          defaultView="dayGridMonth"/>
+          <modal v-model="modalVisible" width="250px" :title="$t('app.calendar.dateSelectModalTitle')" class-name='date-select-modal' @on-ok="gotoDate">
+            <el-date-picker style="width: 200px;" v-model="selectedGotoDate" type="date"></el-date-picker>
+          </modal>
+        </template>
+      </context-menu-container>
+    </div>
+</template>
+
+
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util,ViewTool } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import AppCenterService from "@service/app/app-center-service";
+import IBIZOrderService from '@/service/ibizorder/ibizorder-service';
+import OrderCalendarNavigationService from './order-calendar-navigation-calendar-service';
+import IBIZOrderUIService from '@/uiservice/ibizorder/ibizorder-ui-service';
+import FullCalendar from '@fullcalendar/vue'
+import dayGridPlugin from '@fullcalendar/daygrid'
+import timeGridPlugin from '@fullcalendar/timegrid';
+import listPlugin from '@fullcalendar/list';
+import interactionPlugin from '@fullcalendar/interaction';
+import ContextMenu from '@components/context-menu/context-menu';
+import UIService from '@/uiservice/ui-service';
+
+
+@Component({
+    components: {
+      FullCalendar,
+
+    }
+})
+export default class OrderCalendarNavigationBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Prop() public context!: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Prop() public viewparams!: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public getControlType(): string {
+        return 'CALENDAR'
+    }
+
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof OrderCalendarNavigationBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {OrderCalendarNavigationService}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public service: OrderCalendarNavigationService = new OrderCalendarNavigationService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZOrderService}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public appEntityService: IBIZOrderService = new IBIZOrderService({ $store: this.$store });
+    
+
+
+    /**
+     * 转化数据
+     *
+     * @param {any} args
+     * @memberof  OrderCalendarNavigationBase
+     */
+    public transformData(args: any) {
+        let _this: any = this;
+        if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
+            return _this.service.handleRequestData('transform',_this.context,args)['data'];
+        }
+    }
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof OrderCalendarNavigationBase
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof OrderCalendarNavigationBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+
+    /**
+     * 是否默认选中第一条数据
+     *
+     * @type {boolean}
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Prop({ default: false }) public isSelectFirstDefault!: boolean;
+
+    /**
+     * 显示处理提示
+     *
+     * @type {boolean}
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Prop({ default: true }) public showBusyIndicator?: boolean;
+
+    /**
+     * 部件行为--load
+     *
+     * @type {string}
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Prop() public loadAction!: string;
+
+    /**
+     * 打开新建数据视图
+     *
+     * @type {any}
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Prop() public newdata: any;
+    /**
+     * 打开编辑数据视图
+     *
+     * @type {any}
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Prop() public opendata: any;
+
+    /**
+     * 日历部件样式名
+     *
+     * @public
+     * @type {any[]}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public calendarClass: string = "calendar";
+
+    /**
+     * this引用
+     *
+     * @type {any}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public thisRef: any = this;
+
+    /**
+     * 选中事件element元素
+     *
+     * @public
+     * @type {any[]}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public selectedEventElement:any;
+
+    /**
+     * 引用插件集合
+     *
+     * @public
+     * @type {any[]}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public calendarPlugins: any[] = [
+        dayGridPlugin, 
+        timeGridPlugin, 
+        listPlugin, 
+        interactionPlugin
+    ];
+
+    /**
+     * 设置头部显示
+     *
+     * @public
+     * @type {}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public header: any = {
+        left: 'prev,next today gotoDate',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+    };
+
+    /**
+     * 按钮文本集合
+     *
+     * @public
+     * @type {}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public buttonText: any = {
+        today: '今天',
+        month: '月',
+        week: '周',
+        day: '天',
+        list: '列'
+    };
+
+    /**
+     * 自定义按钮集合
+     *
+     * @public
+     * @type {}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public customButtons: any = {
+        gotoDate: {
+          text: "跳转",
+          click: this.openDateSelect
+        }
+    };
+
+    /**
+     * 模态显示控制变量
+     *
+     * @public
+     * @type boolean
+     * @memberof OrderCalendarNavigationBase
+     */
+    public modalVisible: boolean = false;
+
+    /**
+     * 跳转日期
+     *
+     * @public
+     * @type Date
+     * @memberof OrderCalendarNavigationBase
+     */
+    public selectedGotoDate: Date = new Date();
+
+    /**
+     * 打开时间选择模态
+     *
+     * @public
+     * @memberof OrderCalendarNavigationBase
+     */
+    public openDateSelect(){
+        this.modalVisible = true;
+    }
+
+    /**
+     * 跳转到指定时间
+     *
+     * @public
+     * @memberof OrderCalendarNavigationBase
+     */
+    public gotoDate(){
+        let appCalendar: any = this.$refs.calendar;
+        let api = appCalendar.getApi();
+        api.gotoDate(this.selectedGotoDate);
+    }
+
+    /**
+     * 有效日期范围
+     *
+     * @public
+     * @type {}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public validRange: any = {
+        start:"0000-01-01",
+        end:"9999-12-31"
+    };
+
+    /**
+     * 默认加载日期
+     *
+     * @public
+     * @type {}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public defaultDate: any = this.$util.dateFormat(new Date());
+
+    /**
+     * 设置按钮文本
+     *
+     * @public
+     * @memberof OrderCalendarNavigationBase
+     */
+    public setButtonText(){
+        this.buttonText.today = this.$t('app.calendar.today'),
+        this.buttonText.month = this.$t('app.calendar.month'),
+        this.buttonText.week = this.$t('app.calendar.week'),
+        this.buttonText.day = this.$t('app.calendar.day'),
+        this.buttonText.list = this.$t('app.calendar.list')
+        this.customButtons.gotoDate.text = this.$t('app.calendar.gotoDate')
+    }
+
+    /**
+     * 监听语言变化
+     *
+     * @public
+     * @memberof OrderCalendarNavigationBase
+     */
+    @Watch('$i18n.locale')
+    public onLocaleChange(newval: any, val: any) {
+        this.setButtonText();
+    }
+
+    /**
+     * 日程事件集合
+     *
+     * @public
+     * @type {any[]}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public events: any[] = [];
+
+    /**
+     * 日历项上下文菜单集合
+     *
+     * @type {string[]}
+     * @memberof OrderCalendarNavigationBase
+     */
+     public actionModel: any = {
+    }
+
+    /**
+     * 备份日历项上下文菜单
+     *
+     * @type {string[]}
+     * @memberof OrderCalendarNavigationBase
+     */
+     public copyActionModel: any;
+
+    /**
+     * 日历样式类型
+     *
+     * @public
+     * @type {string}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public calendarType: string = "MONTH";
+
+    /**
+     * 图例显示控制
+     *
+     * @public
+     * @type {any}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public isShowlegend: any = {
+        item1:true,
+    };
+
+    /**
+     * 图例点击事件
+     *
+     * @public
+     * @memberof OrderCalendarNavigationBase
+     */
+    legendTrigger(itemType:string){
+        this.isShowlegend[itemType] = !this.isShowlegend[itemType];
+        this.refresh();
+    }
+
+    /**
+     * 查询参数缓存
+     *
+     * @public
+     * @type {any}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public searchArgCache: any = {};
+
+
+    /**
+     * 搜索获取日程事件
+     *
+     * @param {*} $event 日期信息
+     * @memberof OrderCalendarNavigationBase
+     */
+    public searchEvents(fetchInfo?:any, successCallback?:any, failureCallback?:any ) {
+        // 处理请求参数
+        let start = (fetchInfo && fetchInfo.start) ? this.$util.dateFormat(fetchInfo.start) : null;
+        let end = (fetchInfo && fetchInfo.end) ? this.$util.dateFormat(fetchInfo.end) : null;
+        let arg = { start: start, end: end };
+        if(fetchInfo && fetchInfo.query){
+            Object.assign(arg,{query : fetchInfo.query});
+        }
+        const parentdata: any = {};
+        this.$emit('beforeload', parentdata);
+        Object.assign(arg, parentdata);
+        let tempViewParams: any = parentdata.viewparams ? parentdata.viewparams : {};
+        Object.assign(tempViewParams, JSON.parse(JSON.stringify(this.viewparams)));
+        Object.assign(arg, { viewparams: tempViewParams });
+        // 处理events数据
+        let _this = this;
+        let handleEvents = ()=>{
+            if(_this.isSelectFirstDefault){
+                // 模拟$event数据
+                let tempEvent = JSON.parse(JSON.stringify(_this.events.length > 0?_this.events[0]:{}));
+                _this.onEventClick(tempEvent,true);
+                if(_this.events.length > 0){
+                    _this.events[0].className = "select-first-event";
+                }
+                _this.calendarClass = "calendar select-first-calendar";
+            }
+            let filterEvents = this.events.filter((event:any)=>{
+                return _this.isShowlegend[event.itemType];
+            });
+
+            if(successCallback){
+                successCallback(filterEvents);
+            }
+            // 刷新日历的大小（仅fullcalendar组件使用）
+            if(!Object.is(_this.calendarType,"TIMELINE")){
+                let appCalendar: any = _this.$refs.calendar;
+                let api = appCalendar.getApi();
+                api.updateSize();
+            }
+        }
+        if(JSON.stringify(arg) === JSON.stringify(this.searchArgCache)){
+            handleEvents();
+            return;
+        }else{
+            this.searchArgCache = arg;
+        }
+        const post: Promise<any> = this.service.search(this.loadAction, JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response || response.status !== 200) {
+                if (response.errorMessage) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+                }
+                return;
+            }
+            // 默认选中第一项
+            this.events = response.data;
+            handleEvents();
+        }, (response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+        });
+    }
+
+    /**
+     * 日期点击事件
+     *
+     * @param {*} $event 日期信息
+     * @memberof OrderCalendarNavigationBase
+     */
+    public onDateClick($event: any) {
+        let date = $event.date;
+        let datestr = $event.dateStr;
+    }
+
+    /**
+     * 获取编辑视图信息
+     *
+     * @param {*} $event 事件信息
+     * @memberof OrderCalendarNavigationBase
+     */
+    public getEditView(deName: string) {
+        let view: any = {};
+        switch(deName){
+            case "ibizorderdetail": 
+                view = {
+                    viewname: 'ibizorder-detail-sgrid-view9', 
+                    height: 0, 
+                    width: 0,
+                    title: this.$t('entities.ibizorderdetail.views.sgridview9.title'),
+                    placement: '',
+                    deResParameters: [{ pathName: 'ibizorders', parameterName: 'ibizorder' }, ],
+                    parameters: [{ pathName: 'ibizorderdetails', parameterName: 'ibizorderdetail' }, { pathName: 'sgridview9', parameterName: 'sgridview9' } ],
+                };
+                break;
+        }
+        return view;
+    }
+
+    /**
+     * 日程点击事件
+     *
+     * @param {*} $event calendar事件对象或event数据
+     * @param {*} isOriginData true：$event是原始event数据，false：是组件
+     * @param {*} $event timeline事件对象
+     * @memberof OrderCalendarNavigationBase
+     */
+    public onEventClick($event: any, isOriginData:boolean = false, $event2?: any) {
+        // 处理event数据
+        let event: any = {};
+        if(isOriginData){
+            event = JSON.parse(JSON.stringify($event));
+        }else{
+            event = Object.assign({title: $event.event.title, start: $event.event.start, end: $event.event.end}, $event.event.extendedProps);
+        }
+        // 点击选中样式
+        let JSelement:any = null;
+        if(!isOriginData && $event.el){
+            JSelement = $event.el;
+        }else if(isOriginData && $event2 && $event2.currentTarget){
+            JSelement = $event2.currentTarget;
+        }
+        if(JSelement){
+            this.calendarClass = "calendar";
+            if(this.selectedEventElement){
+                this.selectedEventElement.classList.remove("selected-event");
+            }
+            this.selectedEventElement = JSelement;
+            this.selectedEventElement.classList.add("selected-event");
+        }
+        // 处理上下文数据
+        let _this = this;
+        let view: any = {};
+        let _context: any = Object.assign({},this.context);
+        let _viewparams:any = Object.assign({start:event.start,end:event.end},this.viewparams);
+        switch(event.itemType) {
+            case "item1":
+                _context.ibizorder = event.ibizorder;
+                view = this.getEditView("ibizorder");
+                break;
+        }
+        this.selections = [event];
+        // 导航栏中不需要打开视图，只要抛出选中数据
+        if(this.isSelectFirstDefault){
+            this.$emit("selectionchange",this.selections);
+            return;
+        }
+        // 根据打开模式打开视图
+        if(!view.viewname){
+            return;
+        } else if (Object.is(view.placement, 'INDEXVIEWTAB') || Object.is(view.placement, '')) {
+            const routePath = this.$viewTool.buildUpRoutePath(this.$route, this.context, view.deResParameters, view.parameters, [JSON.parse(JSON.stringify(_context))] , _viewparams);
+            this.$router.push(routePath);
+        } else {
+            let container: Subject<any> = new Subject();
+            if (Object.is(view.placement, 'POPOVER')) {
+                container = this.$apppopover.openPop(isOriginData ? $event2 : $event.jsEvent, view,JSON.parse(JSON.stringify(_context)), _viewparams);
+            } else if (Object.is(view.placement, 'POPUPMODAL')) {
+                container = this.$appmodal.openModal(view,  JSON.parse(JSON.stringify(_context)), _viewparams);
+            } else if (view.placement.startsWith('DRAWER')) {
+                container = this.$appdrawer.openDrawer(view,  JSON.parse(JSON.stringify(_context)),  _viewparams);
+            }
+            container.subscribe((result: any) => {
+                if (!result || !Object.is(result.ret, 'OK')) {
+                    return;
+                }
+                // 刷新日历
+                _this.refresh();
+            });
+        }
+    }
+
+    /**
+     * 日历刷新
+     *
+     * @memberof OrderCalendarNavigationBase
+     */
+    public refresh(args?:any) {
+        if(Object.is(this.calendarType,"TIMELINE")){
+            this.searchEvents();
+        } else {
+            let calendarApi = (this.$refs.calendar as any).getApi();
+            calendarApi.refetchEvents();
+        }
+    }
+
+    /**
+     * 日程拖动事件
+     *
+     * @param {*} $event 事件信息
+     * @memberof OrderCalendarNavigationBase
+     */
+    public onEventDrop($event: any) {
+        if(this.isSelectFirstDefault){
+          return;
+        }
+        let arg: any = {};
+        let _context: any = Object.assign({},this.context);
+        arg.start = this.$util.dateFormat($event.event.start);
+        arg.end = this.$util.dateFormat($event.event.end);
+        let itemType = $event.event._def.extendedProps.itemType;
+        switch(itemType) {
+            case "item1":
+                arg.ibizorder = $event.event._def.extendedProps.ibizorder;
+                _context.ibizorder = $event.event._def.extendedProps.ibizorder;
+                break;
+        }
+        Object.assign(arg,{viewparams:this.viewparams});
+        const post: Promise<any> = this.service.update(itemType, JSON.parse(JSON.stringify(_context)), arg, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response || response.status !== 200) {
+                if (response.errorMessage) {
+                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+                }
+                return;
+            }
+        }, (response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
+        });
+    }
+
+    /**
+     * 选中的数据
+     *
+     * @returns {any[]}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public selections: any[] = [];
+
+    /**
+     * 应用状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public appStateEvent: Subscription | undefined;
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public getDatas(): any[] {
+        return this.selections;
+    }
+
+    /**
+     * 获取单项数据
+     *
+     * @returns {*}
+     * @memberof OrderCalendarNavigationBase
+     */
+    public getData(): any {
+        return null;
+    }
+             
+    /**
+     * vue 生命周期
+     *
+     * @returns
+     * @memberof OrderCalendarNavigationBase
+     */
+    public created() {
+        this.setButtonText();
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof OrderCalendarNavigationBase
+     */    
+    public afterCreated(){
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+            });
+        }
+        if(AppCenterService && AppCenterService.getMessageCenter()){
+            this.appStateEvent = AppCenterService.getMessageCenter().subscribe(({ name, action, data }) =>{
+                if(!Object.is(name,"IBIZOrder")){
+                    return;
+                }
+                if(Object.is(action,'appRefresh')){
+                    this.refresh();
+                }
+            })
+        }
+    }
+
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof OrderCalendarNavigationBase
+     */
+    public mounted(){
+        this.afterMounted();
+    }
+
+    /**
+     * 执行mounted后的逻辑
+     *
+     * @memberof OrderCalendarNavigationBase
+     */
+    public afterMounted(){
+        let appCalendar: any = this.$refs.calendar;
+        if(appCalendar){
+            let api = appCalendar.getApi();
+            api.updateSize()
+        }
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof OrderCalendarNavigationBase
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof OrderCalendarNavigationBase
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+        if(this.appStateEvent){
+            this.appStateEvent.unsubscribe();
+        }
+    }
+
+
+
+    /**
+     * 计算节点右键权限
+     *
+     * @param {*} data 日历项数据
+     * @param {*} appEntityName 应用实体名称  
+     * @returns
+     * @memberof OrderCalendarNavigationBase
+     */
+    public async computeNodeState(data:any,appEntityName:string) {
+        let service:any = await this.appEntityService.getService(appEntityName);
+        if(this.copyActionModel && Object.keys(this.copyActionModel).length > 0) {
+            if(service['Get'] && service['Get'] instanceof Function){
+                let tempContext:any = Util.deepCopy(this.context);
+                tempContext[appEntityName] = data[appEntityName];
+                let targetData = await service.Get(tempContext,{}, false);
+                let uiservice:any = await new UIService().getService(appEntityName);
+                let result: any[] = ViewTool.calcActionItemAuthState(targetData.data,this.copyActionModel,uiservice);
+                return this.copyActionModel;
+            }else{
+                console.warn("获取数据异常");
+                return this.copyActionModel;
+            }
+        }
+    }
+
+    /**
+     * 事件绘制回调
+     *
+     * @param {*} info 信息
+     * @memberof OrderCalendarNavigationBase
+     */
+    public eventRender(info?:any,) {
+        let data = Object.assign({title: info.event.title, start: info.event.start, end: info.event.end}, info.event.extendedProps);
+        info.el.addEventListener('contextmenu', (event: MouseEvent) => {
+            this.copyActionModel = {};
+            Object.values(this.actionModel).forEach((item:any) =>{
+                if(Object.is(item.nodeOwner,data.itemType)){
+                    this.copyActionModel[item.name] = item;
+                }
+            })
+            if(Object.keys(this.copyActionModel).length === 0){
+                return;
+            }
+            let dataMapping:any ={'item1':'ibizorder'};
+            this.computeNodeState(data,dataMapping[data.itemType]).then((result:any) => {
+                let flag:boolean = false;
+                if(Object.values(result).length>0){
+                    flag =Object.values(result).some((item:any) =>{
+                        return item.visabled === true;
+                    })
+                }
+                if(flag){
+                    let props = { data: data, renderContent: this.renderContextMenu };
+                    let component = ContextMenu;
+                    const vm:any = new Vue({
+                        render(h) {
+                            return h(component, { props });
+                        }
+                    }).$mount();
+                    document.body.appendChild(vm.$el);
+                    const comp: any = vm.$children[0];
+                    comp.showContextMenu(event.clientX, event.clientY);
+                }
+            });
+        });
+    }
+
+    /**
+     * 绘制右键菜单
+     *
+     * @param {*} event
+     * @returns
+     * @memberof OrderCalendarNavigationBase
+     */
+    public renderContextMenu(event: any) {
+        let content;
+        if (event && event.itemType) {
+            const data: any = JSON.parse(JSON.stringify(event));
+            this.selections = [event];
+            switch(event.itemType){
+            }
+        }
+        return content;
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './order-calendar-navigation-calendar.less';
+</style>
\ No newline at end of file

app_Web/src/widgets/ibizorder/order-calendar-navigation-calendar/order-calendar-navigation-calendar-model.ts

+/**
+ * OrderCalendarNavigation 部件模型
+ *
+ * @export
+ * @class OrderCalendarNavigationModel
+ */
+export default class OrderCalendarNavigationModel {
+
+	/**
+	 * 日历项类型
+	 *
+	 * @returns {any[]}
+	 * @memberof OrderCalendarNavigationCalendarexpbar_calendarMode
+	 */
+	public itemType: string = "";
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof OrderCalendarNavigationCalendarexpbar_calendarMode
+	 */
+	public getDataItems(): any[] {
+     let dataItems: any = [
+          // 前端新增修改标识，新增为"0",修改为"1"或未设值
+          {
+            name: 'srffrontuf',
+            prop: 'srffrontuf',
+            dataType: 'TEXT',
+          },
+          {
+            name: 'color',
+          },
+          {
+            name: 'textColor',
+          },
+          {
+            name: 'itemType',
+          },
+          {
+            name: 'query',
+            prop: 'query',
+          },
+      ];
+      switch(this.itemType){
+          case "item1":
+              dataItems = [...dataItems,
+                  {
+                    name: 'ibizorder',
+                    prop: 'ibizorderid'
+                  },
+                  {
+                    name: 'title',
+                    prop: 'ibizordername'
+                  },
+                  {
+                    name:'start',
+                    prop:'starttime'
+                  },
+                  {
+                    name:'end',
+                    prop:'endtime'
+                  },
+              ];
+              break;
+      }
+      return dataItems;
+	}
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/order-calendar-navigation-calendar/order-calendar-navigation-calendar-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZOrderService from '@/service/ibizorder/ibizorder-service';
+import OrderCalendarNavigationModel from './order-calendar-navigation-calendar-model';
+
+
+/**
+ * OrderCalendarNavigation 部件服务对象
+ *
+ * @export
+ * @class OrderCalendarNavigationService
+ */
+export default class OrderCalendarNavigationService extends ControlService {
+
+    /**
+     * 订单服务对象
+     *
+     * @type {IBIZOrderService}
+     * @memberof OrderCalendarNavigationService
+     */
+    public appEntityService: IBIZOrderService = new IBIZOrderService({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof OrderCalendarNavigationService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of OrderCalendarNavigationService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof OrderCalendarNavigationService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new OrderCalendarNavigationModel();
+    }
+
+
+    /**
+     * 事件配置集合
+     *
+     * @public
+     * @type {any[]}
+     * @memberof OrderCalendarNavigation
+     */
+    public eventsConfig: any[] = [
+        {
+          itemName : '订单',
+          itemType : 'item1',
+          color : '',
+          textColor : '',
+        },
+    ];
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof OrderCalendarNavigationService
+     */
+    @Errorlog
+    public search(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        let _this = this;
+        return new Promise((resolve: any, reject: any) => {
+            let promises:any = [];
+            let tempRequest:any;
+            tempRequest = this.handleRequestData(action,context,data,true,"item1");
+            promises.push(this.appEntityService.FetchDefault(tempRequest.context, tempRequest.data, isloading));
+            Promise.all(promises).then((resArray: any) => {
+                let _data:any = [];
+                resArray.forEach((response:any,resIndex:number) => {
+                    if (!response || response.status !== 200) {
+                        return;
+                    }
+                    let _response: any = JSON.parse(JSON.stringify(response));
+                    _response.data.forEach((item:any,index:number) =>{
+                        _response.data[index].color = _this.eventsConfig[resIndex].color;
+                        _response.data[index].textColor = _this.eventsConfig[resIndex].textColor;
+                        _response.data[index].itemType = _this.eventsConfig[resIndex].itemType;
+                    });
+                    ;
+                    _this.handleResponse(action, _response,false,_this.eventsConfig[resIndex].itemType);
+                    _data.push(..._response.data);
+                });
+                // 排序
+                _data.sort((a:any, b:any)=>{
+                    let dateA = new Date(Date.parse(a.start.replace(/-/g, "/")));
+                    let dateB = new Date(Date.parse(b.start.replace(/-/g, "/")));
+                    return dateA > dateB ? 1 : -1 ;
+                });
+                let result = {status: 200, data: _data};
+                resolve(result);
+            }).catch((response: any) => {
+                reject(response);
+            });  
+        });
+    }
+
+    /**
+     * 修改数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof OrderCalendarNavigationService
+     */
+    @Errorlog
+    public update(itemType: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
+        return new Promise((resolve: any, reject: any) => {
+            let result: any;
+            let tempRequest:any;
+            switch(itemType) {
+                case "item1":
+                    tempRequest = this.handleRequestData("",context,data,false,"item1");
+                    result = this.appEntityService.Update(tempRequest.context, tempRequest.data, isloading);
+                    break;
+            }
+            if(result){
+                result.then((response: any) => {
+                    this.handleResponse("", response);
+                    resolve(response);
+                }).catch((response: any) => {
+                    reject(response);
+                });
+            }else{
+              reject("没有匹配的实体服务");
+            }
+        });
+    }
+
+    /**
+     * 处理request请求数据
+     * 
+     * @param action 行为 
+     * @param data 数据
+     * @memberof ControlService
+     */
+    public handleRequestData(action: string,context:any ={},data: any = {},isMerge:boolean = false,itemType:string=""){
+        let model: any = this.getMode();
+        model.itemType = itemType;
+        return super.handleRequestData(action,context,data,isMerge);
+    }
+
+    /**
+     * 处理response返回数据
+     *
+     * @param {string} action
+     * @param {*} response
+     * @memberof ControlService
+     */
+    public async handleResponse(action: string, response: any,isCreate:boolean = false,itemType:string=""){
+        let model: any = this.getMode();
+        model.itemType = itemType;
+        super.handleResponse(action,response,isCreate);
+    }
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/order-calendar-navigation-calendar/order-calendar-navigation-calendar.less

+// this is less
+@import '~@fullcalendar/core/main.css';
+@import '~@fullcalendar/daygrid/main.css';
+@import '~@fullcalendar/timegrid/main.css';
+@import '~@fullcalendar/list/main.css';
+
+.calendar{
+  height:100%;
+  overflow: auto;
+  .context-menu-container {
+      height: calc(100% - 70px);
+  }
+  .el-timeline{
+    padding-left: 2px;
+  }
+  .app-data-empty{
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
+  .event-legends{
+    width: 100%;
+    text-align: center;
+    .event-lengend{
+      display: inline-block;
+      margin-left: 10px;
+      height: 20px;
+      .lengend-icon{
+        display: inline-block;
+        width: 30px;
+        height: 20px;
+        border-radius: 5px;
+      }
+      span{
+        display: inline-block;
+        margin-left: 5px;
+        line-height: 20px;
+        vertical-align: top;
+      }
+    }
+    .event-lengend.event-disabled{
+      .lengend-icon{
+        background:#cccccc !important;
+      }
+      span{
+        color:#cccccc !important;
+      }
+    }
+  }
+}
+// 选中样式
+.calendar .selected-event,
+.select-first-calendar .select-first-event{
+  border: 2px solid #ff8711 !important;
+}
+.calendar .fc-dayGrid-view .selected-event:before,
+.select-first-calendar .fc-dayGrid-view .select-first-event:before,
+.calendar .fc-timeGrid-view .selected-event:before,
+.select-first-calendar .fc-timeGrid-view .select-first-event:before{
+  content: '';
+  display: block;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  border: 9px solid #ff8711;
+  border-top-color: transparent;
+  border-left-color: transparent;
+  color: #fff;
+}
+.calendar .fc-dayGrid-view .selected-event:after,
+.select-first-calendar .fc-dayGrid-view .select-first-event:after,
+.calendar .fc-timeGrid-view .selected-event:after,
+.select-first-calendar .fc-timeGrid-view .select-first-event:after{
+  content: '';
+  display: block;
+  width: 4px;
+  height: 11px;
+  position: absolute;
+  right: 1px;
+  bottom: 0px;
+  border: 2px solid #fff;
+  border-top-color: transparent;
+  border-left-color: transparent;
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+  box-sizing: content-box;
+}
+// 选择跳转日期模态
+.date-select-modal{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .ivu-modal{
+      top: 0;
+      .ivu-modal-body {
+        text-align: center;
+      }
+  }
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/order-calendar-navigation-calendar/order-calendar-navigation-calendar.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import OrderCalendarNavigationBase from './order-calendar-navigation-calendar-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class OrderCalendarNavigation extends OrderCalendarNavigationBase {
+
+}
+</script>
\ No newline at end of file

demo-core/src/main/resources/permission/systemResource.json

@@ -302,7 +302,7 @@
             {
                "appid":"Web",
                "appname":"演示应用",
-               "appmenu":[{"menuid":"MainMenu", "menuname":"MainMenu", "menuitem":[{ "id":"menuitem1" , "name":"工作台" },{ "id":"menuitem3" , "name":"控件" , "items":[{ "id":"menuitem6" , "name":"默认数据类型" },{ "id":"menuitem7" , "name":"默认编辑器类型" },{ "id":"menuitem15" , "name":"基础表单项" },{ "id":"menuitem72" , "name":"扩展编辑器" }]},{ "id":"menuitem4" , "name":"部件" , "items":[{ "id":"menuitem12" , "name":"编辑表单" , "items":[{ "id":"menuitem107" , "name":"内置功能" },{ "id":"menuitem47" , "name":"新建默认值" },{ "id":"menuitem99" , "name":"更新默认值" },{ "id":"menuitem48" , "name":"输入提示" },{ "id":"menuitem49" , "name":"辅助输入" },{ "id":"menuitem50" , "name":"自动填充" },{ "id":"menuitem51" , "name":"超链接" },{ "id":"menuitem52" , "name":"表单值重置" },{ "id":"menuitem55" , "name":"动态显示" },{ "id":"menuitem53" , "name":"动态启用" },{ "id":"menuitem54" , "name":"动态空输入" },{ "id":"menuitem56" , "name":"表单项更新" },{ "id":"menuitem108" , "name":"表单值规则" }]},{ "id":"menuitem16" , "name":"搜索表单" },{ "id":"menuitem13" , "name":"表格" , "items":[{ "id":"menuitem57" , "name":"禁用排序" },{ "id":"menuitem59" , "name":"行操作" },{ "id":"menuitem58" , "name":"行编辑" },{ "id":"menuitem73" , "name":"内置功能" },{ "id":"menuitem74" , "name":"表格行编辑" },{ "id":"menuitem75" , "name":"新建默认值" },{ "id":"menuitem76" , "name":"更新默认值" },{ "id":"menuitem77" , "name":"表格值规则" },{ "id":"menuitem132" , "name":"表格列更新" },{ "id":"menuitem133" , "name":"表格列重置" },{ "id":"menuitem78" , "name":"自动分组" },{ "id":"menuitem80" , "name":"代码表分组" },{ "id":"menuitem81" , "name":"当前页聚合" },{ "id":"menuitem82" , "name":"远程聚合" }]},{ "id":"menuitem83" , "name":"列表" , "items":[{ "id":"menuitem84" , "name":"列表内置功能" },{ "id":"menuitem85" , "name":"列表自动分组" },{ "id":"menuitem86" , "name":"代码表分组" },{ "id":"menuitem91" , "name":"列表嵌入面板" }]},{ "id":"menuitem14" , "name":"树视图" , "items":[{ "id":"menuitem60" , "name":"静态节点" },{ "id":"menuitem61" , "name":"动态节点（代码表）" },{ "id":"menuitem62" , "name":"动态节点（实体）" },{ "id":"menuitem63" , "name":"右键操作" },{ "id":"menuitem64" , "name":"动态参数过滤" },{ "id":"menuitem110" , "name":"树表格" }]},{ "id":"menuitem37" , "name":"图表" , "items":[{ "id":"menuitem38" , "name":"柱状图" },{ "id":"menuitem39" , "name":"折线图" },{ "id":"menuitem40" , "name":"饼图" },{ "id":"menuitem41" , "name":"区域图" },{ "id":"menuitem42" , "name":"雷达图" }]},{ "id":"menuitem17" , "name":"向导" , "items":[{ "id":"menuitem134" , "name":"向导视图" },{ "id":"menuitem135" , "name":"状态向导" }]},{ "id":"menuitem18" , "name":"界面行为" , "items":[{ "id":"menuitem65" , "name":"前端界面行为" },{ "id":"menuitem66" , "name":"后台界面行为" }]},{ "id":"menuitem87" , "name":"数据视图" , "items":[{ "id":"menuitem88" , "name":"内置功能" },{ "id":"menuitem89" , "name":"自动分组" },{ "id":"menuitem90" , "name":"代码表分组" },{ "id":"menuitem94" , "name":"项布局面板" }]},{ "id":"menuitem95" , "name":"日历" , "items":[{ "id":"menuitem96" , "name":"内置功能" },{ "id":"menuitem97" , "name":"时间轴样式" },{ "id":"menuitem109" , "name":"项布局面板" }]},{ "id":"menuitem101" , "name":"看板" , "items":[{ "id":"menuitem102" , "name":"看板内置功能" },{ "id":"menuitem104" , "name":"代码表分组" },{ "id":"menuitem105" , "name":"嵌入视图面板" }]},{ "id":"menuitem111" , "name":"甘特图" , "items":[{ "id":"menuitem112" , "name":"甘特图" }]},{ "id":"menuitem119" , "name":"分页视图" , "items":[{ "id":"menuitem120" , "name":"分页导航" }]},{ "id":"menuitem121" , "name":"多编辑视图" , "items":[{ "id":"menuitem115" , "name":"多表单（行记录）" },{ "id":"menuitem123" , "name":"多表单（上分页）" }]},{ "id":"menuitem122" , "name":"数据关系栏" , "items":[{ "id":"menuitem116" , "name":"编辑视图(左右关系)" },{ "id":"menuitem117" , "name":"编辑视图(上下关系)" },{ "id":"menuitem118" , "name":"编辑视图(分页关系)" }]},{ "id":"menuitem125" , "name":"数据看板" , "items":[{ "id":"menuitem126" , "name":"实体数据看板" }]},{ "id":"menuitem127" , "name":"导航视图" , "items":[{ "id":"menuitem128" , "name":"表格导航" },{ "id":"menuitem114" , "name":"列表导航" },{ "id":"menuitem136" , "name":"树导航" },{ "id":"menuitem137" , "name":"卡片导航" }]},{ "id":"menuitem129" , "name":"选项操作" , "items":[{ "id":"menuitem130" , "name":"选项操作视图" },{ "id":"menuitem131" , "name":"表格选项操作" }]}]},{ "id":"menuitem5" , "name":"视图" , "items":[{ "id":"menuitem9" , "name":"列表视图" , "items":[{ "id":"menuitem19" , "name":"常规表格视图" },{ "id":"menuitem21" , "name":"左右表格视图" },{ "id":"menuitem20" , "name":"嵌入表格视图" }]},{ "id":"menuitem8" , "name":"编辑视图" , "items":[{ "id":"menuitem22" , "name":"常规编辑视图" },{ "id":"menuitem23" , "name":"左右编辑视图" },{ "id":"menuitem24" , "name":"分页编辑视图" },{ "id":"menuitem25" , "name":"嵌入编辑视图" }]},{ "id":"menuitem26" , "name":"选择视图" , "items":[{ "id":"menuitem27" , "name":"单选视图" },{ "id":"menuitem28" , "name":"多选视图" },{ "id":"menuitem29" , "name":"树形选择视图" },{ "id":"menuitem30" , "name":"左右单选视图" },{ "id":"menuitem31" , "name":"左右多选视图" }]},{ "id":"menuitem10" , "name":"导航视图" , "items":[{ "id":"menuitem32" , "name":"常规导航视图" },{ "id":"menuitem33" , "name":"分页导航视图" },{ "id":"menuitem34" , "name":"嵌入导航视图" }]},{ "id":"menuitem11" , "name":"其他视图" , "items":[{ "id":"menuitem35" , "name":"图表视图" },{ "id":"menuitem36" , "name":"报表视图" },{ "id":"menuitem98" , "name":"自定义视图" }]},{ "id":"menuitem79" , "name":"表格视图" }]},{ "id":"menuitem69" , "name":"工作流" },{ "id":"menuitem2" , "name":"更多" , "items":[{ "id":"menuitem46" , "name":"数据导出导入" },{ "id":"menuitem45" , "name":"数据打印" },{ "id":"menuitem67" , "name":"索引实体" },{ "id":"menuitem68" , "name":"继承实体" },{ "id":"menuitem70" , "name":"主状态" },{ "id":"menuitem71" , "name":"多表单" }]},{ "id":"menuitem92" , "name":"其他" , "items":[{ "id":"menuitem93" , "name":"示例实体02示例数据补充" },{ "id":"menuitem100" , "name":"订单示例数据补充" },{ "id":"menuitem103" , "name":"产品示例数据补充" },{ "id":"menuitem106" , "name":"示例实体03示例数据补充" },{ "id":"menuitem113" , "name":"订单类型添加" },{ "id":"menuitem124" , "name":"示例实体01数据补充" }]}] }]
+               "appmenu":[{"menuid":"MainMenu", "menuname":"MainMenu", "menuitem":[{ "id":"menuitem1" , "name":"工作台" },{ "id":"menuitem3" , "name":"控件" , "items":[{ "id":"menuitem6" , "name":"默认数据类型" },{ "id":"menuitem7" , "name":"默认编辑器类型" },{ "id":"menuitem15" , "name":"基础表单项" },{ "id":"menuitem72" , "name":"扩展编辑器" }]},{ "id":"menuitem4" , "name":"部件" , "items":[{ "id":"menuitem12" , "name":"编辑表单" , "items":[{ "id":"menuitem107" , "name":"内置功能" },{ "id":"menuitem47" , "name":"新建默认值" },{ "id":"menuitem99" , "name":"更新默认值" },{ "id":"menuitem48" , "name":"输入提示" },{ "id":"menuitem49" , "name":"辅助输入" },{ "id":"menuitem50" , "name":"自动填充" },{ "id":"menuitem51" , "name":"超链接" },{ "id":"menuitem52" , "name":"表单值重置" },{ "id":"menuitem55" , "name":"动态显示" },{ "id":"menuitem53" , "name":"动态启用" },{ "id":"menuitem54" , "name":"动态空输入" },{ "id":"menuitem56" , "name":"表单项更新" },{ "id":"menuitem108" , "name":"表单值规则" }]},{ "id":"menuitem16" , "name":"搜索表单" },{ "id":"menuitem13" , "name":"表格" , "items":[{ "id":"menuitem57" , "name":"禁用排序" },{ "id":"menuitem59" , "name":"行操作" },{ "id":"menuitem58" , "name":"行编辑" },{ "id":"menuitem73" , "name":"内置功能" },{ "id":"menuitem74" , "name":"表格行编辑" },{ "id":"menuitem75" , "name":"新建默认值" },{ "id":"menuitem76" , "name":"更新默认值" },{ "id":"menuitem77" , "name":"表格值规则" },{ "id":"menuitem132" , "name":"表格列更新" },{ "id":"menuitem133" , "name":"表格列重置" },{ "id":"menuitem78" , "name":"自动分组" },{ "id":"menuitem80" , "name":"代码表分组" },{ "id":"menuitem81" , "name":"当前页聚合" },{ "id":"menuitem82" , "name":"远程聚合" }]},{ "id":"menuitem83" , "name":"列表" , "items":[{ "id":"menuitem84" , "name":"列表内置功能" },{ "id":"menuitem85" , "name":"列表自动分组" },{ "id":"menuitem86" , "name":"代码表分组" },{ "id":"menuitem91" , "name":"列表嵌入面板" }]},{ "id":"menuitem14" , "name":"树视图" , "items":[{ "id":"menuitem60" , "name":"静态节点" },{ "id":"menuitem61" , "name":"动态节点（代码表）" },{ "id":"menuitem62" , "name":"动态节点（实体）" },{ "id":"menuitem63" , "name":"右键操作" },{ "id":"menuitem64" , "name":"动态参数过滤" },{ "id":"menuitem110" , "name":"树表格" }]},{ "id":"menuitem37" , "name":"图表" , "items":[{ "id":"menuitem38" , "name":"柱状图" },{ "id":"menuitem39" , "name":"折线图" },{ "id":"menuitem40" , "name":"饼图" },{ "id":"menuitem41" , "name":"区域图" },{ "id":"menuitem42" , "name":"雷达图" }]},{ "id":"menuitem17" , "name":"向导" , "items":[{ "id":"menuitem134" , "name":"向导视图" },{ "id":"menuitem135" , "name":"状态向导" }]},{ "id":"menuitem18" , "name":"界面行为" , "items":[{ "id":"menuitem65" , "name":"前端界面行为" },{ "id":"menuitem66" , "name":"后台界面行为" }]},{ "id":"menuitem87" , "name":"数据视图" , "items":[{ "id":"menuitem88" , "name":"内置功能" },{ "id":"menuitem89" , "name":"自动分组" },{ "id":"menuitem90" , "name":"代码表分组" },{ "id":"menuitem94" , "name":"项布局面板" }]},{ "id":"menuitem95" , "name":"日历" , "items":[{ "id":"menuitem96" , "name":"内置功能" },{ "id":"menuitem97" , "name":"时间轴样式" },{ "id":"menuitem109" , "name":"项布局面板" }]},{ "id":"menuitem101" , "name":"看板" , "items":[{ "id":"menuitem102" , "name":"看板内置功能" },{ "id":"menuitem104" , "name":"代码表分组" },{ "id":"menuitem105" , "name":"嵌入视图面板" }]},{ "id":"menuitem111" , "name":"甘特图" , "items":[{ "id":"menuitem112" , "name":"甘特图" }]},{ "id":"menuitem119" , "name":"分页视图" , "items":[{ "id":"menuitem120" , "name":"分页导航" }]},{ "id":"menuitem121" , "name":"多编辑视图" , "items":[{ "id":"menuitem115" , "name":"多表单（行记录）" },{ "id":"menuitem123" , "name":"多表单（上分页）" }]},{ "id":"menuitem122" , "name":"数据关系栏" , "items":[{ "id":"menuitem116" , "name":"编辑视图(左右关系)" },{ "id":"menuitem117" , "name":"编辑视图(上下关系)" },{ "id":"menuitem118" , "name":"编辑视图(分页关系)" }]},{ "id":"menuitem125" , "name":"数据看板" , "items":[{ "id":"menuitem126" , "name":"实体数据看板" }]},{ "id":"menuitem127" , "name":"导航视图" , "items":[{ "id":"menuitem128" , "name":"表格导航" },{ "id":"menuitem114" , "name":"列表导航" },{ "id":"menuitem136" , "name":"树导航" },{ "id":"menuitem137" , "name":"卡片导航" },{ "id":"menuitem138" , "name":"日历导航" }]},{ "id":"menuitem129" , "name":"选项操作" , "items":[{ "id":"menuitem130" , "name":"选项操作视图" },{ "id":"menuitem131" , "name":"表格选项操作" }]}]},{ "id":"menuitem5" , "name":"视图" , "items":[{ "id":"menuitem9" , "name":"列表视图" , "items":[{ "id":"menuitem19" , "name":"常规表格视图" },{ "id":"menuitem21" , "name":"左右表格视图" },{ "id":"menuitem20" , "name":"嵌入表格视图" }]},{ "id":"menuitem8" , "name":"编辑视图" , "items":[{ "id":"menuitem22" , "name":"常规编辑视图" },{ "id":"menuitem23" , "name":"左右编辑视图" },{ "id":"menuitem24" , "name":"分页编辑视图" },{ "id":"menuitem25" , "name":"嵌入编辑视图" }]},{ "id":"menuitem26" , "name":"选择视图" , "items":[{ "id":"menuitem27" , "name":"单选视图" },{ "id":"menuitem28" , "name":"多选视图" },{ "id":"menuitem29" , "name":"树形选择视图" },{ "id":"menuitem30" , "name":"左右单选视图" },{ "id":"menuitem31" , "name":"左右多选视图" }]},{ "id":"menuitem10" , "name":"导航视图" , "items":[{ "id":"menuitem32" , "name":"常规导航视图" },{ "id":"menuitem33" , "name":"分页导航视图" },{ "id":"menuitem34" , "name":"嵌入导航视图" }]},{ "id":"menuitem11" , "name":"其他视图" , "items":[{ "id":"menuitem35" , "name":"图表视图" },{ "id":"menuitem36" , "name":"报表视图" },{ "id":"menuitem98" , "name":"自定义视图" }]},{ "id":"menuitem79" , "name":"表格视图" }]},{ "id":"menuitem69" , "name":"工作流" },{ "id":"menuitem2" , "name":"更多" , "items":[{ "id":"menuitem46" , "name":"数据导出导入" },{ "id":"menuitem45" , "name":"数据打印" },{ "id":"menuitem67" , "name":"索引实体" },{ "id":"menuitem68" , "name":"继承实体" },{ "id":"menuitem70" , "name":"主状态" },{ "id":"menuitem71" , "name":"多表单" }]},{ "id":"menuitem92" , "name":"其他" , "items":[{ "id":"menuitem93" , "name":"示例实体02示例数据补充" },{ "id":"menuitem100" , "name":"订单示例数据补充" },{ "id":"menuitem103" , "name":"产品示例数据补充" },{ "id":"menuitem106" , "name":"示例实体03示例数据补充" },{ "id":"menuitem113" , "name":"订单类型添加" },{ "id":"menuitem124" , "name":"示例实体01数据补充" }]}] }]
             }
             ]
     }