delete：删除脏文件

app_Web/src/components/layout-container/app-scroll-container/app-scroll-container.less

-.app-scroll-container {
-    height: 100%;
-    width: 100%;
-    border: 1px solid red;
-
-    .app-scroll-container__header,
-    .app-scroll-container__bottom {
-        width: 100%;
-    }
-
-    .app-scroll-container__middle {
-        display: flex;
-        width: 100%;
-        .app-scroll-container__left,
-        .app-scroll-container__center,
-        .app-scroll-container__right {
-            height: 100%;
-        }
-    }
-
-    .no-style {
-        padding: 0;
-        margin: 0;
-    }
-
-    .overflow-auto {
-        overflow: auto;
-    }
-}
\ No newline at end of file

app_Web/src/components/layout-container/app-scroll-container/app-scroll-container.vue

-<template>
-    <div :class="curClassName">
-        <div v-if="containerModel.NORTH" :style="containerModel.NORTH.style"
-            class="no-style overflow-auto app-scroll-container__header">
-            <template v-for="name of containerModel.NORTH.name">
-                <slot :name="name"></slot>
-            </template>
-        </div>
-        <div class="app-scroll-container__middle" :style="middleContainerStyle">
-            <div v-if="containerModel.WEST" :style="containerModel.WEST.style"
-                class="no-style overflow-auto app-scroll-container__left">
-                <template v-for="name of containerModel.WEST.name">
-                    <slot :name="name"></slot>
-                </template>
-            </div>
-            <div v-if="containerModel.CENTER" :style="containerModel.CENTER.style"
-                class="no-style overflow-auto app-scroll-container__center">
-                <template v-for="name of containerModel.CENTER.name">
-                    <slot :name="name"></slot>
-                </template>
-            </div>
-            <div v-if="containerModel.EAST" :style="containerModel.EAST.style"
-                class="no-style overflow-auto app-scroll-container__right">
-                <template v-for="name of containerModel.EAST.name">
-                    <slot :name="name"></slot>
-                </template>
-            </div>
-        </div>
-        <div v-if="containerModel.SOUTH" :style="containerModel.SOUTH.style"
-            class="no-style overflow-auto app-scroll-container__bottom">
-            <template v-for="name of containerModel.SOUTH.name">
-                <slot :name="name"></slot>
-            </template>
-        </div>
-    </div>
-</template>
-
-<script lang="ts">
-import { Util } from '@/utils';
-import { Component, Prop, Vue } from 'vue-property-decorator';
-
-@Component({})
-export default class AppScrollContainer extends Vue {
-    /**
-     * 名称
-     *
-     * @type {string}
-     * @memberof AppScrollContainer
-     */
-    @Prop() public name!: string;
-
-    /**
-     * 布局模型详情
-     *
-     * @type {string}
-     * @memberof AppScrollContainer
-     */
-    @Prop() public layoutModelDetails: any;
-
-    /**
-     * 插槽对象
-     *
-     * @memberof AppScrollContainer
-     */
-    public containerModel: any = {};
-
-    /**
-     * 中间区域样式
-     *
-     * @memberof AppScrollContainer
-     */
-    public middleContainerStyle: any = {};
-
-    /**
-     * 当前容器样式类
-     */
-    get curClassName(){
-        return `app-scroll-container ${this.name}`;
-    }
-
-    /**
-     * 组件初始化
-     *
-     * @memberof AppScrollContainer
-     */
-    public created() {
-        this.initScrollContainer();
-    }
-
-    /**
-     * 初始化滚动容器
-     *
-     * @memberof AppScrollContainer
-     */
-    public initScrollContainer() {
-        let minusHeight = '';
-        let minusWidth:string = '';
-        const curLayoutModel = this.layoutModelDetails[this.name];
-        if (curLayoutModel && curLayoutModel.details && curLayoutModel.details.length > 0) {
-            curLayoutModel.details.forEach((key: string) => {
-                const { name, layoutWidth, widthMode, layoutHeight, heightMode, layoutPos } = this.layoutModelDetails[key];
-                const style = {};
-                if (layoutWidth) {
-                    Object.assign(style, { width: Util.getBoxSize('WIDTH', widthMode, layoutWidth).width });
-                    if (layoutPos && (Object.is(layoutPos, 'WEST') || Object.is(layoutPos, 'EAST'))) {
-                        minusWidth += ` - ${Util.getBoxSize('WIDTH', widthMode, layoutWidth).width}`;
-                    }
-                }
-                if (layoutHeight) {
-                    Object.assign(style, { height: Util.getBoxSize('HEIGHT', heightMode, layoutHeight).height });
-                    if (layoutPos && (Object.is(layoutPos, 'NORTH') || Object.is(layoutPos, 'SOUTH'))) {
-                        minusHeight += ` - ${Util.getBoxSize('HEIGHT', heightMode, layoutHeight).height}`;
-                    }
-                }
-                if (this.containerModel.hasOwnProperty(layoutPos)) {
-                    Object.assign(this.containerModel[layoutPos], { style });
-                    this.containerModel[layoutPos].name.push(name);
-                } else {
-                    this.containerModel[layoutPos] = { style, name: [name] };
-                }
-            });
-        }
-        this.middleContainerStyle.height = minusHeight ? `calc(100%${minusHeight})` : '100%';
-        if (this.containerModel.CENTER) {
-            this.containerModel.CENTER.style.width = minusWidth ? `calc(100%${minusWidth})` : '100%';
-        }
-    }
-}
-</script>
-<style lang='less'>
-@import 'app-scroll-container.less';
-</style>
\ No newline at end of file

