<!--scanGroup/jyScan/index/index.wxml-->
<view class="container">
  <image class="index_img" src="/images/junyao/backgroundImg.png" mode="scaleToFill"/>
  <image class="index_img logo" src="/images/junyao/logo.png" mode="widthFix"/>
  <image class="index_img product" src="/images/junyao/product.png" mode="widthFix"/>
  <image class="drink_power" src="/images/junyao/drinkPower.png" mode="widthFix"/>
  <image class="index_img myPrize" bindtap="goRecord" src="/images/junyao/myPrize.png" mode="widthFix"/>
  <image class="index_img welfareOfficer" src="/images/junyao/welfareOfficer.png" mode="widthFix"/>
  <view bindtap="doActivity">
  	  <image class="draw_now" src="/images/junyao/drawNow.png" mode="widthFix"/>
  </view>
  <view bindtap="ruleShow" class="activity_box">
  	  <!-- <image class="activity_rules" src="/images/junyao/activityRules.png" mode="widthFix"/> -->
  	  <view class="activity_rules"></view>
  	  <text class="activity_rules_text">活动规则</text>
  </view>
  <view class="wl-msg">
    <view class="marquee-content">
      <view class="marquee" style="{{marqueeStyle1}}">
        <view class="marquee-item">
          <view wx:for="{{marqueeList}}" wx:key="item" class="marquee-item_text">{{item.areaName}}ID{{item.userId}}获得{{item.amount}}元红包</view>
        </view>
        <view class="marquee-item">
          <view wx:for="{{marqueeList}}" wx:key="item" class="marquee-item_text">{{item.areaName}}ID{{item.userId}}获得{{item.amount}}元红包</view>
        </view>
      </view>
    </view>
    <view class="marquee-content">
      <view class="marquee" style="{{marqueeStyle}}">
        <view class="marquee-item">
          <view wx:for="{{marqueeList}}" wx:key="item" class="marquee-item_text">{{item.areaName}}ID{{item.userId}}获得{{item.amount}}元红包</view>
        </view>
        <view class="marquee-item">
          <view wx:for="{{marqueeList}}" wx:key="item" class="marquee-item_text">{{item.areaName}}ID{{item.userId}}获得{{item.amount}}元红包</view>
        </view>
      </view>
    </view>
  </view>
  <!-- 规则按钮 -->
 <!-- <view class="fixed_btn btn_1" bindtap="ruleShow">
    <view class="mt_down">活动</view>
    <view>规则</view>
  </view> -->
  <!-- <view class="fixed_btn btn_2" bindtap="goRecord">
    <view class="mt_down">中奖</view>
    <view>记录</view>
  </view> -->
  <view class="fixed_btn btn_3" bindtap="handleScan">
    <image class="scan_icon" src="https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/scanIcon.png" mode=""/>
  </view>
  <view class="fixed_btn btn_4" bindtap="goIndex">
    <view class="mt_down">返回</view>
    <view>首页</view>
  </view>
  <!-- <view wx:if="{{!received}}" class="reward_btn" bindtap="doActivity"></view>
  <view wx:else class="reward_btn_none"></view> -->
  <view class="id_code">股票代码：{{'605388'}}</view>
  <view class="id_mes">ID:{{userId}}</view>


    <!--  -->
    <alert visible="{{ alertShow }}">
      <view slot="up">{{ alertInfo }}</view>
      <view slot="down">{{alertText}}</view>
      <view>{{alertTime}}</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> -->
  
  <!-- 活动规则 ruleShow heightFix widthFix-->
  <popup visible="{{ ruleShow }}" transparent="{{true}}">
    <view class="rule">
      <!-- <view class="rule-title">—— 活动规则 ——</view> -->
      <view class="rule-content">
        <mp-html content="{{ groupRule }}"></mp-html>
      </view>
    </view>
	<image class="index_img pup_activity " src="/images/junyao/pup_activity.png" mode="widthFix"/>
  </popup>
  
  <!-- showRedPack -->
  <v-popup showPopup="{{showRedPack}}">
    <view class="redpack_poup">
      <view class="red_amount">{{scanRewardVO.amount}}<text style="font-size: 90rpx;vertical-align: middle;">元</text></view>
      <view class="red_text">{{excitationRedPack ? '激励红包' : '现金红包'}}</view>
      <view class="red_btn" bindtap="goReceive"></view>
      <view class="red_close_poup" bindtap="closeRedPack"></view>
    </view>
  </v-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="{{ isNoAward ? 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/no_award.png' : 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/success_icon.png' }}" mode=""/>
        <view class="receive_text" style="margin-top: 40rpx;">{{isNoAward ? '很遗憾此次未中奖' : '恭喜您领取成功'}}</view>
        <view class="receive_text">{{isNoAward ? '谢谢参与' : '奖励已发放至您的微信账户'}}</view>
        <view class="coninue_scan" bindtap="handleScan">继续扫码</view>
        <view class="close_poup" bindtap="closeReceiveModal"></view>
    </view>
  </v-popup>





  <!-- showSecondRedPack -->
  <v-popup showPopup="{{showSecondRedPack}}">
    <view class="secondRedpack_poup" style="background-image: url({{secondRedPackBg}});">
      <image class="secondRed_amount" src="https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/sencond_red.png"></image>
      <view class="secondRed_btn" bindtap="handleScan">继续扫码</view>
      <view class="secondRed_close_poup" bindtap="closeSecondRedPack"></view>
    </view>
  </v-popup>
</view>