update: 更新

src/layout/edit-view-layout/edit-view-layout.vue

 <template>
-    <layout class="edit-view-layout view-layout view-container">
+    <layout :class="layoutClassName">
         <header class="view-header">
             <div class="view-header__top">
                 <slot name="headerTop" />
@@ -30,11 +30,30 @@
     </layout>
 </template>
 <script lang="ts">
-import { Vue, Component } from 'vue-property-decorator';
+import { Vue, Component, Prop } from 'vue-property-decorator';
 
 @Component({})
 export default class AppEditViewLayout extends Vue {
 
+    /**
+     * 视图默认使用
+     *
+     * @type {boolean}
+     * @memberof AppEditViewLayout
+     */
+    @Prop({ default: true }) public viewDefaultUsage?: boolean;
+
+    /**
+     * 布局类名
+     *
+     * @memberof AppEditViewLayout
+     */
+    get layoutClassName(){
+      return {'edit-view-layout view-layout':true, 
+        'view-container': true, 
+        'view-default-usage': this.viewDefaultUsage ? true :false}
+    }
+
 }
 </script>
 

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

@@ -79,7 +79,4 @@
         flex: auto;
         background: var(--app-color-white);
     }
-    >.view-footer {
-        height: 40px;
-    }
 }
\ No newline at end of file

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

 <template>
-    <layout class="grid-view-layout view-layout">
+    <layout :class="layoutClassName">
         <header class="view-header">
             <div class="view-header__top">
                 <slot name="headerTop" />
@@ -25,6 +25,25 @@ import { Vue, Component, Watch, Prop } from 'vue-property-decorator';
 @Component({})
 export default class AppGridViewLayout extends Vue {
 
+    /**
+     * 视图默认使用
+     *
+     * @type {boolean}
+     * @memberof AppGridViewLayout
+     */
+    @Prop({ default: true }) public viewDefaultUsage?: boolean;
+
+    /**
+     * 布局类名
+     *
+     * @memberof AppGridViewLayout
+     */
+    get layoutClassName(){
+      return {'grid-view-layout':true, 
+        'view-layout': true, 
+        'view-default-usage': this.viewDefaultUsage ? true :false}
+    }
+
 }
 </script>
 

src/layout/index-view-layout-top/index-view-layout-top.scss

@@ -38,7 +38,7 @@
     .index-view-content {
         height: calc(100% - 64px);
         overflow: auto;
-        padding: 20px 38px 0 38px;
+        padding: 20px 80px 0 80px;
         background-color: var(--ey-color-gray-250);
         display: flex;
         flex-direction: column;
@@ -63,8 +63,36 @@
         bottom: 0px;
 
         .notice {
-            padding-top: 10px;
+            padding-top: 40px;
             color: var(--app-color-gray-200);
         }
     }
 }
+
+.index-view-layout--top {
+  .index-view-content{
+    // 编辑视图默认使用
+    .edit-view-layout.view-default-usage{
+      // 为什么写在这边，因为只有上布局会有copyright，这里算高度算上
+      height: calc(100% - 130px);
+      display: flex;
+      flex-direction: column;
+      .view-content{
+        flex: 1;
+        overflow-y: auto;
+      }
+    }
+    // 表格视图默认使用
+    .grid-view-layout.view-default-usage{
+      // 为什么写在这边，因为只有上布局会有copyright，这里算高度算上
+      height: calc(100% - 130px);
+      display: flex;
+      flex-direction: column;
+      .view-content{
+        flex: 1;
+        overflow-y: auto;
+      }
+    }
+
+  }
+}
\ No newline at end of file