challengeFamily/pages/product/buy/index.wxml

<integral show="{{show.integral}}" info="{{integralConfig}}" data-name="integral" bind:close="close" />
<address show="{{show.address}}" data="{{mailAddress}}" data-name="address" bind:submit="submitAddress" bind:close="close" />
<vouche show="{{show.vouche}}" info="{{voucheConfig}}" bind:change="changeVouche" data-name="vouche" bind:close="close" status="{{presellOpen}}" type="{{0}}" />
<view class="sku-stepper-stock">
  <view class="font14">{{datas.title}}</view>
  <view class="buy-gray font12 mTop5">{{sku.sessions.name}}/{{sku.meals.policyName}} <text wx:if="{{military==1}}">（{{sku.meals.campSex==0?'仅女生可报':(sku.meals.campSex==1?'仅男生可报':'不限性别')}}）</text></view>
  <view class="sku-stepper-container mTop5">
    <text class='subtitleColor font12 price fontWeight'>￥<text class="font16">{{sku.meals.price}}</text></text>
    <text class='buy-gray font12 pLeft10 price' style="text-decoration:line-through" wx:if="{{sku.meals.originalPrice&&sku.meals.originalPrice!=sku.meals.price && presellOpen==0}}">￥{{sku.meals.originalPrice}}</text>
    <text wx:if="{{sku.meals.mpriceRemark && presellOpen ==0}}" class="font14 pLeft10">(含{{sku.meals.mprice}}元{{sku.meals.mpriceRemark}})</text><text wx:if="{{sku.meals.mpriceRemark && presellOpen ==0}}" bindtap="openQuestion" class="font20 pLeft10 black icon icon-question"></text>
    <view class="stepper sku__stepper sku-tep">
      <view class="stepper__minus {{sku.quantity<=1?'stepper__minus__diabled':''}}" bindtap="numReduce"></view>
      <input type="number" value="{{sku.quantity}}" class="stepper__input" bindblur="numChange" />
      <view class="stepper__plus {{sku.quantity>=sku.quota?'stepper__plus__diabled':''}}" bindtap="numAdd"></view>
    </view>
  </view>
</view>
<view class="white-bg enlist-choose-child modular" wx:if="{{datas.needIdcard != 'no'&&atype==0}}">
  <view class="m-top10 modal-title">
    <text class="font14">出行人信息:</text>
  </view>
  <view class="enlist-choose-child-button" wx:if="{{!idcards.ids || idcards.ids.length<=0}}">
    <button id="selectPerson" type="danger" size="small" round bindtap="chooseCard">{{havePerson?'请选择'+sku.quantity+'名出行人信息':'新增出行人'}}</button>
  </view>
  <view wx:else>
    <view class="card-list" bindtap="chooseCard">
      <view class="card-item" wx:for="{{idcards.ids}}" wx:key="unique">
        <text class="card-item-one">{{idcards.names[index]}}</text>
        <text class="card-item-two">{{idcards.idCards[index]}}</text>
        <text class="card-item-three" wx:if="{{idcards.parentNames[index]}}">监护人：{{idcards.parentNames[index]}}</text>
      </view>
    </view>
  </view>
  <view wx:if="{{presellOpen==0}}" class="font12 subtitleColor">注：我们将为出行人生成旅游合同并在出发前购买保险</view>
