shanxian-work-weapp/pages/bikeInfo/bikeInfo.wxml

<view class="bikeInfo">
	<!-- 修改   报修   详情 -->
	<!-- <view class="repairs">
		<view class="record flexA">
			<view bindtap="modify">
				<image src="http://resource.bike.hanyiyun.com/yunwei/amend.png" style="width:40rpx;height:40rpx;"></image>
				<text>修改</text>
			</view>
			<view bindtap="reqair">
				<image src="http://resource.bike.hanyiyun.com/yunwei/maintain.png"></image>
				<text>报修</text>
			</view>
			<view bindtap="bike_detail">
				<image src="http://resource.bike.hanyiyun.com/yunwei/bikeDe.png" style="width:45rpx;height:45rpx;"></image>
				<text>详情</text>
			</view>
		</view>
	</view> -->
	<!-- 输入车牌号 -->
	<view class="bikeNo" style="margin-top:20rpx;">
		<view class="inp flexC">
			<input placeholder="请输入车牌号" value="{{bikeDetail.bike_info.bike_no}}" bindinput="bindKeyInput" bindblur="bindKeyInput" type="number" placeholder-class="place"></input>
			<view bindtap="scanCode">扫描</view>
		</view>
		<view class="query flexC" bindtap="getBike_info">查询</view>
	</view>
	<!-- 车辆位置 -->
	<!-- <view class="position flexB" bindtap="bikePosition">
		<text>车辆位置</text>
		<van-icon name="arrow" color="#8A8A8A" />
	</view> -->
	<!-- 最近订单 -->
	<!-- <view class="order " bindtap="recentOrder">
		<view class="flexB recent">
			<text>最近订单</text>
			<van-icon name="arrow" color="#8A8A8A" size="16px" />
		</view>
		<view class="flex" style="color:#28282877; ">
			<view wx:if="{{bikeDetail.bike_order[0].mobile}}">{{bikeDetail.bike_order[0].mobile}} </view>
			<view wx:if="{{bikeDetail.bike_order[0].mobile}}" style="width:287rpx;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-left:15rpx;"> {{bikeDetail.bike_order[0].username}}</view>
		</view>
		<view wx:if="{{!bikeDetail.bike_order[0].mobile}}" style="color:#28282877;">暂无订单信息</view>
		<view style="margin-top:10rpx;">
			<text style="color:#28282877;margin-right:10rpx;">{{bikeDetail.bike_order[0].order_status}}</text>
			<text wx:if="{{bikeDetail.bike_order[0].mobile}}" style="color:#28282877;">{{bikeDetail.bike_order[0].start_use_bike_time_app}}-{{bikeDetail.bike_order[0].end_use_bike_time_app}}</text>
		</view>
	</view> -->
	<!-- 车辆检测信息 -->
	<view class="info">
		<view class="title flexB">
			<text>车辆检测信息</text>
			<view class="flexC">
				<image src="http://resource.bike.hanyiyun.com/yunwei/ref.png" bindtap="refresh_power" style="margin-right:15rpx;"></image>
		   	<image src="http://resource.bike.hanyiyun.com/yunwei/bikeDe.png" style="width:45rpx;height:45rpx;" bindtap="skipDetail"></image>
			</view>
		</view>
		<view class="model" wx:if="{{bikeBolear}}">
			<text>当前输入编号车辆</text>
			<text wx:for="{{bikesArr}}" bindtap="getBike" data-bike="{{item}}">
				{{item}}
			</text>
		</view>
		<view class="beijing" wx:if="{{bikeBolear}}" bindtap="bikesHidden" catchtouchmove="return"></view>
		<view class="infoCon">
			<view>
				<text>车牌号：</text>
				<text>{{bikeDetail.bike_info.bike_no}}</text>
			</view>
			<view>
				<text>当前电量：</text>
				<text>{{bikeDetail.bike_info.battery_power}}%</text>
			</view>
			<view>
				<text>车辆状态：</text>
				<text>{{bikeDetail.bike_info.tab_name}}</text>
			</view>
			<view>
				<text>{{bikeDetail.bike_info.tab_name=="中控离线"?'离线时间':'最后定位'}}：</text>
				<text>{{bikeDetail.bike_info.last_time}}</text>
			</view>
		</view>
	</view>
	<!-- 车辆检测指令 -->
	<view class="directive">
		<view class="title flexB">
			<text>车辆检测指令</text>
			<view class="flexC">
				<text style="margin-right:15rpx;font-size:26rpx;">只开启蓝牙操控</text>
				<van-switch checked="{{ switch1Checked }}" size="19px" bindchange="switch1Change" active-color="#18D5B9" inactive-color="#ff0000" />
			</view>
		</view>
		<view class="instruct">
			<view class="flexCC" wx:for="{{iconList}}" bindtap="operate" data-id="{{item.id}}" wx:key="index">
				<image src="{{item.imgUrl}}"></image>
				<text>{{item.text}}</text>
			</view>
		</view>
	</view>
	<view class="background" wx:if="{{moreShow}}" bindtap="coverHidn" data-show="1" catchtouchmove="true"></view>
	<view class="more" wx:if="{{moreShow}}" wx:key="index" catchtouchmove="true">
		<view wx:for="{{moreList}}" class="flexCC moreIcon" bindtap="moreOperat" data-id="{{item.id}}" wx:key="index">
			<image src="{{item.imgUrl}}"></image>
			<text style="margin-top:20rpx;">{{item.text}}</text>
		</view>
	</view>
	<!-- 工单  报修记录 -->
	<!-- <view class="workBtn">
		<view bindtap="showPop" data-idx="1" class="shelters {{typeName==1?'changeWork':''}}">
			<text>工单记录</text>
			<text class="count flexC" wx:if="{{workCount}}">{{workCount}}</text>
		</view>
		<view bindtap="showPop" data-idx="2" class="has {{typeName==2?'changeWork':''}}">
			<text>报修记录</text>
			<text class="count flexC" wx:if="{{repairsCount}}" >{{repairsCount}}</text>
		</view>
	</view> -->
	<!-- 工单记录 -->
	<view class="background" wx:if="{{workShow}}" bindtap="coverHidn" data-show="2" catchtouchmove="true"></view>
	<view class="work" wx:if="{{workShow}}" catchtouchmove="true">
		<view class="workTitle flexC">
			<text>{{bike_no}}</text>
			<text style="margin-left:15rpx;">工单记录</text>
		</view>
		<view class="workTab flexC">
			<view bindtap="workChoose" data-state="1" class="{{workState==1?'cur':''}}">待领工单</view>
			<view bindtap="workChoose" data-state="2" class="{{workState==2?'cur':''}}">已领工单</view>
		</view>
		<scroll-view class="wait" scroll-top='{{topNum}}' scroll-y="true" bindscrolltolower="moreWork" style="{{list.length>=2 ? 'background:#efefef':'background:#fff'}}">
			<view wx:for="{{list}}" wx:key="key" class="waitCon mead">
				<view bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touchE" data-idx="{{index}}" style="{{item.txtStyle}}" class="content">
					<view style="font-size:28rpx;" class="title">
						<view class="left">{{item.type_name}}</view>
						<view class="right">{{item.planned}}</view>
					</view>
					<view class="body">
						<view class="left">
							<image style="width:90rpx;height:90rpx;" src="http://resource.bike.hanyiyun.com/yunwei/rescue.png" wx:if="{{item.type_name=='道路救援工单'}}"></image>
							<image style="width:80rpx;height:80rpx;" src="http://resource.bike.hanyiyun.com/yunwei/posi.png" wx:if="{{item.type_name=='车辆定位出现问题'}}"></image>
							<image style="width:100rpx;height:100rpx;" src="http://resource.bike.hanyiyun.com/bike_yunwei/outLi.png" wx:if="{{item.type_name=='离线工单'}}"></image>
							<image style="width:100rpx;height:100rpx;" src="http://resource.bike.hanyiyun.com/yunwei/fault.png" wx:if="{{item.type_name=='故障工单'}}"></image>
							<image style="width:90rpx;height:90rpx;" src="http://resource.bike.hanyiyun.com/yunwei/charge.png" wx:if="{{item.type_name=='充电工单'}}"></image>
							<image style="width:100rpx;height:100rpx;" src="http://resource.bike.hanyiyun.com/yunwei/steal.png" wx:if="{{item.type_name=='偷盗工单'}}"></image>
							<image style="width:90rpx;height:90rpx;" src="http://resource.bike.hanyiyun.com/yunwei/look1.png" wx:if="{{item.type_name=='查看工单'}}"></image>
							<image style="width:90rpx;height:90rpx;" src="http://resource.bike.hanyiyun.com/yunwei/otherWork.png" wx:if="{{item.type_name=='其他工单'}}"></image>
							<image style="width:100rpx;height:100rpx;" src="http://resource.bike.hanyiyun.com/yunwei/alarm1.png" wx:if="{{item.type_name=='警报工单'}}"></image>
							<image style="width:80rpx;height:80rpx;" src="http://resource.bike.hanyiyun.com/yunwei/leader.png" wx:if="{{item.type_name=='组长工单'}}"></image>
							<image style="width:100rpx;height:100rpx;" src="http://resource.bike.hanyiyun.com/yunwei/prepare.png" wx:if="{{item.type_name=='备用电池电量低报警'}}"></image>
							<image style="width:90rpx;height:90rpx;" src="http://resource.bike.hanyiyun.com/xiaobanma_yunwei/lowPower_xbm.png" wx:if="{{item.type_name=='断电工单'}}"></image>
						</view>
						<view class="right">
							<view class="reason" style="width:100%;color:#555;font-size:28rpx; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">原因：{{item.reason?item.reason:item.type_name}}</view>
							<view class="reason" style="color:#999999;flex-grow:1;">来源：{{item.source}}</view>
						</view>
					</view>
					<view class="time">创建时间：{{item.created_at}}</view>
				</view>
				<view class="del {{workState==1?'get':'finish'}}" data-id="{{item.id}}" bindtap="{{workState==1?'getWork':'finishWork'}}">{{workState == 1 ? '领取':'完成'}}
				</view>
			</view>

			<view class="no" wx:if="{{list.length == 0}}">
				<image src="http://resource.bike.hanyiyun.com/none.png"></image>
				<view>暂无相关数据~</view>
			</view>
		</scroll-view>
	</view>
	<!-- 报修记录 -->
	<view class="background" wx:if="{{repairsShow}}" bindtap="coverHidn" data-show="3" catchtouchmove="true"></view>
	<view class="work" wx:if="{{repairsShow}}" catchtouchmove="true">
		<view class="workTitle flexC">
			<text>{{bike_no}}</text>
			<text style="margin-left:15rpx;">报修记录</text>
		</view>
		<view class="workTab flexC">
			<view bindtap="repairsChoose" data-state="1" class="{{repairsState==1?'cur':''}}">未读</view>
			<view bindtap="repairsChoose" data-state="2" class="{{repairsState==2?'cur':''}}">已读</view>
		</view>
		<scroll-view class="wait" scroll-y="true" bindscrolltolower="morkRepairs" style="{{repairsList.length>=2 ? 'background:#efefef':'background:#fff'}}" scroll-top='{{topNum}}'>
			<view wx:for="{{repairsList}}" wx:key="key" class="waitCon mead">
				<view data-idx="{{index}}" style="{{item.txtStyle}}" class="content">
					<view style="font-size:28rpx;" class="title">
						<view class="left">{{item.trouble_part}}</view>
						<view class="right" wx:if="{{repairsState==1}}" bindtap="markRead" data-id="{{item.id}}">标为已读</view>
					</view>
					<view class="body">
						<view class="left">
							<image style="height:50rpx;width:112rpx" src="http://resource.bike.hanyiyun.com/yunwei/rep4.png" wx:if="{{item.trouble_part=='刹车'}}"></image>
							<image style="height:96rpx;width:96rpx" src="http://resource.bike.hanyiyun.com/yunwei/rep6.png" wx:if="{{item.trouble_part=='车胎'}}"></image>
							<image style="height:58rpx;width:116rpx" src="http://resource.bike.hanyiyun.com/yunwei/rep5.png" wx:if="{{item.trouble_part=='链条'}}"></image>
							<image style="height:66rpx;width:116rpx" src="http://resource.bike.hanyiyun.com/yunwei/rep1.png" wx:if="{{item.trouble_part=='车座'}}"></image>
							<image style="height:80rpx;width:60rpx" src="http://resource.bike.hanyiyun.com/yunwei/rep2.png" wx:if="{{item.trouble_part=='二维码'}}"></image>
							<image style="height:72rpx;width:64rpx" src="http://resource.bike.hanyiyun.com/yunwei/rep3.png" wx:if="{{item.trouble_part=='其他'}}"></image>
						</view>
						<view class="right">
							<view class="describe">问题描述：{{item.trouble_description}}</view>
						</view>
					</view>
					<view class="time">
						<text>创建时间：{{item.created_at}}</text>
						<text bindtap="phone" data-phone="{{item.users.mobile}}" hover-stop-propagation style="margin-left:40rpx;">手机号：{{item.users.mobile}}</text>
					</view>
					<!-- <view class="block"></view> -->
				</view>
			</view>
			<view class="no" wx:if="{{repairsList.length == 0}}">
				<image src="http://resource.bike.hanyiyun.com/none.png"></image>
				<view>暂无相关数据~</view>
			</view>
		</scroll-view>
	</view>
</view>