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

<!--工单详情-->
<view class="workDetail">
	<view class="con">
		<image src="http://resource.bike.hanyiyun.com/yunwei/detail.png" bindtap="goHome" class="bike"></image>
		<view class="work">
			<view style="font-size:28rpx; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:80%;">{{detail.reason}}</view>
			<view style="font-size:40rpx;margin-top:15rpx;">
			<text>	{{detail.bike_no}}</text>
			<text style="margin-left:10rpx;">	(级别：{{detail.times}}级)</text>
	</view>
		</view>
		<view class="info flex">
			<view>
				<view>创建人</view>
				<view class="msg">{{detail.created_man}}</view>
			</view>
			<view>
				<view>处理人</view>
				<view class="msg">{{detail.received_name ? detail.received_name:'暂无'}}</view>
			</view>
			<view>
				<view>关闭人</view>
				<view class="msg">{{detail.work_over_name ?detail.work_over_name : '暂无'}}</view>
			</view>
		</view>
		<view class="position flex">
			<image src="http://resource.bike.hanyiyun.com/yunwei/pos.png"></image>
			<view style="color:#000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:80%;">发生位置：{{detail.location}}</view>
		</view>
	</view>
	<view class="loading">工单进程</view>
	<view class="step">
		<view class="flexCC" style="margin-top:20rpx;">
			<image src="http://resource.bike.hanyiyun.com/yunwei/circle1.png" class="circle"></image>
			<image src="http://resource.bike.hanyiyun.com/yunwei/ellipsis.png" class="line"></image>
			<image src="http://resource.bike.hanyiyun.com/yunwei/circle1.png" class="circle"></image>
			<image src="http://resource.bike.hanyiyun.com/yunwei/ellipsis.png" class="line"></image>
			<image src="http://resource.bike.hanyiyun.com/yunwei/circle1.png" class="circle"></image>
			<image src="http://resource.bike.hanyiyun.com/yunwei/ellipsis.png" class="line"></image>
			<image src="http://resource.bike.hanyiyun.com/yunwei/circle1.png" class="circle"></image>
		</view>
		<view class="list" style="width:100%;">
			<view class="stepCon flexB" wx:if="{{four}}">
				<view>
					<view>已完成</view>
					<view style="color:#FF6300;">{{detail.work_over_name}}</view>
				</view>
				<view>{{detail.work_over_time}}</view>
			</view>
			<view class="stepCon flexB" wx:if="{{three}}">
				<view>
					<view>已处理</view>
					<view style="color:#FF6300;">{{detail.work_over_name}}</view>
				</view>
				<view>{{detail.work_over_time}}</view>
			</view>
			<view class="stepCon flexB" wx:if="{{two}}">
				<view>
					<view>处理中</view>
					<view style="color:#FF6300;">{{detail.received_name}}</view>
				</view>
				<view>{{detail.received_at}}</view>
			</view>
			<view class="stepCon flexB" wx:if="{{one}}">
				<view>
					<view>待接单</view>
					<view style="color:#FF6300;">{{detail.created_man}}</view>
				</view>
				<view>{{detail.created_at}}</view>
			</view>
		</view>
	</view>
	<view class="operate">
		<view class="flexC" bindtap="alarm">查看警报</view>
		<image src="http://resource.bike.hanyiyun.com/yunwei/btn.png" bindtap="openICon"></image>
	</view>
	<!-- 查看警报 -->
	<view class="cover" wx:if="{{alarmShow}}" bindtap="closeAlarm"></view>
	<view class="alarmCon " wx:if="{{alarmShow}}">
		<view class="alarmTitle flexC">
			<text>{{detail.bike_no}}报警列表</text>
		</view>
		<view class="alarmTab flexC">
			<view bindtap="alarmChoose" data-state="0" class="{{alarmState==0?'cur':''}}">限制报警类型</view>
			<view bindtap="alarmChoose" data-state="1" class="{{alarmState==1?'cur':''}}">不限制报警类型</view>
		</view>
		<scroll-view scroll-top='{{topNum}}' scroll-y="true" class="scroll">
		<view class="scrollCon">
			<view class="alList" wx:for="{{alarmList}}">
				<view>{{item.type_name}}</view>
				<view class="source flexB">
					<text>来源：{{item.source}}</text>
					<text>时间：{{item.created_at}}</text>
				</view>
			</view>
			<view class="no" wx:if="{{alarmList.length == 0}}">
				<image src="http://resource.bike.hanyiyun.com/none.png"></image>
				<view>暂无相关数据~</view>
			</view>
		</view>
		</scroll-view>
		<view>
		</view>
	</view>
	<!-- 显示操作步骤 -->
	<view class="cover" wx:if="{{iconShow}}" bindtap="closeIcon"></view>
	<view class="icon" wx:if="{{iconShow}}" style="{{screenHeight=='xSeries' ? 'bottom:27%' : 'bottom:12%'}}">
		<view class="button" bindtap="closeIcon">
			<image src="http://resource.bike.hanyiyun.com/common/button.png" style="{{screenHeight=='xSeries' ? 'bottom:16%' : 'bottom:-2%'}}"></image>
		</view>
		<view bindtap="finish" wx:if="{{detail.planned==2}}">
			<text>已处理好，正常关闭</text>
			<image src="http://resource.bike.hanyiyun.com/common/finish.png"></image>
		</view>
		<view bindtap="reported" wx:if="{{detail.planned==2}}">
			<text>可以上线，但有情况需要上报组长处理</text>
			<image src="http://resource.bike.hanyiyun.com/common/online.png"></image>
		</view>
		<view bindtap="reported" wx:if="{{detail.planned==2}}">
			<text>有故障，报告组长并下线车辆</text>
			<image src="http://resource.bike.hanyiyun.com/common/outline.png"></image>
		</view>

		<view bindtap="getWork" wx:if="{{detail.planned==1}}">
			<text>领取工单</text>
			<image src="http://resource.bike.hanyiyun.com/common/get.png"></image>
		</view>
	</view>
	<!-- 上报组长弹框 -->
	<view class="cover" wx:if="{{commitShow}}" bindtap="closeIcon"></view>
	<view class="commit" wx:if="{{commitShow}}">
		<view wx:if="{{inpShow}}">
			<view class="title">生成组长工单</view>
			<input placeholder="请输入报告组长内容" bindinput="input"></input>
		</view>
		<view wx:else>
			<view class="title">完成并关闭工单</view>
			<view class="detail">已处理好，正常</view>
		</view>
		<view style="text-align:right;">
			<text bindtap="cancel">取消</text>
			<text style="margin:0 50rpx 0 80rpx;" bindtap="submit">确定</text>
		</view>
	</view>
</view>