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

app_Web/src/pages/sample/ibizbooktree-grid-ex-view/ibizbooktree-grid-ex-view.less

+.ibizbooktree-grid-ex-view{
+    position: relative;
+}
+        .toolbar-container {
+            button {
+                margin: 6px 0px 4px 4px;
+                .caption {
+                    margin-left: 4px;
+                }
+            }
+            .seperator {
+                color: #dcdee2;
+                margin: 0 0px 0 4px;
+            }
+        }
+        
+        // this is less
+
+

app_Web/src/pages/sample/ibizbooktree-grid-ex-view/ibizbooktree-grid-ex-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZBOOKTreeGridExViewBase from './ibizbooktree-grid-ex-view-base.vue';
+
+import view_treegridex from '@widgets/ibizbook/tree-table-treegridex/tree-table-treegridex.vue';
+@Component({
+    components: {
+        view_treegridex, 
+    },
+    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 IBIZBOOKTreeGridExView extends IBIZBOOKTreeGridExViewBase {
+
+}
+</script>
\ No newline at end of file

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

@@ -2304,6 +2304,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizbookauto-group-list-view/ibizbookauto-group-list-view.vue'),
     },
+    {
+        path: '/ibizbooks/:ibizbook?/treegridexview/:treegridexview?',
+        meta: {
+            caption: 'entities.ibizbook.views.treegridexview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+                { pathName: 'treegridexview', parameterName: 'treegridexview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizbooktree-grid-ex-view/ibizbooktree-grid-ex-view.vue'),
+    },
     {
         path: '/ibizorders/:ibizorder?/f13editview/:f13editview?',
         meta: {

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

@@ -292,6 +292,16 @@ export const viewstate: any = {
                 'b3429ecc4d89a02bc5f5279f1bd7f620',
             ],
         },
+        {
+            viewtag: '2ccd29eeaeded3ea5a713a19cd67a83e',
+            viewmodule: 'Sample',
+            viewname: 'IBIZBOOKTreeGridExView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                'b3429ecc4d89a02bc5f5279f1bd7f620',
+            ],
+        },
         {
             viewtag: '2cd3a77cbd2aad4551b7a6a009419d52',
             viewmodule: 'Sample',

app_Web/src/widgets/ibizbook/tree-table-treegridex/tree-table-treegridex-model.ts

+/**
+ * TreeTable 部件模型
+ *
+ * @export
+ * @class TreeTableModel
+ */
+export default class TreeTableModel {
+
+	/**
+	 * 日历项类型
+	 *
+	 * @returns {any[]}
+	 * @memberof TreeTableTreegridexMode
+	 */
+	public itemType: string = "";
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof TreeTableTreegridexMode
+	 */
+	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 "top1":
+              dataItems = [...dataItems,
+                  {
+                    name: 'id',
+                    prop: 'ibizbookid'
+                  },
+                  {
+                    name: 'author',
+                    prop: 'author'
+                  },
+                  {
+                    name: 'srfmajortext',
+                    prop: 'ibizbookname'
+                  },
+                  {
+                    name: 'subtext',
+                    prop: 'subtext'
+                  },
+              ];
+              break;
+      }
+      return dataItems;
+	}
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/tree-table-treegridex/tree-table-treegridex.less

+.gantt {
+  height: 100%;
+  .gantt-elastic__main-view-container {
+    flex-grow: 1;
+  }
+}
+// this is less

app_Web/src/widgets/ibizbook/tree-table-treegridex/tree-table-treegridex.vue

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