index.wxml 4.4 KB
<!--scanGroup/dahaoda/index/index.wxml-->
<view class="container" style="background-image: url({{bg}});">
  <view class="fixed_btn btn_1" bindtap="ruleShow">
    <view>活动</view>
    <view>规则</view>
  </view>
  <view class="fixed_btn btn_2" bindtap="goRecord">
    <view>中奖</view>
    <view>记录</view>
  </view>
  <view class="reward_btn" wx:if="{{isDoActivity}}" bindtap="doActivity">点击抽奖</view>
  <view class="reward_box" wx:if="{{!isDoActivity}}">
    <view class="reward_count">
      <image class="money_icon" src="https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/dhd_icon.png" mode=""/>
      {{scanRewardVO.amount}}
    </view>
    <view class="receive_btn" wx:if="{{!received}}" bindtap="goReceive">立即领取</view>
    <view class="receive_btn received_btn" wx:if="{{received}}">已领取</view>
  </view>
  <view class="id_mes">ID:{{userId}}</view>

    <!--  -->
    <alert visible="{{ alertShow }}">
      <view slot="up">{{ alertInfo }}</view>
      <view slot="down">{{alertText}}</view>
    </alert>

    <popup visible="{{ ruleShow }}">
      <view class="rule">
        <view class="rule-title">—— 活动规则 ——</view>
        <view class="rule-content">
          <mp-html content="{{ pageData.summary }}"></mp-html>
        </view>
      </view>
    </popup>


    <!-- 完善信息  showCouponComMess -->
    <v-popup showPopup="{{showCouponComMess}}">
      <view class="{{isOneReward ? 'comMessBox' : 'comMessBox height_little'}}">
        <view class="messTitle">完善个人信息</view>
        <view class="messBoxClose" bindtap="messBoxClose"></view>
        <view class="formBox">
          <form bindsubmit="formSubmit">
              <view class="inputModel" wx:if="{{isOneReward}}"><text class="red">*</text><text class="inputDesc" decode>姓&emsp;&emsp;名:</text>
                <input
                  class="inputSelf"
                  placeholder="请输入姓名"
                  placeholder-style="color: #AEAEAE;font-size:34rpx"
                  type="text"
                  data-key="name" 
                  bindinput="onBindInput"
                  value="{{ submitForm.name }}"
                />
              </view>
              <view class="inputModel"><text class="red">*</text><text class="inputDesc">手机号码:</text>
                <input
                  class="inputSelf phoneInput"
                  placeholder=""
                  disabled
                  placeholder-style="color: #AEAEAE;font-size:34rpx"
                  type="text"
                  value="{{ submitForm.phone }}"
                />
                <button class="phone" wx:if="{{!submitForm.phone}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">微信授权</button>
                <button class="phoneTwo" wx:if="{{submitForm.phone}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">重新授权</button>
              </view>
              <view class="inputModel" wx:if="{{isOneReward}}"><text class="red">*</text><text class="inputDesc" decode>身份证号:</text>
                <input
                  class="inputSelf"
                  placeholder="请输入身份证号"
                  placeholder-style="color: #AEAEAE;font-size:34rpx"
                  type="text"
                  data-key="idCard"
                  maxlength="18" 
                  bindinput="onBindInput"
                  value="{{ submitForm.idCard }}"
                />
              </view>
              <view class="btn_box">
                <button class="cancelBtn" bindtap="messBoxClose">取消</button>
                <button class="submitButtonS" wx:if="{{isFormFilled}}" form-type="submit">确认提交</button>
                <button class="submitButton" wx:else>确认提交</button>
              </view>
          </form>
        </view>
      </view>
    </v-popup>

    <!-- receiveVis -->
    <v-popup showPopup="{{receiveVis}}">
      <view class="receive_poup">
          <image class="success_icon" src="https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/success_icon.png" mode=""/>
          <view class="receive_text" style="margin-top: 40rpx;">恭喜您领取成功</view>
          <view class="receive_text">奖励已发放至您的微信账户</view>
          <view class="coninue_scan" bindtap="handleScan">继续扫码</view>
          <view class="close_poup" bindtap="closeReceiveModal"></view>
      </view>
    </v-popup>
</view>