feat(home): 使用 Badge 徽章 查看导出列表功能

src/views/home.vue

@@ -120,6 +120,7 @@ const openExportList = () => {
 </script>
 
 <template>
+
   <div class="common-layout">
     <el-container>
       <el-aside style="
@@ -217,7 +218,11 @@ const openExportList = () => {
             background: white;
           ">
 
+
           <el-menu class="el-menu-demo" mode="horizontal" :ellipsis="false">
+            <el-badge @click="openExportList" class="item" > <!-- 用的el-badgeBadge 徽章 之后可以加数字 -->
+              <el-button>查看导出列表</el-button>
+            </el-badge>
             <el-sub-menu index="1" class="admin">
               <template #title>
                 <el-image :src="imgrule1" alt="错误" style="width: 50px; height: 50px" />
@@ -225,7 +230,10 @@ const openExportList = () => {
               </template>
               <el-menu-item @click="message()">查看个人信息</el-menu-item>
               <el-menu-item @click="logout">退出登录</el-menu-item>
+              <el-menu-item index="1-3" @click="openExportList">查看下载列表</el-menu-item>
+
             </el-sub-menu>
+
           </el-menu>
         </el-header>
         <el-main style="margin-top: 60px">
@@ -296,7 +304,10 @@ const openExportList = () => {
   font-size: 16px;
   font-weight: bold;
 }
-
+.item {
+  margin-top: 20px;
+  margin-right: 40px;
+}
 .admin {
   margin-left: auto;
 }