<template>
  <view class="">
    <view class="task_panel">
      <block v-for="(item,index) in assessData" :key="index">
        <view class="task_item">
          <view class="plan">{{ item.num }}</view>
          <view class="">{{ item.name }}</view>
        </view>
      </block>
    </view>
    <!-- <button class="btn" @click="navTo('/subpkg/withdrawDeposit/withdrawDeposit')">提现余额</button> -->
  </view>
</template>

<script>
  import { Toast } from '@/libs/uniApi.js'
  export default {
    data() {
      return {
        assessData: [{
            num: '0',
            name: '任务'
          },
          {
            num: '0',
            name: '已完成'
          },
          {
            num: '0',
            name: '未完成'
          },
          {
            num: '0%',
            name: '完成率'
          },
        ],
      }
    },
    onLoad() {},
    onShow() {},
    methods: {
      navTo(url) {
        url ?
          uni.navigateTo({
            url: url,
            fail() {
              uni.switchTab({
                url: url
              })
            }
          }) : Toast('暂未开放')
      },
    },
    onPullDownRefresh() {
      uni.stopPullDownRefresh()
    }
  }
</script>

<style lang="scss">
  .task_panel {
    background-color: $theme-oa-color;
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    text-align: center;
    // padding-bottom: 110rpx;
    padding-bottom: 40rpx;
    border-radius: 0 0 28rpx 28rpx;

    .task_item {
      margin-top: 42.11rpx;

      .plan {
        width: 173.68rpx;
        font-size: 38.6rpx;
        margin-bottom: 21.05rpx;
      }
    }
  }


  .btn {
    color: #fff;
    border-radius: 100px;
    text-align: center;
    line-height: 84.21rpx;
    margin: 0 auto;
    margin-top: 84.21rpx;
    width: 693.93rpx;
    height: 84.21rpx;
    background: $theme-oa-color;
    box-shadow: 0px 9px 26px 1px #E9EFF5;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
</style>