74 lines
3.2 KiB
Plaintext
74 lines
3.2 KiB
Plaintext
<!--components/report/index.wxml-->
|
|
<van-nav-bar fixed class="navBar" custom-style="background-color:#1989FA;color:#fff;z-index:9;" title-class="titleCss" placeholder>
|
|
<view slot="left" style="color: #fff;">
|
|
<view style="display: flex;">
|
|
<van-icon name="notes-o" style="color: #fff;" size="35rpx" />
|
|
<view class="city">{{user.provinceName}}-{{user.cityName}}-{{user.areaName}}</view>
|
|
</view>
|
|
</view>
|
|
</van-nav-bar>
|
|
<scroll-view>
|
|
<view class="mainTop">
|
|
<van-search value="{{ value }}" shape="round" background="transparent" placeholder="请输入搜索关键词" />
|
|
<view class="mainItem">
|
|
<view class="topitem">
|
|
<image src="../../assets/1.png" mode="widthFix" />
|
|
<view class="top_title">维修知识</view>
|
|
<view class="top_info">维修维修维修</view>
|
|
</view>
|
|
<view class="topitem red">
|
|
<image src="../../assets/2.png" mode="widthFix" />
|
|
<view class="top_title">维修知识</view>
|
|
<view class="top_info">维修知识库</view>
|
|
</view>
|
|
<view class="topitem blue">
|
|
<image src="../../assets/3.png" mode="widthFix" />
|
|
<view class="top_title">邀请好礼</view>
|
|
<view class="top_info">邀请邀请邀请</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="switchTab">
|
|
<view class="tabItem left {{active=='all'?'active':''}}" bind:tap="checkTab" data-val="all">接单大厅</view>
|
|
<view class="tabItem right {{active=='my'?'active':''}}" bind:tap="checkTab" data-val="my">我的任务</view>
|
|
</view>
|
|
<view class="list">
|
|
<view class="emptyButton" wx:if="{{list.length==0}}">
|
|
<van-empty description="暂无报修订单">
|
|
</van-empty>
|
|
|
|
</view>
|
|
<view class="cell" wx:for="{{list}}" bind:tap="clickItem" data-item="{{item}}" >
|
|
<view class="cel_tiltle">
|
|
<view class="title_box" style="width: 120rpx;">
|
|
<view class="box_length">{{item.distance}}km</view>
|
|
</view>
|
|
<view class="title_user">{{item.contactName}}</view>
|
|
<view class="title_right" wx:if="{{active=='my'}}">
|
|
<van-tag type="{{orderStatus[item.orderStatus].type}}">{{orderStatus[item.orderStatus].label}}</van-tag>
|
|
</view>
|
|
<view wx:else class="title_right">
|
|
<view class="repairPrice"> {{item.repairScene.minPrice}}~{{item.repairScene.maxPrice}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="cell_detail">
|
|
<view class="detail_info" data-item="{{item}}" bind:tap="clickItem">
|
|
故障问题：{{item.faultDesc}}
|
|
</view>
|
|
<view class="detail_img">
|
|
故障图片：
|
|
<com-img wx:for="{{item.faultImg}}" mode="cover" width="80rpx" height="80rpx" class="cell_img" src="{{item}}"></com-img>
|
|
|
|
</view>
|
|
</view>
|
|
<view class="cell_bottom">
|
|
<view class="cell_address">
|
|
<image src="../../assets/address.png" mode="widthFix" />
|
|
<view>{{item.device.cityName}}{{item.device.townName}}{{item.device.community}}</view>
|
|
</view>
|
|
<view class="gradOrder" wx:if="{{active=='all'}}">立即抢单</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</scroll-view> |