提交

src/views/manage/teacherDetails.vue

@@ -47,7 +47,7 @@
                <el-col :span="12">{{formatsec(form.certify_at *1000)}}</el-col>
                 <el-col :span="12">
                   <el-form-item label="认证资料:">
-                    <!-- <a href="http://" target="_blank" rel="noopener noreferrer"></a> -->
+                    <i style="color:blue" title="点击下载" @click="downloadActioon(form.certification)" class="el-icon-download"></i>
                   </el-form-item>
                 </el-col>
             </el-form-item>
@@ -332,6 +332,18 @@ export default {
     ...mapGetters(["userInfo"])
   },
   methods: {
+    downloadActioon(filePath) {
+      if (!filePath) return;
+      let link = document.createElement('a'); //创建a标签
+      link.style.display = 'none'; //使其隐藏
+      link.download = this.fileBaseUrl + filePath;
+      link.setAttribute('target', '_blank');
+      link.href = this.fileBaseUrl + filePath; //赋予文件下载地址
+      link.setAttribute('download', '资料'); //设置下载属性 以及文件名
+      document.body.appendChild(link); //a标签插至页面中
+      link.click(); //强制触发a标签事件
+      document.body.removeChild(link);
+    },
      getAvatar(){
         teacherApi.detail(this.newId).then(res => {
            if (res.status == 200) {