update style problem

src/views/data-management/instance-management/index.vue

@@ -23,7 +23,6 @@
             ref="tableModel"
             :data="tableData"
             border
-            height="541px"
             highlight-current-row
             @current-change="handleTableSel"
           >
@@ -75,7 +74,6 @@
             res="tableInstance"
             :data="tableDataInstance"
             border
-            height="485px"
           >
             <el-table-column
               type="index"
@@ -86,7 +84,7 @@
             <el-table-column
               prop="instanceName"
               label="实例名称"
-              width="320px"
+              min-width="220px"
             />
             <el-table-column
               prop="description"
@@ -211,9 +209,7 @@ export default {
   mounted() {},
   methods: {
     listModel(pageNum) {
-      const {
-        name
-      } = this.searchForm
+      const { name } = this.searchForm
       const params = {
         name,
         pageNum,
@@ -225,6 +221,10 @@ export default {
           this.tableData = data.records
           this.pageForm.total = data.total
           this.pageForm.pageNum = data.pageNum
+          this.$nextTick()
+            .then(_ => {
+              this.tableData.length && this.$refs.tableModel.setCurrentRow(this.tableData[0])
+            })
         })
         .catch(err => {
           console.error(err.message)

src/views/data-management/model-management/index.vue

@@ -28,7 +28,6 @@
       <el-table
         :data="tableData"
         border
-        height="500px"
       >
         <el-table-column
           type="index"

src/views/data-visible/dashboard/index.vue

@@ -208,6 +208,6 @@ export default {
 
 <style lang="scss" scoped>
 .container{
-  min-height: calc(100vh - 125px);
+  min-height: calc(100vh - 90px);
 }
 </style>