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

app_Web/src/components/layout-element/container/app-standard-container/app-standard-container.less

 .app-standard-container{
-    width: 100%;
-    height: 100%;
+    display: block;
 }
\ No newline at end of file

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

@@ -17,6 +17,14 @@ export class PanelContainerModel extends PanelDetailModel {
      */
     public details:string[] = [];
 
+    /**
+     * 标题关闭模式
+     *
+     * @type {number}
+     * @memberof PanelContainerModel
+     */
+    public titleBarCloseMode:number = 0;
+
     /**
      * Creates an instance of PanelContainerModel.
      * @param {*} [opts={}]
@@ -25,6 +33,7 @@ export class PanelContainerModel extends PanelDetailModel {
     public constructor(opts: any = {}) {
         super(opts);
         this.details = opts.details;
+        this.titleBarCloseMode = opts.titleBarCloseMode;
     }
 
 

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

+import { Util } from "@/utils";
+
 /**
  * 面板成员模型
  *
@@ -150,6 +152,30 @@ export class PanelDetailModel {
      */
     public flexGrow: number = 0;
 
+    /**
+     * flex布局参数
+     *
+     * @type {*}
+     * @memberof PanelDetailModel
+     */
+    public flexParams: any = {};
+
+    /**
+     * 是否显示标题
+     *
+     * @type {boolean}
+     * @memberof PanelDetailModel
+     */
+    public isShowCaption: boolean = false;
+
+    /**
+     * 界面样式表
+     *
+     * @type {string}
+     * @memberof PanelDetailModel
+     */
+    public sysCss: string = ''
+
     /**
      * Creates an instance of PanelDetailModel.
      * PanelDetailModel 实例
@@ -176,6 +202,182 @@ export class PanelDetailModel {
         this.hAlignSelf = opts.hAlignSelf;
         this.vAlignSelf = opts.vAlignSelf;
         this.flexGrow = opts.flexGrow;
+        this.flexParams = opts.flexParams;
+        this.isShowCaption = opts.isShowCaption;
+        this.sysCss = opts.sysCss;
+    }
+
+    /**
+     * 获取元素样式（元素，包含内容盒子 大小/边距/内容 的样式）
+     *
+     * @memberof PanelDetailModel
+     */
+    public getElementStyle() {
+        const elementStyle = {};
+        Object.assign(elementStyle, this.getBoxSizeStyle());
+        Object.assign(elementStyle, this.getBoxSpacingStyle());
+        Object.assign(elementStyle, this.getBoxContentStyle());
+        return elementStyle;
+    }
+
+    /**
+     * 获取盒子间隔样式（元素）
+     *
+     * @memberof PanelDetailModel
+     */
+    public getBoxSpacingStyle() {
+        const boxStyle = {};
+        // 上方间隔模式
+        if (this.spacingTop) {
+            Object.assign(boxStyle, Util.getItemSpacingStyle(this.spacingTop, 'top'));
+        }
+        // 下方间隔模式
+        if (this.spacingBottom) {
+            Object.assign(boxStyle, Util.getItemSpacingStyle(this.spacingBottom, 'bottom'));
+        }
+        // 左侧间隔模式
+        if (this.spacingLeft) {
+            Object.assign(boxStyle, Util.getItemSpacingStyle(this.spacingLeft, 'left'));
+        }
+        // 右侧间隔模式
+        if (this.spacingRight) {
+            Object.assign(boxStyle, Util.getItemSpacingStyle(this.spacingRight, 'right'));
+        }
+        return boxStyle;
+    }
+
+    /**
+     * 获取盒子大小样式（元素）
+     *
+     * @memberof PanelDetailModel
+     */
+    public getBoxSizeStyle() {
+        const boxStyle = {};
+        if (this.widthMode || this.layoutWidth) {
+            Object.assign(boxStyle, Util.getBoxSize("WIDTH", this.widthMode, this.layoutWidth));
+        }
+        if (this.heightMode || this.layoutHeight) {
+            Object.assign(boxStyle, Util.getBoxSize("HEIGHT", this.heightMode, this.layoutHeight));
+        }
+        return boxStyle;
+    }
+
+    /**
+     * 获取盒子内容样式（元素，包含内容换行模式，内容水平对齐，内容垂直对齐）
+     *
+     * @memberof PanelDetailModel
+     */
+    public getBoxContentStyle() {
+        const boxStyle = {};
+        return boxStyle;
+    }
+
+    /**
+     * 获取盒子边框样式（元素）
+     *
+     * @memberof PanelDetailModel
+     */
+    public getBoxBorderStyle() {
+        const boxStyle = {};
+        return boxStyle;
+    }
+
+    /**
+     * 获取布局样式（布局，包含约束内容布局的样式，包含内容的对齐方式）
+     *
+     * @return {*} 
+     * @memberof PanelDetailModel
+     */
+    public getLayoutStyle() {
+        const layoutStyle = {};
+        Object.assign(layoutStyle, this.getBoxSelfAlignStyle());
+        Object.assign(layoutStyle, this.getBoxLayOutStyle());
+        return layoutStyle;
+    }
+
+    /**
+     * 获取自身对齐模式(布局)
+     *
+     * @memberof PanelDetailModel
+     */
+    public getBoxSelfAlignStyle() {
+        const boxStyle = {};
+        // 自身对齐方式
+        if (this.vAlignSelf || this.hAlignSelf) {
+            Object.assign(boxStyle, { 'display': 'flex' });
+            // 自身垂直对齐模式
+            switch (this.vAlignSelf) {
+                case 'TOP':
+                    Object.assign(boxStyle, { 'align-items': 'flex-start' });
+                    break;
+                case 'MIDDLE':
+                    Object.assign(boxStyle, { 'align-items': 'center' });
+                    break;
+                case 'BOTTOM':
+                    Object.assign(boxStyle, { 'align-items': 'flex-end' });
+                    break;
+                default:
+                    break;
+            }
+            // 自身水平对齐模式
+            switch (this.hAlignSelf) {
+                case 'LEFT':
+                    Object.assign(boxStyle, { 'justify-content': 'flex-start' });
+                    break;
+                case 'CENTER':
+                    Object.assign(boxStyle, { 'justify-content': 'center' });
+                    break;
+                case 'RIGHT':
+                    Object.assign(boxStyle, { 'justify-content': 'flex-end' });
+                    break;
+                case 'JUSTIFY':
+                    Object.assign(boxStyle, { 'justify-content': 'space-between' });
+                    break;
+                default:
+                    break;
+            }
+        }
+        return boxStyle;
+    }
+
+    /**
+     * 获取盒子布局样式(布局)
+     *
+     * @memberof PanelDetailModel
+     */
+    public getBoxLayOutStyle() {
+        const boxStyle = {};
+        // 识别FLEX
+        if (this.layout == 'FLEX') {
+            Object.assign(boxStyle, { 'display': 'flex', 'flex-grow': this.flexGrow ? this.flexGrow : 0 });
+        }
+        // 识别flex布局方向，横轴对齐，纵轴对齐
+        if (this.flexParams.align || this.flexParams.dir || this.flexParams.vAlign) {
+            Object.assign(boxStyle, { 'display': 'flex' });
+            if (this.flexParams.dir) {
+                Object.assign(boxStyle, { 'flex-direction': this.flexParams.dir });
+            }
+            if (this.flexParams.align) {
+                Object.assign(boxStyle, { 'justify-content': this.flexParams.align });
+            }
+            if (this.flexParams.vAlign) {
+                Object.assign(boxStyle, { 'align-items': this.flexParams.vAlign });
+            }
+        }
+        // 识别SIMPLEFLEX
+        if (this.layout == 'SIMPLEFLEX') {
+            if (this.flexGrow) {
+                Object.assign(boxStyle, { 'width': `${(100 / 12) * this.flexGrow}%`, 'height': '100%' });
+            } else {
+                // 简单FLEX布局自适应
+                Object.assign(boxStyle, { 'flex-grow': 1, 'min-width': `${(100 / 12)}%`, 'height': '100%' });
+            }
+        }
+        // 识别边缘布局
+        if (this.layout == 'BORDER') {
+            Object.assign(boxStyle, { 'display': 'flex' });
+        }
+        return boxStyle;
     }
 
 }
