170 lines
6.5 KiB
Plaintext
170 lines
6.5 KiB
Plaintext
<!--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> |