</view>
<view class="enlist mTop10">
  <view class="bottom bar-bottom buttons-row">
    <view class="leftBtn btn">总计：<text>￥<text class="font20">{{total.price}}</text></text></view>
    <button bindtap="goPay" class="rightBtn btn">提交订单</button>
  </view>
  <view class="content">
    <!-- 报名信息填写 判断条件是内部所有条件集合 -->
    <view class="column details  modular" wx:if="{{(datas.sphone != null && datas.sphone != 'no')||(datas.smailAddress&&datas.smailAddress != 'no' && atype== 0)||(datas.smailAddress&&datas.smailAddress == 'yes'  && atype== 1)||(datas.needEmail&&datas.needEmail != 'no')||(datas.familyCommittee&&datas.familyCommittee !=0 && atype==0)||streetStatus != 0||recommenderShow||(datas.travelDates != 'no' && atype!=1)||datas.sremark != 'no'}}">
      <view class="modal-title">报名信息填写:</view>
      <!-- 联系电话 -->
      <view class="col member" wx:if="{{datas.sphone != null && datas.sphone != 'no'}}">
        <view class="col-line">
          <view class="line-title">联系手机号码</view>
          <input class="line-details phoneNum" value="{{phoneNum}}" name="phoneNum" style="text-align:right;" placeholder="请输入手机号码" bindblur="phoneNum" bindconfirm="phoneNum" type="number" placeholder-class="placeholder" />
        </view>
      </view>
      <!-- 邮寄信息 -->
      <view class="col member" bindtap="chooseAddress" wx:if="{{datas.smailAddress&&datas.smailAddress != 'no' && atype== 0}}">
        <view class="col-line details-link">
          <view class="line-title">邮寄信息</view>
          <input class="line-details address" placeholder="请选择" value="{{mailAddress}}" name="mailAddress" disabled placeholder-class="placeholder" />
        </view>
      </view>
      <!-- 收货地址 -->
      <view class="col member" wx:if="{{datas.smailAddress&&datas.smailAddress == 'yes'  && atype== 1}}">
        <view class="col-line">
          <view class="line-title">收货地址</view>
          <view class="details-link ship-address" bindtap="chooseAddress">
            <view wx:if="{{shipAddress}}">
              <view class="text-name mTop10"><text>{{shipAddress.userName}}</text><text class="mLeft10">{{shipAddress.telNumber}}</text></view>
              <view class="text-info"><text>{{shipAddress.provinceName}}{{shipAddress.cityName}}{{shipAddress.countyName}}</text><text class="mLeft10">{{shipAddress.detailInfo}}</text></view>
            </view>
            <view wx:else class="address-placeholder">请填写收货地址</view>
          </view>
        </view>
      </view>
      <!-- 电子邮箱 -->
      <view class="col member" wx:if="{{datas.needEmail&&datas.needEmail != 'no'}}">
        <view class="col-line">
          <view class="line-title">电子邮箱</view>
          <input class="line-details email" value="{{email}}" placeholder="请填写邮箱以便接受电子合同" bindblur="email" name="email" style="width:400rpx;text-align:right;" placeholder-class="placeholder" />
        </view>
      </view>
      <!-- 城市 -->
      <view class="col member" wx:if="{{datas.orderCity&&datas.orderCity != 0}}">
        <view class="col-line">
          <view class="line-title">城市</view>
          <input class="line-details email" value="{{orderCity}}" placeholder="请输入当前所在的城市" bindblur="cityValue" name="orderCity" style="width:400rpx;text-align:right;" placeholder-class="placeholder" />
        </view>
      </view>
      <!-- 家委会 -->
      <view class="col member" wx:if="{{datas.familyCommittee&&datas.familyCommittee !=0 && atype==0}}">
        <view class="col-line">
          <view class="line-title">家委会</view>
          <input class="line-details email" value="{{familyCommittee}}" placeholder="请输入是否为家委会" bindblur="familyCommittee" name="familyCommittee" style="width:400rpx;text-align:right;" placeholder-class="placeholder" />
        </view>
      </view>
      <!-- 街道社区 -->
      <view class="col member" wx:if="{{streetStatus != 0}}">
        <view class="col-line">
          <view class="line-title">街道社区</view>
          <input class="line-details street" value="{{street}}" placeholder="请填写社区以便安排活动事宜" bindblur="streetInput" name="street" style="width:400rpx;text-align:right;" placeholder-class="placeholder" />
        </view>
      </view>
      <!-- 推荐人信息 -->
      <view class="col member" wx:if="{{recommenderShow}}">
        <view class="col-line">
          <view class="line-title">推荐人</view>
          <input class="line-details recommender" value="{{recommender}}" placeholder="{{recommenderShowText}}" bindblur="recommender" name="recommender" style="width:400rpx;text-align:right;" placeholder-class="placeholder" />
        </view>
      </view>
      <!-- 出行日期 -->
      <view class="col member" wx:if="{{datas.travelDates != 'no' && atype!=1}}">
        <view class="col-line">
          <view class="line-title">出行日期</view>
          <picker mode="date" value="{{travelDates}}" start="2018-01-01" bindchange="bindDateChange" name="travelDates">
            <view class="line-details" wx:if="{{travelDates != ''}}">
              {{travelDates}}
            </view>
            <view style="text-align: unset;" class="line-details" wx:if="{{travelDates == ''}}">请选择<text class="rightBit"></text></view>
          </picker>
        </view>
      </view>
      <view class="member" wx:if="{{datas.sremark != 'no'}}">
        <view class="remark-title mTop10">备注</view>
        <view class="col-line ">
          <textarea class="textarea remark" placeholder="{{datas.remark}}" value="{{datas.orderRemark}}" placeholder-class="placeholder" auto-height bindblur="textarea" bindconfirm="textarea" maxlength="100" name="textarea" />
        </view>
      </view>
    </view>
    <view class="column details mTop10 modular" wx:if="{{(userInfo.role.level > 0 && presellOpen ==0 && total.mdiscount>0&&atype==0)||(datas.ldiscount > 0 && presellOpen ==0&&atype==0)||(presellOpen ==0&& atype==0)||atype==1||atype==0||(total.sumBalanceNum > 0&&atype==0)||(total.sumUserCoin>0&&sku.meals.userCoin>0&&presellOpen==0)}}">
      <view class="modal-title">折扣明细:</view>
      <!-- 会员折扣 -->
      <view class="col member" wx:if="{{userInfo.role.level > 0 && presellOpen ==0 && total.mdiscount>0&&atype==0}}">
        <view class="col-line details-link" bindtap="integral">
          <view class="line-title">会员折扣</view>
          <view class="line-details subtitleColor">-{{total.mdiscount}}</view>
        </view>
      </view>
      <!-- 早鸟折扣 -->
      <view class="col member" wx:if="{{datas.ldiscount > 0 && presellOpen ==0&&atype==0}}">
        <view class="col-line">
          <view class="line-title">早鸟折扣</view>
          <view class="line-details subtitleColor">-{{total.ldiscount}}</view>
        </view>
      </view>
      <!-- 不占床 -->
      <view class="member" bindtap="showUnNeedBed" data-type="unNeedBed" wx:if="{{datas.unNeedBed ==1 && presellOpen ==0&&atype==0}}">
        <view class="col-line details-link">
          <view class="line-title">儿童不占床 <text class="subtitleColor">（可选）</text> </view>
          <view class="line-details subtitleColor" wx:if="{{unNeedBedNum>0}}">减￥{{total.unNeedBedPrice}}</view>
          <view class="line-details gray" wx:else>减￥0.00</view>
        </view>
      </view>
      <!-- 现金券 -->
      <view class="col member cash_Coupon" bindtap="goCoupon" wx:if="{{(presellOpen ==0&& atype==0)||atype==1}}">
        <view class="col-line details-link">
          <view class="line-title">现金券</view>
          <view class="line-details {{total.coupons>0?'subtitleColor':'gray'}} ">减￥{{total.coupons}}</view>
        </view>
      </view>
      <!-- 可用钱包 -->
      <view class="member" wx:if="{{atype==0}}" bindtap="showCoin" data-type="useCoin">
        <view class="col-line details-link">
          <view class="line-title">抵用钱包</view>
          <view class="line-details subtitleColor" wx:if="{{useCoin==1}}">减￥{{total.coin}}</view>
          <view class="line-details gray" wx:else>减￥0.00</view>
        </view>
      </view>
      <view class="member" wx:if="{{total.sumBalanceNum > 0&&atype==0}}" bindtap="showAbleBalance" data-type="ableBalance">
        <view class="col-line details-link">
          <view class="line-title">账户余额
          </view>
          <view class="line-details subtitleColor" wx:if="{{useAbleBalance==1}}">减￥{{total.ableBalance}}</view>
          <view class="line-details gray" wx:else>减￥0.00</view>
        </view>
      </view>
      <!--  宝贝币  -->
      <view class="member" wx:if="{{total.sumUserCoin>0&&sku.meals.userCoin>0&&presellOpen==0}}" bind:tap="showBabyCoin" data-type="babyCoin">
        <view class="col-line details-link">
          <view class="line-title">宝贝币
          </view>
          <view class="line-details subtitleColor" wx:if="{{useBabyCoin==1}}">减￥{{total.userCoin/10}}</view>
          <view class="line-details gray" wx:else>减￥0.00</view>
        </view>
      </view>
    </view>
    <!-- 合同 -->
    <view class="bottomBG">
      <view class="contract" wx:if="{{datas.agreement&&atype==0&&presellOpen==0}}">
        <text hidden="{{!agreement}}" class="disagree agree" bindtap="agree"></text>
        <text hidden="{{agreement}}" class="disagree" bindtap="agree"></text>
        <text bindtap="agree">我已阅读并接受</text>
        <text class="conDetails" bindtap="openDoc">{{datas.agreement == 'default'?'《国家旅游局团队境内旅游合同》':(datas.agreement == 'foreign' ? '《国家旅游局团队境外旅游合同》':(datas.agreement == 'within' ? '《沐童旅行社境内旅游合同》':(datas.agreement == 'leave' ?'《沐童旅行社出境旅游合同》': (datas.agreement == 'bicycleAbroad' ?'《沐童旅行社出境旅游合同 (含骑行)》': (datas.agreement == 'bicycleDomestic' ?'《沐童旅行社境内旅游合同 (含骑行)》': (datas.agreement == 'within1'?'《境内旅游合同 (沐童旅行社单日版)》':(datas.agreement == 'within1_bicycle'?'《境内旅游合同 (沐童旅行社单日骑行版)》':(datas.agreement == 'within3'?'《境内旅游合同 (沐童旅行社多日版)》':(datas.agreement == 'within3_bicycle'?'《境内旅游合同 (沐童旅行社多日骑行版)》':'《知识付费服务支付协议》')))))))))}}</text>
      </view>
    </view>
  </view>