\ No newline at end of file

app_Web/src/pages/sample/ibizcustomer-media-test-edit-view/ibizcustomer-media-test-edit-view-base.vue

@@ -57,6 +57,12 @@
         <template #container4>
     <app-simpleflex-container name="container4" :layoutModelDetails="layoutModelDetails">
         <template #static_label1>
+        <app-preset-text 
+            predefinedType="STATIC_LABEL" 
+            renderMode="PARAGRAPH"
+            contentType="RAW" 
+            value="图片"
+            contentStyle=""/>
         </template>
         <template #static_image1>
         <span>这里放图片</span>
@@ -66,6 +72,12 @@
         <template #container5>
     <app-simpleflex-container name="container5" :layoutModelDetails="layoutModelDetails">
         <template #static_label2>
+        <app-preset-text 
+            predefinedType="STATIC_LABEL" 
+            renderMode="PARAGRAPH"
+            contentType="RAW" 
+            value="图片-动态"
+            contentStyle=""/>
         </template>
         <template #field_image>
         <span>属性项</span>
@@ -79,6 +91,12 @@
         <template #container6>
     <app-simpleflex-container name="container6" :layoutModelDetails="layoutModelDetails">
         <template #static_label3>
+        <app-preset-text 
+            predefinedType="STATIC_LABEL" 
+            renderMode="PARAGRAPH"
+            contentType="RAW" 
+            value="轮播图"
+            contentStyle=""/>
         </template>
         <template #static_carousel1>
         <span>这里放轮播图</span>
@@ -88,6 +106,12 @@
         <template #container7>
     <app-simpleflex-container name="container7" :layoutModelDetails="layoutModelDetails">
         <template #static_label4>
