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

app_Web/src/model/panel-detail/panel-detail.ts

 /**
- * 表单成员模型
+ * 面板成员模型
  *
  * @export
  * @class PanelDetailModel
  */
-export class PanelDetailModel {
+ export class PanelDetailModel {
 
     /**
      * 成员标题
@@ -46,6 +46,101 @@ export class PanelDetailModel {
      */
     public visible: boolean = true;
 
+    /**
+     * 布局模式
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public layout:string = '';
+    
+    /**
+     *  布局占位（边缘布局使用）
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public layoutPos:string = '';
+    
+    /**
+     * 布局高度
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public layoutHeight:string = '';
+    
+    /**
+     * 高度模式
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public heightMode:string = '';
+
+    /**
+     * 布局宽度
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public layoutWidth:string = '';
+
+    /**
+     * 宽度模式
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public widthMode:string = '';
+
+    /**
+     * 下档间隔
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public spacingBottom:string = '';
+
+    /**
+     * 左侧间隔
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public spacingLeft:string = '';
+
+    /**
+     * 右侧间隔
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public spacingRight:string = '';
+
+    /**
+     * 顶部间隔
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public spacingTop:string = '';
+
+    /**
+     * 自身水平对齐模式
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public hAlignSelf:string = '';
+
+    /**
+     * 自身垂直对齐模式
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public vAlignSelf:string = '';
 
     /**
      * Creates an instance of PanelDetailModel.
@@ -60,6 +155,18 @@ export class PanelDetailModel {
         this.panel = opts.panel ? opts.panel : {};
         this.name = !Object.is(opts.name, '') ? opts.name : '';
         this.visible = opts.visible ? true : false;
+        this.layout = opts.layout;
+        this.layoutPos = opts.layoutPos;
+        this.layoutHeight = opts.layoutHeight;
+        this.heightMode = opts.heightMode;
+        this.layoutWidth = opts.layoutWidth;
+        this.widthMode = opts.widthMode;
+        this.spacingBottom = opts.spacingBottom;
+        this.spacingLeft = opts.spacingLeft;
+        this.spacingRight = opts.spacingRight;
+        this.spacingTop = opts.spacingTop;
+        this.hAlignSelf = opts.hAlignSelf;
+        this.vAlignSelf = opts.vAlignSelf;
     }
 
 }
\ No newline at end of file

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

@@ -215,7 +215,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'BORDER',
-        layoutPos：'CENTER',
+        layoutPos:'CENTER',
         layoutHeight:'70',
         heightMode:'PX',
         layoutWidth:'',
@@ -233,7 +233,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'BORDER',
-        layoutPos：'CENTER',
+        layoutPos:'CENTER',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'',
@@ -251,7 +251,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'BORDER',
-        layoutPos：'CENTER',
+        layoutPos:'CENTER',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'80',
@@ -270,7 +270,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'BORDER',
-        layoutPos：'CENTER',
+        layoutPos:'CENTER',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'',
@@ -288,7 +288,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'BORDER',
-        layoutPos：'WEST',
+        layoutPos:'WEST',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'20',
@@ -307,7 +307,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'SIMPLEFLEX',
-        layoutPos：'',
+        layoutPos:'',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'',
@@ -325,7 +325,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'SIMPLEFLEX',
-        layoutPos：'',
+        layoutPos:'',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'',
@@ -344,7 +344,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'SIMPLEFLEX',
-        layoutPos：'',
+        layoutPos:'',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'',
@@ -363,7 +363,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'SIMPLEFLEX',
-        layoutPos：'',
+        layoutPos:'',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'',
@@ -381,7 +381,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'SIMPLEFLEX',
-        layoutPos：'',
+        layoutPos:'',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'',
@@ -400,7 +400,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'BORDER',
-        layoutPos：'CENTER',
+        layoutPos:'CENTER',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'',
@@ -419,7 +419,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'BORDER',
-        layoutPos：'NORTH',
+        layoutPos:'NORTH',
         layoutHeight:'80',
         heightMode:'PX',
         layoutWidth:'',
@@ -438,7 +438,7 @@ export default class IndexBase extends Vue {
         visible: true,
         disabled: false,
         layout:'FLEX',
-        layoutPos：'',
+        layoutPos:'',
         layoutHeight:'',
         heightMode:'',
         layoutWidth:'',