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

<loadToast id='loadToast' />
<map id="map" longitude='{{longitude}}' latitude='{{latitude}}' scale='{{scale}}' markers="{{markers}}" bindmarkertap="marker"  bindregionchange="regionchange"
	show-location="true" data-markers="{{markers}}" controls="{{controls}}" polygons="{{polygons}}" bindtap='controltap' bindlabeltap='marker'  bindcallouttap='marker'></map>
<view class="top">
	<van-dropdown-menu class="{{screenHeight=='xSeries' ? 'top2' : 'top1'}}">
		<van-dropdown-item id="menu" value="{{ area }}" options="{{ allArea }}" bind:change="change" />
	</van-dropdown-menu>
	<view class="flex">
		<van-dropdown-menu>
			<van-dropdown-item value="{{ ele }}" options="{{ allEle }}" bind:change="change2" />
		</van-dropdown-menu>
		<van-dropdown-menu>
			<van-dropdown-item value="{{ status }}" options="{{ allStatus }}" bind:change="change3" />
		</van-dropdown-menu>
		<van-dropdown-menu>
			<van-dropdown-item value="{{ day }}" options="{{ allDay }}" bind:change="change4" />
		</van-dropdown-menu>
	</view>
</view>
<!-- 还车点和禁停区 -->
<view class="area">
	<view bindtap="parkShow">
		<image src="http://resource.bike.hanyiyun.com/yunwei/parkShow.png" style="width:48rpx;height:56rpx;"></image>
		<text style="color:{{parkAreaShow==true?'red':'black'}};padding-left:10rpx;">还车点</text>
	</view>
	<view bindtap="forbidShow">
		<image src="http://resource.bike.hanyiyun.com/yunwei/forbid.png" style="width:48rpx;height:56rpx;"></image>
		<text style="color:{{noParkAreaShow==true?'red':'black'}};padding-left:10rpx;">禁停区</text>
	</view>
</view>
<!-- 定位及刷新 -->
<view class="iconHint">
	<view class="operate" bindtap="operate">
		<view style="height:60rpx;width:60rpx;background:#fff;border-radius:50%;" class="flexC">
			<image src="http://resource.bike.hanyiyun.com/yunwei/operation.png" style="width:46rpx;height:46rpx;"></image>
		</view>
	</view>
	<view class="flexB">
		<image src="http://resource.bike.hanyiyun.com/bike_yunwei/location.png" bindtap="posi"></image>
		<view bindtap="hintIcon" class="how">如何识别地图上的图标</view>
		<image src="http://resource.bike.hanyiyun.com/bike_yunwei/ref.png" bindtap="load"></image>
	</view>
</view>
<!-- 提示弹窗 -->
<view class="cover" wx:if="{{hintShow}}" capture-catch:touchmove="preventdefault"></view>
<view class="hintPop" wx:if="{{hintShow}}">
	<view class="hintCon">
		<view class="intr">提示说明：</view>
		<view class="icon">
			<view wx:for="{{iconList1}}" wx:key="key">
				<image src="{{item.icon}}"></image>
				<text>{{item.con}}</text>
			</view>
		</view>
		<view class="close" bindtap="closeHint">
			<image src="http://resource.bike.hanyiyun.com/common/closePop.png"></image>
		</view>
	</view>
