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

app_Web/src/pages/sample/ibizorder-grid-exp-view/ibizorder-grid-exp-view-base.vue

 
 
 <template>
-<div class="view-container degridexpview ibizorder-grid-exp-view">
-    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="ibizordergridexpview"></app-studioaction>
-    <card class='view-card  view-no-caption  view-no-toolbar' :dis-hover="true" :bordered="false">
-
-    
+<div class="view-container degridexpview ibizorder-grid-exp-view">
+    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="ibizordergridexpview"></app-studioaction>
+    <card class='view-card  view-no-caption  view-no-toolbar' :dis-hover="true" :bordered="false">
         <div class='view-top-messages'>
         <app-alert-group position='TOP' :context="context" :viewparam="viewparams" infoGroup='VMGroup44' viewname='ibizordergridexpview'></app-alert-group>        </div>
-    <div class="content-container">
+    <div class="content-container">
         <div class='view-body-messages'>
         <app-alert-group position='BODY' :context="context" :viewparam="viewparams" infoGroup='VMGroup44' viewname='ibizordergridexpview'></app-alert-group>        </div>
-        <view_gridexpbar 
+        <split v-model="split" mode="horizontal" @on-move-end="onSplitChange">
+            <div slot="left">
+                <view_gridexpbar 
     :viewState="viewState"  
     :viewparams="viewparams" 
     :context="context" 
@@ -25,14 +25,26 @@
     @load="gridexpbar_load($event)"  
     @activated="gridexpbar_activated($event)"  
     @closeview="closeView($event)">
-</view_gridexpbar>
-    </div>
+</view_gridexpbar>
+            </div>
+            <div slot="right">
+                <component 
+                    v-if="selection.view && !Object.is(this.selection.view.viewname, '')" 
+                    :is="selection.view.viewname"
+                    class="viewcontainer2"
+                    :viewDefaultUsage="false"
+                    :viewdata="JSON.stringify(selection.context)"
+                    :viewparam="JSON.stringify(selection.viewparam)">
+                </component>
+            </div>
+        </split>
+    </div>
         <div class='view-bottom-messages'>
         <app-alert-group position='BOTTOM' :context="context" :viewparam="viewparams" infoGroup='VMGroup44' viewname='ibizordergridexpview'></app-alert-group>        </div>
-    </card>
+    </card>
 </div>
-</template>
-
+</template>
+
 <script lang='tsx'>
 import { Vue, Component, Prop, Provide, Emit, Watch,Inject } from 'vue-property-decorator';
 import { UIActionTool,Util } from '@/utils';
@@ -228,7 +240,7 @@ export default class IBIZOrderGridExpViewBase extends Vue {
      * @memberof IBIZOrderGridExpViewBase
      */
     public viewState: Subject<ViewState> = new Subject();
-
+
 
     /**
      * 视图引擎
@@ -763,18 +775,35 @@ export default class IBIZOrderGridExpViewBase extends Vue {
         }
         this.viewState.complete();
     }
-
-    /**
-     * 视图唯一标识
-     *
-     * @type {string}
-     * @memberof IBIZOrderGridExpViewBase
-     */
-    public viewUID: string = 'sample-ibizorder-grid-exp-view';
-
+
+    /**
+     * 视图唯一标识
+     *
+     * @type {string}
+     * @memberof IBIZOrderGridExpViewBase
+     */
+    public viewUID: string = 'sample-ibizorder-grid-exp-view';
+
+    /**
+     * 分隔值
+     *
+     * @type {string}
+     * @memberof IBIZOrderGridExpViewBase
+     */
+    public split: number = 0.3;
+
+    /**
+     * split值变化事件
+     *
+     * @memberof IBIZOrderGridExpViewBase
+     */
+    public onSplitChange() {
+        console.log(111, '分隔值变化', this.split);
+    }
+
 }
-</script>
-
+</script>
+
 <style lang='less'>
 @import './ibizorder-grid-exp-view.less';
 </style>
\ No newline at end of file

app_Web/src/widgets/ibizorder/grid-exp-viewgridexpbar-gridexpbar/grid-exp-viewgridexpbar-gridexpbar-base.vue

 <template>