+        <app-preset-text 
+            predefinedType="STATIC_LABEL" 
+            renderMode="PARAGRAPH"
+            contentType="RAW" 
+            value="轮播图-动态"
+            contentStyle=""/>
         </template>
         <template #field_carousel>
         <span>属性项</span>
@@ -99,6 +123,12 @@
         <template #container8>
     <app-standard-container name="container8" :layoutModelDetails="layoutModelDetails">
         <template #static_label5>
+        <app-preset-text 
+            predefinedType="STATIC_LABEL" 
+            renderMode="PARAGRAPH"
+            contentType="RAW" 
+            value="视图"
+            contentStyle=""/>
         </template>
         <template #static_videoplayer1>
         <span>这里放视频</span>

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

@@ -2,6 +2,12 @@
 
 <template>
     <div class="app-view-layout" style="height: '100%'; width: '100%';'display': 'flex'; 'flex-direction': 'column';">
+        <app-preset-text 
+            predefinedType="STATIC_LABEL" 
+            renderMode="PARAGRAPH"
+            contentType="RAW" 
+            value="标签"
+            contentStyle=""/>
     <app-scroll-container name="container_scroll1" :layoutModelDetails="layoutModelDetails">
         <template #container_scroll_main1>
     <app-scroll-container name="container_scroll_main1" :layoutModelDetails="layoutModelDetails">
@@ -12,8 +18,20 @@
         <span>属性项</span>
         </template>
         <template #static_label2>
+        <app-preset-text 
+            predefinedType="STATIC_LABEL" 
+            renderMode="PARAGRAPH"
+            contentType="RAW" 
+            value="标签爱仕达多"
+            contentStyle=""/>
         </template>
         <template #static_text1>
+        <app-preset-text 
+            predefinedType="STATIC_TEXT" 
+            renderMode="TEXT"
+            contentType="RAW" 
+            value="文本内容"
+            contentStyle=""/>
         </template>
         <template #field_text_dynamic>
         <span>属性项</span>

app_Web/src/utils/util/util.ts

@@ -472,9 +472,12 @@ export class Util {
      * @returns 
      */
     public static getBoxSize(mode: "WIDTH" | "HEIGHT", style: string, value: number) {
-        if (!mode || !style) {
+        if (!mode) {
             return {};
         }
+        if(!style){
+            style = 'PX';
+        }
         if (style === "FULL") {
             return { [mode.toLowerCase()]: "100%" };
         } else {
@@ -488,4 +491,34 @@ export class Util {
             }
         }
     }
+
+    /**
+     * 获取项间隔样式
+     *
+     * @param {string} spacingType
+     * @param {string} direction
+     * @return {*} 
+     */
+    public static getItemSpacingStyle(spacingType: string, direction: string) {
+        switch (spacingType) {
+            case 'OUTERNONE':
+                return { [`margin-${direction}`]: '0px' };
+            case 'OUTERSMALL':
+                return { [`margin-${direction}`]: '8px' };
+            case 'OUTERMEDIUM':
+                return { [`margin-${direction}`]: '16px' };
+            case 'OUTERLARGE':
+                return { [`margin-${direction}`]: '24px' };
+            case 'INNERNONE':
+                return { [`padding-${direction}`]: '0px' };
+            case 'INNERSMALL':
+                return { [`padding-${direction}`]: '8px' };
+            case 'INNERMEDIUM':
+                return { [`padding-${direction}`]: '16px' };
+            case 'INNERLARGE':
+                return { [`padding-${direction}`]: '24px' };
+            default:
+                return {};
+        }
+    }
 }
\ No newline at end of file

app_Web/src/widgets/ibizbook/default-searchform/default-searchform-base.vue

@@ -663,7 +663,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
      */
     public load(opt: any = {}): void {
         if(!this.loadAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKGroupByCodelistListView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr8GridView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
             return;
         }
         const arg: any = { ...opt };
@@ -699,7 +699,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
      */
     public loadDraft(opt: any = {},mode?:string): void {
         if(!this.loaddraftAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKGroupByCodelistListView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr8GridView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
             return;
         }
         const arg: any = { ...opt } ;

app_Web/src/widgets/ibizbook/usr2-dataview/usr2-dataview-model.ts

@@ -10,7 +10,7 @@ export default class Usr2Model {
 	 * 获取数据项集合
 	 *
 	 * @returns {any[]}
-	 * @memberof Usr2DataViewMode
+	 * @memberof Usr2Dataviewexpbar_dataviewMode
 	 */
 	public getDataItems(): any[] {
 		return [
@@ -39,17 +39,6 @@ export default class Usr2Model {
 				dataType: 'FONTKEY',
 			},
 
-      {
-        name: 'n_ibizbookname_like',
-        prop: 'n_ibizbookname_like',
-        dataType: 'QUERYPARAM'
-      },
-      {
-        name: 'n_price_gtandeq',
-        prop: 'n_price_gtandeq',
-        dataType: 'QUERYPARAM'
-      },
-
 
       {
         name:'size',