fix : 完善页面细节

src/views/home/index.vue

@@ -16,15 +16,19 @@
             </el-col>
           </el-row>
           <h4>待办 ({{ todoNum }})</h4>
-          <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick"></fvTable>
+          <fvTable ref="tableIns" :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">
         <div class="right">
-<!--          <div class="right-top">-->
-<!--            <h3>欢迎回来， Sunshine</h3>-->
-<!--            <div>科技创新项目需求征集中， 要求参见OA内部信！</div>-->
-<!--          </div>-->
+          <!--          <div class="right-top">-->
+          <!--            <h3>欢迎回来， Sunshine</h3>-->
+          <!--            <div>科技创新项目需求征集中， 要求参见OA内部信！</div>-->
+          <!--          </div>-->
           <!--          <div class="right-gap"></div>-->
           <div class="right-top ">
             <div>
@@ -36,7 +40,7 @@
               {{ item.title }}
             </div>
           </div>
-          <div class="right-down">
+          <div class="right-top">
             <div>
               <h3>工具下载</h3>
               <span>常用网站</span>
@@ -115,7 +119,7 @@ const tableConfig = reactive({
       label: '类型',
       align: 'center',
       showOverflowTooltip: false,
-      // currentRender: ({row, index}) => (<Tag dictType={'normal_disable'} value={row.state}/>)
+      currentRender: ({row, index}) => (<Tag dictType={'todo_type'} value={row.state}/>)
     },
     {
       prop: 'createTime',
@@ -197,6 +201,12 @@ const headBtnClick = (key) => {
     border-radius: 10px;
     background-color: #ffffff;
 
+    .el-table__empty-block {
+      .el-empty {
+        padding: 10px 0;
+      }
+    }
+
     .statistics {
       width: 99%;
       margin-bottom: 20px;
@@ -210,7 +220,7 @@ const headBtnClick = (key) => {
         margin-top: 15px;
 
         .block-right {
-          margin-left: 40px;
+          margin-left: 15%;
           display: flex;
           flex-direction: column;
           justify-content: center;
@@ -218,11 +228,13 @@ const headBtnClick = (key) => {
           font-size: 17px;
 
           > span:first-child {
+            white-space: nowrap;
             color: #000000;
             margin-bottom: 10px;
           }
 
           > span:last-child {
+            white-space: nowrap;
             font-size: 20px;
             font-weight: bold;
 
@@ -257,14 +269,14 @@ const headBtnClick = (key) => {
     //  }
     //}
 
-    .right-top, .right-down {
+    .right-top {
       flex: 0.5;
       padding: 15px;
       border-radius: 10px;
       background-color: #ffffff;
     }
 
-    .right-down,.right-top {
+     .right-top {
       flex: 0.48;
 
       > div:first-child {
@@ -273,10 +285,12 @@ const headBtnClick = (key) => {
         align-items: center;
 
         h3 {
+          white-space: nowrap;
           margin-left: 15px;
         }
 
         > span {
+          white-space: nowrap;
           color: #927648;
           font-size: 14px;
         }