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

app_Web/src/app-register.ts

@@ -112,6 +112,9 @@ import AppColorPicker from  './components/app-color-picker/app-color-picker.vue'
 import AppScrollContainer from './components/layout-element/container/app-scroll-container/app-scroll-container.vue';
 import AppSimpleFlexContainer from './components/layout-element/container/app-simpleflex-container/app-simpleflex-container.vue';
 import AppStandardContainer from './components/layout-element/container/app-standard-container/app-standard-container.vue';
+import AppTabPanel from './components/layout-element/container/app-tab-panel/app-tab-panel.vue';
+import AppTabPage from './components/layout-element/container/app-tab-page/app-tab-page.vue';
+import AppNavPos from './components/layout-element/container/app-nav-pos/app-nav-pos.vue';
 // 全局挂载UI实体服务注册中心
 window['uiServiceRegister'] = uiServiceRegister;
 // 全局挂载实体权限服务注册中心
@@ -238,5 +241,8 @@ export const AppComponents = {
         v.component('app-scroll-container', AppScrollContainer);
         v.component('app-simpleflex-container',AppSimpleFlexContainer);
         v.component('app-standard-container',AppStandardContainer);
+        v.component('app-tab-panel', AppTabPanel);
+        v.component('app-tab-page', AppTabPage);
+        v.component('app-nav-pos', AppNavPos);
     },
 };
\ No newline at end of file

app_Web/src/components/layout-element/container/app-nav-pos/app-nav-pos.vue

+<template>
+    <div class="app-nav-pos">
+        <template v-if="dynaNavMode === 'ROUTEVIEW'">
+            <template v-if="enableCache">
+                <app-keep-alive :routerList="routerList">
+                    <router-view :key="routerViewKey"></router-view>
+                </app-keep-alive>
+            </template>
+            <router-view v-else :key="routerViewKey"></router-view>
+        </template>
+        <component
+            class="view-container2"
+            v-if="navData && navData.navView"
+            :is="navData.navView"
+            :viewDefaultUsage="false"
+            :viewdata="JSON.stringify(navData.srfnavdata.context)"
+            :viewparam="JSON.stringify(navData.srfnavdata.viewparmas)"
+            @viewdataschange="handleViewEvent"
+            @viewLoaded="handleViewEvent"
+            @viewstatechange="handleViewEvent">
+        </component>
+    </div>
+</template>
+<script lang="ts">
+import { Component, Prop, Vue, Watch } from "vue-property-decorator";
+
+@Component({})
+export default class AppNavPos extends Vue {
+    /**
+     * 动态导航模式（DYNAMICCOMP：动态组件 ROUTEVIEW：路由出口）
+     *
+     * @public
+     * @type {'DYNAMICCOMP' | 'ROUTEVIEW'}
+     * @memberof AppNavPos
+     */
+    @Prop({ default: "ROUTEVIEW" }) public dynaNavMode?: "DYNAMICCOMP" | "ROUTEVIEW";
+
+    /**
+     * 是否启用动态缓存
+     *
+     * @type {boolean}
+     * @memberof AppNavPos
+     */
+    @Prop({ default: false }) public enableCache?: boolean;
+
+    /**
+     * 导航数据
+     *
+     * @type {*}
+     * @memberof AppNavPos
+     */
+    @Prop() public navData?: any;
+
+    /**
+     * 路由列表
+     *
+     * @memberof AppNavPos
+     */
+    get routerList() {
+        return this.$store.state.historyPathList;
+    }
+
+    /**
+     * 路由键值
+     *
+     * @memberof AppNavPos
+     */
+    get routerViewKey() {
+        let _this: any = this;
+        return _this.$route.fullPath;
+    }
+
+    /**
+     * 执行视图事件
+     *
+     * @param {*} args
+     * @memberof AppNavPos
+     */
+    public handleViewEvent(args: any) {
+        console.log(args);
+    }
+
+}
+</script>

app_Web/src/components/layout-element/container/app-tab-page/app-tab-page.vue

+<template>
+    <TabPane :label="currentModelDetail.caption" :name="currentModelDetail.name" tab="tabpanel1" :class="curClassName">
+        <template v-if="containerModel.length > 0">
+            <template v-for="name of containerModel">
+                <slot :name="name"></slot>
+            </template>
+        </template>
+    </TabPane>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator';
+
+@Component({})
+export default class AppTabPanel extends Vue {
+    /**
+    * 名称
+    *
+    * @type {string}
+    * @memberof AppTabPanel
+    */
+    @Prop() public name!: string;
+
+    /**
+     * 布局模型详情
+     *
+     * @type {string}
+     * @memberof AppTabPanel
+     */
+    @Prop() public layoutModelDetails: any;
+
+    /**
+     * 插槽对象
+     *
+     * @memberof AppTabPanel
+     */
+    public containerModel: any[] = [];
+
+    /**
+     * 当前模型
+     *
+     * @memberof AppTabPanel
+     */
+    public currentModelDetail: any;
+
+    /**
+     * 组件初始化
+     *
+     * @memberof SimpleFlexContainer
+     */
+    public created() {
+        this.init();
+    }
+
+    /**
+     * 初始化子项
+     *
+     * @memberof SimpleFlexContainer
+     */
+    public init() {
+        this.currentModelDetail = this.layoutModelDetails[this.name];
+        if (this.currentModelDetail && this.currentModelDetail.details && this.currentModelDetail.details.length > 0) {
+            this.currentModelDetail.details.forEach((key: string) => {
+                this.containerModel.push(key);
+            })
+        }
+    }
+
+    /**
+    * 当前容器样式类
+    */
+    get curClassName() {
+        return `app-tab-page ${this.name}`;
+    }
+
+}
+</script>
+<style lang='less'>
+</style>
\ No newline at end of file

