<!--pages/orderDetailsProject/orderDetailsProject.wxml-->
<wxs src="./../../utils/wxsUtil.wxs" module="wxsUtil" />

<view class="content">

  <view class="line-spc"></view>

  <view class="border-content">
    <view class="title-line">
      <view class="title-left">预约门店:</view>
      <view class="title-content">{{orderDetails.store_name}}</view>
      <view class="inLocations" style="font-size:28rpx">
        <image class="inLocationImage" src="/images/location-to.png"></image>
        <view class="inLocationDistance">
          距离您<text>{{wxsUtil.getDistance(lat1,lng1,orderDetails.latitude,orderDetails.longitude)}}</text>Km
        </view>
      </view>
    </view>

    <view class="title-line1">
      <view class="title-left">门店地址:</view>
      <view class="title-value">{{orderDetails.address}}</view>
    </view>
  </view>

  <view class="border-content">
    <view class="title-line">
      <view class="title-left">美容时间:</view>
      <view class="title-content">{{orderDetails.order_time}}<text></text></view>
    </view>

  </view>

  <view class="border-content flex-column">

    <!-- <view class="project-list"> -->
    <view class="peoject-list-title">共<text>{{orderDetails.project_list.length}}</text>个项目</view>
    <!-- </view> -->

    <view class="project-content" wx:for="{{orderDetails.project_list}}" wx:key='index'>
      <image class="project-content-img" src="{{item.cover_url}}"></image>
      <view class="project-content-right">
        <view class="item-right-time">
          <!-- <view class="item-right-title">{{item.name}}</view> -->
          <view class="item-right-title">{{item.name}}</view>
          <!-- <view class="item-right-title-time">¥<text>{{item.price}}</text></view> -->
        </view>
        <view class="item-project-add" hidden="{{item.product_name?false:true}}">
          +{{item.product_name}}</view>
        <view class="item-project-house">
          <view class="device-name">{{item.device_name}}({{item.room}})</view>
          <view class="project-time">{{item.use_time}}分钟</view>
        </view>
        <!-- <view class="item-project-add">+润百颜精华</view> -->
      </view>
    </view>

    <view class="line-spc-line"></view>

    <view class="money-show">美容费用<text>¥</text>{{orderDetails.price}}</view>

    <view class="dis-line" hidden="{{orderDetails.status==2?false:true}}">
      <view class="spc"></view>
      <view class="btm-submit" catchtap="btmBack">申请退款</view>
    </view>
    <view class="line-spc"></view>

  </view>


  <view class="border-content">
    <view class="title-line">
      <view class="title-left">订单编号:</view>
      <view class="not-flex">{{orderDetails.order_sn}}</view>
      <view class="copy" catchtap="onCopy" data-no="{{orderDetails.order_sn}}">复制</view>
    </view>
    <view class="title-line">
      <view class="title-left">预约时间:</view>
      <view class="title-content-flex">{{orderDetails.order_time}}</view>
    </view>
    <view class="title-line">
      <view class="title-left">支付时间:</view>
      <view class="title-content-flex">{{orderDetails.create_time}}</view>
    </view>

  </view>

  <view class="dis-view">
    <view class="dis-line-show"></view>
    <view class="dis-line-title">为你推荐</view>
    <view class="dis-line-show"></view>
  </view>

  <view class="comm-product">
    <navigator class="comm-product-item" wx:for="{{productRecommend}}" wx:key='index'
      url="/pages/projectDetail/projectDetail?source=goods&id={{item.id}}&store_id={{storeDataid}}"
      hover-class="none">
      <image class="comm-image" src="{{item.cover_url}}"></image>
      <view class="comm-title ellipsis">{{item.name}}</view>
      <view class="comm-desc">
        <view class="item-desc ellipsis" wx:for="{{ wxsUtil.split(item.desc, ' ') }}" wx:key="t_index"
          wx:for-item="t_item">{{t_item}}</view>
      </view>
      <view class="bottom">
        <view class="price-show"><text>¥</text>{{item.price}}</view>
        <image class="shop-image" src="/images/icon_15.png"></image>
      </view>
    </navigator>
  </view>

  <view style="width:20px;height:40px"></view>

</view>