<view class="page">
  <view wx:if="{{guideIndex >= 1 && guideIndex <= 2 }}" bindtap="onGuideHandler" class="guide">
    <view class="mask"></view>
    <image wx:if="{{guideIndex == 1}}" class="guide-item guide-item-1" mode="widthFix" src="../../image/guide/guide-c-wish-1.png" />
    <image wx:if="{{guideIndex == 2}}" class="guide-item guide-item-2" mode="widthFix" src="../../image/guide/guide-c-wish-2.png" />
  </view>
  <!-- <view class="app__bgc bgc {{curStatus==1?'bgc1':''}} {{curStatus==2?'bgc2':''}} {{curStatus==3?'bgc3':''}} {{curStatus==4?'bgc4':''}}"></view> -->
  <view class="app__bgc bgc {{'bgc'+curStatus}}"></view>
  <view class="app__bg bg"></view>
  <!-- 场景 -->
  <view class="sence">
    <!-- 场景1 -->
    <view wx:if="{{curStatus==1}}" class="view view1">
      <image class="ebg" src="{{'../../image/oss/create-wish/create-wish-1.png?ver=1'}}" mode="widthFix" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000008" class="point point1" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000010" class="point point2" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000009" class="point point3" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <view class="rect rect1" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000008"></view>
      <view class="rect rect2" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000010"></view>
      <view class="rect rect3" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000009"></view>
    </view>
    <!-- 场景2 -->
    <view wx:if="{{curStatus==2}}" class="view view2">
      <image class="ebg" src="{{'../../image/oss/create-wish/create-wish-2.png?ver=1'}}" mode="widthFix" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000007" class="point point1" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000004" class="point point2" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <view class="rect rect1" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000007"></view>
      <view class="rect rect2" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000004"></view>
    </view>
    <!-- 场景3 -->
    <view wx:if="{{curStatus==3}}" class="view view3">
      <image class="ebg" src="{{'../../image/oss/create-wish/create-wish-3.png?ver=1'}}" mode="widthFix" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000001" class="point point1" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000002" class="point point2" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000003" class="point point3" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <view class="rect rect1" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000001"></view>
      <view class="rect rect2" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000002"></view>
      <view class="rect rect3" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000003"></view>
    </view>
    <!-- 场景4 -->
    <view wx:if="{{curStatus==4}}" class="view view4">
      <image class="ebg" src="{{'../../image/oss/create-wish/create-wish-4.png?ver=1'}}" mode="widthFix" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000006" class="point point1" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <image bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000005" class="point point2" mode="widthFix" src="../../image/oss/create-wish/cw-point.png" />
      <view class="rect rect1" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000006"></view>
      <view class="rect rect2" bindtap="onShowTipsBorderHandler" data-index="P000000000000000000000000000005"></view>
    </view>
    <!-- 详情 -->
    <view wx:if="{{tipsBorderVisible}}" class="tips-border" style="top:{{curWish.point.top+curWish.tips.point.fixTop}}rpx;left:{{curWish.point.left+curWish.tips.point.fixLeft}}rpx;">
      <view class="rel">
        <image class="ebg" mode="widthFix" src="../../image/oss/create-wish/tips-{{curWish.tips.type}}.png" />
        <view class="cont">
          <view class="name">{{curWish.productName}}</view>
          <view class="val">弹力值:{{curWish.conditionElasticValue}}</view>
          <view bindtap="onAddWishHandler" class="btn">加入心愿单</view>
        </view>
      </view>
    </view>
  </view>
  <view class="app__content main">
    <view bindtap="onHideTipsBorderHandler" class="top-space"></view>
    <view class="content">
      <!-- <view class="btn" bindtap="onWishHandler">提交心愿单</view> -->
      <!-- 换一批按钮 -->
      <view class="change-btn" bindtap="onChangeStatusHandler">
        <image class="icon" src="../../image/oss/create-wish/cw-exchange-btn.png" mode="widthFix" />
        换一批
      </view>
      <!-- 心愿单 -->
      <view class="wish-container">
        <image class="ebg" mode="widthFix" src="../../image/oss/create-wish/cw-border.png" />
        <view class="space1"></view>
        <!-- 心愿容器 -->
        <view wx:if="{{myWishList.length > 0}}" class="wish">
          <view wx:for="{{myWishList}}" wx:key="{{index}}" class="wish-item">
            <view class="display">
              <image class="prod" mode="aspectFit" src="../../image/prize/prize-{{item.tag}}.png" />
              <image bindtap="onCancelWishHandler" data-data="{{item}}" class="close" mode="widthFix" src="../../image/oss/create-wish/cw-close-btn.png" />
            </view>
            <view class="name">{{item.productName}}</view>
            <view class="val">
              <image class="icon" mode="widthFix" src="../../image/oss/create-wish/cw-light.png" />
              需要弹力值{{item.conditionElasticValue}}
            </view>
          </view>
        </view>
        <!-- <view wx:else class="empty"></view> -->
        <view wx:else class="empty">
          <view class="icon">
            <span class="iconfont iconempty"></span>
          </view>
          <view class="tips">
            <text>心愿单空空如也~\n在上方挑选心仪的心愿吧！</text>
          </view>
        </view>
        <!-- 提交心愿单 -->
        <view wx:if="{{myWishList.length > 0}}" bindtap="onSubmitHandler" class="btn submit-btn {{myWishList.length <= 0 ? 'disable' : ''}}">
          提交心愿单
        </view>
      </view>
    </view>
  </view>
</view>
<van-popup show="{{ tipsRegisterVisible }}">
  <tips-register-comp bind:evtcomp="evtcomp"></tips-register-comp>
</van-popup>
<van-popup show="{{ tipsGroupMemberVisible }}">
  <tips-group-member-comp bind:evtcomp="evtcomp"></tips-group-member-comp>
</van-popup>
<van-popup show="{{ tipsNewMemberVisible }}">
  <tips-new-comp bind:evtcomp="evtcomp" user-info="{{userInfo}}"></tips-new-comp>
</van-popup>
<van-popup show="{{ tipsWishVisible }}">
  <tips-wish-comp bind:evtcomp="evtcomp" wish-list="{{myWishList}}" ele-val="{{valElasticTotal}}"></tips-wish-comp>
</van-popup>
<van-popup show="{{ tipsShakeVisible }}">
  <tips-shake-comp bind:evtcomp="evtcomp"></tips-shake-comp>
</van-popup>
<van-popup show="{{ tipsCreateCompleteVisible }}">
  <tips-create-complete-comp bind:evtcomp="evtcomp" wish-info="{{wishInfo}}" wish-list="{{wishList}}" wish-list="{{wishList}}" ele-val="{{taskTotalElasticValue}}" wish-bill-info="{{wishBillInfo}}"></tips-create-complete-comp>
</van-popup>
<van-popup show="{{ tipsCommonVisible }}">
  <tips-common-comp bind:evtcomp="evtcomp" inner-text="{{tipsInnerText}}"></tips-common-comp>
</van-popup>