yuminge-app/yun-min-program-plugin-master/packageE/appointment/hot_technician/hot_technician.wxml

183 lines
8.8 KiB
Plaintext

<view id="hot-technician">
<view class="search_box">
<view class="search">
<view class="left">
<i bindtap="goBack" style="padding-right: 48rpx" class="iconfont icon-back"></i>
<text>热门{{appointmentLang.worker}}</text>
</view>
<view class="right">
<input
bindinput="bind"
type="text"
title="搜索"
placeholder="{{'搜索'+appointmentLang.project+'/'+appointmentLang.worker}}"
/>
<i class="iconfont icon-sousuo" bindtap="getData"></i>
</view>
</view>
</view>
<view class="technician-top" wx:if="{{!search}}">
<view class="second" wx:if="{{second.name}}" bindtap="gotoWorker" data-id="{{second.id}}">
<view class="header">
<view class="avatar">
<image wx:if="{{second.thumb}}" src="{{second.thumb}}" alt=""></image>
<image wx:if="{{!second.thumb}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default@2x.png"alt=""></image>
</view>
<image class="no" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/jijun@2x.png" alt=""></image>
<view class="num p">NO.2</view>
</view>
<view class="name">
<view class="text-over p" style="width: 128rpx;line-height: 48rpx">{{second.name}}</view>
</view>
<view style="margin: 3.2rpx auto">
<van-rate
value="{{second.score}}"
size="{{ 14 }}"
color="#ee0a24"
readonly
void-color="#c8c9cc"
void-icon="star"
/>
</view>
<view style="font-size: 12px" wx:if="{{second.has_one_store}}">
<view class="store p">{{second.has_one_store.store_name}}</view>
<view class="address"><i class="iconfont icon-order_locate"></i><text>{{second.has_one_store.distance}}{{second.has_one_store.unit}}</text></view>
</view>
<view class="describe" style="-webkit-box-orient: vertical;"><!--<span class="blue">项</span>--><text class="gray" wx:for="{{second.worker_projects}}" wx:key="{{i}}" wx:for-item="title" wx:for-index="i">{{title.title}}<em wx:if="{{i<second.worker_projects.length-1}}">,</em></text>
</view>
</view>
<view class="gold" wx:if="{{gold.name}}" bindtap="gotoWorker" data-id="{{gold.id}}" style="text-align:center;">
<view class="header">
<view class="avatar">
<image wx:if="{{gold.thumb}}" src="{{gold.thumb}}" alt=""></image>
<image wx:if="{{!gold.thumb}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default@2x.png"alt=""></image>
</view>
<image class="no" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/champion@2x.png" alt=""></image>
<view class="num p">NO.2</view>
</view>
<view class="name">
<view class="text-over p" style="width: 128rpx;line-height: 48rpx">{{gold.name}}</view>
</view>
<view style="margin: 3.2rpx auto">
<van-rate
value="{{gold.score}}"
size="{{ 14 }}"
color="#ee0a24"
readonly
void-color="#c8c9cc"
void-icon="star"
/>
</view>
<view style="font-size: 12px" wx:if="{{second.has_one_store}}">
<view class="store p">{{gold.has_one_store.store_name}}</view>
<view class="address"><i class="iconfont icon-order_locate"></i><text>{{gold.has_one_store.distance}}{{gold.has_one_store.unit}}</text></view>
</view>
<view class="describe" style="-webkit-box-orient: vertical;"><!--<span class="blue">项</span>--><text class="gray" wx:for="{{gold.worker_projects}}" wx:key="{{i}}" wx:for-item="title" wx:for-index="i">{{title.title}}<em wx:if="{{i<gold.worker_projects.length-1}}">,</em></text>
</view>
</view>
<view class="three" wx:if="{{three.name}}" bindtap="gotoWorker" data-id="{{three.id}}" style="text-align:center;">
<view class="header">
<view class="avatar">
<image wx:if="{{three.thumb}}" src="{{three.thumb}}" alt=""></image>
<image wx:if="{{!three.thumb}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default@2x.png"alt=""></image>
</view>
<image class="no" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/yajun@2x.png" alt=""></image>
<view class="num p">NO.3</view>
</view>
<view class="name">
<view class="text-over p" style="width: 128rpx;line-height: 48rpx">{{three.name}}</view>
</view>
<view style="margin: 3.2rpx auto">
<van-rate
value="{{three.score}}"
size="{{ 14 }}"
color="#ee0a24"
readonly
void-color="#c8c9cc"
void-icon="star"
/>
</view>
<view style="font-size: 12px" wx:if="{{three.has_one_store}}">
<view class="store p">{{three.has_one_store.store_name}}</view>
<view class="address"><i class="iconfont icon-order_locate"></i><text>{{three.has_one_store.distance}}{{three.has_one_store.unit}}</text></view>
</view>
<view class="describe" style="-webkit-box-orient: vertical;"><text class="gray" wx:for="{{three.worker_projects}}" wx:key="{{i}}" wx:for-item="title" wx:for-index="i">{{title.title}}<em wx:if="{{i<three.worker_projects.length-1}}">,</em></text>
</view>
</view>
</view>
<block wx:if="{{!search}}">
<view class="technician-list" wx:for="{{projectList}}" wx:key="{{item.id}}" wx:if="{{index>=3}}">
<view class="technician-item" bindtap="gotoWorker" data-id="{{item.id}}">
<view class="number p">{{index}}</view>
<view class="pic">
<image wx:if="{{item.thumb}}" src="{{item.thumb}}" alt=""></image>
</view>
<view class="technician-right">
<view class="top">
<view class="p">{{item.name}}</view>
<view class="star">
<van-rate
value="{{item.score}}"
size="{{ 14 }}"
readonly
color="#ee0a24"
void-color="#c8c9cc"
void-icon="star"
/>
</view>
</view>
<view style="display: flex" wx:if="{{item.has_one_store}}">
<view class="gray p">{{item.has_one_store.store_name}}</view>
<view class="address"><i class="iconfont icon-order_locate"></i><text>{{item.has_one_store.distance}}{{item.has_one_store.unit}}</text>
</view>
</view>
<view class="describe1">
<view class="gray p" wx:for="{{item.worker_projects}}" wx:key="{{i}}" wx:for-item="title" wx:for-index="i"><text class="tag">{{title.has_one_category.name}}</text><text>{{title.title}}</text></view>
</view>
</view>
</view>
</view>
</block>
<block wx:if="{{search}}">
<view class="technician-list" wx:for="{{projectList}}" wx:key="{{item.id}}">
<view class="technician-item" bindtap="gotoWorker" data-id="{{item.id}}">
<view class="pic" style="margin-left:64rpx;">
<image wx:if="{{item.thumb}}" src="{{item.thumb}}" alt=""></image>
</view>
<view class="technician-right">
<view class="top">
<view class="p">{{item.name}}</view>
<view class="star">
<van-rate
value="{{item.score}}"
size="{{ 14 }}"
color="#ee0a24"
readonly
void-color="#c8c9cc"
void-icon="star"
/>
</view>
</view>
<view style="display: flex" wx:if="{{item.has_one_store}}">
<view class="gray p">{{item.has_one_store.store_name}}</view>
<view class="address"><i class="iconfont icon-order_locate"></i><text>{{item.has_one_store.distance}}{{item.has_one_store.unit}}</text>
</view>
</view>
<view class="describe1">
<view class="gray p" wx:for="{{item.worker_projects}}" wx:key="i" wx:for-item="title" wx:for-index="i"><text class="tag">{{title.has_one_category.name}}</text><text>{{title.title}}</text></view>
</view>
</view>
</view>
</view>
</block>
</view>