fohow_xcx/packageUser/pages/user/exchange/exchange.wxml

<view class="exchange-top">
  <view class="exchange-top-content">
    <text class="exchange-top-radish">我的代金券</text>
    <text class="exchange-top-count" wx:if="{{bindTel}}">{{balanceInfo.total}}</text>
    <view wx:if="{{!bindTel}}">
      <view class="user-title">
        <text>尚未绑定手机 , </text>
      </view>
      <navigator url="/packageUser/pages/user/bind/bind">
          <view class="bind">立即绑定</view>
      </navigator>
    </view>
    <navigator url="/packageUser/pages/user/buy/buy" wx:if="{{bindTel}}">
      <view class="exchange-top-btn">购买代金券</view>
    </navigator>
    <navigator url="/packageUser/pages/user/otherbind/otherbind" wx:if="{{!bindTel}}">
      <view class="exchange-top-btn">购买代金券</view>
    </navigator>
  </view>

  
  <swiper class="swiper" indicator-active-color="#eab86a" indicator-color="#fff" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
    <block wx:for="{{imgUrls}}" wx:key="{{index}}">
      <swiper-item style="border-radius: 10rpx;">
        <image src="{{item.img}}"  class="slide-image"/>
      </swiper-item>
    </block>
  </swiper>

  <view class="exchange-tip">
    <view class="exchange-tip-info">代金券是指用户在其他企业大使以个人手机注册账号的代金券。</view>
  </view>

  <view class="exchange-title">
    <text>企业大使</text>
    <text class="fr">汇兑比例</text>
    <view class="clean"></view>
  </view>

  <view class="{{item.state === 1 ? 'exchange-panel':'exchange-panel bg'}}" wx:for="{{companyList}}" wx:for-index="index" wx:key="{{item.id}}" style="{{showPanel && panelId === item.id? '': 'padding-bottom: 0;'}}">

    <view class="exchange-rule" bindtap="openPanel" data-item="{{item}}">

      <view class="exchange-rule-company">
        <image src="{{item.logo}}"></image>
        <view class="exchange-company-slogan">
          <view>{{item.name}}</view>
          <view class="secondTitle ellipsis">{{item.slogan}}</view>
        </view>
        <view class="clean"></view>
      </view>

      <view class="exchange-rule-per" wx:if="{{item.state === 1}}">
        <text class="">{{item.p_count}}:{{item.labi_count}}</text>
        <text wx:if="{{item.state !== 1}}">{{item.state_cn}}</text>
        <image wx:if="{{panelId === item.id}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/arrow_right.jpg" style="transform:rotate({{transferR}}deg);"></image>
        <image wx:if="{{panelId !== item.id}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/arrow_right.jpg" style="transform:rotate(90deg);"></image>
      </view>

      <view class="exchange-rule-per" wx:if="{{item.state !== 1}}">
        <text class="{{item.state === 3 ? 'redWord':''}}">{{item.state_cn}}</text>
      </view>
      <view class="clean"></view>
    </view>

    <view wx:if="{{showPanel && panelId === item.id}}">
    <!-- <view> -->
      <view wx:if="{{bindTel}}">
        <view class="exchange-integral" wx:if="{{!show}}">
          <text class="exchange-integral-title">现有代金券</text>
          <text class="exchange-integral-count">{{originInToTal}}</text>
          <view class="clean"></view>
        </view>

        <view class="exchange-integral" wx:if="{{!show}}">
          <text class="exchange-integral-title">将消耗代金券</text>
          <text class="exchange-integral-count">{{useIntegral}}</text>
          <view class="clean"></view>
        </view>
      </view>
      <view wx:if="{{!bindTel}}">
        <view class="exchange-integral1" wx:if="{{!show}}">
          <text class="exchange-integral-title">现有代金券</text>
          <text class="exchange-integral-text">尚未绑定手机 , 无法获取代金券数据</text>
          <view class="clean"></view>
        </view>
      </view>
      <view class="exchange-radish">
        <view class="left">
          <text class="fl">汇兑代金券</text>
          <input wx:if="{{!originInToTal}}" type="number" value="{{radishCount}}" bindinput="radishCountInput" disabled="{{!show}}" />
          <input wx:if="{{originInToTal}}" type="number" bindinput="radishCountInput" value="{{radishCount}}" placeholder="请输入兑换代金券数" />
        </view>
        <view class="right" wx:if="{{originInToTal}}">
          <view class="bg fl" style="margin-right: 36rpx;" bindtap="minus">
            <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/minus.png"></image>
          </view>
          <view class="bg fl" bindtap="plus">
            <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/plus.png"></image>
          </view>
        </view>
        <view class="clean"></view>
      </view>

      <view>
        <view class="exchange-btn1 fl" bindtap="toUrl">{{item.get_text}}</view>
        <form bindsubmit="exchange" report-submit="{{true}}"  class="exchange-btn2 fr">
          <button formType="submit" class="exchange-btn2__button" data-id="{{item.id}}" data-ratio="{{item.ratio}}" data-tag="{{item.tag}}">
            立即汇兑
          </button>
        </form>
        <!-- <view class="exchange-btn2 fr" bindtap="exchange" ></view> -->
        <view class="clean"></view>
      </view>
      
    </view>

  </view>

  <!-- 联通输入服务密码 -->
  <view class="pwdDialog" wx:if="{{showPwdDialog}}">
    <view class="pwdDialog-panel">
      <view class="pwdDialog-hearder">
        <text>请输入付款密码</text>
        <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/closed.jpg" bindtap="showDialog"></image>
      </view>

      <view class="pwdDialog-logo">
        <image src="{{clogo}}"></image>
      </view>

      <view class="pwdDialog-input">
        <text>付款密码</text>
        <input type="password" name="password" bindinput="servicePwdInput" placeholder="请输入付款密码" /> 
      </view>

      <view class="pwdDialog-btn" bindtap="sumbit">
        确认
      </view>

      <view class="pwdDialog-forgot" bindtap="toUrl">
        查看付款密码
      </view>
    </view>
  </view>

  <!-- 查询移动代金券验证码 -->
  <view class="pwdDialog" wx:if="{{ydCodeDialog}}">
    <view class="ydDialog-panel">
      <view class="pwdDialog-hearder">
        <text>请输入获取移动代金券验证码</text>
        <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/closed.jpg" bindtap="ydDialog"></image>
      </view>

      <view class="pwdDialog-logo">
        <image src="{{clogo}}"></image>
      </view>

      <view class="ydDialog-input">
        <input type="text" name="code" bindinput="phoneCodeInput" placeholder="请输入短信验证码" /> 
        <view wx:if="{{ countdown <= 0 }}" class="ydDialog-btnCode" bindtap="getCode">获取验证码</view>
        <view class="ydDialog-btnCode" style="color: #bac8da;" wx:if="{{ countdown > 0 }}" >{{countdown}}s后可重新获取</view>
      </view>

      <view class="ydDialog-btn" bindtap="checkYDIntegral">
        确认
      </view>
    </view>
  </view>

  <!-- 汇兑移动代金券验证码 -->
  <view class="pwdDialog" wx:if="{{ydExchangeDialog}}">
    <view class="ydDialog-panel">
      <view class="pwdDialog-hearder">
        <text>请输入汇兑移动代金券验证码</text>
        <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/closed.jpg" bindtap="ydExDialog"></image>
      </view>

      <view class="pwdDialog-logo">
        <image src="{{clogo}}"></image>
      </view>

      <view class="ydDialog-input">
        <input type="text" name="code" bindinput="phoneCodeInput" placeholder="请输入短信验证码" /> 
        <view wx:if="{{ countdown <= 0 }}" class="ydDialog-btnCode" bindtap="getCode">获取验证码</view>
        <view class="ydDialog-btnCode" style="color: #bac8da;" wx:if="{{ countdown > 0 }}" >{{countdown}}s后可重新获取</view>
      </view>

      <view class="ydDialog-btn" bindtap="sumbitYD">
        确认
      </view>
    </view>
  </view>

</view>