You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
364 lines
16 KiB
364 lines
16 KiB
<wux-dialog id="wux-dialog" />
|
|
<preload-detail-item wx:if= "{{preloadVisible}}"></preload-detail-item>
|
|
<view wx:else class="container">
|
|
<view class="top-bg">
|
|
<image src="../../images/heartDetail-bg.png" />
|
|
</view>
|
|
<view class="top-font"><text >{{detail.title}}</text></view>
|
|
|
|
<view class="position-absolute-top1 position-absolute">
|
|
<!-- <view class="{{detail.title.length < 32 ? 'position-absolute-top1' : 'position-absolute-top2'}} position-absolute"> -->
|
|
<!-- 点击进入活动页面详情只显示志愿者打卡内容，志愿者打卡以上的内容去掉，用新闻稿替代。 -->
|
|
<block wx:if="{{selectedTab != 'tab2'}}">
|
|
<!-- 详细内容 -->
|
|
<view class="info">
|
|
<view class="info-box">
|
|
<view class="info-left">
|
|
<image src="../../images/rili.png"></image>
|
|
<view class="info-font display-inline">报名截止时间</view>
|
|
</view>
|
|
<view class="info-right color">
|
|
{{signupEndTime}}
|
|
</view>
|
|
</view>
|
|
<view class="info-box">
|
|
<view class="info-left">
|
|
<image src="../../images/shijian.png"></image>
|
|
<view class="info-font display-inline">活动时间</view>
|
|
</view>
|
|
<view class="info-right color">
|
|
<view>{{actStartTime}}至</view>
|
|
<view>{{actEndTime}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="info-box">
|
|
<view class="info-left">
|
|
<image src="../../images/didian.png"></image>
|
|
<view class="info-font display-inline">活动地点</view>
|
|
</view>
|
|
<view class="info-right color">
|
|
{{detail.actAddress}}
|
|
</view>
|
|
</view>
|
|
|
|
<view class="info-box">
|
|
<view class="info-left">
|
|
<image src="../../images/mdsz.png"></image>
|
|
<view class="info-font display-inline">活动名额</view>
|
|
</view>
|
|
<view class="info-right color" wx:if="{{detail.actQuotaCategory === 0}}">
|
|
不限名额
|
|
</view>
|
|
<view class="info-right color" wx:else>
|
|
{{detail.actQuota}}人
|
|
</view>
|
|
</view>
|
|
|
|
<view class="info-box">
|
|
<view class="info-left">
|
|
<image src="../../images/ren.png"></image>
|
|
<view class="info-font display-inline">联系人</view>
|
|
</view>
|
|
<view class="info-right color">
|
|
{{detail.contacts}}
|
|
</view>
|
|
</view>
|
|
|
|
<view class="info-box">
|
|
<view class="info-left">
|
|
<image src="../../images/dianhua.png"></image>
|
|
<view class="info-font display-inline">联系电话</view>
|
|
</view>
|
|
<view class="info-right color">
|
|
{{detail.tel}}
|
|
</view>
|
|
</view>
|
|
|
|
<view class="info-box-last">
|
|
<view class="info-left">
|
|
<image src="../../images/jifen.png"></image>
|
|
<view class="info-font display-inline">积分奖励</view>
|
|
</view>
|
|
<view class="info-right color">
|
|
{{detail.reward}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 招募要求 -->
|
|
<view class="require">
|
|
<view class="info-box-title">
|
|
<view class="info-left">
|
|
<image src="../../images/dingdan.png"></image>
|
|
<view class="info-font-zhaomu display-inline">招募要求</view>
|
|
</view>
|
|
</view>
|
|
<view class="info-box-last-require">
|
|
{{detail.requirement}}
|
|
<!-- 1. 年满18周岁，具有独立民事行为能力的年满18周岁，具有独立民事行为能力的 -->
|
|
</view>
|
|
<!-- <view class="info-box-last-require">
|
|
2. 认同志愿者精神，热爱生活，心态阳光，具 有较强的创新能力，影响他人能力，良好的组 织能力，解决能力。
|
|
</view>
|
|
<view class="info-box-last-require">
|
|
3. 专业不限，具有美术教育者优先。
|
|
</view> -->
|
|
</view>
|
|
<!-- 活动详情 -->
|
|
<view
|
|
class="require {{selectedTab == 'tab0' && detail.currentUserStatus != 6 && timeJudge ? 'margin-bottom' : ''}} {{detail.currentUserStatus == 0||detail.currentUserStatus == 1||detail.currentUserStatus == 2||detail.currentUserStatus == 3? 'margin-bottom':''}}">
|
|
<view class="info-box-title">
|
|
<view class="info-left">
|
|
<image src="../../images/xiangqing.png"></image>
|
|
<view class="info-font-zhaomu display-inline">活动详情</view>
|
|
</view>
|
|
</view>
|
|
<view class="info-box-last-require">
|
|
<rich-text space="nbsp" nodes="{{actContent}}"></rich-text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<block wx:elif="{{actNewsContent!=''}}">
|
|
<!-- 新闻稿 -->
|
|
<view class="require">
|
|
<view class="info-box-last-require">
|
|
<rich-text space="nbsp" nodes="{{actNewsContent}}"></rich-text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<!-- 志愿者打卡 -->
|
|
<!-- selectedTab==tab0 说明从订单多多列表跳转过来的,对于已经结束的活动，页面不显示志愿者打卡的内容，其他内容保留留 -->
|
|
<block wx:if="{{selectedTab == 'tab0'}}">
|
|
<!-- tab==6肯定不显示 -->
|
|
<block wx:if = "{{detail.currentUserStatus != 6}}">
|
|
<!-- timeJudge 为true 说明当前时间大于活动结束时间 -->
|
|
<block wx:if="{{!timeJudge}}">
|
|
<block
|
|
wx:if="{{detail.currentUserStatus == 4 || detail.currentUserStatus == 5 || detail.currentUserStatus == 6 || detail.currentUserStatus == 7 || detail.currentUserStatus == 8 || detail.currentUserStatus == 9}}">
|
|
<view class="require {{detail.currentUserStatus == 4||detail.currentUserStatus == 5? 'margin-bottom':''}}">
|
|
<view class="info-box-title">
|
|
<view class="info-left">
|
|
<image src="../../images/ren_red.png"></image>
|
|
<view class="info-font-zhaomu display-inline">志愿者打卡</view>
|
|
</view>
|
|
<view class="info-right volunteer">
|
|
{{clockNum}}次
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 志愿者打卡列表循环 -->
|
|
<!-- info-box-volunteer-last -->
|
|
<block wx:for="{{clocks}}" wx:key="index">
|
|
<view class="info-box-volunteer">
|
|
<!-- <view class="info-box-volunteer-ph"></view> -->
|
|
<image class="info-box-volunteer-ph" src="{{item.faceImg}}"></image>
|
|
<view class="info-box-volunteer-name">
|
|
<view class="info-box-volunteer-name-t">{{item.nickname}}</view>
|
|
<view class="info-box-volunteer-name-b">{{item.createdTime}}</view>
|
|
</view>
|
|
<view class="info-box-volunteer-content">
|
|
<text>{{item.clockDesc}}</text>
|
|
</view>
|
|
<!-- <view wx:if='{{item.images.length > 0 }}' class="photo">
|
|
<block wx:for="{{item.images}}" wx:key="index" wx:for-index="index" wx:for-item="val">
|
|
<image data-src="{{val}}" data-list="{{item.images}}" bindtap="preViewImage" class="image-a" src="{{val}}"></image>
|
|
</block>
|
|
</view> -->
|
|
|
|
<view class="photo">
|
|
<!-- 只有一张图片的时候 -->
|
|
<block wx:if='{{item.images.length == 1 }}'>
|
|
<image data-src="{{item.images[0]}}" data-list="{{item.images}}" bindtap="preViewImage"
|
|
src="{{item.images[0]}}" class="photo-one"></image>
|
|
</block>
|
|
<!-- 有两张图片时的布局 -->
|
|
<block wx:if='{{item.images.length == 2 }}'>
|
|
<block wx:for="{{item.images}}" wx:key="index" wx:for-index="index" wx:for-item="val">
|
|
<image data-src="{{val}}" data-list="{{item.images}}" bindtap="preViewImage" src="{{val}}"
|
|
class="{{index==0 ? 'photo-two-left' : 'photo-two-right'}}"></image>
|
|
</block>
|
|
</block>
|
|
<!-- 有三张图片时的布局 -->
|
|
<block wx:if='{{item.images.length == 3 }}'>
|
|
<block wx:for="{{item.images}}" wx:key="index" wx:for-index="index" wx:for-item="val">
|
|
<image data-src="{{val}}" data-list="{{item.images}}" bindtap="preViewImage" src="{{val}}"
|
|
class="{{index==0 ? 'photo-three-left' : index==1 ? 'photo-three-center' : index==2 ? 'photo-three-right' : ''}}">
|
|
</image>
|
|
|
|
</block>
|
|
</block>
|
|
</view>
|
|
<view class="clear"></view>
|
|
</view>
|
|
</block>
|
|
|
|
|
|
|
|
<!-- 志愿者打卡列表循环**********end*************** -->
|
|
</view>
|
|
<!-- 志愿者打卡 *************** end **************** -->
|
|
</block>
|
|
</block>
|
|
</block>
|
|
</block>
|
|
<!-- 精彩说说的情况下 -->
|
|
<block wx:else>
|
|
<block
|
|
wx:if="{{detail.currentUserStatus == 4 || detail.currentUserStatus == 5 || detail.currentUserStatus == 6 || detail.currentUserStatus == 7 || detail.currentUserStatus == 8 || detail.currentUserStatus == 9}}">
|
|
<view class="require {{detail.currentUserStatus == 4||detail.currentUserStatus == 5? 'margin-bottom':''}}">
|
|
<view class="info-box-title">
|
|
<view class="info-left">
|
|
<image src="../../images/ren_red.png"></image>
|
|
<view class="info-font-zhaomu display-inline">志愿者打卡</view>
|
|
</view>
|
|
<view class="info-right volunteer">
|
|
{{clockNum}}次
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 志愿者打卡列表循环 -->
|
|
<!-- info-box-volunteer-last -->
|
|
<block wx:for="{{clocks}}" wx:key="index">
|
|
<view class="info-box-volunteer">
|
|
<!-- <view class="info-box-volunteer-ph"></view> -->
|
|
<image class="info-box-volunteer-ph" src="{{item.faceImg}}"></image>
|
|
<view class="info-box-volunteer-name">
|
|
<view class="info-box-volunteer-name-t">{{item.nickname}}</view>
|
|
<view class="info-box-volunteer-name-b">{{item.createdTime}}</view>
|
|
</view>
|
|
<view class="info-box-volunteer-content">
|
|
<text>{{item.clockDesc}}</text>
|
|
</view>
|
|
<!-- <view wx:if='{{item.images.length > 0 }}' class="photo">
|
|
<block wx:for="{{item.images}}" wx:key="index" wx:for-index="index" wx:for-item="val">
|
|
<image data-src="{{val}}" data-list="{{item.images}}" bindtap="preViewImage" class="image-a" src="{{val}}"></image>
|
|
</block>
|
|
</view> -->
|
|
|
|
<view class="photo">
|
|
<!-- 只有一张图片的时候 -->
|
|
<block wx:if='{{item.images.length == 1 }}'>
|
|
<image data-src="{{item.images[0]}}" data-list="{{item.images}}" bindtap="preViewImage"
|
|
src="{{item.images[0]}}" class="photo-one"></image>
|
|
</block>
|
|
<!-- 有两张图片时的布局 -->
|
|
<block wx:if='{{item.images.length == 2 }}'>
|
|
<block wx:for="{{item.images}}" wx:key="index" wx:for-index="index" wx:for-item="val">
|
|
<image data-src="{{val}}" data-list="{{item.images}}" bindtap="preViewImage" src="{{val}}"
|
|
class="{{index==0 ? 'photo-two-left' : 'photo-two-right'}}"></image>
|
|
</block>
|
|
</block>
|
|
<!-- 有三张图片时的布局 -->
|
|
<block wx:if='{{item.images.length == 3 }}'>
|
|
<block wx:for="{{item.images}}" wx:key="index" wx:for-index="index" wx:for-item="val">
|
|
<image data-src="{{val}}" data-list="{{item.images}}" bindtap="preViewImage" src="{{val}}"
|
|
class="{{index==0 ? 'photo-three-left' : index==1 ? 'photo-three-center' : index==2 ? 'photo-three-right' : ''}}">
|
|
</image>
|
|
|
|
</block>
|
|
</block>
|
|
</view>
|
|
<view class="clear"></view>
|
|
</view>
|
|
</block>
|
|
|
|
|
|
|
|
<!-- 志愿者打卡列表循环**********end*************** -->
|
|
</view>
|
|
<!-- 志愿者打卡 *************** end **************** -->
|
|
</block>
|
|
</block>
|
|
|
|
</view>
|
|
|
|
<view class="bottom"
|
|
wx:if="{{detail.currentUserStatus != 6 && detail.currentUserStatus != 7 &&detail.currentUserStatus != 8 && detail.currentUserStatus != 9}}">
|
|
<block>
|
|
<view class="button-left"
|
|
wx:if="{{detail.currentUserStatus == 0 || detail.currentUserStatus == 1 || detail.currentUserStatus == 2 || detail.currentUserStatus == 3 }}">
|
|
已报名 {{detail.signupNum}}人
|
|
</view>
|
|
</block>
|
|
|
|
<block wx:if="{{detail.currentUserStatus == 0}}">
|
|
<!-- 0-我要报名 -->
|
|
<view class="button-right" data-userVolunteerFlag="{{detail.userVolunteerFlag}}" bindtap="goVolunteer">
|
|
<view class="button-right3">
|
|
<view class="button1">
|
|
<image class='header-bg' src="../../images/yuanjiao-red.png"></image>
|
|
<view class="font"> 我要报名 </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<block wx:elif="{{detail.currentUserStatus == 1}}">
|
|
<!-- 1取消报名 -->
|
|
<view class="button-right">
|
|
<view class="button-right3">
|
|
<view class="button1" bindtap="prompt">
|
|
<image class='header-bg' src="../../images/yuanjiao-orange.png"></image>
|
|
<view class="font"> 取消报名 </view>
|
|
</view>
|
|
</view>
|
|
<view class="button-right3">
|
|
<view class="button1">
|
|
<image class='header-bg' src="../../images/yuanjiao-gray.png"></image>
|
|
<view class="font"> 未开始 </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<block wx:elif="{{detail.currentUserStatus == 2}}">
|
|
<!-- 2-已报满 -->
|
|
<view class="button-right">
|
|
<view class="button-right3" bindtap="signUpFull">
|
|
<view class="button1">
|
|
<image class='header-bg' src="../../images/yuanjiao-gray.png"></image>
|
|
<view class="font"> 已报满 </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<block wx:elif="{{detail.currentUserStatus == 3}}">
|
|
<!-- 3-未开始 -->
|
|
<view class="button-right">
|
|
<!-- <view class="button-right3">
|
|
<view class="button1" bindtap="prompt">
|
|
<image class='header-bg' src="../../images/yuanjiao-orange.png"></image>
|
|
<view class="font"> 取消报名 </view>
|
|
</view>
|
|
</view> -->
|
|
<view class="button-right3">
|
|
<view class="button1">
|
|
<image class='header-bg' src="../../images/yuanjiao-gray.png"></image>
|
|
<view class="font"> 未开始 </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<block wx:elif="{{detail.currentUserStatus == 4 || detail.currentUserStatus == 5}}">
|
|
<!-- 4-我要打卡 5-更新打卡 6-已结束 bindtap="goClockIn" -->
|
|
<view class="button1 button2" bindtap="goClockIn" data-id="{{detail.id}}"
|
|
data-currentUserStatus="{{detail.currentUserStatus}}">
|
|
<image class='header-bg' src="../../images/yuanjiao-red.png"></image>
|
|
<view wx:if="{{detail.currentUserStatus == 4}}" class="font"> 我要打卡 </view>
|
|
<view wx:elif="{{detail.currentUserStatus == 5}}" class="font"> 更新打卡 </view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
|
|
<coverview-dialog bind:confirm="confirmDialog" dialogVisible="{{dialogVisible}}" title="{{dialogTitle}}"
|
|
content="{{dialogContent}}" confirmText="{{dialogConfirmText}}" cancelText="{{dialogCancelText}}">
|
|
</coverview-dialog>
|
|
|
|
<cancel-signup-dialog title="取消报名" cancelText="否" confirmText="是" tipVisible="{{cancelSignupTipVisible}}"
|
|
tipValue="{{cancelSignupTipValue}}" bind:confirm="cancelSignupCallback" cancelSignupVisible="{{cancelSignupVisible}}">
|
|
</cancel-signup-dialog>
|