</view>
<!-- 侧边栏 -->
<view class="cover" wx:if="{{sideShow}}" capture-catch:touchmove="preventdefault" bindtap="closeSide"></view>
<view class="side" wx:if="{{sideShow}}">
	<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 class="bikeNo flexA">
		<input placeholder="请输入车牌号" value="{{bikeDetail.bike_info.bike_no}}" bindinput="bindKeyInput"
			bindblur="bindKeyInput" placeholder-class="place" type="number"></input>
		<text bindtap="getBike_info">查找</text>
		<text bindtap="scanCode">扫描</text>
	</view>
	<view class="info"
		style="background:url('http://resource.bike.hanyiyun.com/bike_yunwei/sideBg.png') no-repeat;background-size:100% 100%;">
		<view class="infoCon">
			<view class="infoLeft">
				<view style="font-size: 30rpx;font-weight:bold;padding:10rpx 0;">车辆检测信息</view>
				<view style="margin-bottom:{{screenHeight=='xSeries' ? '12rpx' : '7rpx'}}">车牌号：{{bikeDetail.bike_info.bike_no}}
				</view>
				<view style="margin-bottom:{{screenHeight=='xSeries' ? '12rpx' : '7rpx'}}">
					当前电量：{{bikeDetail.bike_info.battery_power}}%</view>
				<view style="margin-bottom:{{screenHeight=='xSeries' ? '12rpx' : '7rpx'}}">
					车辆状态：{{bikeDetail.bike_info.tab_name}}</view>
			</view>
			<view class="infoRight">
				<image src="http://resource.bike.hanyiyun.com/bike_yunwei/sideRef.png" bindtap="refresh_power"></image>
			</view>
		</view>
		<view style="margin-bottom:{{screenHeight=='xSeries' ? '12rpx' : '7rpx'}}" class="last">
			{{bikeDetail.bike_info.tab_name=="中控离线"?'离线时间':'最后定位'}}：{{bikeDetail.bike_info.last_time}}</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>
			<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="directive">
		<view class="dire">
			<text style="font-size:32rpx;">车辆检测指令</text>
			只开启蓝牙操控
			<switch checked="{{switch1Checked}}" bindchange="switch1Change" />
		</view>
		<view>
			<view class="flexA list" style="height:100%;">
				<view style="text-align:center;margin-top:10rpx;" bindtap="whistle">
					<image src="/img/whistle.png" style="width:58rpx;height:58rpx;"></image>
					<text style="margin:15rpx 0;">鸣笛</text>
				</view>
				<view style="text-align:center;margin-top:10rpx;" bindtap="unlock">
					<image src="/img/open-lock.png" style="width:58rpx;height:58rpx;"></image>
					<text style="margin:15rpx 0;">开电车锁</text>
				</view>
				<view style="text-align:center;margin-top:10rpx;" bindtap="close_lock">
					<image src="/img/close-lock.png" style="width:58rpx;height:58rpx;"></image>
					<text style="margin:15rpx 0;">关电车锁</text>
				</view>
				<view style="text-align:center;" bindtap="battery_load">
					<image src="/img/battery-load.png" style="width:58rpx;height:58rpx;"></image>
					<text style="margin:15rpx 0;">开电池锁</text>
				</view>
				<view bindtap="renewalPower">
					<image src="/img/renewalPower.png" style="width:62rpx;height:60rpx;"></image>
					<text style="margin:15rpx 0;">更新电量</text>
				</view>
				<!-- <view style="text-align:center;" bindtap="online">
					<image src="/img/online.png" style="width:62rpx;height:60rpx;"></image>
					<text style="margin:15rpx 0;">上线</text>
				</view> -->

				<view style="text-align:center;" bindtap="more">
					<image src="/img/more.png" style="width:62rpx;height:60rpx;"></image>
					<text style="margin:15rpx 0;">更多</text>
				</view>
			</view>
		</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="amend flexC" bindtap="lookWork">查看工单</view> -->
</view>
<view class="background" wx:if="{{moreShow}}" bindtap="coverHidn" data-show="1" catchtouchmove="true"></view>
<view class="more" wx:if="{{moreShow}}">
	<view bindtap="Offline">
		<image src="/img/offline.png" style="width:62rpx;height:60rpx;"></image>
		<text>下线</text>
	</view>
	<view style="text-align:center;" bindtap="online">
		<image src="/img/online.png" style="width:62rpx;height:60rpx;"></image>
		<text >上线</text>
	</view>
	<!-- <view bindtap="renewalPower">
		<image src="/img/renewalPower.png" style="width:62rpx;height:60rpx;"></image>
		<text>更新电量</text>
	</view> -->
	<view bindtap="renewalLocation">
		<image src="/img/renewalLocation.png" style="width:62rpx;height:60rpx;"></image>
		<text>更新位置</text>
	</view>
	<view bindtap="renewal">
		<image src="/img/renewal.png" style="width:62rpx;height:60rpx;"></image>
		<text>重启中控</text>
	</view>
	<view bindtap="recover">
		<image src="http://resource.bike.hanyiyun.com/bike_yunwei/park.png" style="width:50rpx;height:50rpx;"></image>
		<text>设为停车区</text>
	</view>
</view>
<!-- 工单记录 -->
<view class="background" wx:if="{{workShow}}" bindtap="coverHidn" data-show="2" catchtouchmove="true"></view>
<view class="work" wx:if="{{workShow}}">
	<view class="workTitle flexC">
		<text>{{bikeId}}</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.updated_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}}">
	<view class="workTitle flexC">
		<text>{{bikeId}}</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>
<footer params="{{current}}" wx:if="{{footerShow}}" bind:scanCode="scanCode"></footer>