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

/*hcfd*/
<template>
  <DetailLayout :title="'前沿-HCFDLab-风洞模型流场分析'">
    <div class="detail">
        <div class="content-left">
          <p class="title">计算目标：</p>
          <p class="dec">
            分别计算迎角α=0°、10°，马赫数Ma=2.25下的风洞内飞机模型速度云图、压强云图、升力曲线及阻力曲线。
          </p>
          <div>
            <p class="title">题目详细描述:</p>
            <div class="imgs">
              <img src="@/assets/match/hcfd1.png" alt="图片" />
            </div>
            <div class="imgs">
              <img src="@/assets/match/hcfd2.png" alt="图片" />
            </div>
          </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('b56e35a3c38d4fdf9d22ad27a8b45739')"> 下载资料</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: 'Detailsxq',
  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>