app_Web/src/components/layout-element/container/app-tab-panel/app-tab-panel.vue

+<template>
+    <Tabs v-model="activeName" @on-click="handleClick" :name="name" :class="curClassName">
+        <template v-if="containerModel.length > 0">
+            <template v-for="name of containerModel">
+                <slot :name="name"></slot>
+            </template>
+        </template>
+    </Tabs>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator';
+
+@Component({})
+export default class AppTabPanel extends Vue {
+    /**
+    * 名称
+    *
+    * @type {string}
+    * @memberof AppTabPanel
+    */
+    @Prop() public name!: string;
+
+    /**
+     * 布局模型详情
+     *
+     * @type {string}
+     * @memberof AppTabPanel
+     */
+    @Prop() public layoutModelDetails: any;
+
+    /**
+     * 插槽对象
+     *
+     * @memberof AppTabPanel
+     */
+    public containerModel: any[] = [];
+
+    /**
+     * 当前激活项
+     *
+     * @memberof AppTabPanel
+     */
+    public activeName: string = '';
+
+    /**
+     * 组件初始化
+     *
+     * @memberof SimpleFlexContainer
+     */
+    public created() {
+        this.initTabPage();
+    }
+
+    /**
+     * 初始化分页
+     *
+     * @memberof SimpleFlexContainer
+     */
+    public initTabPage() {
+        const curLayoutModel = this.layoutModelDetails[this.name];
+        if (curLayoutModel && curLayoutModel.details && curLayoutModel.details.length > 0) {
+            curLayoutModel.details.forEach((key: string) => {
+                this.containerModel.push(key);
+            })
+        }
+        this.activeName = this.containerModel && this.containerModel.length > 0 ? this.containerModel[0] : '';
+        this.layoutModelDetails[this.name].clickPage(this.activeName);
+    }
+
+    /**
+     * 处理分页点击
+     *
+     * @memberof SimpleFlexContainer
+     */
+    public handleClick(tab: any) {
+        this.layoutModelDetails[this.name].clickPage(tab);
+    }
+
+    /**
+    * 当前容器样式类
+    */
+    get curClassName() {
+        return `app-tab-panel ${this.name}`;
+    }
+}
+</script>
+<style lang='less'>
+</style>
\ 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-base.vue

@@ -15,6 +15,7 @@
         <template #container_scroll_main1>
     <app-scroll-container name="container_scroll_main1" :layoutModelDetails="layoutModelDetails">
         <template #nav_pos1>
+        <app-nav-pos name="nav_pos1" :layoutModelDetails="layoutModelDetails"></app-nav-pos>
         </template>
     </app-scroll-container>
         </template>
