appment_main.wxml 5.01 KB
<view class="container">
  <image class="main" src="{{iurl}}/miniapp/images/yyservice/main.png"></image>

  <view class="Fram">
    <!-- 选择门店 -->
    <view class="flex-vertical mabot">
      <!-- 门店 -->
      <view class="flex-vertical-between head fs28">
        <view>门</view>
        <view>店</view>
      </view>

      <!-- 选择门店 -->
      <view class="flex-vertical-between fs26 select" bindtap="onclickstore">
        <view class="color value ellipsis-1">{{store_name==null?'选择服务门店':store_name}}</view>
        <view class="angle">∟</view>
      </view>
    </view>
    <!-- 选择美容师 -->
    <view class="flex-vertical mabot">
      <!-- 门店 -->
      <view class="flex-vertical-between head fs28">
        <view>美</view>
        <view>容</view>
        <view>师</view>
      </view>

      <!-- 选择门店 -->
      <view class="rel fs26">
        <view class="flex-vertical-between Cosmetology" bindtap="query_bea">
          <view class="color value ellipsis-1">{{beautician_name==null?'选择美容师':beautician_name}}</view>
          <view class="angle">∟</view>
        </view>
        <!-- 美容师下拉列表 -->
        <view class="beauticians abs" wx:if="{{beautician}}">
          <!-- 到时候要做判断如果是index==循环的最后一个则把下边线去掉:(beaclone去掉的css) -->
          <view class="beautician flex-vertical fs26" wx:for="11" bindtap="query_bea" data-beaname="钱巧玲">
            <view>钱巧玲</view>
          </view>
          <view>
          </view>
        </view>
      </view>
      <navigator class="flex-center" url="/pages/user/Cosmetology_list/Cosmetology_list">
        <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image>
      </navigator>
    </view>

    <!-- 选择时间 -->
    <view class="flex-vertical mabot">
      <!-- 门店 -->
      <view class="head fs28">
        <view>预约时间</view>
      </view>

      <!-- 选择门店 -->
      <view class="flex-vertical-between fs26 select" data-url="/pages/user/beauty_deta/beauty_deta" bindtap="goto">
        <view class="color">选择时间</view>
        <view class="angle angler">∟</view>
      </view>
    </view>

    <!-- 备注 -->
    <view class="flex Remarks">
      <!-- 门店 -->
      <view class="flex-space-between head fs28">
        <view>备</view>
        <view>注</view>
      </view>
      <view class="flex fs26">
        <block wx:if="{{store==0 && beautician==0}}">
          <textarea class="textarea" disabled="{{store || beautician}}" placeholder="{{placeholder}}" placeholder-class="fs26 color" value="">
          </textarea>
        </block>
        <block wx:else>
          <view class="textarea">填写备注
          </view>
        </block>
      </view>
    </view>
    <view class="notes flex-level-right fs24 color">
      <view>注:剩余可预约人数10人</view>
    </view>

    <view class="submitMax flex-space-between fs30">
      <navigator class="appment flex-center" url="/pages/user/my_service/tment_order_list/tment_order_list">
        <view>我的预约</view>
      </navigator>
      <view class="sub_appment flex-center">
        <view>提交预约</view>
      </view>
    </view>

    <block wx:if="{{false}}">
      <view class="subSuccess fs36">
        <image class="Success" src="{{iurl}}/miniapp/images/yyservice/Success.png"></image>
        <view>预约成功</view>
      </view>
    </block>
  </view>

</view>

<!-- 门店列表显示 -->
<view wx:if="{{store}}" class="storeList fixed">
  <view class="choice flex-vertical-between fs32 storeListpadd">
    <view>选择服务门店</view>
    <icon bindtap="onclickstore" color="black" size="22" type="cancel"></icon>
  </view>
  <view class="searchbar flex-vertical-between storeListpadd">
    <input class="inputstore fs28" placeholder="输入要搜索的门店" placeholder-class="fs28" maxlength="16" />
    <view class="search flex-center">
      <view class="fs28">搜索</view>
    </view>
  </view>
  <!-- 选择门店 -->
  <view class="stores">
    <view class="store flex-vertical" wx:for="{{store_list}}" bindtap="choose_for_store" data-ind="{{index}}">
      <block wx:if="{{index==fir_pick_index}}">
        <icon class="icon" type="success" color="red" size="20"></icon>
      </block>
      <block wx:else>
        <view class="circular"></view>
      </block>
      <view class="store_name_dis">
        <view class="name_dis flex-vertical-between">
          <view class="store_name fs28 ellipsis-1">{{item.pickup_name}}</view>
          <view class="store_dis flex fs22">
            <view class="ellipsis-1">距您: 728m</view>
          </view>
        </view>
        <view class="store_address fs24 ellipsis-2">地址:{{item.fulladdress}}</view>
      </view>
    </view>
  </view>
  <!-- sub -->
  <view class="flex-center fs32" bindtap="choice_store">
    <view class="determine flex-center">
      <view>确定</view>
    </view>
  </view>
</view>
<!-- 蒙尘 -->
<view wx:if="{{store}}" class="disgraceful" bindtap="onclickstore"></view>
<warn id="warn"></warn>