修改新增

祖安之光

4 天以前 19453ccbf5f0cd89450768fbcc29f7437ca8b282

 src/views/work/onlineEducation/offlineEducation/index.vue

@@ -46,7 +46,10 @@
      <el-table-column label="计划名称" prop="planName" align="center"  />
      <el-table-column label="学员姓名" prop="studentName" align="center">
        <template #default="scope">
          <span>{{scope.row.student.name}}</span>
          <div style="display: flex;flex-wrap: wrap">
            <div v-for="(item,index) in scope.row.students" style="display: flex" >{{item.name}}<div v-if="scope.row.students && index !=scope.row.students.length -1">,</div></div>
          </div>

        </template>
      </el-table-column>
<!--      <el-table-column label="性别" prop="sex" align="center" >-->
@@ -54,29 +57,33 @@
<!--          <span>{{scope.row.sex == 0 ? '男':'女'}}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
      <el-table-column label="身份证号" prop="idNo" align="center" width="200" :show-overflow-tooltip="true">
        <template #default="scope">
          <span>{{scope.row.student.idNo}}</span>
        </template>
      </el-table-column>
<!--      <el-table-column label="身份证号" prop="idNo" align="center" width="200" :show-overflow-tooltip="true">-->
<!--        <template #default="scope">-->
<!--          <span>{{scope.row.student.idNo}}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
      <el-table-column label="课程名称" prop="courseName" align="center"/>
      <el-table-column label="培训等级" prop="level" align="center">
        <template #default="scope">
          <span>{{scope.row.level == 1 ? '公司级':scope.row.level == 2 ? '部门级' : '车间级'}}</span>
        </template>
      </el-table-column>
      <el-table-column label="要求课时（分）" prop="period" align="center"/>
      <el-table-column label="实际课时（分）" prop="actualPeriod" align="center"/>
      <el-table-column label="考试成绩" prop="score" align="center"/>
      <el-table-column label="是否合格" prop="passed" align="center">
        <template #default="scope">
          <span>{{scope.row.passed == 0 ? '不合格':'合格'}}</span>
        </template>
      </el-table-column>
      <el-table-column label="培训记录" prop="passed" align="center" width="130">
<!--      <el-table-column label="要求课时（分）" prop="period" align="center"/>-->
<!--      <el-table-column label="实际课时（分）" prop="actualPeriod" align="center"/>-->
<!--      <el-table-column label="考试成绩" prop="score" align="center"/>-->
<!--      <el-table-column label="是否合格" prop="passed" align="center">-->
<!--        <template #default="scope">-->
<!--          <span>{{scope.row.passed == 0 ? '不合格':'合格'}}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
      <el-table-column label="培训记录" prop="passed" align="center" width="180">
        <template #default="scope">
          <div v-for="item in scope.row.files" style="display: flex;flex-direction: column">
            <el-link type="primary" @click="openFile(item.filePath)">{{item.fileName}}</el-link>
            <div style="display: flex;flex-direction: column;align-items: center">
              <el-link type="primary" @click="openFile(item.filePath)">{{item.fileName}}</el-link>
              <el-button style="width: 50px;margin-bottom: 5px" size="small" @click="downloadFile(item)">下载</el-button>
            </div>

          </div>

        </template>
@@ -111,6 +118,8 @@
import {delStudent, getStudent} from "@/api/onlineEducation/student";
import {delRecord, getRecord} from "@/api/onlineEducation/examRecord";
import {renderAsync} from "docx-preview";
import axios from "axios";
import {getToken} from "@/utils/auth";


const { proxy } = getCurrentInstance();
@@ -236,5 +245,23 @@
    }
  }
}

const downloadFile = (e)=>{
  axios.get(import.meta.env.VITE_APP_BASE_API + '/' +e.filePath,{headers:{'Content-Type': 'application/json','Authorization': `${getToken()}`},responseType: 'blob'}).then(res=>{
    if (res) {
      const link = document.createElement('a')
      let blob = new Blob([res.data],{type: res.data.type})
      link.style.display = "none";
      link.href = URL.createObjectURL(blob); // 创建URL
      link.setAttribute("download", e.fileName);
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    } else {
      ElMessage({
        type: 'warning',
        message: '文件读取失败'
      });
    }
  })
}
</script>