班次

pages/basicData/calendar/class/index.vue

 <template>
     <div>
-        <DataGrid :columns="columns" ref="grid" :action="action">
+        <DataGrid :columns="columns" ref="grid" :action="action" :height="tableHeight">
             <template slot="easySearch">
                 <Form ref="formInline" :model="easySearch"  inline>
                     <FormItem prop="keys">
@@ -47,6 +47,7 @@ components:{
 data() {
       return {
         action: Api.index,
+        tableHeight: '',// 表格高度
         easySearch: {
             keys:{op:"shiftWorkSchedCode,shiftName",value:null}
         },
@@ -86,8 +87,17 @@ data() {
             },],
         }
     },
-    mounted(){
+    created(){
+        this.tableHeight = window.innerHeight - 230
+    },
+    mounted() {
         console.log(this);
+        window.onresize = () => {///浏览器窗口大小变化
+            return (() => {
+            window.screenHeight = window.innerHeight
+            this.tableHeight = window.screenHeight - 230
+            })()
+        }
     },
     async fetch({ store, params }) {
         await store.dispatch('loadDictionary') // 加载数据字典