//  大赛
<template>
   <div class="resource">
    <div class="wo_padding">
    <div class="wo_list" v-for="(item,key) in dslist" :key='key' >
      <div class="list_left" >
      <h4>{{item.title}}</h4>
      <p class="time">{{item.appleStime}}</p>
      </div>
      <div class="wo_right">
           <el-button type="danger" round  @click="lookxm(item.megaganmeId)">当前参赛{{item.partNum}}</el-button>
      </div>
      </div>
    </div>
  
       <div class="pagination">
      <Pagination
        :pagination-config="paginationConfig"
        @putPagination="getPagination"
      ></Pagination>
    </div>

   </div>

</template>
<script>
import Pagination from '@/components/Pagination'
import { formatType, formatStatus,parseTime } from '@/utils/index'
import { request } from '@/utils/request'
export default {
  name: 'IndexLayout',
   components: {
         Pagination
         },
  data() {
    return {
        megagameId:'',
     paginationConfig: {
        hideSinglePage: false,
        page: 1,
        size: 10,
        sizeList: [10, 15, 30, 50],
        layout: 'total, sizes, prev, pager, next, jumper',
        total: 0,
      },
      dslist:[],
     
    }
    
  },
  created() {
    
  },
  mounted() {
       this.getResource() ;
  },
  methods: {
       
        // 分页查询
        getPagination(data) {
      this.paginationConfig = data

    },
        // 获取大赛列表
 getResource() {
   const params = {
        transCode: 'D00006',
         page: this.paginationConfig.page,
        count: this.paginationConfig.size,
        uid:this.$store.getters.userId,
      }
      request(params)
        .then((res) => {
            console.log(res);
           this.dslist=res.rows;
          this.paginationConfig.total = res.total
          this.tableData=res.rows;
        })
        .catch((err) => {})

    },

lookxm(megagameId){
     this.$router.replace({
                path: '/userLayout/dsproject',
                query:{megagameId },
              })
 

},
    handle(val){
      console.log(val);
    },
    // particulars(id) {
    //     this.dsHeader()
    //   this.dialog.xq=true;
    //    // 查看资详情
    //   // const params = {
    //   //   transCode: 'D00007',
    //   //   id:id,
    //   // }
    //   // request(params)
    //   //   .then((res) => {
    //   //     this.xqobjct=res
    //   //     console.log(res);
         
    //   //   })
    //   //   .catch((err) => {})
    //   // 查询题目列表
    //   const params = {
    //     transCode: 'D00008',
    //     megaganmeId:id,
    //   }
    //   request(params)
    //     .then((res) => {
    //      res.rows.forEach((row) => {
    //          switch (row.status) {
    //         case "0":
    //           row.status = "新增";
    //           break;
    //         case "1":
    //        row.status ="发布";
    //           break;
    //         default:
    //       };
    //        switch (row.rank) {
    //         case "1":
    //           row.rank = "普通";
    //           break;
    //         case "2":
    //           row.rank ="一般";
    //           break;
    //            case "3":
    //           row.rank = "困难";
    //           break;
    //         case "4":
    //           row.rank ="发布";
    //           break;
    //            case "5":
    //           row.rank = "地狱）";
    //           break;
    //         default:
    //       };
    //        switch (row.businessType) {
    //         case "1":
    //           row.businessType = "航天";
    //           break;
    //         case "2":
    //          row.businessType ="船舶";
    //           break;
    //         default:
    //       };
    //        switch (row.selectionWay) {
    //         case "1":
    //           row.selectionWay = "必选题";
    //           break;
    //         case "2":
    //          row.selectionWay ="选做题";
    //           break;
    //         default:
    //       };
    //       switch (row.type) {
    //         case "1":
    //           row.type = "普通任务";
    //           break;
    //         case "2":
    //          row.type ="大赛任务";
    //           break;
    //         default:
    //       };
    //       });
    //       this.dstable=res.rows
    //       console.log(res);
         
    //     })
    //     .catch((err) => {})
    // },
  },
}
</script>
<style lang="scss" scoped>
@import '@/styles/variables.scss';
@import '@/styles/mixin.scss';
.resource {
  @include w_h(100%, 100%);
  background: $color_f;
  .el-table {
    color: $color_9;
    .operation:hover {
      color: #2cae00;
      cursor: pointer;
    }
  }
  .pagination {
    @include flex();
    padding: 20px 10px;
    font-size: 12px;
    color: $color_9;
  }
  .wo_padding{
    padding: 20px 50px;
    
    .wo_list{
      border-bottom:1px solid #F6F5F5;
      padding: 20px 0;
      position: relative;
      h4{
        font-size: 30px;
        color: #333;
      }
      p{
        padding: 10px 0;
        font-size: 16px;
        color: #999;
      }
      .wo_right{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);  
        right: 10px;
      }
    }
    
  }
}
</style>