解决培训下载txt格式乱码问题，解决培训课程管理课程类型不显示问题。

danger-manage-web/src/views/educationPlanExam/lessonsProgram/index.vue

@@ -70,11 +70,17 @@
 
     <el-table v-loading="loading" :data="lessonsList">
       <el-table-column label="课程标题" align="center" prop="courseName" />
-      <el-table-column
-        label="课程类别"
-        align="center"
-        prop="planName"
-      />
+      <el-table-column label="课程类别" align="center" prop="courseType">
+        <template v-slot="scope">
+          <div>
+            {{
+              courseOptions.filter(
+                (item) => item.planId == scope.row.courseType
+              )[0].planName
+            }}
+          </div>
+        </template>
+      </el-table-column>
       <el-table-column label="课程状态" align="center" prop="status">
         <template v-slot="scope">
           <div>{{ ["未发布", "已发布"][scope.row.status] }}</div>
@@ -82,12 +88,13 @@
       </el-table-column>
       <el-table-column label="附件" align="center" prop="enclosure">
         <template v-slot="{ row: { enclosure } }">
-          <a :href="enclosure" class="down-load">下载附件</a>
+          <a v-if="enclosure.indexOf('.txt')>=0" @click="downloadText(enclosure)" class="down-load">下载附件</a>
+          <a v-else :href="enclosure" class="down-load">下载附件</a>
         </template>
       </el-table-column>
       <el-table-column label="视频" align="center" prop="video">
         <template v-slot="{ row: { courseName, video } }">
-          <a @click="downLoad(video, courseName)" class="down-load"
+          <a @click="downLoadVideo(video, courseName)" class="down-load"
             >下载视频</a
           >
         </template>
@@ -347,7 +354,45 @@ export default {
       if (!cellValue) return "-";
       else return cellValue;
     },
-    downLoad(url, name) {
+    downloadText(url) {
+      // url = url.replace(/\\/g, "/");
+      const xhr = new XMLHttpRequest();
+      xhr.open("GET", url, true);
+      xhr.responseType = "blob";
+      //xhr.setRequestHeader('Authorization', 'Basic a2VybWl0Omtlcm1pdA==');
+      xhr.onload = function () {
+        if (xhr.readyState === 4 && xhr.status === 200) {
+          let blob = this.response;
+          console.log(blob);
+          // 转换一个blob链接
+          // 注: URL.createObjectURL() 静态方法会创建一个 DOMString(DOMString 是一个UTF-16字符串)，
+          // 其中包含一个表示参数中给出的对象的URL。这个URL的生命周期和创建它的窗口中的document绑定
+          let downLoadUrl = window.URL.createObjectURL(
+            new Blob([blob], {
+              type: "txt",
+            })
+          );
+          // 视频的type是video/mp4，图片是image/jpeg
+          // 01.创建a标签
+          let a = document.createElement("a");
+          // 02.给a标签的属性download设定名称
+          a.download = name;
+          // 03.设置下载的文件名
+          a.href = downLoadUrl;
+          // 04.对a标签做一个隐藏处理
+          a.style.display = "none";
+          // 05.向文档中添加a标签
+          document.body.appendChild(a);
+          // 06.启动点击事件
+          a.click();
+          // 07.下载完毕删除此标签
+          a.remove();
+        }
+      };
+
+      xhr.send();
+    },
+    downLoadVideo(url, name) {
       var xhr = new XMLHttpRequest();
       xhr.open("GET", url, true);
       xhr.responseType = "arraybuffer"; // 返回类型blob