fix : 完善详情页面细节

src/views/home/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="home-bg">
     <el-row gutter="20">
-      <el-col :xs="24" :sm="16" :md="18" :lg="20" :xl="20">
+      <el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="18">
         <div class="left">
           <h3>我的科创工作</h3>
           <el-row :gutter="20" class="statistics">
@@ -16,14 +16,14 @@
             </el-col>
           </el-row>
           <h4>待办 ({{ todoNum }})</h4>
-          <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick">
+          <fvTable ref="tableIns" class="home-table" :tableConfig="tableConfig" @headBtnClick="headBtnClick">
             <template #empty>
               <el-empty description="暂无待办"/>
             </template>
           </fvTable>
         </div>
       </el-col>
-      <el-col :xs="24" :sm="8" :md="6" :lg="4" :xl="4">
+      <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6">
         <div class="right">
           <!--          <div class="right-top">-->
           <!--            <h3>欢迎回来， Sunshine</h3>-->
@@ -161,13 +161,31 @@ const headBtnClick = (key) => {
   .right {
     margin-top: 10px;
   }
-}
+  :deep(.el-table) {
+    height: 300px!important;
+  }
 
+
+}
+@media only screen and (max-width: 1000px) {
+  .right {
+    margin-top: 10px;
+  }
+  :deep(.el-table) {
+    height: 300px!important;
+  }
+
+}
 //.right-gap {
 //  background-color: #EFEFEF;
 //  width: 20px;
 //  //margin-right: -10px;
 //}
+:deep(.el-table) {
+  //height: 200px;
+  //max-height: 400px;
+}
+
 .home-bg {
   height: calc(100vh - 130px);
   max-height: calc(100vh - 96px);
@@ -201,6 +219,7 @@ const headBtnClick = (key) => {
     border-radius: 10px;
     background-color: #ffffff;
 
+
     .el-table__empty-block {
       .el-empty {
         padding: 10px 0;
@@ -276,7 +295,7 @@ const headBtnClick = (key) => {
       background-color: #ffffff;
     }
 
-     .right-top {
+    .right-top {
       flex: 0.48;
 
       > div:first-child {