<template>
  <div class="homework">
    <div class="title">
      <div class="homework_titile">营地作业</div>
    </div>
    <!-- <div class="empty_content">
      <div>
        <img src="@/assets/img/homework/homework.png" alt="" />
      </div>

      <p>同学你好，老师暂未发布作业</p>
      <p>请于2021年XX年XX月XX日 前往网站查看作业</p>
    </div> -->
    <div class="home_content">
      <div class="each_content">
        <div class="top flex">
          <div class="homework_name flex">
            <div>作业名称：第一次课程论文</div>
            <span>未完成</span>
          </div>
          <el-button size="mini" round @click="toRefer()">查看作业</el-button>
        </div>
        <div class="line"></div>
        <div class="bottom">
          <p>
            简介：Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus
            accumsan et viverra justo commodo. Proin sodales pulvinar sic
            tempor. Sociis natoque penatibus et magnis dis parturient montes,
            nascetur ridiculus mus. Nam fermentum。
          </p>
          <div class="time flex">
            <div>发布时间：2021-8-21 19:00</div>
            <div>截止日期：2021-8-21 19:00</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
/* eslint-disable */

export default {
  name: "homework",

  data() {
    return {};
  },
  created() {
    //  this.$emit("getStatus", false, 1);
  },
  watch: {},
  methods: {
    toRefer() {
      let code = this.$store.state.indexIdentity;
      this.$router.push("/homework/refer?code=" + code);
    },
  },
};
</script>


<style lang="scss"  >
.flex {
  display: flex;
}

.homework {
  // background: #ffffff;
  // width: 856px;

  .title {
    padding: 50px;
    .homework_titile {
      font-size: 24px;
      font-weight: 500;
      color: #1b1419;
      line-height: 24px;
      margin-bottom: 40px;
      text-align: center;
    }
  }

  // 空状态
  // .content_empty {
  // padding-bottom: 200px;
  // p,
  // div {
  //   text-align: center;
  // }
  // }
  // 有作业时候
  .home_content {
    padding-bottom: 200px;
    font-size: 14px;
    .each_content {
      padding: 25px 30px;
      background-color: #eceaea;
      .top {
        justify-content: space-between;
      }
      .line {
        border-bottom: 1px solid;
      }
    }
  }
}
</style>

