<template>
  <view style="padding-top: 28rpx;">
    <view class="card">
      <view class="title">任务名称: 入股任务</view>
      <u-line style="margin: 14rpx 0;"></u-line>
      <view class="text">阶段类型: 单次</view>
      <view class="text" style="color: #FF7C32;">任务金额: 3000元</view>
    </view>
    <view class="card">
      <view class="title">任务描述</view>
      <u-line style="margin: 14rpx 0;"></u-line>
      <view class="text">完成公司分配入股任务，时限30日内。完成公司分配入股任务，时限30日内。完成公司分配入股任务，时限30日内。</view>
    </view>
    <view class="card">
      <view class="title">详情描述</view>
      <u-line style="margin: 14rpx 0;"></u-line>
      <u--textarea v-model="formData.text" height="80" placeholder="请输入内容" placeholderStyle="font-size: 28rpx;" style="font-size: 28rpx;background-color: #eee;" autoHeight></u--textarea>
    </view>
    <mybtn text="确认提交"></mybtn>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        task_id: -1,
        formData: {
          text: ''
        }
      };
    },
    onLoad(options) {
      this.task_id = options.task_id;
    },
    methods:{
      navTo (url) {
        if(url){
          uni.showLoading({
            title: '加载中',
            mask: true
          });
          uni.navigateTo({
          	url: url,
            success() {
              uni.hideLoading()
            }
          })
        }else Toast('暂未开放')
      },
    }
  }
</script>

<style lang="scss">
  .card {
    margin: 0 auto;
    margin-bottom: 28rpx;
    width: 694rpx;
    background: #FFFFFF;
    border-radius: 14rpx;
    padding: 28rpx;

    .title {
      font-size: 32rpx;
      font-weight: bold;
      color: #333333;
    }

    .text {
      line-height: 50rpx;
    }
  }
</style>