工作台页面优化

src/views/modules/sys/dashboard/workBench/Pending.vue

@@ -1,13 +1,14 @@
 <template>
   <div>
     <el-container style="height: calc(100vh - 105px)">
-      <el-header style="padding:0px;height: 50%;" >
+      <el-header style="padding:0px;height: 50%;line-height: 20px" >
         <el-container direction="horizontal"style="height: 100%;">
         <el-main style="height: 100%;width: 50%;padding: 0 5px 0 0;" >
           <div class="page" style="height: calc(100% - 0px);">
             <div class="top bg-white" style="height: calc(100% - 10px);border: 1px solid #c8ced4;padding-top: 15px">
-              <div style="height: 18px" >
-                <span>我的待办</span><el-badge class="mark" v-if="tablePage.total !== 0" :value="tablePage.total" :max="99"/>
+              <div style="height: 18px;">
+                <span>我的待办</span>
+                <el-badge class="mark" v-if="tablePage.total !== 0" :value="tablePage.total" :max="99"style="line-height: 0"/>
                 <div style="float:right;align-items:center;display:flex;height: 18px">
                   <el-button type="text" style="float:right" @click="resetSearch()">刷新</el-button>
                   <el-button type="text" style="float:right" @click="toPendingList()">更多>></el-button>
@@ -88,8 +89,9 @@
         <el-main style="height: 100%;width: 50%;padding: 0 0 0 5px;" >
           <div class="page" style="height: calc(100% - 0px);">
             <div class="top bg-white" style="height: calc(100% - 10px);border: 1px solid #c8ced4;padding-top: 15px">
-              <div style="height: 18px" >
-                <span>我的通知</span><el-badge class="mark" v-if="noticePageList.total !== 0" :value="noticePageList.total" :max="99" />
+              <div style="height: 18px;" >
+                <span>我的通知</span>
+                <el-badge class="mark" v-if="noticePageList.total !== 0" :value="noticePageList.total" :max="99" style="line-height: 0"/>
                 <div style="float:right;align-items:center;display:flex;height: 18px">
                   <el-button type="text" style="float:right" @click="toNoticeList()">更多>></el-button>
                 </div>
@@ -147,13 +149,14 @@
         </el-main>
         </el-container>
       </el-header>
-      <el-header style="padding:0px;height: 50%;">
+      <el-header style="padding:0px;height: 50%;line-height: 20px">
         <el-container direction="horizontal"style="height: 100%;">
           <el-main style="height: 100%;width: 50%;padding: 0 5px 0 0;" >
             <div class="page" style="calc(100% - 0px);">
           <div class="top bg-white"style="height: calc(100% - 10px);border: 1px solid #c8ced4;padding-top: 15px">
-            <div style="height: 18px" >
-              <span>公告</span><el-badge v-if="noticePage.total !== 0" class="mark" :value="noticePage.total" :max="99" />
+            <div style="height: 18px;" >
+              <span>公告</span>
+              <el-badge v-if="noticePage.total !== 0" class="mark" :value="noticePage.total" :max="99" style="line-height: 0"/>
               <div style="float:right;align-items:center;display:flex;height: 18px">
                 <el-button type="text" style="float:right" @click="toNotice()">更多>></el-button>
               </div>