dyqc_hdapp/packageA/center/signDetail.vue
榆钱落尽槿花稀 5fa6499716 1.优化头像裁剪功能
2.修复标题字体大小不一的问题
3.优化提现页面UI
4.优化参与者列表页面UI
5.售后订单列表新增已拒绝状态查询
6.售后订单详情新增拒绝状态
7.修复发布不能换行的问题
8.优化详情页面展示不能换行的问题
9.优化底部菜单UI
10.优化系统消息详情页面UI
2025-06-17 18:29:05 +08:00

131 lines
4.5 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<!-- <view class="box flex flex-column align-items">
<view v-for="(item, index) in mysignList" :key="index" style="margin: 0 30rpx;">
<view class="flex align-items" style="justify-content: space-between;height: 70rpx;line-height: 70rpx;">
<view class="t1_name">
{{item.user.realname ? item.user.realname : item.user.nickname.slice(0,5)}}
<image v-if="item.status == 2" class="imgs" src="/static/detail/hxslice.png"> </image>
<image v-if="item.status == 9" class="imgs" src="/static/detail/hxall.png"> </image>
</view>
<view class="t1_order">订单编号{{item.order_no}}</view>
<view class="t1_num">数量{{item.num}}</view>
</view>
</view>
</view> -->
<view class="page">
<view style="padding: 30rpx;">
<view
style="padding: 0px 30rpx;text-align: center;display: flex;align-items: center;justify-content: space-around;background-color: #323232;height: 181rpx;border-radius: 18rpx;">
<view style="position: relative;">
<view style="font-size: 36rpx;color: #BBFC5B;font-weight: 600;">{{activity_info.total_num}}</view>
<view style="font-size: 28rpx;font-weight: 300;color: #FFFFFF;margin-top: 10rpx;">活动总人数</view>
</view>
<view style="width: 1rpx;height: 60rpx;background-color: #ffffff5e;"></view>
<view style="position: relative;">
<view style="font-size: 36rpx;color: #BBFC5B;font-weight: 600;">{{activity_info.sign_num}}</view>
<view style="font-size: 28rpx;font-weight: 300;color: #FFFFFF;margin-top: 10rpx;">报名人数</view>
</view>
<view style="width: 1rpx;height: 60rpx;background-color: #ffffff5e;"></view>
<view style="position: relative;">
<view style="font-size: 36rpx;color: #BBFC5B;font-weight: 600;">{{activity_info.verification_num}}
</view>
<view style="font-size: 28rpx;font-weight: 300;color: #FFFFFF;margin-top: 10rpx;">核销人数</view>
</view>
</view>
<view v-for="item in mysignList"
style="background: linear-gradient( 180deg, rgba(232,255,197,0.89) 0%, #FFFFFF 31%);border-radius: 18rpx;margin-top: 30rpx;padding-bottom: 20rpx;">
<view style="font-size: 32rpx;color: #3D3D3D;padding: 30rpx;font-weight: 600;">订单编号{{item.order_no}}
</view>
<view style="width: 100%;height: 1rpx;background-color: #f8f8f8;margin: 10rpx 0;"></view>
<view v-for="(v,i) in item.ordercode">
<view style="display: flex;align-items: center;justify-content: space-between;padding:20rpx 30rpx;">
<view>
<view style="font-size: 28rpx;color: #323232;">{{v.name}}</view>
<view style="color: #9C9C9C;font-size: 24rpx;margin-top: 20rpx;">身份证 {{v.idnum}}</view>
</view>
<view>
<text v-if="v.status==3" style="font-size: 28rpx;color: #999999;">未核销</text>
<text v-if="v.status==6" style="font-size: 28rpx;color: #FF4810;">已核销</text>
</view>
</view>
<view v-if="i<item.ordercode.length-1"
style="width: 93%;height: 1rpx;background-color: #f8f8f8;margin: 0rpx auto;margin-top:10rpx;"></view>
</view>
</view>
<view v-if="mysignList.length==0" style="text-align: center;margin: 0 auto;padding-top: 300rpx;">
<image src="/static/detail/no_info.png" style="width: 180rpx;height: 180rpx"></image>
<view style="font-size: 28rpx;font-weight: 300;">暂无报名信息</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
mysignList: [],
activity_info: {}
};
},
onLoad(option) {
this.id = option.id;
},
onShow() {
this.getPeople();
},
methods: {
// 获取报名详情
getPeople() {
const that = this
uni.$u.http.get('/api/school.newworker.activity.order/order_list', {
params: {
activity_id: that.id,
status:'2,3,9',
page: 1,
limit: 1000,
},
}).then(res => {
if (res.code == 1) {
this.activity_info = res.data.activity_info;
this.mysignList = res.data.list;
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
}).catch(error => {
uni.showToast({
title: '请求失败,请稍后再试',
icon: 'none',
duration: 2000
});
});
},
// 跳转订单
toDetail(status) {
uni.navigateTo({
url: "/packageA/my/exercise?status=" + status
})
},
// 返回首页
goHome() {
uni.switchTab({
url: "/pages/index/index"
})
},
}
}
</script>
<style lang="scss" scoped>
.page {
font-family: PingFang SC, PingFang SC;
min-height: 100vh;
background: #F7F7F7;
}
</style>