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

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

@@ -479,6 +479,14 @@
         "viewname": "IBIZOrderDetailUsr2GridView9",
         "viewtag": "37f61ee1bcce3ee0bff093eed18e1e37"
     },
+    "ibizordertestcustomlayoutpanelgridexpview": {
+        "title": "订单表格导航视图（测试布局面板）",
+        "caption": "（测试布局面板）",
+        "viewtype": "DEGRIDEXPVIEW",
+        "viewmodule": "Sample",
+        "viewname": "IBIZOrderTestCustomLayoutPanelGridExpView",
+        "viewtag": "38b0b453d423e0772822db6be4f02505"
+    },
     "ibizorderlistview": {
         "title": "订单列表视图",
         "caption": "订单",
@@ -2119,6 +2127,14 @@
         "viewname": "AppPanelView",
         "viewtag": "201acedb447253ee1add1c791fa31fd4"
     },
+    "appindexview": {
+        "title": "应用首页视图",
+        "caption": "测试12231",
+        "viewtype": "APPINDEXVIEW",
+        "viewmodule": "Ungroup",
+        "viewname": "AppIndexView",
+        "viewtag": "2D42F3B7-3267-4276-9120-10F2D81E35AF"
+    },
     "appportalview": {
         "title": "工作台",
         "caption": "工作台",

app_Web/src/locale/lang/BO-CN-base.ts

@@ -171,6 +171,10 @@ function getAppLocale(){
                     caption: commonLogic.appcommonhandle("",null),
                     title: commonLogic.appcommonhandle("应用面板视图",null),
                 },
+                appindexview: {
+                    caption: commonLogic.appcommonhandle("测试12231",null),
+                    title: commonLogic.appcommonhandle("应用首页视图",null),
+                },
                 appportalview: {
                     caption: commonLogic.appcommonhandle("工作台",null),
                     title: commonLogic.appcommonhandle("工作台",null),
@@ -202,6 +206,8 @@ function getAppLocale(){
                     menuitem4: commonLogic.appcommonhandle("菜单4",null),
                     menuitem5: commonLogic.appcommonhandle("菜单5",null),
                 },
+                appindexview: {
+                },
                 mainmenu: {
                     menuitem1: commonLogic.appcommonhandle("工作台",null),
                     menuitem3: commonLogic.appcommonhandle("控件",null),
@@ -362,6 +368,7 @@ function getAppLocale(){
                     menuitem66: commonLogic.appcommonhandle("视图布局面板测试",null),
                     menuitem122: commonLogic.appcommonhandle("表格视图面板",null),
                     menuitem125: commonLogic.appcommonhandle("测试表单自定义布局多媒体",null),
+                    menuitem126: commonLogic.appcommonhandle("自定义导航",null),
                 },
             },
             formpage:{

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

@@ -171,6 +171,10 @@ function getAppLocale(){
                     caption: commonLogic.appcommonhandle("",null),
                     title: commonLogic.appcommonhandle("应用面板视图",null),
                 },
+                appindexview: {
+                    caption: commonLogic.appcommonhandle("测试12231",null),
+                    title: commonLogic.appcommonhandle("应用首页视图",null),
+                },
                 appportalview: {
                     caption: commonLogic.appcommonhandle("Work bench",null),
                     title: commonLogic.appcommonhandle("工作台",null),
@@ -202,6 +206,8 @@ function getAppLocale(){
                     menuitem4: commonLogic.appcommonhandle("菜单4",null),
                     menuitem5: commonLogic.appcommonhandle("菜单5",null),
                 },
+                appindexview: {
+                },
                 mainmenu: {
                     menuitem1: commonLogic.appcommonhandle("Work bench",null),
                     menuitem3: commonLogic.appcommonhandle("Control",null),
@@ -362,6 +368,7 @@ function getAppLocale(){
                     menuitem66: commonLogic.appcommonhandle("视图布局面板测试",null),
                     menuitem122: commonLogic.appcommonhandle("表格视图面板",null),
                     menuitem125: commonLogic.appcommonhandle("测试表单自定义布局多媒体",null),
+                    menuitem126: commonLogic.appcommonhandle("自定义导航",null),
                 },
             },
             formpage:{

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

@@ -171,6 +171,10 @@ function getAppLocale(){
                     caption: commonLogic.appcommonhandle("",null),
                     title: commonLogic.appcommonhandle("应用面板视图",null),
                 },
+                appindexview: {
+                    caption: commonLogic.appcommonhandle("测试12231",null),
+                    title: commonLogic.appcommonhandle("应用首页视图",null),
+                },
                 appportalview: {
                     caption: commonLogic.appcommonhandle("工作台",null),
                     title: commonLogic.appcommonhandle("工作台",null),
@@ -202,6 +206,8 @@ function getAppLocale(){
                     menuitem4: commonLogic.appcommonhandle("菜单4",null),
                     menuitem5: commonLogic.appcommonhandle("菜单5",null),
                 },
+                appindexview: {
+                },
                 mainmenu: {
                     menuitem1: commonLogic.appcommonhandle("工作台",null),
                     menuitem3: commonLogic.appcommonhandle("控件",null),
@@ -362,6 +368,7 @@ function getAppLocale(){
                     menuitem66: commonLogic.appcommonhandle("视图布局面板测试",null),
                     menuitem122: commonLogic.appcommonhandle("表格视图面板",null),
                     menuitem125: commonLogic.appcommonhandle("测试表单自定义布局多媒体",null),
+                    menuitem126: commonLogic.appcommonhandle("自定义导航",null),
                 },
             },
             formpage:{

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

@@ -67,6 +67,10 @@ function getLocaleResourceBase(){
 				caption: commonLogic.appcommonhandle("订单",null),
 				title: commonLogic.appcommonhandle("订单表格视图",null),
 			},
+			testcustomlayoutpanelgridexpview: {
+				caption: commonLogic.appcommonhandle("（测试布局面板）",null),
+				title: commonLogic.appcommonhandle("订单表格导航视图（测试布局面板）",null),
+			},
 			listview: {
 				caption: commonLogic.appcommonhandle("订单",null),
 				title: commonLogic.appcommonhandle("订单列表视图",null),

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

@@ -67,6 +67,10 @@ function getLocaleResourceBase(){
 				caption: commonLogic.appcommonhandle("订单",null),
 				title: commonLogic.appcommonhandle("订单表格视图",null),
 			},
+			testcustomlayoutpanelgridexpview: {
+				caption: commonLogic.appcommonhandle("（测试布局面板）",null),
+				title: commonLogic.appcommonhandle("订单表格导航视图（测试布局面板）",null),
+			},
 			listview: {
 				caption: commonLogic.appcommonhandle("订单",null),
 				title: commonLogic.appcommonhandle("订单列表视图",null),

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

@@ -67,6 +67,10 @@ function getLocaleResourceBase(){
 				caption: commonLogic.appcommonhandle("订单",null),
 				title: commonLogic.appcommonhandle("订单表格视图",null),
 			},
+			testcustomlayoutpanelgridexpview: {
+				caption: commonLogic.appcommonhandle("（测试布局面板）",null),
+				title: commonLogic.appcommonhandle("订单表格导航视图（测试布局面板）",null),
+			},
 			listview: {
 				caption: commonLogic.appcommonhandle("订单",null),
 				title: commonLogic.appcommonhandle("订单列表视图",null),

app_Web/src/mock/app/app-index-view-appmenu/app-index-view-appmenu.ts

+import { MockAdapter } from '@/mock/mock-adapter';
+const mock = MockAdapter.getInstance();
+
+import Mock from 'mockjs'
+const Random = Mock.Random;
+
+// 获取应用数据
+mock.onGet('v7/app-index-viewappmenu').reply((config: any) => {
+    let status = MockAdapter.mockStatus(config);
+    return [status, {
+        name: 'appmenu',
+        items:  [
+        ],
+    }];
+});
+

app_Web/src/mock/viewconfig/viewconfig.ts

@@ -487,6 +487,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "IBIZOrderDetailUsr2GridView9",
             "viewtag": "37f61ee1bcce3ee0bff093eed18e1e37"
         },
+        "ibizordertestcustomlayoutpanelgridexpview": {
+            "title": "订单表格导航视图（测试布局面板）",
+            "caption": "（测试布局面板）",
+            "viewtype": "DEGRIDEXPVIEW",
+            "viewmodule": "Sample",
+            "viewname": "IBIZOrderTestCustomLayoutPanelGridExpView",
+            "viewtag": "38b0b453d423e0772822db6be4f02505"
+        },
         "ibizorderlistview": {
             "title": "订单列表视图",
             "caption": "订单",
@@ -2127,6 +2135,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "AppPanelView",
             "viewtag": "201acedb447253ee1add1c791fa31fd4"
         },
+        "appindexview": {
+            "title": "应用首页视图",
+            "caption": "测试12231",
+            "viewtype": "APPINDEXVIEW",
+            "viewmodule": "Ungroup",
+            "viewname": "AppIndexView",
+            "viewtag": "2D42F3B7-3267-4276-9120-10F2D81E35AF"
+        },
         "appportalview": {
             "title": "工作台",
             "caption": "工作台",

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

@@ -5,4 +5,4 @@
 
 .ibizorder-grid-exp-view{
     display: block;
-}
\ No newline at end of file
+}

app_Web/src/pages/sample/ibizorder-test-custom-layout-panel-grid-exp-view/ibizorder-test-custom-layout-panel-grid-exp-view.less

+.ibizorder-test-custom-layout-panel-grid-exp-view {
+    display: block;
+}

app_Web/src/pages/sample/ibizorder-test-custom-layout-panel-grid-exp-view/ibizorder-test-custom-layout-panel-grid-exp-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZOrderTestCustomLayoutPanelGridExpViewBase from './ibizorder-test-custom-layout-panel-grid-exp-view-base.vue';
+
+import view_gridexpbar from '@widgets/ibizorder/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar.vue';
+import view_searchbar from '@widgets/ibizorder/-searchbar/-searchbar.vue';
+@Component({
+    components: {
+        view_gridexpbar, 
+        view_searchbar, 
+    },
+    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 IBIZOrderTestCustomLayoutPanelGridExpView extends IBIZOrderTestCustomLayoutPanelGridExpViewBase {
+
+}
+</script>
\ No newline at end of file

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

@@ -106,6 +106,7 @@ export const PageComponents = {
         Vue.component('ibizorder-detail-usr3-edit-view', () => import('@pages/sample/ibizorder-detail-usr3-edit-view/ibizorder-detail-usr3-edit-view.vue'));
         Vue.component('ibizorder-usr2-grid-view', () => import('@pages/sample/ibizorder-usr2-grid-view/ibizorder-usr2-grid-view.vue'));
         Vue.component('ibizcustomer-media-test-edit-view', () => import('@pages/sample/ibizcustomer-media-test-edit-view/ibizcustomer-media-test-edit-view.vue'));
+        Vue.component('ibizorder-test-custom-layout-panel-grid-exp-view', () => import('@pages/sample/ibizorder-test-custom-layout-panel-grid-exp-view/ibizorder-test-custom-layout-panel-grid-exp-view.vue'));
         Vue.component('ibizappviewgrid-view', () => import('@pages/sample/ibizappviewgrid-view/ibizappviewgrid-view.vue'));
         Vue.component('ibizappviewlist-view', () => import('@pages/sample/ibizappviewlist-view/ibizappviewlist-view.vue'));
         Vue.component('ibizappctrlgrid-view', () => import('@pages/sample/ibizappctrlgrid-view/ibizappctrlgrid-view.vue'));

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

@@ -1637,6 +1637,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizcustomer-media-test-edit-view/ibizcustomer-media-test-edit-view.vue'),
                 },
+                {
+                    path: 'ibizorders/:ibizorder?/testcustomlayoutpanelgridexpview/:testcustomlayoutpanelgridexpview?',
+                    meta: {
+                        caption: 'entities.ibizorder.views.testcustomlayoutpanelgridexpview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+                            { pathName: 'testcustomlayoutpanelgridexpview', parameterName: 'testcustomlayoutpanelgridexpview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizorder-test-custom-layout-panel-grid-exp-view/ibizorder-test-custom-layout-panel-grid-exp-view.vue'),
+                },
                 {
                     path: 'ibizappviews/:ibizappview?/gridview/:gridview?',
                     meta: {
@@ -3371,6 +3385,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizbookinter-func-edit-view/ibizbookinter-func-edit-view.vue'),
     },
+    {
+        path: '/ibizorders/:ibizorder?/testcustomlayoutpanelgridexpview/:testcustomlayoutpanelgridexpview?',
+        meta: {
+            caption: 'entities.ibizorder.views.testcustomlayoutpanelgridexpview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizorders', parameterName: 'ibizorder' },
+                { pathName: 'testcustomlayoutpanelgridexpview', parameterName: 'testcustomlayoutpanelgridexpview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizorder-test-custom-layout-panel-grid-exp-view/ibizorder-test-custom-layout-panel-grid-exp-view.vue'),
+    },
     {
         path: '/appportalview2/:appportalview2?',
         meta: {

app_Web/src/pages/ungroup/app-index-view/app-index-view.less

+.app-index-view{
+    display: block;
+}

app_Web/src/pages/ungroup/app-index-view/app-index-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import AppIndexViewBase from './app-index-view-base.vue';
+
+import view_appmenu from '@widgets/app/app-index-view-appmenu/app-index-view-appmenu.vue';
+@Component({
+    components: {
+        view_appmenu, 
+    },
+    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 AppIndexView extends AppIndexViewBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/pages/ungroup/app-index-view/main.ts

+import Vue from 'vue';
+import Vuex from 'vuex';
+import VueRouter from 'vue-router';
+import App from '@/App.vue';
+import ElementUi from 'element-ui';
+import ViewUI from 'view-design';
+import ibizLab from 'ibiz-vue-lib';
+import axios from "axios";
+import { Interceptors } from '@/utils';
+import  {Print} from '@/utils/print';
+import i18n from '@/locale'
+
+import 'element-ui/lib/theme-chalk/index.css';
+import 'view-design/dist/styles/iview.css';
+import 'ibiz-vue-lib/lib/ibiz-vue-lib.css';
+import '@/styles/default.less';
+
+import VueAMap from 'vue-amap';
+Vue.use(VueAMap);
+
+VueAMap.initAMapApiLoader({
+  key: '6ab2751103aea67e817c90a5528181b5',
+  plugin: ["AMap.Geolocation","AMap.PlaceSearch","AMap.Geocoder", "AMap.Autocomplete"],
+  uiVersion: '1.1'
+});
+
+// 模拟数据
+if (process.env.NODE_ENV === 'development') {
+  require('@/mock');
+}
+
+const pathToRegExp = require('path-to-regexp');
+import { AppComponents } from '@/app-register';
+import { PageComponents } from './page-register';
+import { UserComponent } from '@/user-register';
+import { PortletComponent } from '@/portlet-register';
+import store from '@/store';
+import router from './router';
+
+const win: any = window;
+win.axios = axios;
+
+Vue.config.errorHandler = function (err: any, vm: any, info: any) {
+  console.log(err);
+}
+
+Vue.config.productionTip = false;
+Vue.use(Print);
+Vue.use(ibizLab);
+Vue.use(Vuex);
+Vue.use(win.AVUE);
+Vue.use(VueRouter);;
+Vue.use(ElementUi, {
+  i18n: (key: any, value: any) => i18n.t(key, value)
+});
+Vue.use(ViewUI, {
+  i18n: (key: any, value: any) => i18n.t(key, value)
+});
+
+// Vue.use(utils);
+Vue.prototype.$pathToRegExp = pathToRegExp;
+Vue.use(AppComponents);
+Vue.use(PageComponents);
+Vue.use(UserComponent);
+Vue.use(PortletComponent);
+
+router.beforeEach((to: any, from: any, next: any) => {
+  if(sessionStorage.getItem('lockState') && to.path != '/lock'){
+    next({ path: '/lock'});
+  }else{
+    if (to.meta && !to.meta.ignoreAddPage) {
+      router.app.$store.commit('addPage', to);
+    }
+    next();
+  }
+});
+
+Interceptors.getInstance(router,store);
+
+const init = async () => {
+  new Vue({
+      i18n,
+      store,
+      router,
+      render: (h: any) => h(App),
+  }).$mount('#app');
+};
+init();
\ No newline at end of file

app_Web/src/pages/ungroup/app-index-view/page-register.ts

+export const PageComponents = {
+    install(Vue: any, opt: any) {
+                Vue.component('ibizsample0018-grid-view', () => import('@pages/sample/ibizsample0018-grid-view/ibizsample0018-grid-view.vue'));
+        Vue.component('ibizsample0014-grid-view', () => import('@pages/sample/ibizsample0014-grid-view/ibizsample0014-grid-view.vue'));
+        Vue.component('app-panel-view', () => import('@pages/ungroup/app-panel-view/app-panel-view.vue'));
+        Vue.component('app-login-view', () => import('@pages/ungroup/app-login-view/app-login-view.vue'));
+    }
+};
\ No newline at end of file

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

@@ -445,6 +445,15 @@ export const viewstate: any = {
                 '115bb38d6a2e8485eaf69751f3d24fdd',
             ],
         },
+        {
+            viewtag: '38b0b453d423e0772822db6be4f02505',
+            viewmodule: 'Sample',
+            viewname: 'IBIZOrderTestCustomLayoutPanelGridExpView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+            ],
+        },
         {
             viewtag: '3d5803767cb3743ed92096aff4ca2b72',
             viewmodule: 'Sample',
@@ -773,6 +782,7 @@ export const viewstate: any = {
                 'd1e103c50de1fa941638bec77683936c',
                 '504c018faa34b2d0fce7c4c56569e02e',
                 '7ce3aaf69c0b882631428087b7db6464',
+                '38b0b453d423e0772822db6be4f02505',
             ],
         },
         {
@@ -1991,6 +2001,15 @@ export const viewstate: any = {
             refviews: [
             ],
         },
+        {
+            viewtag: '2D42F3B7-3267-4276-9120-10F2D81E35AF',
+            viewmodule: 'Ungroup',
+            viewname: 'AppIndexView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+            ],
+        },
         {
             viewtag: '96bc1e4d0d5d6b66d639f401966b375b',
             viewmodule: 'Ungroup',

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

@@ -106,6 +106,7 @@ export default class IBIZOrderUIServiceBase extends UIService {
         this.allViewMap.set(':',{viewname:'selecteditview',srfappde:'ibizorders',component:'ibizorder-select-edit-view'});
         this.allViewMap.set(':',{viewname:'dataviewexpview',srfappde:'ibizorders',component:'ibizorder-data-view-exp-view'});
         this.allViewMap.set(':',{viewname:'sf15gridview',srfappde:'ibizorders',component:'ibizorder-sf15-grid-view'});
+        this.allViewMap.set(':',{viewname:'testcustomlayoutpanelgridexpview',srfappde:'ibizorders',component:'ibizorder-test-custom-layout-panel-grid-exp-view'});
         this.allViewMap.set(':',{viewname:'listview',srfappde:'ibizorders',component:'ibizorder-list-view'});
         this.allViewMap.set(':',{viewname:'wfactionview',srfappde:'ibizorders',component:'ibizorder-wfaction-view'});
         this.allViewMap.set('WFMDATAVIEW:ODSP:W:10',{viewname:'odsp_w10_wfgridview',srfappde:'ibizorders',component:'ibizorder-odsp-w10-wfgrid-view'});

app_Web/src/widgets/app/app-index-view-appmenu/app-index-view-appmenu-model.ts

+/**
+ * AppIndexView 部件模型
+ *
+ * @export
+ * @class AppIndexViewModel
+ */
+export default class AppIndexViewModel {
+
+    /**
+     * 菜单项集合
+     *
+     * @public
+     * @type {any[]}
+     * @memberof AppIndexViewModel
+     */
+    public items: any[] = [
+    ];
+
+	/**
+	 * 应用功能集合
+	 *
+	 * @public
+	 * @type {any[]}
+	 * @memberof AppIndexViewModel
+	 */
+	public funcs: any[] = [
+	];
+
+    /**
+     * 获取所有菜单项集合
+     *
+     * @returns {any[]}
+     * @memberof AppIndexViewModel
+     */
+    public getAppMenuItems(): any[] {
+        return this.items;
+    }
+
+    /**
+     * 获取所有应用功能集合
+     *
+     * @returns {any[]}
+     * @memberof AppIndexViewModel
+     */
+    public getAppFuncs(): any[] {
+        return this.funcs;
+    }
+}
\ No newline at end of file

app_Web/src/widgets/app/app-index-view-appmenu/app-index-view-appmenu-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import AppIndexViewModel from './app-index-view-appmenu-model';
+
+
+/**
+ * AppIndexView 部件服务对象
+ *
+ * @export
+ * @class AppIndexViewService
+ */
+export default class AppIndexViewService extends ControlService {
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof AppIndexViewService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of AppIndexViewService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof AppIndexViewService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new AppIndexViewModel();
+    }
+
+    /**
+     * 获取数据
+     *
+     * @returns {Promise<any>}
+     * @memberof AppIndexView
+     */
+    @Errorlog
+    public get(params: any = {}): Promise<any> {
+        return Http.getInstance().get('v7/app-index-viewappmenu', params);
+    }
+
+}
\ No newline at end of file

app_Web/src/widgets/app/app-index-view-appmenu/app-index-view-appmenu.less

+/***    BRGIN:菜单样式    ***/
+.app-app-menu {
+    overflow-y: auto;
+    overflow-x: hidden;
+    height: calc(100% - 58px);
+    .ivu-divider{
+      background-color: #b3b3b3;
+      height: 2px;
+    }
+    > .el-menu {
+        border-right: 0;
+        .el-menu-item {
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          word-break: break-all;
+            .ivu-badge {
+                .ivu-badge-count {
+                    box-shadow: 0 0 0 0px #fff;
+                }
+            }
+        }
+        .el-submenu__title i, .el-menu-item i {
+            font-size: 12px;
+            width: 18px;
+        }
+        .el-submenu__title .app-menu-icon,.el-menu-item .app-menu-icon{
+            width:20px;
+            font-size: 14px;
+        }
+        .el-submenu__title .text {
+            font-size: 16px;      
+        }
+        .el-submenu__title .app-menu-circle,.el-menu-item .app-menu-circle {
+            display: inline-block;
+            border-radius: 50%;       
+            width: 20px;
+            height: 20px;
+            line-height: 36px;
+            vertical-align:middle;
+            background: rgb(var(--app-footer-background-color-rgb));
+            border: 1px solid #fff;
+            border-color: rgb(var(--app-header-color-rgb));
+            color: rgb(var(--app-header-color-rgb));;
+            text-align: center;
+            font: 12px Arial, sans-serif;   
+         }
+
+        .el-submenu__title, .el-menu-item {
+            height: 50px;
+            font-size: 14px;
+            line-height: 50px;
+            border-left: 4px !important;       
+        }
+
+        .el-menu-item .el-tooltip {
+            padding-left: 12px !important; 
+        }
+
+        .isCollpase .el-submenu__title{
+            padding-left: 12px !important;
+        }
+
+        .isFirst > .text {
+            font-size: 16px !important;
+        }
+       
+        .el-menu-item, .el-submenu, .el-menu {
+            border-top: 1px solid #fff;
+        }
+        > .el-menu-item, > .el-submenu > .el-submenu__title {
+            height: 56px;
+            line-height: 56px;
+            padding-left: 16px !important;
+        }
+        .app-menu-icon {
+            margin: 4px;
+            text-align: center;
+        }
+        > .el-submenu {
+            > .el-menu {
+                > .el-menu-item, > .el-submenu > .el-submenu__title {
+                    padding-left: 44px !important;
+                }
+                > .el-submenu {
+                    > .el-menu {
+                        > .el-menu-item, > .el-submenu > .el-submenu__title {
+                            padding-left: 68px !important;
+                        }
+                    }
+                }
+            }
+        }
+        .active-icon {
+            font-size: 40px !important;
+            position: absolute;
+            right: 0;
+            line-height: 42px;
+            color: #fff !important;
+            display: none;
+            width: 24px !important;
+            overflow: hidden;
+        }
+    }
+    .el-menu--horizontal{
+        display: flex;
+        width: calc(100vw - 1100px);
+        height: 65px;
+        flex-wrap: nowrap;
+        overflow-x:scroll;
+        padding-top: 3px;
+        .el-menu-item{
+            overflow: visible;
+        }
+        .el-submenu{
+            .el-submenu__title{
+                padding-right: 0px !important;
+                padding-left: 0px !important;
+            }
+        } 
+    }
+    .ivu-divider-horizontal {
+        width: 100%;
+        min-width: 100%;
+        margin: 4px auto;
+        margin-bottom: 1px;
+    }
+}
+.app-popper-menu {
+    .el-menu-item, .el-submenu__title {
+        height: 36px;
+        font-size: 16px;
+        line-height: 36px;
+    }
+    > .el-menu-item, > .el-submenu > .el-submenu__title {
+        height: 40px;
+        line-height: 40px;
+    }
+    .el-menu-item {
+        .ivu-badge {
+            .ivu-badge-count {
+                box-shadow: 0 0 0 0px #fff;
+            }
+        }
+        > span{
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    }
+    .ivu-divider-horizontal {
+        width: 100%;
+        min-width: 100%;
+        margin: 4px auto;
+        margin-bottom: 1px;
+    }
+}
+
+// this is less

app_Web/src/widgets/app/app-index-view-appmenu/app-index-view-appmenu.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import AppIndexViewBase from './app-index-view-appmenu-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class AppIndexView extends AppIndexViewBase {
+
+}
+</script>
\ No newline at end of file

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

@@ -919,6 +919,9 @@ export default class MainMenuBase extends Vue implements ControlInterface {
                 case 'AppFunc100': 
                     this.clickAppFunc100(item);
                     return;
+                case 'UsrAppFunc1102681676': 
+                    this.clickUsrAppFunc1102681676(item);
+                    return;
                 default:
                     console.warn('未指定应用功能');
             }
@@ -3383,6 +3386,29 @@ export default class MainMenuBase extends Vue implements ControlInterface {
             this.$router.push(path);
         })
     }
+    
+    /**
+     * 测试导航区占位
+     *
+     * @param {*} [item={}]
+     * @memberof MainMenu
+     */
+    public clickUsrAppFunc1102681676(item: any = {}) {
+        const viewparam: any = {};
+        Object.assign(viewparam, {});
+        const deResParameters: any[] = [];
+        const parameters: any[] = [
+            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+            { pathName: 'testcustomlayoutpanelgridexpview', parameterName: 'testcustomlayoutpanelgridexpview' },
+        ];
+        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/ibizbook/default-searchform/default-searchform-base.vue

@@ -663,7 +663,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
      */
     public load(opt: any = {}): void {
         if(!this.loadAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr9GridView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKGroupByCodelistListView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
             return;
         }
         const arg: any = { ...opt };
@@ -699,7 +699,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
      */
     public loadDraft(opt: any = {},mode?:string): void {
         if(!this.loaddraftAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr9GridView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKGroupByCodelistListView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
             return;
         }
         const arg: any = { ...opt } ;

app_Web/src/widgets/ibizorder/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar-model.ts

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

app_Web/src/widgets/ibizorder/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZOrderService from '@/service/ibizorder/ibizorder-service';
+import TestCustomLayoutPanelGridExpViewgridexpbarModel from './test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar-model';
+
+
+/**
+ * TestCustomLayoutPanelGridExpViewgridexpbar 部件服务对象
+ *
+ * @export
+ * @class TestCustomLayoutPanelGridExpViewgridexpbarService
+ */
+export default class TestCustomLayoutPanelGridExpViewgridexpbarService extends ControlService {
+
+    /**
+     * 订单服务对象
+     *
+     * @type {IBIZOrderService}
+     * @memberof TestCustomLayoutPanelGridExpViewgridexpbarService
+     */
+    public appEntityService: IBIZOrderService = new IBIZOrderService();
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof TestCustomLayoutPanelGridExpViewgridexpbarService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of TestCustomLayoutPanelGridExpViewgridexpbarService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof TestCustomLayoutPanelGridExpViewgridexpbarService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new TestCustomLayoutPanelGridExpViewgridexpbarModel();
+    }
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar.less

+.app-grid-exp-bar {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .grid-exp-bar-header {
+        line-height: 50px;
+        border-bottom: 1px solid #ddd;
+        .grid-exp-bar-title {
+            font-size: 18px;
+            padding-left: 8px;
+            i {
+                font-size: 20px;
+                margin-top: -2px;
+            }
+        } 
+    }
+    .exp-bar-action-container {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        flex-wrap: wrap;
+        .search-container {
+            width: 30%;
+            height: 48px;
+            padding: 10px 10px 10px 0;
+            min-width: 200px;
+            max-width: 400px;
+        }
+        .toolbar-container{
+            padding: 4px;
+        }
+        .quick-group-container {
+            padding-top: 8px;
+            padding-right: 20px;
+        }
+    }
+    .grid-exp-bar-content {
+        flex-grow: 1;
+        overflow: auto;
+    }
+}
+
+// this is less

app_Web/src/widgets/ibizorder/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar/test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import TestCustomLayoutPanelGridExpViewgridexpbarBase from './test-custom-layout-panel-grid-exp-viewgridexpbar-gridexpbar-base.vue';
+import view_gridexpbar_grid from '@widgets/ibizorder/main-grid/main-grid.vue';
+
+ 
+@Component({
+    components: {
+        view_gridexpbar_grid, 
+         
+    }
+})
+export default class TestCustomLayoutPanelGridExpViewgridexpbar extends TestCustomLayoutPanelGridExpViewgridexpbarBase {
+
+}
+</script>
\ No newline at end of file

app_Web/vue.config.js

@@ -17,10 +17,40 @@ module.exports = {
         // proxy: "http://127.0.0.1:8080/",
         historyApiFallback: {
             rewrites: [
+               // { from: /^\/appindexview$/, to: '/appindexview.html' },
             ]
         }
     },
     pages: {
+        // 新增默认首页入口
+        index : {
+            // page 的入口
+            entry: 'src/pages/ungroup/app-index-view/main.ts',
+            // 模板来源
+            template: 'src/template.html',
+            // 在 dist/index.html 的输出
+            filename: 'index.html',
+            // 当使用 title 选项时，
+            // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
+            title: '应用首页视图',
+            // 在这个页面中包含的块，默认情况下会包含
+            // 提取出来的通用 chunk 和 vendor chunk。
+            // chunks: ['chunk-vendors', 'chunk-common', 'index']
+        },
+        appindexview: {
+            // page 的入口
+            entry: 'src/pages/ungroup/app-index-view/main.ts',
+            // 模板来源
+            template: 'src/template.html',
+            // 在 dist/index.html 的输出
+            filename: 'appindexview.html',
+            // 当使用 title 选项时，
+            // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
+            title: '应用首页视图',
+            // 在这个页面中包含的块，默认情况下会包含
+            // 提取出来的通用 chunk 和 vendor chunk。
+            // chunks: ['chunk-vendors', 'chunk-common', 'index']
+        },
         index: {
             // page 的入口
             entry: 'src/pages/sample/index/main.ts',
@@ -43,6 +73,8 @@ module.exports = {
         config.plugins.delete('preload-index')
         // 删除预加载资源
         config.plugins.delete('prefetch-index')
+        config.plugins.delete('preload-appindexview')
+        config.plugins.delete('prefetch-appindexview')
         config.resolve.alias
             .set('@ibizsys', resolve('src/ibizsys'))
             .set('@pages', resolve('src/pages'))

demo-core/src/main/resources/liquibase/h2_table.xml

@@ -340,7 +340,7 @@
 
 
     <!--输出实体[IBIZORDER]数据结构 -->
-    <changeSet author="a_LAB01_df847bdfd" id="tab-ibizorder-11-14">
+    <changeSet author="a_LAB01_df847bdfd" id="tab-ibizorder-20-14">
         <createTable tableName="T_IBIZORDER">
                 <column name="TP" remarks="" type="TEXT(1048576)">
                 </column>

demo-core/src/main/resources/liquibase/view.xml

@@ -37,7 +37,7 @@
          </createView>
      </changeSet>
         <!--输出实体[IBIZORDER]视图结构信息 runOnChange="true"  当视图发生变更时，通过liquibase强刷prod的视图，实现视图的同步-->
-     <changeSet author="a_LAB01_df847bdfd" id="view-ibizorder-11-8" runOnChange="true">
+     <changeSet author="a_LAB01_df847bdfd" id="view-ibizorder-20-8" runOnChange="true">
          <createView fullDefinition="false" replaceIfExists="true" viewName="V_IBIZORDER">
                <![CDATA[ SELECT t1.[AMOUNT], t1.[CREATEDATE], t1.[CREATEMAN], t1.[DETAILNUM], t1.[IBIZCUSTOMERID], t11.[IBIZCUSTOMERNAME], t1.[IBIZORDERID], t1.[IBIZORDERNAME], t1.[MEMO], t1.[ORDERSTATE], t1.[ORDERTIME], t1.[ORDERTYPE], t1.[ORDERUID], t1.[UPDATEDATE], t1.[UPDATEMAN], t1.[WFINSTANCEID], t1.[WFSTATE], t1.[WFSTEP] FROM [T_IBIZORDER] t1  LEFT JOIN T_IBIZCUSTOMER t11 ON t1.IBIZCUSTOMERID = t11.IBIZCUSTOMERID  ]]>
          </createView>