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

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

@@ -235,6 +235,7 @@ export default {
                 menuitem62: "动态节点（实体）",
                 menuitem63: "右键操作",
                 menuitem110: "树表格",
+                menuitem111: "甘特图",
                 menuitem17: "向导面板",
                 menuitem134: "基础用法",
                 menuitem135: "状态属性",
@@ -247,7 +248,6 @@ export default {
                 menuitem18: "界面行为",
                 menuitem65: "前端界面行为",
                 menuitem66: "后台界面行为",
-                menuitem111: "甘特图",
                 menuitem119: "分页视图",
                 menuitem120: "分页导航",
                 menuitem121: "多编辑视图",

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

@@ -235,6 +235,7 @@ export default {
                 menuitem62: "动态节点（实体）",
                 menuitem63: "右键操作",
                 menuitem110: "树表格",
+                menuitem111: "甘特图",
                 menuitem17: "向导面板",
                 menuitem134: "基础用法",
                 menuitem135: "状态属性",
@@ -247,7 +248,6 @@ export default {
                 menuitem18: "界面行为",
                 menuitem65: "前端界面行为",
                 menuitem66: "后台界面行为",
-                menuitem111: "甘特图",
                 menuitem119: "分页视图",
                 menuitem120: "分页导航",
                 menuitem121: "多编辑视图",

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

@@ -1195,6 +1195,24 @@ mock.onGet('v7/main-menuappmenu').reply((config: any) => {
 	textcls: '',
 	appfunctag: 'AppFunc73',
 	resourcetag: '',
+},
+		{
+	id: 'E5EAA3AF-BF88-496E-A1B1-31DAB9A4D309',
+	name: 'menuitem111',
+	text: '甘特图',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '甘特图',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc74',
+	resourcetag: '',
 },
 		{
 	id: '95b2ccd6e3cdb5965ac67f44e89a3c02',
@@ -1417,24 +1435,6 @@ mock.onGet('v7/main-menuappmenu').reply((config: any) => {
 	resourcetag: '',
 },
 	],
-},
-		{
-	id: 'E5EAA3AF-BF88-496E-A1B1-31DAB9A4D309',
-	name: 'menuitem111',
-	text: '甘特图',
-	type: 'MENUITEM',
-	counterid: '',
-	tooltip: '甘特图',
-	expanded: false,
-	separator: false,
-	hidden: false,
-	hidesidebar: false,
-	opendefault: false,
-	iconcls: '',
-	icon: '',
-	textcls: '',
-	appfunctag: '',
-	resourcetag: '',
 },
 		{
 	id: 'CC40A1B2-FAD2-4EC7-9234-0EDB32E81908',

app_Web/src/pages/sample/ibizorder-gantt-view/ibizorder-gantt-view.less

+.ibizorder-gantt-view{
+    position: relative;
+}
+
+
+
+.ibizorder-gantt-view {
+    > .view-card > .ivu-card-body > .content-container > .gantt {
+        overflow: auto;
+    }
+}

app_Web/src/pages/sample/ibizorder-gantt-view/ibizorder-gantt-view.vue

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

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

@@ -127,6 +127,7 @@ export const PageComponents = {
         Vue.component('ibizorder-sf6-grid-view', () => import('@pages/sample/ibizorder-sf6-grid-view/ibizorder-sf6-grid-view.vue'));
         Vue.component('ibizorder-detail-edit-view', () => import('@pages/sample/ibizorder-detail-edit-view/ibizorder-detail-edit-view.vue'));
         Vue.component('ibizbookusr8-grid-view', () => import('@pages/sample/ibizbookusr8-grid-view/ibizbookusr8-grid-view.vue'));
+        Vue.component('ibizorder-gantt-view', () => import('@pages/sample/ibizorder-gantt-view/ibizorder-gantt-view.vue'));
         Vue.component('ibizbookusr2-data-view', () => import('@pages/sample/ibizbookusr2-data-view/ibizbookusr2-data-view.vue'));
         Vue.component('ibizappviewlist-view', () => import('@pages/sample/ibizappviewlist-view/ibizappviewlist-view.vue'));
         Vue.component('ibizbooklist-view', () => import('@pages/sample/ibizbooklist-view/ibizbooklist-view.vue'));

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

@@ -2038,6 +2038,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizbookusr8-grid-view/ibizbookusr8-grid-view.vue'),
                 },
+                {
+                    path: 'ibizorders/:ibizorder?/ganttview/:ganttview?',
+                    meta: {
+                        caption: 'entities.ibizorder.views.ganttview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+                            { pathName: 'ganttview', parameterName: 'ganttview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizorder-gantt-view/ibizorder-gantt-view.vue'),
+                },
                 {
                     path: 'ibizbooks/:ibizbook?/usr2dataview/:usr2dataview?',
                     meta: {
@@ -3437,6 +3451,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizbookgroup-by-codelist-kan-ban-view/ibizbookgroup-by-codelist-kan-ban-view.vue'),
     },
+    {
+        path: '/ibizorders/:ibizorder?/ganttview/:ganttview?',
+        meta: {
+            caption: 'entities.ibizorder.views.ganttview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizorders', parameterName: 'ibizorder' },
+                { pathName: 'ganttview', parameterName: 'ganttview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizorder-gantt-view/ibizorder-gantt-view.vue'),
+    },
     {
         path: '/ibizbooks/:ibizbook?/usr5dataview/:usr5dataview?',
         meta: {

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

@@ -269,6 +269,7 @@ export const viewstate: any = {
                 '17c2991a0bd88cfd2bd6f8651537450b',
                 '13ed6c02918e612bac45715a6f300f2f',
                 '9c8e1b12e5e55164c2ec0e5617e1574b',
+                '3077eef0d4b96e220a02f795ffb545fc',
                 'e9b54ef29b192ecd2da05ff9570eb4d5',
                 'b038c48269316664e5b48380a879fd99',
                 'd9bd3192a20de0815bed3fd3d79d0cb1',
@@ -469,6 +470,15 @@ export const viewstate: any = {
                 'b3429ecc4d89a02bc5f5279f1bd7f620',
             ],
         },
+        {
+            viewtag: '3077eef0d4b96e220a02f795ffb545fc',
+            viewmodule: 'Sample',
+            viewname: 'IBIZOrderGanttView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+            ],
+        },
         {
             viewtag: '323ab2f980880093a8f5fbaf3e0965a0',
             viewmodule: 'Sample',

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

@@ -587,6 +587,9 @@ export default class MainMenuBase extends Vue implements ControlInterface {
                 case 'AppFunc25': 
                     this.clickAppFunc25(item);
                     return;
+                case 'AppFunc74': 
+                    this.clickAppFunc74(item);
+                    return;
                 case 'AppFunc72': 
                     this.clickAppFunc72(item);
                     return;
@@ -1413,6 +1416,29 @@ export default class MainMenuBase extends Vue implements ControlInterface {
         })
     }
     
+    /**
+     * 甘特图
+     *
+     * @param {*} [item={}]
+     * @memberof MainMenu
+     */
+    public clickAppFunc74(item: any = {}) {
+        const viewparam: any = {};
+        Object.assign(viewparam, {});
+        const deResParameters: any[] = [];
+        const parameters: any[] = [
+            { pathName: 'ibizorders', parameterName: 'ibizorder' },
+            { pathName: 'ganttview', parameterName: 'ganttview' },
+        ];
+        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

@@ -1264,6 +1264,25 @@ export default class MainMenuModel {
 	appfunctag: 'AppFunc73',
 	resourcetag: '',
 	authtag:'Web-MainMenu-menuitem110',
+},
+		{
+	id: 'E5EAA3AF-BF88-496E-A1B1-31DAB9A4D309',
+	name: 'menuitem111',
+	text: '甘特图',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '甘特图',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc74',
+	resourcetag: '',
+	authtag:'Web-MainMenu-menuitem111',
 },
 		{
 	id: '95b2ccd6e3cdb5965ac67f44e89a3c02',
@@ -1498,25 +1517,6 @@ export default class MainMenuModel {
 	authtag:'Web-MainMenu-menuitem66',
 },
 	],
-},
-		{
-	id: 'E5EAA3AF-BF88-496E-A1B1-31DAB9A4D309',
-	name: 'menuitem111',
-	text: '甘特图',
-	type: 'MENUITEM',
-	counterid: '',
-	tooltip: '甘特图',
-	expanded: false,
-	separator: false,
-	hidden: false,
-	hidesidebar: false,
-	opendefault: false,
-	iconcls: '',
-	icon: '',
-	textcls: '',
-	appfunctag: '',
-	resourcetag: '',
-	authtag:'Web-MainMenu-menuitem111',
 },
 		{
 	id: 'CC40A1B2-FAD2-4EC7-9234-0EDB32E81908',

app_Web/src/widgets/ibizorder/gantt-tree-gantt/gantt-tree-gantt-model.ts

+/**
+ * GanttTree 部件模型
+ *
+ * @export
+ * @class GanttTreeModel
+ */
+export default class GanttTreeModel {
+
+	/**
+	 * 日历项类型
+	 *
+	 * @returns {any[]}
+	 * @memberof GanttTreeGanttMode
+	 */
+	public itemType: string = "";
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof GanttTreeGanttMode
+	 */
+	public getDataItems(): any[] {
+     let dataItems: any = [
+          // 前端新增修改标识，新增为"0",修改为"1"或未设值
+          {
+            name: 'srffrontuf',
+            prop: 'srffrontuf',
+            dataType: 'TEXT',
+          },
+          {
+            name: 'style',
+          },
+          {
+            name: 'textColor',
+          },
+          {
+            name: 'itemType',
+          },
+          {
+            name: 'parentId'
+          },
+          {
+            name: 'query',
+            prop: 'query',
+          },
+      ];
+      switch(this.itemType){
+          case "orderData":
+              dataItems = [...dataItems,
+                  {
+                    name: 'id',
+                    prop: 'ibizorderid'
+                  },
+                  {
+                    name: 'datakey',
+                    prop: 'orderuid'
+                  },
+                  {
+                    name: 'name',
+                    prop: 'ibizordername'
+                  },
+                  {
+                    name: 'updatedate',
+                    prop: 'updatedate'
+                  },
+              ];
+              break;
+          case "orderDetailData":
+              dataItems = [...dataItems,
+                  {
+                    name: 'id',
+                    prop: 'ibizorderdetailid'
+                  },
+                  {
+                    name: 'updatedate',
+                    prop: 'updatedate'
+                  },
+                  {
+                    name: 'name',
+                    prop: 'ibizorderdetailname'
+                  },
+                  {
+                    name: 'datakey',
+                    prop: 'ibizorderdetailid'
+                  },
+              ];
+              break;
+      }
+      return dataItems;
+	}
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizorder/gantt-tree-gantt/gantt-tree-gantt.less

+.app-gantt{
+  height: 100%;
+  .gantt {
+    height: 100%;
+    .gantt-elastic__main-view-container {
+      flex-grow: 1;
+    }
+  }
+  .app-data-empty{
+    height: 100%;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+// this is less

app_Web/src/widgets/ibizorder/gantt-tree-gantt/gantt-tree-gantt.vue

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