78 lines
2.2 KiB
Vue
78 lines
2.2 KiB
Vue
|
<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-steps current="1" direction="column" activeColor="#0122c7">
|
|||
|
|
<u-steps-item title="2023-08-30 20:23:59" desc="XXXX公司发布任务，任务未开始">
|
|||
|
|
</u-steps-item>
|
|||
|
|
<u-steps-item title="2023-08-30 20:23:59" desc="XXXX公司发布任务，任务未开始">
|
|||
|
|
</u-steps-item>
|
|||
|
|
<u-steps-item title="2023-08-30 20:23:59" desc="XXXX公司发布任务，任务未开始"></u-steps-item>
|
|||
|
|
</u-steps>
|
|||
|
|
</view>
|
|||
|
|
<mybtn text="前往支付页面" @click="navTo(`/subpkg/topUp/topUp?task_id=${task_id}`)"></mybtn>
|
|||
|
|
<!-- <mybtn text="已支付" my_btn_disabled="true"></mybtn> -->
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
task_id: -1,
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
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>
|