elink-star
/
epdc-resident-mp-js
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
锦水居民端小程序
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.
243 Commits
4 Branches
55 Tags
8.5 MiB
Tree: b2ebe76e92
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'b2ebe76e92'
${ noResults }
epdc-resident-mp-js/subpages/heart/pages/heartDetail/heartDetail.wxml

364 lines
16 KiB
Raw Normal View History

爱心互助
5 years ago
<wux-dialog id="wux-dialog" />
优化
5 years ago
<preload-detail-item wx:if= "{{preloadVisible}}"></preload-detail-item>
<view wx:else class="container">
爱心互助
5 years ago
<view class="top-bg">
<image src="../../images/heartDetail-bg.png" />
</view>
锦水印象-增加视频banner；增加积分规则；党群1+1优化；签到优化；
5 years ago
<view class="top-font"><text >{{detail.title}}</text></view>
爱心互助
5 years ago
锦水印象-增加视频banner；增加积分规则；党群1+1优化；签到优化；
5 years ago
<view class="position-absolute-top1 position-absolute">
<!-- <view class="{{detail.title.length < 32 ? 'position-absolute-top1' : 'position-absolute-top2'}} position-absolute"> -->
优化
5 years ago
<!-- 点击进入活动页面详情只显示志愿者打卡内容，志愿者打卡以上的内容去掉，用新闻稿替代。 -->
优化
5 years ago
<block wx:if="{{selectedTab != 'tab2'}}">
优化
5 years ago
<!-- 详细内容 -->
<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>
爱心互助
5 years ago
</view>
优化
5 years ago
<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>
爱心互助
5 years ago
</view>
优化
5 years ago
<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>
爱心互助
5 years ago
</view>
优化
5 years ago
<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>
爱心互助
5 years ago
</view>
优化
5 years ago
<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>
爱心互助
5 years ago
</view>
优化
5 years ago
<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>
爱心互助
5 years ago
</view>
优化
5 years ago
<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>
爱心互助
5 years ago
</view>
</view>
优化
5 years ago
<!-- 招募要求 -->
优化
5 years ago
<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>
爱心互助
5 years ago
</view>
优化
5 years ago
<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> -->
爱心互助
5 years ago
</view>
优化
5 years ago
<!-- 活动详情 -->
优化
5 years ago
<view
优化
5 years ago
class="require {{selectedTab == 'tab0' && detail.currentUserStatus != 6 && timeJudge ? 'margin-bottom' : ''}} {{detail.currentUserStatus == 0||detail.currentUserStatus == 1||detail.currentUserStatus == 2||detail.currentUserStatus == 3? 'margin-bottom':''}}">
优化
5 years ago
<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>
爱心互助
5 years ago
</view>
</view>
优化
5 years ago
</block>
精彩说说活动详情样式优化；
5 years ago
<block wx:elif="{{actNewsContent!=''}}">
优化
5 years ago
<!-- 新闻稿 -->
优化
5 years ago
<view class="require">
<view class="info-box-last-require">
<rich-text space="nbsp" nodes="{{actNewsContent}}"></rich-text>
爱心互助
5 years ago
</view>
优化
5 years ago
</view>
</block>
<!-- 志愿者打卡 -->
<!-- selectedTab==tab0 说明从订单多多列表跳转过来的,对于已经结束的活动，页面不显示志愿者打卡的内容，其他内容保留留 -->
优化
5 years ago
<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>
爱心互助
5 years ago
</view>
优化
5 years ago
爱心互助
5 years ago
优化
5 years ago
<!-- 志愿者打卡列表循环 -->
<!-- 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>
优化
5 years ago
</view>
优化
5 years ago
</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}}次
优化
5 years ago
</view>
优化
5 years ago
</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">
优化
5 years ago
<block wx:for="{{item.images}}" wx:key="index" wx:for-index="index" wx:for-item="val">
优化
5 years ago
<image data-src="{{val}}" data-list="{{item.images}}" bindtap="preViewImage" class="image-a" src="{{val}}"></image>
优化
5 years ago
</block>
优化
5 years ago
</view> -->
爱心互助
5 years ago
优化
5 years ago
<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>
优化
5 years ago
</block>
优化
5 years ago
<!-- 有两张图片时的布局 -->
<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>
优化
5 years ago
</view>
优化
5 years ago
</block>
爱心互助
5 years ago
优化
5 years ago
<!-- 志愿者打卡列表循环**********end*************** -->
</view>
<!-- 志愿者打卡 *************** end **************** -->
</block>
优化
5 years ago
</block>
优化
5 years ago
爱心互助
5 years ago
</view>
优化
5 years ago
<view class="bottom"
wx:if="{{detail.currentUserStatus != 6 && detail.currentUserStatus != 7 &&detail.currentUserStatus != 8 && detail.currentUserStatus != 9}}">
爱心互助
5 years ago
<block>
优化
5 years ago
<view class="button-left"
wx:if="{{detail.currentUserStatus == 0 || detail.currentUserStatus == 1 || detail.currentUserStatus == 2 || detail.currentUserStatus == 3 }}">
爱心互助
5 years ago
已报名 {{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" -->
优化
5 years ago
<view class="button1 button2" bindtap="goClockIn" data-id="{{detail.id}}"
data-currentUserStatus="{{detail.currentUserStatus}}">
爱心互助
5 years ago
<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>
优化
5 years ago
<coverview-dialog bind:confirm="confirmDialog" dialogVisible="{{dialogVisible}}" title="{{dialogTitle}}"
content="{{dialogContent}}" confirmText="{{dialogConfirmText}}" cancelText="{{dialogCancelText}}">
爱心互助
5 years ago
</coverview-dialog>
优化
5 years ago
<cancel-signup-dialog title="取消报名" cancelText="否" confirmText="是" tipVisible="{{cancelSignupTipVisible}}"
tipValue="{{cancelSignupTipValue}}" bind:confirm="cancelSignupCallback" cancelSignupVisible="{{cancelSignupVisible}}">
爱心互助
5 years ago
</cancel-signup-dialog>