更正和添加页面样式修改，报错问题解决

@@ -69,7 +69,7 @@
                     type: [],
                     type: [],
                 },
                 },
                 tableData: [],
                 tableData: [],
-                tableHeight: "",
+                tableHeight: 0,
             };
             };
         },
         },
         created() {
         created() {
@@ -79,9 +79,9 @@
                 pageNo: this.pageNo,
                 pageNo: this.pageNo,
                 pageSize: this.pageSize,
                 pageSize: this.pageSize,
             })
             })
-            this.$nextTick(()=>{
-                this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
-            })
+            this.$nextTick(() => {
+			    this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 255;
+		    });
         },
         },
         methods: {
         methods: {
             handleCurrentChange(val) {
             handleCurrentChange(val) {
@@ -150,7 +150,7 @@
         padding: 0 18px;
         padding: 0 18px;
         display: flex;
         display: flex;
         flex-direction: column;
         flex-direction: column;
-        background-color: #fcfdff;
+        background-color: #EAEDF5;
         .demo-form-inline {
         .demo-form-inline {
             margin-top: 18px;
             margin-top: 18px;
             .moreSearchBtn {
             .moreSearchBtn {

@@ -71,16 +71,16 @@
                 },
                 },
                 queryData: {},
                 queryData: {},
                 tableData: [],
                 tableData: [],
-                tableHeight: "",
+                tableHeight: 0,
             };
             };
         },
         },
         created() {
         created() {
         },
         },
         mounted() {
         mounted() {
             this.getData({})
             this.getData({})
-            this.$nextTick(()=>{
-                this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
-            })
+            this.$nextTick(() => {
+			    this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 255;
+		    });
         },
         },
         methods: {
         methods: {
             handleCurrentChange(val) {
             handleCurrentChange(val) {
@@ -168,7 +168,7 @@
         padding: 0 18px;
         padding: 0 18px;
         display: flex;
         display: flex;
         flex-direction: column;
         flex-direction: column;
-        background-color: #fcfdff;
+        background-color: #EAEDF5;
         .demo-form-inline {
         .demo-form-inline {
             margin-top: 18px;
             margin-top: 18px;
             .moreSearchBtn {
             .moreSearchBtn {
@@ -182,7 +182,6 @@
         }
         }
         .dataGrid {
         .dataGrid {
             flex: 1;
             flex: 1;
-            margin-top: 20px;
             .pagination {
             .pagination {
                 padding: 18px 0;
                 padding: 18px 0;
             }
             }