@@ -252,7 +253,7 @@ export default class IBIZOrderTestCustomLayoutPanelGridExpViewBase extends Vue {
     public layoutModelDetails:any = {
         view_pagecaption:new PanelFieldModel({ name: 'view_pagecaption', caption: '页面标题', itemType: 'FIELD', visible: true, disabled: false, layout:'TABLE_24COL', layoutPos:'', layoutHeight:0, heightMode:'FULL', layoutWidth:0, widthMode:'FULL', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
         container2:new PanelContainerModel({ name: 'container2', caption: '容器', itemType: 'CONTAINER', visible: true, disabled: false, layout:'FLEX', layoutPos:'', layoutHeight:0, heightMode:'FULL', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:-1, flexParams:{align:'',dir:'',vAlign:''}, panel: this , details:['view_pagecaption']}),
-        nav_pos1:new PanelRawitemModel({ name: 'nav_pos1', caption: '导航区占位', itemType: 'RAWITEM', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
+        nav_pos1:new PanelRawitemModel({ name: 'nav_pos1', caption: '导航区占位', itemType: 'RAWITEM', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this , viewType: 'DEGRIDEXPVIEW' }),
         container_scroll_main1:new PanelContainerModel({ name: 'container_scroll_main1', caption: '面板容器', itemType: 'CONTAINER', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this , details:['nav_pos1']}),
         gridexpbar:new PanelCtrlPosModel({ name: 'gridexpbar', caption: '表格导航栏', itemType: 'CTRLPOS', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
         container_scroll_left1:new PanelContainerModel({ name: 'container_scroll_left1', caption: '面板容器', itemType: 'CONTAINER', visible: true, disabled: false, layout:'BORDER', layoutPos:'WEST', layoutHeight:0, heightMode:'', layoutWidth:200, widthMode:'PX', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this , details:['gridexpbar']}),

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

@@ -228,11 +228,11 @@ export default class AppIndexViewBase extends Vue {
      * @memberof AppIndexViewBase
      */
     public layoutModelDetails:any = {
-        static_label1:new PanelRawitemModel({ name: 'static_label1', caption: '标签', itemType: 'RAWITEM', visible: true, disabled: false, layout:'FLEX', layoutPos:'', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:-1, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
+        static_label1:new PanelRawitemModel({ name: 'static_label1', caption: '标签', itemType: 'RAWITEM', visible: true, disabled: false, layout:'FLEX', layoutPos:'', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:-1, flexParams:{align:'',dir:'',vAlign:''}, panel: this , viewType: 'APPINDEXVIEW' }),
         app_apptitle:new PanelFieldModel({ name: 'app_apptitle', caption: '应用标题', itemType: 'FIELD', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
         view_pagecaption:new PanelFieldModel({ name: 'view_pagecaption', caption: '页面标题', itemType: 'FIELD', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
-        static_label2:new PanelRawitemModel({ name: 'static_label2', caption: '标签', itemType: 'RAWITEM', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
-        static_text1:new PanelRawitemModel({ name: 'static_text1', caption: '文本', itemType: 'RAWITEM', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
+        static_label2:new PanelRawitemModel({ name: 'static_label2', caption: '标签', itemType: 'RAWITEM', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this , viewType: 'APPINDEXVIEW' }),
+        static_text1:new PanelRawitemModel({ name: 'static_text1', caption: '文本', itemType: 'RAWITEM', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this , viewType: 'APPINDEXVIEW' }),
         field_text_dynamic:new PanelFieldModel({ name: 'field_text_dynamic', caption: '文本(动态)', itemType: 'FIELD', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
         field_switch:new PanelFieldModel({ name: 'field_switch', caption: '开关', itemType: 'FIELD', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),
         field_textbox:new PanelFieldModel({ name: 'field_textbox', caption: '文本框', itemType: 'FIELD', visible: true, disabled: false, layout:'BORDER', layoutPos:'CENTER', layoutHeight:0, heightMode:'', layoutWidth:0, widthMode:'', spacingBottom:'', spacingLeft:'', spacingRight:'', spacingTop:'', hAlignSelf:'', vAlignSelf:'', flexGrow:0, flexParams:{align:'',dir:'',vAlign:''}, panel: this }),

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

@@ -278,7 +278,7 @@
 
 
     <!--输出实体[IBIZCUSTOMER]数据结构 -->
-    <changeSet author="a_LAB01_df847bdfd" id="tab-ibizcustomer-40-10">
+    <changeSet author="a_LAB01_df847bdfd" id="tab-ibizcustomer-42-10">
         <createTable tableName="T_IBIZCUSTOMER">
                 <column name="CREATEMAN" remarks="" type="VARCHAR(60)">
                 </column>
@@ -340,7 +340,7 @@
 
 
     <!--输出实体[IBIZORDER]数据结构 -->
-    <changeSet author="a_LAB01_df847bdfd" id="tab-ibizorder-20-14">
+    <changeSet author="a_LAB01_df847bdfd" id="tab-ibizorder-21-14">
         <createTable tableName="T_IBIZORDER">
                 <column name="TP" remarks="" type="TEXT(1048576)">
                 </column>

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

@@ -19,7 +19,7 @@
          </createView>
      </changeSet>
         <!--输出实体[IBIZCUSTOMER]视图结构信息 runOnChange="true"  当视图发生变更时，通过liquibase强刷prod的视图，实现视图的同步-->
-     <changeSet author="a_LAB01_df847bdfd" id="view-ibizcustomer-40-4" runOnChange="true">
+     <changeSet author="a_LAB01_df847bdfd" id="view-ibizcustomer-42-4" runOnChange="true">
          <createView fullDefinition="false" replaceIfExists="true" viewName="V_IBIZCUSTOMER">
                <![CDATA[ SELECT t1.[ADDRESS], t1.[CREATEDATE], t1.[CREATEMAN], t1.[CUSTOMERUID], t1.[IBIZCUSTOMERID], t1.[IBIZCUSTOMERNAME], t1.[SN], t1.[UPDATEDATE], t1.[UPDATEMAN] FROM [T_IBIZCUSTOMER] t1  ]]>
          </createView>
@@ -37,7 +37,7 @@
          </createView>
      </changeSet>
         <!--输出实体[IBIZORDER]视图结构信息 runOnChange="true"  当视图发生变更时，通过liquibase强刷prod的视图，实现视图的同步-->
-     <changeSet author="a_LAB01_df847bdfd" id="view-ibizorder-20-8" runOnChange="true">
+     <changeSet author="a_LAB01_df847bdfd" id="view-ibizorder-21-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>