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

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

@@ -270,96 +270,306 @@ export default class IBIZOrderUsr2GridViewBase extends Vue {
      * @memberof IBIZOrderUsr2GridViewBase
      */
     public layoutModelDetails:any = {
-        view_pagecaption:new PanelFieldModel({ name: 'view_pagecaption',caption: '页面标题',itemType: 'FIELD',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'FULL',
-        layoutWidth:0,widthMode:'FULL',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'LEFT',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        container1:new PanelContainerModel({ name: 'container1',caption: '面板容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:6,panel: this, 
+        view_pagecaption:new PanelFieldModel({ name: 'view_pagecaption',
+caption: '页面标题',
+itemType: 'FIELD',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'FULL',
+layoutWidth:0,
+widthMode:'FULL',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'LEFT',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+ }),
+        container1:new PanelContainerModel({ name: 'container1',
+caption: '面板容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:6,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['view_pagecaption']}),
-        quicksearchbar:new PanelCtrlPosModel({ name: 'quicksearchbar',caption: 'QUICKSEARCHBAR',itemType: 'CTRLPOS',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'FULL',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'RIGHT',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        container2:new PanelContainerModel({ name: 'container2',caption: '面板容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:3,panel: this, 
+        quicksearchbar:new PanelCtrlPosModel({ name: 'quicksearchbar',
+caption: 'QUICKSEARCHBAR',
+itemType: 'CTRLPOS',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'FULL',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'RIGHT',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+ }),
+        container2:new PanelContainerModel({ name: 'container2',
+caption: '面板容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:3,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['quicksearchbar']}),
-        toolbar:new PanelCtrlPosModel({ name: 'toolbar',caption: 'TOOLBAR',itemType: 'CTRLPOS',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'FULL',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'RIGHT',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        container_2:new PanelContainerModel({ name: 'container_2',caption: '容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        toolbar:new PanelCtrlPosModel({ name: 'toolbar',
+caption: 'TOOLBAR',
+itemType: 'CTRLPOS',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'FULL',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'RIGHT',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+ }),
+        container_2:new PanelContainerModel({ name: 'container_2',
+caption: '容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['toolbar']}),
-        container_grid1:new PanelContainerModel({ name: 'container_grid1',caption: '栅格容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        container_grid1:new PanelContainerModel({ name: 'container_grid1',
+caption: '栅格容器',
+itemType: 'CONTAINER',
+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
+, 
         details:['container1','container2','container_2']}),
-        searchform:new PanelCtrlPosModel({ name: 'searchform',caption: 'SEARCHFORM',itemType: 'CTRLPOS',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'FULL',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        search:new PanelTabPageModel({ name: 'search',caption: '搜索',itemType: 'TABPAGE',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        grid:new PanelCtrlPosModel({ name: 'grid',caption: 'GRID',itemType: 'CTRLPOS',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:100,heightMode:'PERCENTAGE',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        content:new PanelTabPageModel({ name: 'content',caption: '内容',itemType: 'TABPAGE',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        tabpanel1:new PanelTabPanelModel({ name: 'tabpanel1',caption: '分页部件',itemType: 'TABPANEL',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        searchform:new PanelCtrlPosModel({ name: 'searchform',
+caption: 'SEARCHFORM',
+itemType: 'CTRLPOS',
+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
+ }),
+        search:new PanelTabPageModel({ name: 'search',
+caption: '搜索',
+itemType: 'TABPAGE',
+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
+ }),
+        grid:new PanelCtrlPosModel({ name: 'grid',
+caption: 'GRID',
+itemType: 'CTRLPOS',
+visible: true,
+disabled: false,
+layout:'FLEX',
+layoutPos:'',
+layoutHeight:100,
+heightMode:'PERCENTAGE',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+ }),
+        content:new PanelTabPageModel({ name: 'content',
+caption: '内容',
+itemType: 'TABPAGE',
+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
+ }),
+        tabpanel1:new PanelTabPanelModel({ name: 'tabpanel1',
+caption: '分页部件',
+itemType: 'TABPANEL',
+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
+, 
         details:['search','content'] }),
-        container4:new PanelContainerModel({ name: 'container4',caption: '容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:100,heightMode:'PERCENTAGE',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        container4:new PanelContainerModel({ name: 'container4',
+caption: '容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'FLEX',
+layoutPos:'',
+layoutHeight:100,
+heightMode:'PERCENTAGE',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['tabpanel1']}),
-        page_container:new PanelContainerModel({ name: 'page_container',caption: '',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        page_container:new PanelContainerModel({ name: 'page_container',
+caption: '',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'FLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'column',vAlign:''},
+panel: this
+, 
         details:['container_grid1','container4']})
     };
 

app_Web/src/pages/sample/index/index-base.vue

@@ -240,112 +240,352 @@ export default class IndexBase extends Vue {
      * @memberof IndexBase
      */
     public layoutModelDetails:any = {
-        nav_tabs1:new PanelCtrlPosModel({ name: 'nav_tabs1',caption: '标签页导航栏',itemType: 'CTRLPOS',visible: true,
-        disabled: false,layout:'BORDER',
-        layoutPos:'CENTER',layoutHeight:70,heightMode:'PX',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:0,panel: this }),
-        nav_pos1:new PanelCtrlPosModel({ name: 'nav_pos1',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,panel: this }),
-        container_scroll_main1:new PanelContainerModel({ name: 'container_scroll_main1',caption: '面板容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'BORDER',
-        layoutPos:'CENTER',layoutHeight:0,heightMode:'',
-        layoutWidth:80,widthMode:'PERCENTAGE',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:0,panel: this, 
+        nav_tabs1:new PanelCtrlPosModel({ name: 'nav_tabs1',
+caption: '标签页导航栏',
+itemType: 'CTRLPOS',
+visible: true,
+disabled: false,
+layout:'BORDER',
+layoutPos:'CENTER',
+layoutHeight:70,
+heightMode:'PX',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:0,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+ }),
+        nav_pos1:new PanelCtrlPosModel({ name: 'nav_pos1',
+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_main1:new PanelContainerModel({ name: 'container_scroll_main1',
+caption: '面板容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'BORDER',
+layoutPos:'CENTER',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:80,
+widthMode:'PERCENTAGE',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:0,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['nav_tabs1','nav_pos1']}),
-        appmenu1:new PanelCtrlPosModel({ name: 'appmenu1',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,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:20,widthMode:'PERCENTAGE',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:0,panel: this, 
+        appmenu1:new PanelCtrlPosModel({ name: 'appmenu1',
+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:20,
+widthMode:'PERCENTAGE',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:0,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['appmenu1']}),
-        app_apptitle:new PanelFieldModel({ name: 'app_apptitle',caption: '应用标题',itemType: 'FIELD',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        container1:new PanelContainerModel({ name: 'container1',caption: '面板容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:3,panel: this, 
+        app_apptitle:new PanelFieldModel({ name: 'app_apptitle',
+caption: '应用标题',
+itemType: 'FIELD',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+ }),
+        container1:new PanelContainerModel({ name: 'container1',
+caption: '面板容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:3,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['app_apptitle']}),
-        container5:new PanelContainerModel({ name: 'container5',caption: '容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        container5:new PanelContainerModel({ name: 'container5',
+caption: '容器',
+itemType: 'CONTAINER',
+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
+, 
         details:[]}),
-        container6:new PanelContainerModel({ name: 'container6',caption: '容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        container6:new PanelContainerModel({ name: 'container6',
+caption: '容器',
+itemType: 'CONTAINER',
+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
+, 
         details:[]}),
-        container4:new PanelContainerModel({ name: 'container4',caption: '容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        container4:new PanelContainerModel({ name: 'container4',
+caption: '容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'space-between',dir:'row',vAlign:'center'},
+panel: this
+, 
         details:['container5','container6']}),
-        container2:new PanelContainerModel({ name: 'container2',caption: '面板容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:6,panel: this, 
+        container2:new PanelContainerModel({ name: 'container2',
+caption: '面板容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:6,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['container4']}),
-        auth_userinfo1:new PanelCtrlPosModel({ name: 'auth_userinfo1',caption: '用户信息',itemType: 'CTRLPOS',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        container3:new PanelContainerModel({ name: 'container3',caption: '面板容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'SIMPLEFLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:3,panel: this, 
+        auth_userinfo1:new PanelCtrlPosModel({ name: 'auth_userinfo1',
+caption: '用户信息',
+itemType: 'CTRLPOS',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+ }),
+        container3:new PanelContainerModel({ name: 'container3',
+caption: '面板容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'SIMPLEFLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:3,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['auth_userinfo1']}),
-        container_grid1:new PanelContainerModel({ name: 'container_grid1',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,panel: this, 
+        container_grid1:new PanelContainerModel({ name: 'container_grid1',
+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:['container1','container2','container3']}),
-        container_scroll_header1:new PanelContainerModel({ name: 'container_scroll_header1',caption: '面板容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'BORDER',
-        layoutPos:'NORTH',layoutHeight:80,heightMode:'PX',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:0,panel: this, 
+        container_scroll_header1:new PanelContainerModel({ name: 'container_scroll_header1',
+caption: '面板容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'BORDER',
+layoutPos:'NORTH',
+layoutHeight:80,
+heightMode:'PX',
+layoutWidth:0,
+widthMode:'',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:0,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['container_grid1']}),
-        container_scroll1:new PanelContainerModel({ name: 'container_scroll1',caption: '滚动条容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        container_scroll1:new PanelContainerModel({ name: 'container_scroll1',
+caption: '滚动条容器',
+itemType: 'CONTAINER',
+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
+, 
         details:['container_scroll_main1','container_scroll_left1','container_scroll_header1']})
     };
 

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

@@ -229,85 +229,280 @@ export default class AppLoginViewBase extends Vue {
      * @memberof AppLoginViewBase
      */
     public layoutModelDetails:any = {
-        auth_userid:new PanelFieldModel({ name: 'auth_userid',caption: '用户名',itemType: 'FIELD',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_password:new PanelFieldModel({ name: 'auth_password',caption: '密码',itemType: 'FIELD',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_orgpick:new PanelFieldModel({ name: 'auth_orgpick',caption: '组织',itemType: 'FIELD',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_loginbutton1:new PanelButtonModel({ name: 'auth_loginbutton1',caption: '登陆',itemType: 'BUTTON',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_registbutton1:new PanelButtonModel({ name: 'auth_registbutton1',caption: '注册',itemType: 'BUTTON',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_resetinput1:new PanelButtonModel({ name: 'auth_resetinput1',caption: '重置',itemType: 'BUTTON',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_logout1:new PanelButtonModel({ name: 'auth_logout1',caption: '登出',itemType: 'BUTTON',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_captcha1:new PanelUserControlModel({ name: 'auth_captcha1',caption: '人机识别',itemType: 'USERCONTROL',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_verificationcode:new PanelFieldModel({ name: 'auth_verificationcode',caption: '短信验证码',itemType: 'FIELD',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_loginmsg:new PanelFieldModel({ name: 'auth_loginmsg',caption: '登陆校验信息',itemType: 'FIELD',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        auth_sso1:new PanelUserControlModel({ name: 'auth_sso1',caption: '第三方登陆',itemType: 'USERCONTROL',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this }),
-        container1:new PanelContainerModel({ name: 'container1',caption: '容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:0,heightMode:'',
-        layoutWidth:600,widthMode:'PX',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'CENTER',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        auth_userid:new PanelFieldModel({ name: 'auth_userid',
+caption: '用户名',
+itemType: 'FIELD',
+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
+ }),
+        auth_password:new PanelFieldModel({ name: 'auth_password',
+caption: '密码',
+itemType: 'FIELD',
+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
+ }),
+        auth_orgpick:new PanelFieldModel({ name: 'auth_orgpick',
+caption: '组织',
+itemType: 'FIELD',
+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
+ }),
+        auth_loginbutton1:new PanelButtonModel({ name: 'auth_loginbutton1',
+caption: '登陆',
+itemType: 'BUTTON',
+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
+ }),
+        auth_registbutton1:new PanelButtonModel({ name: 'auth_registbutton1',
+caption: '注册',
+itemType: 'BUTTON',
+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
+ }),
+        auth_resetinput1:new PanelButtonModel({ name: 'auth_resetinput1',
+caption: '重置',
+itemType: 'BUTTON',
+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
+ }),
+        auth_logout1:new PanelButtonModel({ name: 'auth_logout1',
+caption: '登出',
+itemType: 'BUTTON',
+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
+ }),
+        auth_captcha1:new PanelUserControlModel({ name: 'auth_captcha1',
+caption: '人机识别',
+itemType: 'USERCONTROL',
+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
+ }),
+        auth_verificationcode:new PanelFieldModel({ name: 'auth_verificationcode',
+caption: '短信验证码',
+itemType: 'FIELD',
+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
+ }),
+        auth_loginmsg:new PanelFieldModel({ name: 'auth_loginmsg',
+caption: '登陆校验信息',
+itemType: 'FIELD',
+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
+ }),
+        auth_sso1:new PanelUserControlModel({ name: 'auth_sso1',
+caption: '第三方登陆',
+itemType: 'USERCONTROL',
+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
+ }),
+        container1:new PanelContainerModel({ name: 'container1',
+caption: '容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'FLEX',
+layoutPos:'',
+layoutHeight:0,
+heightMode:'',
+layoutWidth:600,
+widthMode:'PX',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'CENTER',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['auth_userid','auth_password','auth_orgpick','auth_loginbutton1','auth_registbutton1','auth_resetinput1','auth_logout1','auth_captcha1','auth_verificationcode','auth_loginmsg','auth_sso1']}),
-        page_container:new PanelContainerModel({ name: 'page_container',caption: '图片背景容器',itemType: 'CONTAINER',visible: true,
-        disabled: false,layout:'FLEX',
-        layoutPos:'',layoutHeight:100,heightMode:'PERCENTAGE',
-        layoutWidth:100,widthMode:'PERCENTAGE',spacingBottom:'',spacingLeft:'',
-        spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
-        flexGrow:-1,panel: this, 
+        page_container:new PanelContainerModel({ name: 'page_container',
+caption: '图片背景容器',
+itemType: 'CONTAINER',
+visible: true,
+disabled: false,
+layout:'FLEX',
+layoutPos:'',
+layoutHeight:100,
+heightMode:'PERCENTAGE',
+layoutWidth:100,
+widthMode:'PERCENTAGE',
+spacingBottom:'',
+spacingLeft:'',
+spacingRight:'',
+spacingTop:'',
+hAlignSelf:'',
+vAlignSelf:'',
+flexGrow:-1,
+flexParams:{align:'',dir:'',vAlign:''},
+panel: this
+, 
         details:['container1']})
     };