cfd-adi-web/src/views/megagame/topic/details/detailmw.vue

/*hcfd*/
<template>
  <DetailLayout :title="'前沿-HCFDLab-Mavric Wing升阻力曲线分析'">
    <div class="detail">
        <div class="content-left">
          <p class="title">计算目标：</p>
          <p class="dec">计算Mavric Wing薄翼型机翼在0.678、0.901和1.141三个马赫数下的升力阻力曲线。</p>
          <div>
            <p class="title">模型参数:</p>
            <p class="dec">由主办方提供。</p>
          </div>
        </div>
        <div class="content-right">
          <p class="title">相关资料</p>
          <ul class="xiazai">
          <li >HCFDLab比赛指导书<span @click="dow('b56e35a3c38d4fdf9d22ad27a8b45734')"> 下载资料</span></li>
          <li >HCFDLab软件用户手册 <span @click="dow('b56e35a3c38d4fdf9d22ad27a8b45735')"> 下载资料</span></li>
          <li >HCFDLab报告模版 <span @click="dow('b56e35a3c38d4fdf9d22ad27a8b45736')"> 下载资料</span></li>
          <li >边界文件 <span @click="dow('b56e35a3c38d4fdf9d22ad27a8b45737')"> 下载资料</span></li>
          <!-- <el-button @click="dow('b56e35a3c38d4fdf9d22ad27a8b45733')">下载_xxx</el-button> -->
        </ul>
        </div>
      </div>
  </DetailLayout>
</template>

<script>
import DetailLayout from '../components/DetailLayout'
import { download,getToken } from '@/utils/request'
import store from '@/store'
export default {
  name: 'Detailmw',
  components: { DetailLayout },
  data() {
    return {}
  },
  created() {},
  mounted() {},
  methods: {
      dow(fileId){
        const params = {
        transCode: 'B00022',    
        clientToken:store.getters.token || getToken(),
        id: fileId, // 每个题目的数据id
        uid: this.$store.getters.userId,
      }
     download(params);
    }
  },
}
</script>

<style lang="scss" scoped>
@import '@/styles/variables.scss';
@import '@/styles/mixin.scss';
.xiazai li {
  padding: 15px;
}
.xiazai li {
  color:#fff;
  cursor: pointer;
}
.xiazai li span{
  float: right;
  color: #007af9;
  
}
</style>