update:选择表格视图布局更新

src/app-register.ts

@@ -149,6 +149,7 @@ import AppEditViewLayout from './layout/edit-view-layout/edit-view-layout.vue';
 import AppMEditViewLayout from './layout/medit-view-layout/medit-view-layout.vue';
 import AppPickUpViewLayout from './layout/pickup-view-layout/pickup-view-layout.vue';
 import AppMPickUpViewLayout from './layout/mpickup-view-layout/mpickup-view-layout.vue';
+import AppPickUpGridViewLayout from './layout/pickup-grid-view-layout/pickup-grid-view-layout.vue';
 // 全局挂载UI实体服务注册中心
 window['uiServiceRegister'] = uiServiceRegister;
 // 全局挂载实体权限服务注册中心
@@ -312,5 +313,6 @@ export const AppComponents = {
         v.component('extend-action-timeline',ExtendActionTimeline);
         v.component('app-pickup-view-layout',AppPickUpViewLayout);
         v.component('app-mpickup-view-layout',AppMPickUpViewLayout);
+        v.component('app-pickup-grid-view-layout',AppPickUpGridViewLayout);
     },
 };
\ No newline at end of file

src/layout/pickup-grid-view-layout/pickup-grid-view-layout.scss

+.pickup-grid-view-layout {
+    height: 100%;
+    background-color: transparent;
+    box-shadow: none;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    padding: 12px!important;
+    .view-header__content {
+        display: flex;
+        flex-direction: column;
+        padding: 16px 4px 20px 7px;
+        gap: 10px;
+        background: var(--app-color-white);
+        box-sizing: border-box;
+        border: 1px solid var(--app-color-gray-250);
+        .quick-search-input .ivu-input {
+            width: 100%;
+            height: 34px;
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-end;
+            align-items: center;
+            padding: 4px 10px;
+            background: var(--app-color-white);
+            box-sizing: border-box;
+            border: 1px solid var(--app-color-gray-250);
+            border-radius: 0;
+            z-index: 0;
+            &:focus {
+                box-shadow: none;
+                border-color: var(--app-color-gray-250);
+            }
+        }
+        .search-form-toggle {
+            width: 100%;
+            height: 26px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            font-size: 12px;
+            padding-left: 20px;
+            cursor: pointer;
+            i {
+                font-weight: 900;
+                font-size: 14px;
+            }
+            &:hover {
+                color: var(--app-color-blue);
+            }
+        }
+        .app-search-form .search-button {
+            display: none;
+        }
+    }
+    .view-header__bottom {
+        min-height: 20px;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        background-color: transparent;
+        gap: 10px;
+        .ivu-btn {
+            width: 110px;
+            height: 34px;
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            padding: 10px 20px;
+            margin: 16px 0;
+            background: var(--app-color-white);
+            border: 1px solid var(--app-color-blue);
+            border-radius: 0;
+        }
+        .ivu-btn-primary {
+            background: var(--app-color-blue);
+            color: var(--app-color-white);
+        }
+    }
+    .view-content {
+        flex: auto;
+        height: 0;
+        background: var(--app-color-white);
+        border: 1px solid var(--app-color-gray-200);
+    }
+}
\ No newline at end of file

src/layout/pickup-grid-view-layout/pickup-grid-view-layout.vue

+<template>
+    <layout class="pickup-grid-view-layout view-layout">
+        <header class="view-header">
+            <div class="view-header__top">
+                <slot name="headerTop" />
+            </div>
+            <div class="view-header__content">
+                <slot name="headerContent" />
+            </div>
+            <div class="view-header__bottom">
+                <slot name="headerBottom" />
+            </div>   
+        </header>
+        <content class="view-content content-container">
+            <slot />
+        </content>
+        <footer  class="view-footer">
+            <slot name="footer" />
+        </footer>
+    </layout>
+</template>
+<script lang="ts">
+import { Vue, Component, Watch, Prop } from 'vue-property-decorator';
+
+@Component({})
+export default class AppPickUpGridViewLayout extends Vue {
+
+}
+</script>
+
+<style lang="scss">
+@import "./pickup-grid-view-layout.scss";
+</style>