<view class="container">
  <view class="contet">
    <view class="img">
      <image src="{{detaillist.active.img}}" />
    </view>
    <view class="rig">
      <view class="textws  title_content2">{{detaillist.active.name}}</view>
      <view class="names">
        <view class="names__box">预约金：</view>
        <view class="pt">
          <view class="icons">￥</view>
          <view class="icons_price">{{detaillist.active.price}}</view>
        </view>
      </view>
    </view>
  </view>
  <form bindsubmit="formSubmit">
    <view class="pop_box">
      <view class="namss pub">
        <label for="姓名" class="labels">姓名</label>
        <input value="{{names}}" placeholder="请输入姓名" placeholder-class="input_placeholder" class="publics"
          name="names" />
      </view>
      <view class="phones pub">
        <label for="手机号码" class="labels">手机号码</label>
        <input value="{{phone}}" type='number' maxlength="11" placeholder="请输入手机号" placeholder-class="input_placeholder"
          class="publics" name="phone" />
      </view>
    </view>
    <view class="integratea" wx:if="{{detaillist.active.price != 0}}">
      <view class=" integrate ">
        <text class="integrate_che  ">同放积分（{{detaillist.ping_fen}}）</text>
        <view class="red_imgs" catchtap="changeChe" data-id="{{detaillist.id}}">
          <text class="integrate_right  ">{{detaillist.ping_money}}</text>
          <view class="changeIMg">
            <image src="{{imagesUrl}}assets/static/img/radios.png" class="radios_fff" wx:if="{{imgtap == false}}" />
            <image src="{{imagesUrl}}assets/static/img/select.png" class="radios_red" wx:else />
          </view>
        </view>
      </view>
      <view class="explain">
        <view class="explain_  ">使用同放积分抵扣不享受积分赠送</view>
        <view class="r_explain">
          <!-- <text class="explain__right  ">领取</text>
          <text class="explain__red  ">0</text>
          <text class="explain__right  ">同放积分</text> -->
        </view>
      </view>
    </view>
    <view class="public total1  total" wx:if="{{detaillist.active.price != 0}}">
      <view class="public_1">积分抵扣</view>
      <view class="goods_price  public_2">
        <view class="money_icon">￥</view>
        <view class="price">{{fen_di !=''?fen_di :0 }}</view>
      </view>
    </view>
    <view class="public total">
      <view class="public_1">合计</view>
      <view class="goods_price  public_2">
        <view class="money_icon">￥</view>
        <view class="price">{{shi}}</view>
      </view>
    </view>
    <view class="btnbuy">
      <button class="btnbuy__" formType="submit">{{wait == 1 ? '已预约': '预约'}}</button>
    </view>
  </form>
  <view class="login" wx:if="{{showModalStatus}}">
    <view class="commodity_screen"></view>
    <view class="center__nox">
      <image src="{{jump_img}}" class="jump_img" mode="widthFix" catchtap="jumpImgUrl" />
      <image src="../../static/img/close.png" class="jump_close" catchtap="offclose" />
    </view>
  </view>


  <!-- 绑定4s&店员弹出 -->
  <van-popup show="{{ bind4sClerk }}" bind:close="onClose" round custom-style="height: 60%; width:80%">
    <view class="bind4sclerk">
      <!-- 步骤条 -->
      <van-steps steps="{{ steps }}" active="{{ activeSteps }}" active-color="#e8370f" />
      <!-- 4s||店员 -->
      <block wx:if="{{activeSteps == 0}}">
        <text class="b4c ">请选择您的专属顾问</text>
        <view class="b4c-jxs" bindtap="show4s">
          <text class="{{s4_name?'':'jxs_name'}}">{{s4_name?s4_name:'请选择经销商'}}</text>
          <image class="row" src="/static/img/arrow.png"></image>
        </view>
        <view class="b4c-dy" bindtap="showClerk">
          <text class="{{ClerkName?'':'dy_name'}}">{{ClerkName?ClerkName:'请选择店员'}}</text>
          <image class="row" src="/static/img/arrow.png"></image>
        </view>
        <button class="btn" bindtap="send4sClerk">下一步</button>
      </block>
      <!-- 个人信息再确认 -->
      <block wx:if="{{activeSteps == 1}}">

        <form bindsubmit="formSubmit" class="personal">
          <view class="formbox">
            <text class="b4c">完善信息</text>
            <view class="per_box">
              <view class="per">
                <input value="{{obj.names}}" placeholder="请输入姓名" placeholder-class="input_placeholder" name="names"
                  class="inp" />
              </view>
              <view class="per">
                <input value="{{obj.phone}}" type='number' maxlength="11" placeholder="请输入手机号" class="inp"
                  placeholder-class="input_placeholder" name="phone" />
              </view>
            </view>
            <button class="btn" formType="submit">下一步</button>
          </view>
        </form>
      </block>
      <!-- 价格信息再确认 -->
      <block wx:if="{{activeSteps == 2}}">
        <text class="b4c">支付预约</text>
        <view class="b4c-jxs" bindtap="show4s">
          <text class="jxs_name">抵扣积分</text>
          <text class="colorRed">￥{{fen_di !=''?fen_di :0 }}</text>
        </view>
        <view class="b4c-dy" bindtap="showClerk">
          <text class="dy_name">合计</text>
          <text class="colorRed">￥{{shi}}</text>
        </view>
        <button class="btn" bindtap="send4sClerk">下一步</button>
      </block>
      <!-- <button class="btn" bindtap="send4sClerk" formType="submit">下一步</button> -->
      <text class="remarks">同放汽车互联网4s店将为您全程服务</text>
    </view>


  </van-popup>

  <view class="b-inner">
    <van-action-sheet show="{{ showClerk }}" actions="{{ ClerkList }}" bind:close="onshowClose"
      bind:select="onSelect" />
  </view>
</view>