<!--pages/activeDetails/activeDetails.wxml-->
<custom-navi text="志愿者活动" back="{{true}}" home="{{true}}"></custom-navi>
<view class='activeDetails'>
  <image src='{{volunteerEventDat.front_image}}'></image>
  <view class='con_activeDetails'>
    <view class="row">
      <text class="titleText">活动名称:</text><text class="dataText">{{volunteerEventDat.title}}</text>
    </view>
    <view class="row">
      <text class="titleText">活动说明:</text><text class="dataText">{{volunteerEventDat.comment}}</text>
    </view>
    <view class="row">
      <text class="titleText">活动期限:</text><text class="dataText">{{volunteerEventDat.start_time}}-{{volunteerEventDat.finish_time}}</text>
    </view>
    <view class="row">
      <text class="titleText">活动地点:</text><text class="dataText">{{volunteerEventDat.position}}</text>
    </view>

    <view class="row">
      <text class="titleText">征集范围:</text><text class="dataText">{{volunteerEventDat.scope}}\n</text>
    </view>
    <view class="row">
      <text class="titleText">活动人数:</text><text class="dataText">{{volunteerEventDat.max_member}}人</text>
    </view>
    <view class="row">
      <text class="titleText">联系人:</text><text class="dataText">{{volunteerEventDat.leader_name}}</text>
    </view>
    <view class="row">
      <text class="titleText">联系方式:</text><text class="dataText">{{volunteerEventDat.leader_contact}}</text>
    </view>
    <view class="row">
      <text class="titleText">集合地点:</text><text class="dataText">{{volunteerEventDat.venue}}</text>
    </view>
      <view class="row">
      <text class="titleText">集合时间:</text><text class="dataText">{{volunteerEventDat.venue_time}}</text>
    </view>
  </view>

  <view class='avtiveTab'>
    <van-tabs active="{{ active }}" border="{{false}}" bind:change="onChange" tab-active-class="activebeijing">
      <van-tab title="圈子报名">
        <view class='quanzi'>
          <view wx:for="{{circleMemberList}}">
            <view>
              <image src='{{item.front_image}}'></image>{{item.title}}
            </view>
            <text>{{item.enroll_count}}人报名</text>
          </view>
        </view>
      </van-tab>
      <van-tab title="个人报名">
        <view class='quanzi'>
          <view wx:for="{{personalMemberList}}">
            <view>
              <image src='{{item.header_img}}'></image>{{item.name}}
            </view>
            <text>已报名</text>
          </view>
        </view>
      </van-tab>
    </van-tabs>
    <view class='{{buttonClass}}' bindtap='userAction' wx:if="{{showActionButton}}">{{menuText}}</view>
  </view>

  <view class="ownerAttendDialog" wx:if="{{showOwnerDialog}}">
    <view class="dialogMsg">检测到您为圈主身份,是否以圈主身份参加，确认后，邀请参加信息会通知您的圈内成员?</view>
    <view class="circleList">
      <view class="circleItem" wx:for="{{ownerCircleList}}" wx:for-index="i">
      <van-checkbox value="{{ checkCircleIndex[i] }}" shape="square" bind:change="onClickCircle" icon-size="16px" data-index="{{i}}"/>
      <view class="circleName">{{item.title}}</view>
      </view>
    </view>
    <view class="buttonRow">
      <view class="button" bindtap="circleEnroll">确认</view>
      <view class="button" bindtap="personalEnroll">个人参加</view>
      <view class="button" bindtap="back">返回</view>
    </view>
  </view>
</view>
<van-dialog id="van-dialog" />
<van-notify id="van-notify" />
