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

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

@@ -253,6 +253,7 @@ export default {
                 menuitem127: "导航视图",
                 menuitem128: "表格导航",
                 menuitem114: "列表导航",
+                menuitem136: "树导航",
                 menuitem129: "选项操作",
                 menuitem130: "选项操作视图",
                 menuitem131: "表格选项操作",

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

@@ -253,6 +253,7 @@ export default {
                 menuitem127: "导航视图",
                 menuitem128: "表格导航",
                 menuitem114: "列表导航",
+                menuitem136: "树导航",
                 menuitem129: "选项操作",
                 menuitem130: "选项操作视图",
                 menuitem131: "表格选项操作",

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

@@ -1661,6 +1661,24 @@ mock.onGet('v7/main-menuappmenu').reply((config: any) => {
 	textcls: '',
 	appfunctag: 'AppFunc56',
 	resourcetag: '',
+},
+		{
+	id: 'E9F0DFF0-6F72-4964-9B12-B035E2383C2D',
+	name: 'menuitem136',
+	text: '树导航',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '树导航',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc57',
+	resourcetag: '',
 },
 	],
 },

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

+.view-card {
+    >.ivu-card-extra {
+        top: 5px;
+        right: 0px;
+    }
+}
+.ibizorder-tree-exp-view{
+    position: relative;
+}
+
+

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

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZOrderTreeExpViewBase from './ibizorder-tree-exp-view-base.vue';
+
+import view_treeexpbar from '@widgets/ibizorder/tree-exp-viewtreeexpbar-treeexpbar/tree-exp-viewtreeexpbar-treeexpbar.vue';
+@Component({
+    components: {
+        view_treeexpbar, 
+    },
+    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 IBIZOrderTreeExpView extends IBIZOrderTreeExpViewBase {
+
+}
+</script>
\ No newline at end of file

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

@@ -137,6 +137,7 @@ export const PageComponents = {
         Vue.component('ibizsample0003-mpickup-view', () => import('@pages/sample/ibizsample0003-mpickup-view/ibizsample0003-mpickup-view.vue'));
         Vue.component('ibizorder-odsp-d20-wfgrid-view', () => import('@pages/sample/ibizorder-odsp-d20-wfgrid-view/ibizorder-odsp-d20-wfgrid-view.vue'));
         Vue.component('ibizorder-wfaction-view', () => import('@pages/sample/ibizorder-wfaction-view/ibizorder-wfaction-view.vue'));
+        Vue.component('ibizorder-tree-exp-view', () => import('@pages/sample/ibizorder-tree-exp-view/ibizorder-tree-exp-view.vue'));
         Vue.component('ibizsample0017-f20-edit-view', () => import('@pages/sample/ibizsample0017-f20-edit-view/ibizsample0017-f20-edit-view.vue'));
         Vue.component('ibizorder-odsp-w-wfgrid-view', () => import('@pages/sample/ibizorder-odsp-w-wfgrid-view/ibizorder-odsp-w-wfgrid-view.vue'));
         Vue.component('ibizbookvalue-rules-grid-view', () => import('@pages/sample/ibizbookvalue-rules-grid-view/ibizbookvalue-rules-grid-view.vue'));
@@ -158,8 +159,8 @@ export const PageComponents = {
         Vue.component('ibizuniproduct-grid-view9', () => import('@pages/sample/ibizuniproduct-grid-view9/ibizuniproduct-grid-view9.vue'));
         Vue.component('ibizsample0003-sf5-edit-view', () => import('@pages/sample/ibizsample0003-sf5-edit-view/ibizsample0003-sf5-edit-view.vue'));
         Vue.component('ibizuniproduct-index-pickup-data-view', () => import('@pages/sample/ibizuniproduct-index-pickup-data-view/ibizuniproduct-index-pickup-data-view.vue'));
-        Vue.component('ibizorder-tab-exp-view', () => import('@pages/sample/ibizorder-tab-exp-view/ibizorder-tab-exp-view.vue'));
         Vue.component('ibizorder-type-usr2-grid-view', () => import('@pages/sample/ibizorder-type-usr2-grid-view/ibizorder-type-usr2-grid-view.vue'));
+        Vue.component('ibizorder-tab-exp-view', () => import('@pages/sample/ibizorder-tab-exp-view/ibizorder-tab-exp-view.vue'));
         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'));

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

@@ -2193,6 +2193,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizorder-wfaction-view/ibizorder-wfaction-view.vue'),
                 },
+                {
+                    path: 'ibizorders/:ibizorder?/treeexpview/:treeexpview?',
+                    meta: {
+                        caption: 'entities.ibizorder.views.treeexpview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+                            { pathName: 'treeexpview', parameterName: 'treeexpview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizorder-tree-exp-view/ibizorder-tree-exp-view.vue'),
+                },
                 {
                     path: 'ibizsample0017s/:ibizsample0017?/f20editview/:f20editview?',
                     meta: {
@@ -2518,32 +2532,32 @@ const router = new Router({
                     component: () => import('@pages/sample/ibizuniproduct-index-pickup-data-view/ibizuniproduct-index-pickup-data-view.vue'),
                 },
                 {
-                    path: 'ibizorders/:ibizorder?/tabexpview/:tabexpview?',
+                    path: 'ibizordertypes/:ibizordertype?/usr2gridview/:usr2gridview?',
                     meta: {
-                        caption: 'entities.ibizorder.views.tabexpview.caption',
+                        caption: 'entities.ibizordertype.views.usr2gridview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'index', parameterName: 'index' },
-                            { pathName: 'ibizorders', parameterName: 'ibizorder' },
-                            { pathName: 'tabexpview', parameterName: 'tabexpview' },
+                            { pathName: 'ibizordertypes', parameterName: 'ibizordertype' },
+                            { pathName: 'usr2gridview', parameterName: 'usr2gridview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sample/ibizorder-tab-exp-view/ibizorder-tab-exp-view.vue'),
+                    component: () => import('@pages/sample/ibizorder-type-usr2-grid-view/ibizorder-type-usr2-grid-view.vue'),
                 },
                 {
-                    path: 'ibizordertypes/:ibizordertype?/usr2gridview/:usr2gridview?',
+                    path: 'ibizorders/:ibizorder?/tabexpview/:tabexpview?',
                     meta: {
-                        caption: 'entities.ibizordertype.views.usr2gridview.caption',
+                        caption: 'entities.ibizorder.views.tabexpview.caption',
                         info:'',
                         parameters: [
                             { pathName: 'index', parameterName: 'index' },
-                            { pathName: 'ibizordertypes', parameterName: 'ibizordertype' },
-                            { pathName: 'usr2gridview', parameterName: 'usr2gridview' },
+                            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+                            { pathName: 'tabexpview', parameterName: 'tabexpview' },
                         ],
                         requireAuth: true,
                     },
-                    component: () => import('@pages/sample/ibizorder-type-usr2-grid-view/ibizorder-type-usr2-grid-view.vue'),
+                    component: () => import('@pages/sample/ibizorder-tab-exp-view/ibizorder-tab-exp-view.vue'),
                 },
             ...indexRoutes,
             ],
@@ -3495,6 +3509,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizsample0001-sf2-edit-view/ibizsample0001-sf2-edit-view.vue'),
     },
+    {
+        path: '/ibizorders/:ibizorder?/treeexpview/:treeexpview?',
+        meta: {
+            caption: 'entities.ibizorder.views.treeexpview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizorders', parameterName: 'ibizorder' },
+                { pathName: 'treeexpview', parameterName: 'treeexpview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizorder-tree-exp-view/ibizorder-tree-exp-view.vue'),
+    },
     {
         path: '/ibizsample0003s/:ibizsample0003?/smpickupview2/:smpickupview2?',
         meta: {

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

@@ -248,6 +248,7 @@ export const viewstate: any = {
                 'dd8d7ffe00cabb07784f30f66a5b34da',
                 'e14e0fa8f3def77ebbcf18f1f39c0225',
                 'd3255261c8522c660c1000cd0a61c3b0',
+                '6625a5fb33580f05512d6ba60d17b55f',
                 '5ccbd78fe47300a160915d6398b59604',
                 'bdb15578e295954bc2ecd16771c3e200',
                 '5f21463b9d808170d4023d8402cc6e9e',
@@ -719,6 +720,16 @@ export const viewstate: any = {
                 'ac9add3724d90fba46e7298ac051fa5f',
             ],
         },
+        {
+            viewtag: '6625a5fb33580f05512d6ba60d17b55f',
+            viewmodule: 'Sample',
+            viewname: 'IBIZOrderTreeExpView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                '2567fdd6130699509d22512564bbb650',
+            ],
+        },
         {
             viewtag: '668ab3660db4770c4ef6fc19c40bdc46',
             viewmodule: 'Sample',

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

@@ -650,12 +650,12 @@ export default class MainMenuBase extends Vue implements ControlInterface {
                 case 'Auto176': 
                     this.clickAuto176(item);
                     return;
-                case 'AppFunc48': 
-                    this.clickAppFunc48(item);
-                    return;
                 case 'AppFunc24': 
                     this.clickAppFunc24(item);
                     return;
+                case 'AppFunc48': 
+                    this.clickAppFunc48(item);
+                    return;
                 case 'Auto3': 
                     this.clickAuto3(item);
                     return;
@@ -671,6 +671,9 @@ export default class MainMenuBase extends Vue implements ControlInterface {
                 case 'AppFunc46': 
                     this.clickAppFunc46(item);
                     return;
+                case 'AppFunc57': 
+                    this.clickAppFunc57(item);
+                    return;
                 case 'AppFunc44': 
                     this.clickAppFunc44(item);
                     return;
@@ -1855,18 +1858,18 @@ export default class MainMenuBase extends Vue implements ControlInterface {
     }
     
     /**
-     * 功能名称
+     * 订单示例数据补充
      *
      * @param {*} [item={}]
      * @memberof MainMenu
      */
-    public clickAppFunc48(item: any = {}) {
+    public clickAppFunc24(item: any = {}) {
         const viewparam: any = {};
         Object.assign(viewparam, {});
         const deResParameters: any[] = [];
         const parameters: any[] = [
-            { pathName: 'ibizbooks', parameterName: 'ibizbook' },
-            { pathName: 'usr6gridview', parameterName: 'usr6gridview' },
+            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+            { pathName: 'zdytpgridview', parameterName: 'zdytpgridview' },
         ];
         const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
         if(Object.is(this.$route.fullPath,path)){
@@ -1878,18 +1881,18 @@ export default class MainMenuBase extends Vue implements ControlInterface {
     }
     
     /**
-     * 订单示例数据补充
+     * 功能名称
      *
      * @param {*} [item={}]
      * @memberof MainMenu
      */
-    public clickAppFunc24(item: any = {}) {
+    public clickAppFunc48(item: any = {}) {
         const viewparam: any = {};
         Object.assign(viewparam, {});
         const deResParameters: any[] = [];
         const parameters: any[] = [
-            { pathName: 'ibizorders', parameterName: 'ibizorder' },
-            { pathName: 'zdytpgridview', parameterName: 'zdytpgridview' },
+            { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+            { pathName: 'usr6gridview', parameterName: 'usr6gridview' },
         ];
         const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
         if(Object.is(this.$route.fullPath,path)){
@@ -2015,6 +2018,29 @@ export default class MainMenuBase extends Vue implements ControlInterface {
         })
     }
     
+    /**
+     * 订单实体树导航
+     *
+     * @param {*} [item={}]
+     * @memberof MainMenu
+     */
+    public clickAppFunc57(item: any = {}) {
+        const viewparam: any = {};
+        Object.assign(viewparam, {});
+        const deResParameters: any[] = [];
+        const parameters: any[] = [
+            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+            { pathName: 'treeexpview', parameterName: 'treeexpview' },
+        ];
+        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);
+        })
+    }
+    
     /**
      * 示例实体01数据补充
      *

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

@@ -1755,6 +1755,25 @@ export default class MainMenuModel {
 	appfunctag: 'AppFunc56',
 	resourcetag: '',
 	authtag:'Web-MainMenu-menuitem114',
+},
+		{
+	id: 'E9F0DFF0-6F72-4964-9B12-B035E2383C2D',
+	name: 'menuitem136',
+	text: '树导航',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '树导航',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc57',
+	resourcetag: '',
+	authtag:'Web-MainMenu-menuitem136',
 },
 	],
 },

app_Web/src/widgets/ibizorder/tree-exp-treeview/tree-exp-treeview-model.ts

+/**
+ * TreeExp 部件模型
+ *
+ * @export
+ * @class TreeExpModel
+ */
+export default class TreeExpModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof TreeExpModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'tp',
+      },
+      {
+        name: 'endtime',
+      },
+      {
+        name: 'wfstate',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'opinion',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'ordertype',
+      },
+      {
+        name: 'detailnum',
+      },
+      {
+        name: 'wfinstanceid',
+      },
+      {
+        name: 'amount',
+      },
+      {
+        name: 'orderuid',
+      },
+      {
+        name: 'ibizorder',
+        prop: 'ibizorderid',
+      },
+      {
+        name: 'orderstate',
+      },
+      {
+        name: 'starttime',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'wfstep',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'ibizordername',
+      },
+      {
+        name: 'ordertime',
+      },
+      {
+        name: 'memo',
+      },
+      {
+        name: 'ibizcustomername',
+      },
+      {
+        name: 'ibizcustomerid',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/tree-exp-treeview/tree-exp-treeview.less

+.tree-right-menu {
+    .ivu-divider-horizontal {
+        width: 100%;
+        min-width: 100%;
+        margin: 0 auto;
+    }
+    .ivu-dropdown-item {
+        position: relative;
+        padding-left: 32px;
+        > i {
+            position: absolute;
+            left: 16px;
+            top: 10px;
+        }
+        .ivu-icon-ios-arrow-forward {
+            left: initial;
+            right: 4px;
+        }
+    }
+    .ivu-dropdown {
+        .ivu-select-dropdown {
+            margin: 0;
+        }
+    }
+}
+
+.el-tree .context-menu-component .tree-node{
+    width: calc(100% - 15px);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    .icon{
+      padding-right: 10px;
+    }
+}
+// this is less

app_Web/src/widgets/ibizorder/tree-exp-treeview/tree-exp-treeview.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import TreeExpBase from './tree-exp-treeview-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class TreeExp extends TreeExpBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizorder/tree-exp-viewtreeexpbar-treeexpbar/tree-exp-viewtreeexpbar-treeexpbar-model.ts

+/**
+ * TreeExpViewtreeexpbar 部件模型
+ *
+ * @export
+ * @class TreeExpViewtreeexpbarModel
+ */
+export default class TreeExpViewtreeexpbarModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof TreeExpViewtreeexpbarModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'tp',
+      },
+      {
+        name: 'endtime',
+      },
+      {
+        name: 'wfstate',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'opinion',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'ordertype',
+      },
+      {
+        name: 'detailnum',
+      },
+      {
+        name: 'wfinstanceid',
+      },
+      {
+        name: 'amount',
+      },
+      {
+        name: 'orderuid',
+      },
+      {
+        name: 'ibizorder',
+        prop: 'ibizorderid',
+      },
+      {
+        name: 'orderstate',
+      },
+      {
+        name: 'starttime',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'wfstep',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'ibizordername',
+      },
+      {
+        name: 'ordertime',
+      },
+      {
+        name: 'memo',
+      },
+      {
+        name: 'ibizcustomername',
+      },
+      {
+        name: 'ibizcustomerid',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/tree-exp-viewtreeexpbar-treeexpbar/tree-exp-viewtreeexpbar-treeexpbar-service.ts

+import { Http } from '@/utils';
+import ControlService from '@/widgets/control-service';
+
+/**
+ * TreeExpViewtreeexpbar 部件服务对象
+ *
+ * @export
+ * @class TreeExpViewtreeexpbarService
+ */
+export default class TreeExpViewtreeexpbarService extends ControlService {
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/tree-exp-viewtreeexpbar-treeexpbar/tree-exp-viewtreeexpbar-treeexpbar.less

+.app-tree-exp-bar {
+    > .ivu-split-horizontal {
+        > .ivu-split-trigger-con {
+            height: 100%;
+            width: 1px;
+        }
+        > .ivu-split-pane {
+            > div {
+                height: 100%;
+                overflow-y: auto;
+                overflow-x: hidden;
+                display: flex;
+                flex-direction: column;
+                .tree-exp-bar-header {
+                    line-height: 50px;
+                    border-bottom: 1px solid #ddd;
+                    display: flex;
+                    justify-content: space-between;
+                    .tree-exp-bar-title {
+                        font-size: 18px;
+                        padding-left: 8px;
+                        flex-shrink: 0;
+                        i {
+                            font-size: 20px;
+                            margin-top: -2px;
+                        }
+                    } 
+                    .toolbar-container{
+                        margin-left: auto;
+                        margin-right: 10px;
+                        display: flex;
+                        flex-wrap: wrap;
+                        align-items: center;
+                        .ivu-badge-count{
+                            top: 2px;
+                        }
+                    }
+                }
+                .search-content {
+                    width: 100%;
+                    height: 48px;
+                    padding: 10px 5px 10px 5px;
+                }
+                .tree-exp-content {
+                                    height: calc(100% - 40px);
+                    overflow: auto;
+                    padding: 16px 0;
+                    margin-bottom: 10px;
+                }
+                .tree-exp-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;
+        }
+    }
+}
+
+// this is less

app_Web/src/widgets/ibizorder/tree-exp-viewtreeexpbar-treeexpbar/tree-exp-viewtreeexpbar-treeexpbar.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import TreeExpViewtreeexpbarBase from './tree-exp-viewtreeexpbar-treeexpbar-base.vue';
+import view_treeexpbar_tree from '@widgets/ibizorder/tree-exp-treeview/tree-exp-treeview.vue';
+
+ 
+@Component({
+    components: {
+        view_treeexpbar_tree, 
+         
+    }
+})
+export default class TreeExpViewtreeexpbar extends TreeExpViewtreeexpbarBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizsample0001/main5-form/main5-form-base.vue

@@ -245,8 +245,8 @@ dataType="LONGTEXT"     :precision="0"
     ownertype="formitem10"
     :ownerid="data.srfkey"
     :show-ocrview="false"
-    :show-preview="false"
-    :persistence="false"
+    :show-preview="true"
+    :persistence="true"
     @formitemvaluechange="onFormItemValueChange">
 </disk-image-upload>
 </app-form-item>