<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>

<head>
	<title> 用户信息 </title>
	<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
	<link href="<c:url value='/scripts/lib/layui/layui.css'/>" rel="stylesheet" type="text/css" />
	<link href="<c:url value='/styles/vehicleClean/home.css?2019-1-1'/>" rel="stylesheet" type="text/css" />
	<link href="<c:url value='/styles/vehicleClean/order.css?2019-1-1'/>" rel="stylesheet" type="text/css" />

	<script type="text/javascript" src="<c:url value='/scripts/lib/jquery-1.8.2.min.js'/>"></script>
	<script type="text/javascript" src="<c:url value='/scripts/lib/layui/layui.js'/>"></script>
	<script type="text/javascript" src="<c:url value='/scripts/admin/cjqt.js'/>"></script>
</head>

<body>
	<input type="hidden" value="${ctx}" id="contextPath">

	<%-- 因为js中无法直接调用自定义的权限校验标签 --%>
	<%-- 判断当前用户是否有相应权限,如果有权限则在JSP页面新增隐藏input标签,方便js代码调用 --%>

	<%-- 是否有派单权限 --%>
	<perm:hasPermission permCode="pc:washcar:list:edit">
		<input type="hidden" value="1" id="perm-edit" />
	</perm:hasPermission>
	<%-- 是否有删除权限 --%>
	<perm:hasPermission permCode="pc:washcar:list:delete">
		<input type="hidden" value="1" id="perm-delete" />
	</perm:hasPermission>


	<div class="content">
		<div class="layui-tab layui-tab-card">
			<ul class="layui-tab-title listMenu">
				<li>
					<a href="jumpCustomer">用户信息</a>
				</li>
				<li class="layui-this">
					<a href="jumpOrderManager">订单管理</a>
				</li>
				<li>
					<a href="jumpSetCenter">设置中心</a>
				</li>
			</ul>
			<div class="form_content layui-form">
				<div class="layui-form-item">
					<c:if test="${fn:length(orgs) > 1}">
						<div class="layui-inline">
							<label class="layui-form-label txt_brown fs14">项目</label>
							<div class="layui-input-inline">
								<input class="orgId default-select layui-input" name="orgId" id="orgId" placeholder="请选择项目" autocomplete="off" />
		              			<span class="select_wrap _hide"></span>