-    <split id="gridexpviewgridexpbar" class="app-grid-exp-bar" v-model="split" mode="horizontal" @on-move-end="onSplitChange">
-        <div slot='left'>
-            <div class='grid-exp-bar-header'>
-                <div class="grid-exp-bar-title">
-                    <icon type='ios-home-outline'/>{{ $t('app.gridBar.title') }}
-                </div>
+    <div id="gridexpviewgridexpbar" class="app-grid-exp-bar">
+        <div class='grid-exp-bar-header'>
+            <div class="grid-exp-bar-title">
+                <icon type='ios-home-outline'/>{{ $t('app.gridBar.title') }}
+            </div>
+        </div>
+        <div class="container-header">
+            <div class='search-container'>
+                <i-input :search="true"
+                    @on-change="($event) => { this.searchText = $event.target.value; }"
+                    :placeholder="placeholder"
+                    @on-search="onSearch">
+                </i-input>
             </div>
-           <div class="container-header">
-                <div class='search-container'>
-                    <i-input :search="true"
-                        @on-change="($event) => { this.searchText = $event.target.value; }"
-                        :placeholder="placeholder"
-                        @on-search="onSearch">
-                    </i-input>
-                </div>
                 <div class='toolbar-container'>
     <tooltip :transfer="true" :max-width="600">
             <i-button v-show="gridexpviewgridexpbar_toolbarModels.deuiaction3.visabled" :disabled="gridexpviewgridexpbar_toolbarModels.deuiaction3.disabled" class='' v-loading:i-button @click="gridexpbar_toolbar_click({ tag: 'deuiaction3' }, $event)">
@@ -23,7 +22,6 @@
         <div slot='content'>{{$t('entities.ibizorder.gridexpviewgridexpbar_toolbar_toolbar.deuiaction3.tip')}}</div>
     </tooltip>
 </div>
-           </div>
             <div class='grid-exp-bar-content'>
                 <view_gridexpbar_grid 
     :viewState="viewState"  
@@ -48,17 +46,7 @@
 </view_gridexpbar_grid>
             </div>
         </div>
-        <div slot='right'>
-            <component 
-              v-if="selection.view && !Object.is(this.selection.view.viewname, '')" 
-              :is="selection.view.viewname"
-              class="viewcontainer2"
-              :viewDefaultUsage="false"
-              :viewdata="JSON.stringify(selection.context)"
-              :viewparam="JSON.stringify(selection.viewparam)">
-            </component>
-        </div>
-    </split>
+    </div>
 </template>
 
 
@@ -336,22 +324,6 @@ export default class GridExpViewgridexpbarBase extends Vue implements ControlInt
      */
     public showMode:string ="horizontal";
 
-    /**
-     * 控件宽度
-     *
-     * @type {number}
-     * @memberof GridExpViewgridexpbarBase
-     */
-    public ctrlWidth:number = 500;
-
-    /**
-     * 控件高度
-     *
-     * @type {number}
-     * @memberof GridExpViewgridexpbarBase
-     */
-    public ctrlHeight: number = 0;
-
     /**
      * 选中数据
      *
@@ -448,17 +420,6 @@ export default class GridExpViewgridexpbarBase extends Vue implements ControlInt
     };
 
 
-    /**
-     * split值变化事件
-     *
-     * @memberof GridExpViewgridexpbarBase
-     */
-    public onSplitChange() {
-        if(this.split){
-          this.$store.commit("setViewSplit",{viewUID:this.viewUID,viewSplit:this.split});
-        }
-    }
-
     /**
      * 获取多项数据
      *
@@ -518,24 +479,7 @@ export default class GridExpViewgridexpbarBase extends Vue implements ControlInt
     *
     * @memberof GridExpViewgridexpbarBase
     */
-    public afterMounted(){ 
-        if(this.$store.getters.getViewSplit(this.viewUID)){
-            this.split = this.$store.getters.getViewSplit(this.viewUID);
-        }else{
-            let containerWidth:number = (document.getElementById("gridexpviewgridexpbar") as any).offsetWidth;
-            let containerHeight:number = (document.getElementById("gridexpviewgridexpbar") as any).offsetHeight;
-            if(Object.is(this.showMode,'horizontal')){
-                if(this.ctrlWidth && containerWidth != 0){
-                    this.split = this.ctrlWidth/containerWidth;
-                }
-            }else{
-                if(this.ctrlHeight && containerHeight != 0){
-                    this.split = this.ctrlHeight/containerHeight;
-                }
-            }
-            this.$store.commit("setViewSplit",{viewUID:this.viewUID,viewSplit:this.split});
-        }  
-    }
+    public afterMounted() { }
 
     /**
      * vue 生命周期