头部添加app下载按钮

src/components/layout/Header.vue

@@ -57,9 +57,15 @@
       </el-col>
       <el-col :span="3">
         <div class="user">
+          <!-- add-LiuMouren-2023年5月8日14:30:59
+          添加我的app下载图标 -->
+          <i class="el-icon-mobile-phone dumpApk" @click="dumpApk()"></i>
           <!-- 我的任务快捷菜单 -->
           <div class="manage-icon" @click="goToMyMission()"></div>
-          <div class="alert-icon" v-if="messageLength === 0"></div>
+          <!-- update-LiuMouren-2023年5月8日14:29:03
+              未读消息没有也可以打开消息页面
+             -->
+          <div class="alert-icon" v-if="messageLength === 0" @click="goToMessageList"></div>
           <div class="alert-icon" v-else-if="messageLength > 0" @click="goToMessageList">
             <div class="alert-info">{{ messageLength }}</div>
           </div>
@@ -157,7 +163,22 @@ export default {
         }
       );
     },
-
+    // 手机端下载
+    dumpApk() {
+      // 用fetch发送请求 对请求回来的二进制文件流进行处理
+      fetch("/static/apk/H5E31842B_0508153227.apk").then(res => {
+        res.blob().then(blob => {
+          const blobUrl = window.URL.createObjectURL(blob);
+          // 这里的文件名根据实际情况从响应头或者url里获取
+          const filename = "H5E31842B_0508153227.apk";
+          const a = document.createElement("a");
+          a.href = blobUrl;
+          a.download = filename;
+          a.click();
+          window.URL.revokeObjectURL(blobUrl);
+        });
+      });
+    },
     getMessageData() {
       let params = new FormData();
       params.append("columnId", 1558);
@@ -441,6 +462,14 @@ export default {
   align-content: center;
   justify-content: space-around;
   align-items: center;
+  .dumpApk {
+    color: #fff;
+    position: absolute;
+    font-size: 30px;
+    top: 1rem;
+    right: 16rem;
+    cursor: pointer;
+  }
   .manage-icon {
     cursor: pointer;
     position: absolute;