<!--packageH/installationSever/installationSeverDetail/installationSeverDetail.wxml-->


<view class="loaction">
  <i class="iconfont icon-bc_locate"></i>
  <view class="adress">
    <view class="userDetail">
      <text style="font-size: 0.94rem; margin-right: 0.5rem">{{detailInfo.nickname}}</text>
      <view class="memberPhone">
        {{detailInfo.mobile}}
        <i class="iconfont icon-service_m" catchtap="makePhoneCall"></i>
      </view>
    </view>
    <view class="userAdress">{{detailInfo.address}}</view>
  </view>
  <view class="loc">
    <text>{{detailInfo.distance}}</text>
    <view class="line">|</view>
    <i class="iconfont icon-fontclass-daohang" catchtap="openLocation"></i>
  </view>
</view>
<!-- 定位end -->
<!-- 门店信息 -->
<view class="storeUser">
  <view class="storeleft">
    <view class="storeNmae">
      <i class="iconfont icon-dianpu1" style="color: #f15354"></i>
      <text>{{detailInfo.store_name}}</text>
    </view>
    <view class="storeAdress">
      <i class="iconfont icon-zx_map_locate1" style="color: #ff6b1b"></i>
      <text>{{detailInfo.store_address}}</text>
    </view>
  </view>
  <view class="storeRight">
    <i class="iconfont icon-fontclass-weizhi"></i>
  </view>
</view>
<!-- 门店信息end -->
<!-- 订单信息 -->
<view class="orderDetail">
  <view class="detailTxt">
    <view class="txt flex_1">订单号: <text style="color: #000">{{detailInfo.order_sn}}</text></view>
    <text style="color: #f15354; font-size: 1rem">{{detailInfo.state_name}}</text>
  </view>
  <view class="detailTxt"><text class="txt">订单类型：</text><text class="flex_1">{{detailInfo.order_type_name}}</text> <text
      wx:if="{{detailInfo.pay_code_button}}" class="collection" bindtap="getPayCode">收款</text> </view>
  <view class="detailTxt"><text class="txt">预约安装时间：</text><text class="flex_1">{{detailInfo.reserve_time}}</text></view>
  <view class="detailTxt"><text class="txt">服务费：</text><text class="price flex_1">￥{{detailInfo.service_amount}}</text>
  </view>
  <view class="detailTxt"><text class="txt">买家留言：</text><text class="flex_1">{{detailInfo.install_comment}}</text>
  </view>
</view>
<!-- 订单信息end -->
<!-- 安装商品 -->
<view class="installShop">
  <view class="shopTitle">安装商品</view>
  <view class="shopList" wx:for="{{detailInfo.goods_list}}" wx:key="index">
    <view class="shoplis">
      <view class="imgbox">
        <image src="{{item.thumb}}"></image>
      </view>
      <view class="shoptxt">{{item.title}}</view>
    </view>
    <view class="total">数量：x{{item.total}}</view>
  </view>
  <view class="severPrice">
    <view>安装服务费：<text style="color: #f15354">￥{{detailInfo.service_amount}}</text></view>
    <view>订单实付金额：<text style="color: #f15354">￥{{detailInfo.price}}</text></view>
  </view>
</view>
<!-- 安装商品end -->
<!-- 待取货---接单时间 -->
<view class="timebox">
  <view class="orderTime" wx:if="{{detailInfo.worker_time}}">
    <text>接单时间</text>
    <text>{{detailInfo.worker_time}}</text>
  </view>
  <view class="orderTime" wx:if="{{detailInfo.take_time}}">
    <text>取货时间</text>
    <text>{{detailInfo.take_time}}</text>
  </view>
  <view class="orderTime" wx:if="{{detailInfo.install_start_time}}">
    <text>上门时间</text>
    <text>{{detailInfo.install_start_time}}</text>
  </view>
  <view class="orderTime" wx:if="{{detailInfo.finish_time}}">
    <text>完成时间</text>
    <text>{{detailInfo.finish_time}}</text>
  </view>
</view>
<!-- 接单时间end -->
<!-- 完成图片 -->
<view class="imagebox" wx:if="{{detailInfo.finish_image.length>0}}">
  <view class="img" wx:for="{{detailInfo.finish_image}}" wx:key="index">
    <image src="{{item}}"></image>
  </view>
</view>
<!-- 完成图片end -->
<!-- 售后 -->
<view class="afterSale" wx:if="{{detailInfo.refund_orders.length>0}}" wx:for="{{detailInfo.refund_orders}}">
  <view class="saleTitle">
    <text>申请时间：{{item.refund_time}}</text>
    <view class="saleStatus" wx:for="{{item.button_group}}" wx:for-item="btn" data-btn="{{btn}}"
      data-refund_id="{{item.refund_id}}" bindtap="bindAfterBtnClick">{{btn.name}}</view>
    <view class="saleStatus" wx:if="{{item.button_group.length==0}}">{{item.state_name}}</view>
  </view>
  <view class="shopList">
    <view class="shoplis">
      <view class="imgbox">
        <image src="{{item.thumb}}"></image>
      </view>
      <view class="shoptxt">{{item.title}}</view>
    </view>
  </view>
  <view style="text-align: left;margin-bottom:0.78rem;">售后原因</view>
  <view style="text-align: left;">{{item.refund_reason}}</view>
  <view class="imagebox" style="padding:0;">
    <view class="img" wx:for="{{item.refund_image}}" wx:for-item="image" wx:for-index="imgIndex" wx:key="imgIndex"  bindtap="bindPreviewImage" data-arr="{{item.refund_image}}" data-src="{{img}}">
      <image src="{{image}}"></image>
    </view>
  </view>
</view>
<!-- 售后end -->
<view style="width: 100%; height: 6rem"></view>

<view class="posBtn set-pc-styleLeft">
  <view class="btn" wx:for="{{detailInfo.button_group}}" wx:for-item="btn" wx:for-index="bindex" data-index="{{bindex}}"
    data-item="{{btn}}" catchtap="bindBtnClick" data-order_id="{{detailInfo.order_id}}" wx:key="{{bindex}}">{{btn.name}}
  </view>
  <!-- <view class="btn ">取货码</view> -->
  <!-- <view class="btn ">上门安装</view> -->
  <!-- <view class="btn ">完成</view> -->
</view>





<van-popup show="{{ pictureShow }}" bind:close="setPictureShow" round position="bottom" closeable
  custom-style="height: 70%">
  <view class="pictureWrapper">
    <view class="title">请上传安装完成图片</view>
    <view style="overflow:scroll;max-height: calc(100% - 80rpx);">
      <view class="pictureList">
        <view class="picItem" wx:for="{{pictureList}}" style="background-image:url({{item}});"></view>
        <view class="imgBox" catchtap="onRead_2">
          <van-icon name='plus' class="iconfont" size="40px" color="#999999"></van-icon>
        </view>
      </view>
    </view>

    <view class="btnWrapper" bindtap="sendImageBtn">
      <view class="btn">完成</view>
    </view>
  </view>
</van-popup>


<van-popup custom-style="border-radius: 10rpx;" show="{{codeShow}}" bind:close="setCodeShow">
  <view class="qrcodeBox">
    <view class="top">
      <view class="title">{{codeText}}</view>
      <icon class="iconfont icon-guanbi" catchtap="setCodeShow"></icon>
    </view>
    <view class="img">
      <image mode="aspectFill" show-menu-by-longpress src="{{takeCodeImageUrl}}"></image>
    </view>
  </view>
</van-popup>