<!-- 								<select class="orgId default-select"  lay-verify="required" lay-search=""  name="orgId" id="orgId">
									<option value="">请选择项目</option>
									<c:forEach items="${orgs }" var="org">
										<option value="${org.id }">${org.name }</option>
									</c:forEach>
								</select> -->
							</div>
						</div>
					</c:if>
					<c:if test="${fn:length(orgs) == 1}">
						<input type="hidden" id="orgId" name="orgId" value="${orgs[0].id}">
					</c:if>

					<div class="layui-inline">
						<label class="layui-form-label txt_brown fs14">手机</label>
						<div class="layui-input-inline">
							<input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input" placeholder="请输入手机号">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label txt_brown fs14">姓名</label>
						<div class="layui-input-inline">
							<input type="text" name="custName" lay-verify="username" autocomplete="off" class="layui-input" placeholder="请输入姓名">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label txt_brown fs14">车牌</label>
						<div class="layui-input-inline">
							<input type="text" name="number" lay-verify="required|carNumber" autocomplete="off" class="layui-input"
							 placeholder="请输入车牌">
						</div>
					</div>
				</div>
				<div class="layui-form-item order_select">
					<div class="layui-inline">
						<label class="layui-form-label txt_brown fs14">起始时间</label>
						<div class="layui-input-block">
							<input type="text" name="date1" id="date1" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label txt_brown fs14">结束时间</label>
						<div class="layui-input-block">
							<input type="text" name="date2" id="date2" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label txt_brown fs14">订单状态</label>
						<div class="layui-input-inline">
							<select name="status" lay-verify="required" lay-search="" id="status">
								<option value=""></option>
								<option value="1">等待接单</option>
								<option value="2">已接单</option>
								<option value="3">已完成</option>
								<option value="4">全部</option>
							</select>
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label txt_brown fs14">订单来源</label>
						<div class="layui-input-inline">
							<select name="root" lay-verify="required" lay-search="" id="root">
								<option value=""></option>
								<option value="1">PC</option>
								<option value="2">微信</option>
							</select>
						</div>
					</div>
					<div class="layui-inline changeBtn">
						<button class="bl_yellow fs16" id="searchUser">查询</button>
						<button class="bt_blue fs16 resetBtn" id="resetSearch">重置</button>
						<button class="bt_blue fs16 btn1">下单</button>
					</div>
				</div>
				<div class="tables">
					<table class="layui-hide" id="table_user_info" lay-filter="order"></table>
					<script type="text/html" id="paixu">
						{{d.LAY_TABLE_INDEX+1}}
							</script>
				</div>
			</div>
		</div>
		<!-- 派单 -->
		<div class="alert alert1">
			<div class="alert_con">
				<h2>派单</h2>
				<!-- <table class="layui-hide" id="patch" lay-filter="paidan"></table> -->
				<ul class="patchList" id="patchList">
					<!-- <li class="index1">
								<input type="radio"  id="radio2"  name="radio" class="index1"/>
								<div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon"></i></div>
								<div class="layui-table-cell laytable-cell-2-name patch1"><div class="operate"><span>小亮</span><span>(工号：)</span></div></div>
								<div class="layui-table-cell laytable-cell-2-workingCount patch1"><div class="operate">进行中：1单</div></div>
								<div class="layui-table-cell laytable-cell-2-isOnline patch1">状态：<span class="txt_blue">上班</span></div>
							</li>
							<li class="index1">
									<input type="radio"  id="radio2"  name="radio" class="index1"/>
									<div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="primary"><i class="layui-icon"></i></div>
									<div class="layui-table-cell laytable-cell-2-name patch1"><div class="operate"><span>小亮</span><span>(工号：)</span></div></div>
									<div class="layui-table-cell laytable-cell-2-workingCount patch1"><div class="operate">进行中：1单</div></div>
									<div class="layui-table-cell laytable-cell-2-isOnline patch1">状态：<span class="txt_blue">上班</span></div>
								</li> -->
				</ul>
				<!-- <div class="clear"></div> -->
				<div class="buttons">
					<div class="bt_blue_big_b_slot fs16 saveBtn saveBtn1">确定派单</div>
					<div class="bt_blue_big_b fs16 ml30 cancelBtn">取消</div>
				</div>
			</div>
		</div>
		<!-- 下单 -->
		<div class="alert alert2">
			<div class="alert_con">
				<h2>下单</h2>

				<c:if test="${fn:length(orgs) > 1}">
					<div class="layui-inline select_orgid">
						<label class="layui-form-label txt_brown fs14">项目：</label>
						<div class="layui-input-inline ">
							<input class="orgId default-select layui-input" name="orgIds" id="orgIds" placeholder="请选择项目" autocomplete="off"/>
		              		<span class="select_wrap _hide"></span>
