shengqingqixie-wechat/unpackage/dist/dev/mp-weixin/pages/packageB/event/event_info.wxml

<view style="background:#F1F2F8;"><tn-nav-bar vue-id="5124f034-1" isBack="{{false}}" backTitle bottomShadow="{{true}}" backgroundColor="#FFFFFF" bind:__l="__l" vue-slots="{{['default']}}"><view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left"><view data-event-opts="{{[['tap',[['goBack']]]]}}" style="padding-left:15rpx;" bindtap="__e"><text class="tn-icon-left" style="font-size:40rpx;"></text></view><view style="width:83%;font-weight:bold;"><text>活动详情</text></view></view></tn-nav-bar><block wx:if="{{info!=''}}"><view style="{{'padding-top:'+(vuex_custom_bar_height+'px')+';'}}"><view style="padding:30rpx;"><image style="display:block;width:100%;border-radius:20rpx 20rpx 0rpx 0rpx;" src="{{apiImgUrl+info.activity_image}}" mode="widthFix"></image><view style="background-color:#ffffff;border-radius:0rpx 0rpx 20rpx 20rpx;padding:30rpx;"><view style="font-size:34rpx;font-weight:bold;">{{info.activity_name}}</view><view style="font-size:28rpx;color:#666666;margin-top:20rpx;"><text class="tn-icon-time"></text><text>{{$root.m0+" - "+$root.m1}}</text></view><view style="font-size:28rpx;color:#666666;margin-top:20rpx;"><text class="tn-icon-location" style="vertical-align:middle;"></text><text>{{info.activity_location}}</text></view></view><view style="margin-top:20rpx;background-color:#ffffff;border-radius:20rpx;padding:30rpx;"><view style="font-size:34rpx;font-weight:600;padding:20rpx 0rpx;">活动介绍</view><view><view class="ks_html" style="line-height:50rpx;margin-top:20rpx;"><block wx:if="{{info.video!=null&&info.video!=''}}"><view><video style="width:100%;border-radius:5rpx;" src="{{apiImgUrl+info.video}}"></video></view></block><view><rich-text nodes="{{info.activity_content}}"></rich-text></view></view></view></view></view><block wx:if="{{info.activity_type==2}}"><view style="padding-bottom:180rpx;padding:0rpx 30rpx;"><view style="background-color:#ffffff;border-radius:20rpx;padding:30rpx;"><view style="font-size:34rpx;font-weight:600;padding:20rpx 0rpx;">问卷问题</view><tn-form class="vue-ref" vue-id="5124f034-2" labelPosition="top" model="{{form}}" data-ref="form" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{questionnaireList}}" wx:for-item="item" wx:for-index="index"><block wx:if="{{item.type==2}}"><tn-form-item vue-id="{{('5124f034-3-'+index)+','+('5124f034-2')}}" label="{{index+1+'、'+item.title+'（多选题）'}}" prop="hobby" bind:__l="__l" vue-slots="{{['default']}}"><tn-checkbox-group bind:input="__e" vue-id="{{('5124f034-4-'+index)+','+('5124f034-3-'+index)}}" size="40" activeColor="#82B2FF" wrap="{{true}}" value="{{questionnaireList[index].topic}}" data-event-opts="{{[['^input',[['__set_model',['$0','topic','$event',[]],['questionnaireList.'+index+'']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{item.option}}" wx:for-item="op" wx:for-index="opi"><tn-checkbox vue-id="{{('5124f034-5-'+index+'-'+opi)+','+('5124f034-4-'+index)}}" name="{{op.name}}" bind:__l="__l" vue-slots="{{['default']}}">{{''+op.name+"、"+op.val+''}}</tn-checkbox></block></tn-checkbox-group></tn-form-item></block><block wx:if="{{item.type==1}}"><tn-form-item vue-id="{{('5124f034-6-'+index)+','+('5124f034-2')}}" label="{{index+1+'、'+item.title+'（单选题）'}}" prop="danxuan" bind:__l="__l" vue-slots="{{['default']}}"><tn-radio-group bind:input="__e" vue-id="{{('5124f034-7-'+index)+','+('5124f034-6-'+index)}}" size="40" activeColor="#82B2FF" wrap="{{true}}" value="{{questionnaireList[index].topic}}" data-event-opts="{{[['^input',[['__set_model',['$0','topic','$event',[]],['questionnaireList.'+index+'']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{item.option}}" wx:for-item="op" wx:for-index="opi"><tn-radio vue-id="{{('5124f034-8-'+index+'-'+opi)+','+('5124f034-7-'+index)}}" name="{{op.name}}" bind:__l="__l" vue-slots="{{['default']}}">{{''+op.name+"、"+op.val+''}}</tn-radio></block></tn-radio-group></tn-form-item></block><block wx:if="{{item.type==3}}"><tn-form-item vue-id="{{('5124f034-9-'+index)+','+('5124f034-2')}}" label="{{index+1+'、'+item.title+'（问答题）'}}" prop="wenda" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('5124f034-10-'+index)+','+('5124f034-9-'+index)}}" placeholder="请填写答案" type="textarea" value="{{questionnaireList[index].topic}}" data-event-opts="{{[['^input',[['__set_model',['$0','topic','$event',[]],['questionnaireList.'+index+'']]]]]}}" bind:__l="__l"></tn-input></tn-form-item></block></block></tn-form></view></view></block><view style="height:300rpx;"></view><view style="border-radius:200rpx;background:#FFFFFF;position:fixed;bottom:220rpx;right:20rpx;padding:20rpx;box-shadow:0rpx 4rpx 25rpx 0rpx rgba(48,86,211,0.15);"><view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between" style="text-align:center;"><view><button hover-class="none" open-type="share"><view style="font-size:42rpx;"><text class="tn-icon-send"></text></view></button></view><view data-event-opts="{{[['tap',[['like',['$event']]]]]}}" style="margin:0px 40rpx;" bindtap="__e"><view style="font-size:42rpx;"><block wx:if="{{info.like==1}}"><text class="tn-icon-praise-fill tn-color-red"></text></block><block wx:if="{{info.like==2}}"><text class="tn-icon-praise"></text></block></view></view><view data-event-opts="{{[['tap',[['favs',['$event']]]]]}}" bindtap="__e"><view style="font-size:42rpx;"><block wx:if="{{info.fav==1}}"><text class="tn-icon-star-fill tn-color-orangeyellow"></text></block><block wx:if="{{info.fav==2}}"><text class="tn-icon-star"></text></block></view></view></view></view><view style="position:fixed;box-shadow:0px -2px 4px 0px rgba(186,189,199,0.2);background:#FFFFFF;width:100%;bottom:0;padding:30rpx 60rpx 80rpx 60rpx;"><block wx:if="{{info.activity_type==1}}"><view style="text-align:center;padding:0 30rpx;"><block wx:if="{{info.type=='进行中'}}"><button class="mmy" hover-class="none" data-event-opts="{{[['tap',[['application_add',['$event']]]]]}}" bindtap="__e">确认报名</button></block><block wx:if="{{info.type=='已结束'}}"><button class="mmy" hover-class="none" disabled="{{true}}">报名已结束</button></block><block wx:if="{{info.type=='未开始'}}"><button class="mmy" hover-class="none" disabled="{{true}}">报名未开始</button></block></view></block><block wx:if="{{info.activity_type==2}}"><view style="text-align:center;padding:0 30rpx;"><block wx:if="{{info.type=='未开始'}}"><button class="mmy" hover-class="none" disabled="{{true}}">问卷未开始</button></block><block wx:if="{{info.type=='进行中'}}"><button class="mmy" hover-class="none" data-event-opts="{{[['tap',[['option_add',['$event']]]]]}}" bindtap="__e">确认提交</button></block><block wx:if="{{info.type=='已结束'}}"><button class="mmy" hover-class="none" disabled="{{true}}">问卷已结束</button></block></view></block><block wx:if="{{info.activity_type==3}}"><view style="text-align:center;padding:0 30rpx;"><block wx:if="{{info.type=='未开始'}}"><button class="mmy" hover-class="none" disabled="{{true}}">捐助未开始</button></block><block wx:if="{{info.type=='进行中'}}"><button class="mmy" hover-class="none" data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e">我要捐助</button></block><block wx:if="{{info.type=='已结束'}}"><button class="mmy" hover-class="none" disabled="{{true}}">捐助已结束</button></block></view></block><block wx:if="{{info.activity_type==4}}"><view style="text-align:center;padding:0 30rpx;"><block wx:if="{{info.type=='进行中'}}"><button class="mmy" hover-class="none" data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" bindtap="__e">我要参加</button></block><block wx:if="{{info.type=='已结束'}}"><button class="mmy" hover-class="none" disabled="{{true}}">报名已结束</button></block><block wx:if="{{info.type=='未开始'}}"><button class="mmy" hover-class="none" disabled="{{true}}">报名未开始</button></block></view></block></view></view></block><tn-modal bind:input="__e" vue-id="5124f034-11" custom="{{true}}" value="{{juanMod}}" data-event-opts="{{[['^input',[['__set_model',['','juanMod','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:20rpx;text-align:center;font-size:40rpx;">感谢您的捐助</view><tn-form vue-id="{{('5124f034-12')+','+('5124f034-11')}}" labelWidth="{{180}}" bind:__l="__l" vue-slots="{{['default']}}"><tn-form-item vue-id="{{('5124f034-13')+','+('5124f034-12')}}" label="捐助金额" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('5124f034-14')+','+('5124f034-13')}}" maxLength="{{5}}" type="decimal" placeholder="请填写捐助金额" value="{{money}}" data-event-opts="{{[['^input',[['__set_model',['','money','$event',[]]]]]]}}" bind:__l="__l"></tn-input></tn-form-item></tn-form><view class="tn-flex tn-flex-row-center" style="margin-top:50rpx;"><tn-button vue-id="{{('5124f034-15')+','+('5124f034-11')}}" backgroundColor="#E6E6E6" fontColor="#838383" data-event-opts="{{[['^click',[['e2']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">我再想想</tn-button><tn-button style="margin-left:70rpx;" vue-id="{{('5124f034-16')+','+('5124f034-11')}}" backgroundColor="#28B93D" fontColor="#ffffff" data-event-opts="{{[['^click',[['juanzhuDo']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">确定捐助</tn-button></view></tn-modal><tn-modal bind:input="__e" vue-id="5124f034-17" custom="{{true}}" value="{{peiMod}}" data-event-opts="{{[['^input',[['__set_model',['','peiMod','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:20rpx;text-align:center;font-size:40rpx;">需要缴纳费用</view><view style="text-align:center;margin-top:30rpx;"><text style="font-size:40rpx;">¥</text><text style="font-size:70rpx;color:#26BB71;margin-left:5rpx;font-weight:600;">{{info.money}}</text></view><view class="tn-flex tn-flex-row-center" style="margin-top:50rpx;"><tn-button vue-id="{{('5124f034-18')+','+('5124f034-17')}}" backgroundColor="#E6E6E6" fontColor="#838383" data-event-opts="{{[['^click',[['e3']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">我再想想</tn-button><tn-button style="margin-left:70rpx;" vue-id="{{('5124f034-19')+','+('5124f034-17')}}" backgroundColor="#28B93D" fontColor="#ffffff" data-event-opts="{{[['^click',[['zhifuDo']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">支付费用</tn-button></view></tn-modal><tn-popup bind:input="__e" vue-id="5124f034-20" mode="right" width="70%" value="{{rightMod}}" data-event-opts="{{[['^input',[['__set_model',['','rightMod','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><tn-nav-bar vue-id="{{('5124f034-21')+','+('5124f034-20')}}" isBack="{{false}}" backTitle alpha="{{true}}" bottomShadow="{{false}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left"><view data-event-opts="{{[['tap',[['e4',['$event']]]]]}}" style="padding-left:15rpx;" bindtap="__e"><text class="tn-icon-left" style="font-size:40rpx;"></text></view><view class="tn-margin-top" style="text-shadow:1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;"><tn-tabs vue-id="{{('5124f034-22')+','+('5124f034-21')}}" list="{{[{name:'报名详情'}]}}" current="{{topCurrent}}" activeColor="#000" bold="{{false}}" fontSize="{{24}}" bind:__l="__l"></tn-tabs></view></view></tn-nav-bar><view style="{{'padding-top:'+(vuex_custom_bar_height+'px')+';'}}"><block wx:for="{{info.list}}" wx:for-item="item" wx:for-index="index"><block wx:if="{{$root.g0!=0}}"><view data-event-opts="{{[['tap',[['openUrl',['/pages/packageA/user/my_card?id='+item.id]]]]]}}" class="tn-flex tn-flex-center tn-flex-col-center" style="margin-top:20rpx;padding:20rpx;" bindtap="__e"><view><image style="width:100rpx;height:100rpx;border-radius:50%;" src="{{apiImgUrl+item.photo_image}}"></image></view><view style="margin-left:20rpx;"><view style="font-size:30rpx;font-weight:600;">{{item.nikename}}</view><view style="font-size:24rpx;color:#999999;margin-top:10rpx;">{{item.position_name}}</view></view></view></block></block><block wx:if="{{$root.g1==0}}"><view style="text-align:center;padding-top:40rpx;">暂无</view></block></view></tn-popup><tn-modal bind:input="__e" vue-id="5124f034-23" custom="{{true}}" value="{{showLogin}}" data-event-opts="{{[['^input',[['__set_model',['','showLogin','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view style="text-align:center;"><view style="font-size:32rpx;font-weight:600;">登陆提示</view><view style="margin-top:40rpx;">请登录后参与活动！</view></view><view style="text-align:center;margin-top:40rpx;"><tn-button vue-id="{{('5124f034-24')+','+('5124f034-23')}}" open-type="getPhoneNumber" backgroundColor="#3377FF" height="75rpx" width="500rpx" shape="round" fontColor="#ffffff" data-event-opts="{{[['^getphonenumber',[['PhoneLogin']]]]}}" bind:getphonenumber="__e" bind:__l="__l" vue-slots="{{['default']}}">点击登陆</tn-button></view></tn-modal></view>