<!-- 工作台任务卡片 -->
<template>
  <div class="task-card">
    <div class="top-title-box">
      <p>工作台任务卡</p>
    </div>
    <div class="card-max-big-box">
      <div class="year-card-box for-max-big-box">
        <div class="top-title-box">
          <p>{{yearData.yearMinData1}}</p>
          <p>{{yearData.yearMinData2}}</p>
          <p>毕业报告</p>
        </div>
        <div class="bottom-content-box">
          <div class="bottom-big-box-1">
            <p></p>
            <p></p>
          </div>
        </div>
      </div>
      <div class="study-card-box for-max-big-box">


      </div>
      <div class="examination-card-box for-max-big-box">

      </div>
      <div class="for-max-big-box" v-for="(item,index) in dataList" :key="index">

      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TaskCard',
  data() {
    return {
      //学年数据
      yearData:{
        yearMinData1:'学年数据统计',
        yearMinData2:'按学年统计历年考试通过情况与成绩',
        yearMinList:[
          {
            yearMinListData1:'2025-2026',
            yearMinListData2:'1',
            yearMinListData3:'99',
          },
          {
            yearMinListData1:'2025-2026',
            yearMinListData2:'1',
            yearMinListData3:'99',
          },
          {
            yearMinListData1:'2025-2026',
            yearMinListData2:'1',
            yearMinListData3:'99',
          },
        ],
      },
      studyData:{

      },
      examinationData:{

      },
      dataList:[
        {

        },
      ],
    }
  }
}
</script>

<style scoped lang="scss">
.task-card {
  background: #fff;
  border-radius: 6px;
  padding: 16px 0 0 0;
  margin-bottom: 12px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  .top-title-box{
    display: flex;
    padding-left:20px;
    p{
      flex:1;
      line-height:20px;
    }
    p:nth-child(1){
      font-size:16px;
      font-weight:700;
    }
    p:nth-child(2){
      text-align: right;
      font-size:14px;
      font-weight:700;
    }
  }
  .card-max-big-box{
    margin-top:20px;
    .year-card-box{

    }
    .study-card-box{

    }
    .examination-card-box{

    }
    .for-max-big-box{
      display: inline-block;
      width:360px;
      height:290px;
      margin: 0 0 20px 20px;
      border-radius:6px;
      border:1px solid #dedede;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      padding:20px 20px 0 20px;
      overflow: hidden;
      .top-title-box{
        position: relative;
        p:nth-child(1){
          font-size:14px;
          font-weight:700;
        }
        p:nth-child(2){
          font-size:14px;

        }
        p:nth-child(3){
          font-size:14px;
          line-height:30px;
          background-color: #0183fa;
          color:#fff;
          border-radius:6px;
          position: absolute;
          top:0;
          right:0;
          padding:0 10px;
        }
      }
      .bottom-content-box{
        .bottom-big-box-1{

        }
        .bottom-big-box-2{

        }
        .bottom-big-box-3{

        }
        .bottom-big-box-4{

        }
      }
    }
  }
}
</style>