<!-- 							<select class="orgId default-select layui-input" name="orgIds" id="orgIds">
								<option value="">请选择项目</option>
								<c:forEach items="${orgs }" var="org">
									<option value="${org.id }">${org.name }</option>
								</c:forEach>
							</select>
							<div class="people layui-form-select">
								<i class="layui-edge"></i>
							</div> -->
						</div>
					</div>
				</c:if>
				<c:if test="${fn:length(orgs) == 1}">
					<input type="hidden" id="orgId" name="orgId" value="${orgs[0].id}">
				</c:if>

				<div class="select_project">
					<form class="layui-form pl30 pt18" action="" lay-filter="order">
						<div class="layui-form-item" pane="">
							<div class="layui-input-block" id="orderIn">
							</div>
							<div class="has_no">该项目下暂无服务项</div>
						</div>
					</form>
				</div>
				<div class="form_alert">
					<form class="layui-form pl30" action="" lay-filter="example">
						<div class="layui-inline search">
							<label class="layui-form-label fs16 txt_bl pl0 pr20">搜 索</label>
							<div class="layui-input-inline">
								<input type="text" name="search" lay-verify="search" autocomplete="off" class="layui-input" placeholder="手机号、车牌"
								 id="search">
								<span class="search_icon"></span>
							</div>
						</div>
						<br />
						<div class="layui-inline">
							<label class="layui-form-label txt_brown fs16 txt_orange">*姓 名</label>
							<div class="layui-input-inline">
								<input type="text" name="username" lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入姓名"
								 id="username" disabled>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label txt_brown fs16 txt_orange">*电 话</label>
							<div class="layui-input-inline">
								<input type="tel" name="mobile" lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入电话号"
								 id="mobile" disabled>
							</div>
						</div>
						<br />
						<div class="layui-inline">
							<label class="layui-form-label txt_brown fs16 txt_orange">*车牌号</label>
							<div class="layui-input-inline">
								<input type="text" name="carNumber" lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入车牌"
								 id="carNumber">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label txt_bl fs16">车辆位置</label>
							<div class="layui-input-inline">
								<input type="text" name="parkSpace" lay-verify="parkSpace" autocomplete="off" class="layui-input" placeholder="请输入车辆位置"
								 id="parkSpace">
							</div>
						</div>
						<br />
						<div class="layui-inline">
							<label class="layui-form-label txt_bl fs16">钥匙位号</label>
							<div class="layui-input-inline">
								<input type="text" name="keySpace" lay-verify="keySpace" autocomplete="off" class="layui-input" placeholder="请输入钥匙所在柜号"
								 id="keySpace">
							</div>
						</div>
						<div class="layui-inline" style="width:50%;">
							<label class="layui-form-label txt_pink fs20">费 用：</label>
							<div class="txt_pink_rgb fs28">￥
								<span id="price">0</span>元</div>
						</div>
					</form>
				</div>
				<div class="changeBtn">
					<button class="bt_blue_big_b_slot fs16 saveBtn2">保存</button>
					<button class="bt_blue_big_b fs16 ml30 cancelBtn">取消</button>
				</div>
			</div>
		</div>
		<!-- 订 单 详 情 -->
		<div class="alert alert3">
			<div class="alert_con">
				<h2>订 单 详 情
					<span class="fs18">（
						<i class="order_name">王工</i>：
						<i class="order_number">123456</i>）</h2>
				<div class="alert3_con">
					<div class="title">
						<span>订单详情</span>
						<span>操作记录</span>
					</div>
					<div class="record">
						<div class="left">
							<p>订 单 号：
								<span class="order_number">123456</span>
							</p>
							<p>用户信息：
								<span class="order_name">刘晓晓</span>：
								<span class="order_mobile">188 7765 3271</span>
							</p>
							<p>车 牌：
								<span class="order_car_number">粤B 66628</span>
							</p>
							<p>订单内容：
								<span class="order_content">洗车</span>
							</p>
							<p>创建时间：
								<span class="order_createTime">2018-07-28 08:30</span>
							</p>
							<p>处 理 人：
								<span class="order_washer">王明明</span>
							</p>
							<p>费 用：
								<span class="order_amount">35</span>元
							</p>
							<p>订单状态：
								<span class="order_status">已接单</span>
							</p>
							<p>客户评价：
								<span class="order_evaluate">待评价</span>
							</p>
						</div>
						<div class="right pt18">
							<ul class="layui-timeline">
								<!-- <li class="layui-timeline-item check detail">
									<i class="layui-icon layui-timeline-axis"></i>
									<div class="layui-timeline-content layui-text">
										<h3 class="layui-timeline-title">创建</h3>
										<p>
											<span class="detail_time"></span>
											<br>
											<span class="detail_content"></span>
										</p>
									</div>
								</li>
								<li class="layui-timeline-item check detail">
									<i class="layui-icon layui-timeline-axis"></i>
									<div class="layui-timeline-content layui-text">
										<h3 class="layui-timeline-title">派单</h3>
										<p>
											<span class="detail_time"></span>
											<br>
											<span class="detail_content"></span>
										</p>
									</div>
								</li>
								<li class="layui-timeline-item check detail">
									<i class="layui-icon layui-timeline-axis"></i>
									<div class="layui-timeline-content layui-text">
										<h3 class="layui-timeline-title">接单</h3>
										<p>
											<span class="detail_time"></span>
											<br>
											<span class="detail_content"></span>
										</p>
									</div>
								</li>
								<li class="layui-timeline-item check detail">
									<i class="layui-icon layui-timeline-axis"></i>
									<div class="layui-timeline-content layui-text">
										<h3 class="layui-timeline-title">洗车中</h3>
										<p>
											<span class="detail_time"></span>
											<br>
											<span class="detail_content"></span>
										</p>
									</div>
								</li>
								<li class="layui-timeline-item detail">
									<i class="layui-icon layui-timeline-axis"></i>
									<div class="layui-timeline-content layui-text">
										<h3 class="layui-timeline-title">结单</h3>
										<p>
											<span class="detail_time"></span>
											<br>
											<span class="detail_content"></span>
										</p>
									</div>
								</li> -->
							</ul>
						</div>
					</div>
				</div>
				<div class="changeBtn">
					<button class="bt_blue_big_b fs16 ml30 cancelBtn">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="<c:url value='/scripts/admin/vehicleClean/order.js?2019-1-1'/>"></script>
</body>

</html>