app_Web/src/components/layout-container/app-simpleflex-container/app-simpleflex-container.less

-.app-simpleflex-container{
-    width: 100%;
-    height: 100%;
-    display: flex;
-    border: 1px solid blue;
-}
\ No newline at end of file

app_Web/src/components/layout-container/app-simpleflex-container/app-simpleflex-container.vue

-<template>
-    <div :class="curClassName" :style="curStyleContent">
-        <template v-if="containerModel.length > 0">
-            <template v-for="name of containerModel">
-                <slot :name="name"></slot>
-            </template>
-        </template>
-    </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from 'vue-property-decorator';
-
-@Component({})
-export default class AppSimpleFlexContainer extends Vue {
-    /**
-    * 名称
-    *
-    * @type {string}
-    * @memberof AppSimpleFlexContainer
-    */
-    @Prop() public name!: string;
-
-    /**
-     * 布局模型详情
-     *
-     * @type {string}
-     * @memberof AppSimpleFlexContainer
-     */
-    @Prop() public layoutModelDetails: any;
-
-    /**
-     * 插槽对象
-     *
-     * @memberof AppSimpleFlexContainer
-     */
-    public containerModel: any[] = [];
-
-    /**
-     * 组件初始化
-     *
-     * @memberof SimpleFlexContainer
-     */
-    public created() {
-        this.initSimpleFlexContainer();
-    }
-
-    /**
-     * 初始化SIMPLEFLEX容器
-     *
-     * @memberof SimpleFlexContainer
-     */
-    public initSimpleFlexContainer() {
-        const curLayoutModel = this.layoutModelDetails[this.name];
-        if (curLayoutModel && curLayoutModel.details && curLayoutModel.details.length > 0) {
-            curLayoutModel.details.forEach((key: string) => {
-                this.containerModel.push(key);
-            })
-        }
-    }
-
-    /**
-    * 当前容器样式类
-    */
-    get curClassName() {
-        return `app-simpleflex-container ${this.name}`;
-    }
-
-    /**
-    * 当前容器样式
-    */
-    get curStyleContent() {
-        let boxLayoutPosStyle = "";
-        const curLayoutModel = this.layoutModelDetails[this.name];
-        if (curLayoutModel) {
-            const { layout, flexGrow } = curLayoutModel;
-            // 识别FLEX占位属性
-            if (layout && layout == 'FLEX') {
-                boxLayoutPosStyle += `'flex-grow': ${flexGrow ? flexGrow : 0};`;
-            }
-            // 识别SIMPLEFLEX占位属性
-            if (layout == 'SIMPLEFLEX') {
-                if (flexGrow) {
-                    boxLayoutPosStyle += `width: ${(100 / 12) * flexGrow}%;height: 100%;`;
-                } else {
-                    // 简单FLEX布局自适应
-                    boxLayoutPosStyle += `flex-grow:1;min-width:${(100 / 12)}%;height:100%;`;
-                }
-            }
-            // 识别边缘布局占位属性
-            if (layout == 'BORDER') {
-                boxLayoutPosStyle += `display:flex;`;
-            }
-
-        }
-        return boxLayoutPosStyle;
-    }
-}
-</script>
-<style lang='less'>
-@import 'app-simpleflex-container.less';
-</style>
\ No newline at end of file