<!--作业列表-->
<template>
  <view class="main_section">

    <view class="section_3">
      <view class="ul">
        <view class="li">
          <view class="left_box">
            <view class="date_box">
              <text>12</text>
              <text>/</text>
              <text>24</text>
            </view>
            <view class="ratio">
              完成率：80%
            </view>
          </view>
          <view class="center_box">
            <view>班级：少年班</view>
            <view>时间：2020-05-25 15:30 - 17:30</view>
            <view>课程：篮球少儿课
            </view>
          </view>
          <view class="right_box">
<!--            <view class="tag" style="background:#fad24e;">上课中</view>-->
                        <view class="tag" style="background:#1cd188;">待批改</view>
          </view>
        </view>
        <view class="li">
          <view class="left_box">
            <view class="date_box">
              <text>12</text>
              <text>/</text>
              <text>24</text>
            </view>
            <view class="ratio">
              完成率：80%
            </view>
          </view>
          <view class="center_box">
            <view>班级：少年班</view>
            <view>时间：2020-05-25 15:30 - 17:30</view>
            <view>课程：篮球少儿课
            </view>
          </view>
          <view class="right_box">
            <!--            <view class="tag" style="background:#fad24e;">上课中</view>-->
            <view class="tag" style="background:#1cd188;">待批改</view>
          </view>
        </view>
      </view>
    </view>

<!--    底部导航-->
    <AQTabber/>
  </view>
</template>

<script>
// import user from '@/api/user.js';
import AQTabber from "@/components/AQ/AQTabber.vue"


export default {
  components: {
    AQTabber,
  },
  data() {
    return {
      list: [],
      likes: 0,
      type: 1,
      type1: 1,
      activity_id: 0,
      um_id: 0,
      urls: 'http://medication.zeyan.wang/'
    }
  },
  onLoad() {
    const um_id = uni.getStorageSync('um_id');
    this.um_id = um_id
    if (um_id == '') {
      uni.navigateTo({
        url: '/pages/login/login'
      })
    }
    this.fetchData(this.um_id)
  },
  methods: {
    fetchData(um_id) {
      user.activity_index({
        um_id: um_id
      }).then(res => {
        console.log(res)
        if (res.status == 200) {
          if (res.data == null) {
            this.list = []
          } else {
            this.list = res.data
          }
        } else {
          uni.showToast({
            title: res.msg,
            icon: 'none'
          })
        }
      });
    },
    onPullDownRefresh() {
      this.fetchData(this.um_id)
    },
    publishing() {
      uni.navigateTo({
        url: '/pages/index/publishing'
      })
    },
    like(id, um_id) {
      user.activity_like({um_id: um_id, activity_id: id, type: 1}).then(res => {
        if (res.status == 200) {
          user.activity_index({
            um_id: um_id
          }).then(res => {
            console.log(res)
            if (res.status == 200) {
              this.list = res.data
            }
          });
          this.type = res.data.type
          this.activity_id = res.data.activity_id
        } else {
          uni.showToast({
            title: res.msg,
            icon: 'none'
          })
        }
      });
    },
    collection(id, um_id) {
      user.activity_like({um_id: um_id, activity_id: id, type: 2}).then(res => {
        if (res.status == 200) {
          console.log(res)
          this.fetchData(this.um_id)
          this.type1 = res.data.type
          this.activity_id = res.data.activity_id
        } else {
          uni.showToast({
            title: res.msg,
            icon: 'none'
          })
        }
      });
    },
    coninfo(item) {
      // user.coninfo({id:id}).then(res => {
      // 	if(res.status == 200){
      uni.setStorageSync('coninfo', item);
      uni.navigateTo({
        url: '/pages/index/coninfo'
      })
      // }else{
      // 	uni.showToast({
      // 		title: res.msg,
      // 		icon: 'none'
      // 	})
      // }
      // });
    },
    Comment(id) {
      uni.setStorageSync('actid', id);
      uni.navigateTo({
        url: '/pages/index/Comment'
      })
    }
  }
}
</script>

<style lang="less" scoped>

.main_section{
  min-height: 100vh;
  background: #292929 100%;
  padding: 0 24rpx;
  padding-top: 40rpx;
  padding-bottom: 150rpx;
  font-size: 28rpx;

  .section_3{
    margin-top: 36rpx;
    color: #fff;
    font-size: 24rpx;
    .title_box{
      display: flex;
      flex-direction: column;
      .top_box{
        display: flex;
        justify-content: space-between;
        align-items: center;
        text{
          font-size: 30rpx;
        }
      }
      .line{
        width: 90rpx;
        height: 2px;
        background: #29D3B4;
      }
    }
    .ul{
      margin-top: 30rpx;
      display: flex;
      flex-direction: column;
      gap: 20rpx;
      .li{
        position: relative;
        border-radius: 22rpx;
        background: #434544 100%;
        padding: 14rpx 0;
        display: flex;
        align-items: center;
        .left_box{
          margin-left: 28rpx;
          width: 146rpx;
          display: flex;
          flex-direction: column;
          gap: 10rpx;
          .date_box{
            display: flex;
            font-size: 48rpx;
            text:nth-child(1){
              color: #29D3B4;
            }
          }
          .ratio{
            color: #AAAAAA;
          }
        }
        .center_box{
          margin-left: 52rpx;
          display: flex;
          flex-direction: column;
          gap: 10rpx;
        }
        .right_box{
          .tag{
            position:absolute;
            top: 0rpx;
            right: 0rpx;
            padding: 10rpx;
            width: 102rpx;
            text-align: center;
            font-size: 24rpx;
            border-bottom-left-radius: 20rpx;
            border-top-right-radius: 20rpx;
          }

        }
      }

    }
  }

}


</style>