<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;' wx:if="{{!IsDiscount}}">
  <view class="panelTitle FlexRow">
    <view class="panelTitle1">订单内容</view>
  </view>

  <block wx:for="{{Product.ProductList}}" wx:key="index" wx:if="{{item.IsShow2}}">
    <view class="lineWidthAll FlexRow" wx:if="{{index>0}}">
      <view class="lineWidth650"></view>
    </view>
    <view class="panelItem FlexRow">
      <view class="panelItem1 FlexRow">
        <image src='../images/{{item.ImageUrl}}' class="product_icon_ksxq_70x70" />
        <view class="text1">{{item.Name}}</view>
      </view>
      <view>
      </view>
    </view>

  </block>
  <view class='lineFooter'></view>

  <view class="panelTitle FlexRow">
    <view class="panelTitle1">有效期</view>
  </view>

  <view class="{{item.Css}} panelItem3 FlexColumn" wx:for="{{Product.Period}}" wx:key="index" bindtap="selectPeriod" data-id="{{index}}">
    <view class="lineWidthAll FlexRow" wx:if="{{index>0}}">
      <view class="lineWidth720"></view>
    </view>
    <view class="panelItem31 FlexRow">
      <view class="panelItem1 FlexRow">
        <view class="selected FlexRow" wx:if="{{item.Select}}">
          <view class='selected1'></view>
        </view>
        <view class="selected2 selected FlexRow" wx:if="{{!item.Select}}">
        </view>
        <view class="panelItem311">{{item.Title1}}</view>
      </view>
      <view class="panelItem2 FlexRow">
        {{item.Price}}
      </view>
    </view>
    <view class="panelItem32">
      {{item.Title2}}
    </view>
  </view>
  
  <view class='lineFooter'></view>

  <view class="panelTitle FlexRow">
    <view class="panelTitle1">优惠券</view>
  </view>

  <view class="panelItem FlexRow" bindtap='showDiscount'>
    <view class="panelItem1" wx:if="{{!Coupon}}">未选择</view>
    <view class="panelItem1" wx:if="{{Coupon}}">{{Coupon.CouponName}}</view>
    <view class="panelItem2 FlexRow">
      <view wx:if="{{Coupon}}">已减 {{Coupon.Price}}</view>
      <image src='../images/universalpic_indicator_right_gray.png' class="universalpic_indicator_right_gray" />
    </view>
  </view>
  <view class='lineFooter'></view>
  
  <view class='text3 FlexRow' bindtap='gotoFeedback'>
    <view class='text31'>如遇购买问题，请切换到“唱意教育家长助手”中</view>
    <view class='text32'>咨询客服</view>
  </view>

  <view class="panelFooter FlexRow">
    <view class='panelFooter1 FlexColumn'>
      <view class='text2'>结算价格</view>
      <view class='number1'>{{Price}}</view>
    </view>
    <view class="btnPay" bindtap="getPay">支付</view>
  </view>
</view>

<view class="discount container FlexColumn" style='min-height:{{Containnerheight}}rpx;' wx:if="{{IsDiscount}}">
  <view class="panel1">可供使用的优惠券</view>

  <view class='panelNull FlexColumn' wx:if="{{CouponList.length==0}}">
    <text class='panelNull1'>没有符合条件的\n优惠券</text>
    <text class='panelNull2'>本次购买获赠的优惠券\n将在支付完成后发到您的账户，\n可在下次购买时使用。</text>
  </view>
  <view class='panel2 FlexRow' wx:if="{{CouponList.length>0}}" wx:for="{{CouponList}}" wx:key="index" bindtap="selectCoupon" data-id="{{item.ID}}">
    <view class='panel21 FlewRow'>
      <view>{{item.PriceStr}}</view>
    </view>
    <view class='panel22 FlewColumn'>
      <view class='panel221'>{{item.CouponName}}</view>
      <view class='panel222'>有效期 {{item.LimitTime}}</view>
      <view class='panel222'>{{item.CouponName2}}</view>
    </view>
  </view>
  <view style='height:160rpx'></view>

  <view class="panel3 FlexColumn" bindtap='closeDiscount'>
    <view class='line1'></view>
    <view class="panel31">取消</view>
  </view>

</view>