</view>
<progress percent="{{percent}}" active active-mode="forwards" class="progress" wx:if="{{percent>0 && percent<100}}" />
<view class="mask" bindtap="close" wx:if="{{maskShow}}">
  <view class="maskBox">
    <view class="maskContent">
      <view class="maskTitle">费用说明</view>
      <view class="maskTit">会员、现金券等所有优惠，仅限活动费；不含交通费、写真费、服装租赁费等。</view>
    </view>
    <button class="maskBtn button button-white" catchtap="maskClose">确定</button>
  </view>
</view>
<!-- 抵用钱包 -->
<popup show="{{coinShow}}" noClose="true" bind:close="showCoin">
  <view class="modular popupView">
    <view class="modal-title">抵用钱包</view>
    <radio-group bindchange="coinChange" class="addGuardian">
      <label class="weui-cell ">
        <radio value="1" checked="{{useCoin==1}}" />
        <view style="width: 100%;">
          <view class="weui-cell__bd">使用抵扣钱包 <view class="subtitleColor fontWeight">减¥{{total.coin}}</view>
          </view>
          <view class="font12 mTop5">(当前共¥{{total.sumCoin}}，本次最多可用¥{{total.coin}}）</view>
        </view>
      </label>
      <label class="weui-cell weui-check__label">
        <radio value="0" checked="{{useCoin!=1}}" />
        <view>
          不使用
        </view>
      </label>
    </radio-group>
    <view>
      <button class="font14  popupBtn" bindtap="confirmSelection" data-type="useCoin">确定</button>
    </view>
  </view>
</popup>
<!-- 账户余额 -->
<popup show="{{ableBalanceShow}}" noClose="true" bind:close="showAbleBalance">
  <view class="modular popupView">
    <view class="modal-title">账户余额</view>
    <radio-group bindchange="balanceChange" class="addGuardian">
      <label class="weui-cell ">
        <radio value="1" checked="{{useAbleBalance==1}}" />
        <view style="width: 100%;">
          <view class="weui-cell__bd">使用账户余额 <view class="subtitleColor fontWeight">减¥{{total.ableBalance}}</view>
          </view>
          <view class="font12 mTop5">(当前共¥{{total.sumBalance}}，本次最多可用¥{{total.ableBalance}}）</view>
        </view>
      </label>
      <label class="weui-cell weui-check__label">
        <radio value="0" checked="{{useAbleBalance!=1}}" />
        <view>
          不使用
        </view>
      </label>
    </radio-group>
    <view>
      <button class="font14  popupBtn" bindtap="confirmSelection" data-type="ableBalance">确定</button>
    </view>
  </view>
</popup>
<!-- 宝贝币 -->
<popup show="{{babyCoinShow}}" noClose="true" bind:close="showBabyCoin">
  <view class="modular popupView">
    <view class="modal-title">宝贝币</view>
    <radio-group bindchange="babyCoinChange" class="addGuardian">
      <label class="weui-cell ">
        <radio value="1" checked="{{useBabyCoin==1}}" />
        <view style="width: 100%;">
          <view class="weui-cell__bd">使用宝贝币 <view class="subtitleColor fontWeight">减¥{{total.userCoin/10}}</view>
          </view>
          <view class="font12 mTop5">(当前共{{total.sumUserCoin}}枚宝贝币，本次最多可用{{total.userCoin}}枚）</view>
        </view>
      </label>
      <label class="weui-cell weui-check__label">
        <radio value="0" checked="{{useBabyCoin!=1}}" />
        <view>
          不使用
        </view>
      </label>
    </radio-group>
    <view>
      <button class="font14  popupBtn" bindtap="confirmSelection" data-type="babyCoin">确定</button>
    </view>
  </view>
</popup>
<!-- 不占床 -->
<popup show="{{unNeedBedShow}}" noClose="true" bind:close="showBabyCoin">
  <view class="modular popupView">
    <view class="modal-title">儿童不占床
    </view>
    <view class="weui-cell__bd mTop20">
      <view> 儿童不占床 <view class="stepper sku__stepper sku-tep unNeedBed">
          <view class="stepper__minus {{unNeedBedNum<=1?'stepper__minus__diabled':''}}" bindtap="unNeedBedReduce"></view>
          <input type="number" value="{{unNeedBedNum}}" class="stepper__input" bindblur="unNeedBedChange" />
          <view class="stepper__plus {{unNeedBedNum>=total.unNeedBedMaxNum?'stepper__plus__diabled':''}}" bindtap="unNeedBedAdd"></view>
        </view>
      </view>
      <view class="subtitleColor fontWeight">减￥{{total.unNeedBedPrice}}</view>
    </view>
    <view class="subtitleColor font12 mTop20">当前参与者中，成人{{total.adultCount}}名，儿童{{total.childCount}}名，允许{{total.unNeedBedMaxNum}}儿童不占床</view>
    <view class="mTop20">
      <button class="font14  popupBtn" bindtap="confirmSelection" data-type="unNeedBed">确定</button>
    </view>
  </view>
</popup>
<!-- 合同展示 -->
<popup show="{{contractShow}}" Preload="{{true}}">
  <view class="modular popupView" hidden="{{!contractShow}}">
    <view class="modal-title">合同展示</view>
    <view style="height: 700rpx;overflow-y: scroll;">
      <view wx:for="{{contractUrl}}" wx:key="*this">
        <image src="{{item.url}}" style="width: 100%;" mode="widthFix" />
      </view>
    </view>
    <view>
      <button class="font14  popupBtn" bindtap="agreeContract">我已接受并阅读</button>
    </view>
  </view>
</popup>