<?xml version="1.0" encoding="UTF-8"?>
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
xmlns:c="http://java.sun.com/jsp/jstl/core"
|
xmlns:h="http://java.sun.com/jsf/html"
|
xmlns:f="http://java.sun.com/jsf/core"
|
xmlns:ui="http://java.sun.com/jsf/facelets">
|
<ui:composition template="/template/nit/tmp_brief.xhtml">
|
<ui:define name="link">
|
<link href="#{request.contextPath}/css/address-picker.css?v=3" rel="stylesheet" type="text/css"/>
|
</ui:define>
|
<ui:define name="acss">
|
<style>
|
#searchBtn {
|
height: 34px;
|
}
|
p.error {
|
color: #D9534F
|
}
|
input.error {
|
border: 1px solid #D9534F;
|
}
|
#simple-table th,#simple-table td, #vehicle-table th,#vehicle-table td{
|
text-align: center;
|
padding: 1px 8px;
|
}
|
#form .control-label {
|
margin-right: -14px
|
}
|
.t-error{
|
color: red;
|
position: relative;
|
right: 2px;
|
top: 3px;
|
}
|
.pagination {
|
margin: 10px 0;
|
}
|
#simple-table th, #vehicle-table th {
|
padding: 0
|
}
|
.th {
|
position: relative;
|
width: 100%;
|
display: block;
|
background: #F2F2F2;
|
border: 1px solid #DDDDDD;
|
z-index: 1;
|
border-left: none;
|
}
|
i.fa.danger {
|
color: #D15B47
|
}
|
i.fa.success {
|
color: #87B87F
|
}
|
#selectNoBtn {
|
display: none;
|
}
|
.split {
|
width: 12px;
|
height: 517px;
|
position: absolute;
|
display: block;
|
background: #f1f1f1;
|
margin-top: 41px;
|
z-index: 999;
|
}
|
#vehicleMessage {
|
display: none;
|
}
|
</style>
|
</ui:define>
|
<ui:define name="acontent">
|
<input type="hidden" value="#{param.vehicleId}" id="vehicleId" />
|
<input type="hidden" value="#{param.businessNo}" id="businessNo" />
|
<div class="row">
|
<div class="col-xs-12" style="width: 100%;">
|
<div class="col-xs-9" >
|
<div class="page-header">
|
<h1>车牌号：${param.vehicleId} 业务单号：${param.businessNo}
|
</h1>
|
</div>
|
</div>
|
<div class="col-xs-3" >
|
<button class="btn btn-primary" data-bind="click: toAddPersons"> <i class="ace-icon fa fa-plus center bigger-110"></i>添加随行人员 </button>
|
<button type="button" class="btn btn-primary" id="sxBtn" title="刷新">
|
<i class="ace-icon fa fa-refresh bigger-110" ></i>
|
</button>
|
</div>
|
<table class="table table-bordered table-hover table-striped">
|
<thead>
|
<tr>
|
<th>姓名</th>
|
<th>身份证号</th>
|
<th>手机号</th>
|
<th>地址</th>
|
<th></th>
|
</tr>
|
</thead>
|
<tbody data-bind="foreach: list">
|
<tr>
|
<td data-bind="text:$data.userName" ></td>
|
<td data-bind="text:$data.idCard"></td>
|
<td data-bind="text:$data.phone"></td>
|
<td data-bind="text:$data.provinceCityArea"></td>
|
<td>
|
<button class="btn btn-sm" data-bind="click:$root.showPerson">编辑</button>
|
<button class="btn btn-sm btn-danger" data-bind="click:$root.delPerson" >删除</button>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="modal fade" id="personModal">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<h4 class="modal-title">添加<span data-bind="text: o().vehicleId"></span>随车人员</h4>
|
</div>
|
<div class="modal-body">
|
<form class="form-horizontal" id="form">
|
<div class="form-body">
|
<div class="form-group">
|
<label class="col-md-3 control-label"><span class="t-error">*</span>姓名</label>
|
<div class="col-md-4"> <input type="text" name="userName" class="mui-input-clear" data-bind="value:o().userName" placeholder="请输入姓名"/>
|
</div>
|
<div class="col-md-5">
|
<p class="form-control-static text-error"></p>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-md-3 control-label"><span class="t-error">*</span>身份证号</label>
|
<div class="col-md-4"><input type="text" name="idCard" data-bind="value:o().idCard" class="mui-input-clear" placeholder="请输入身份证号"/></div>
|
<div class="col-md-5 text-error"></div>
|
</div>
|
<div class="form-group">
|
<label class="col-md-3 control-label"><span class="t-error">*</span>手机号</label>
|
<div class="col-md-4"><input type="text" name="dataPhone" data-bind="value:o().phone" class="mui-input-clear" placeholder="请输入手机号码"/></div>
|
<div class="col-md-5">
|
<p class="form-control-static text-error"></p>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-md-3 control-label"><span class="t-error">*</span>来源地</label>
|
<div class="col-md-4"><input type="text" data-bind="click: $root.cityClick" placeholder="点击选择省、市、县(区)" name="city" id="city" readonly="" />
|
<input type="text" class="mui-input-clear" name="street" data-bind="value:o().street" placeholder="填写街道及住址"/></div>
|
<div class="col-md-5">
|
<p class="form-control-static text-error"></p>
|
</div>
|
|
<!-- <button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-plus center bigger-110"></i></button>
|
<button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-pencil bigger-110"></i></button>
|
<button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-check bigger-110"></i></button>
|
<button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-reply bigger-110"></i></button>
|
<button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-trash-o bigger-110"></i></button>-->
|
</div>
|
<div class="col-md-3">
|
<p class="form-control-static text-error"></p>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
<button type="button" class="btn btn-sm btn-primary" id="tempVehicleSaveBtn">保存</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</ui:define>
|
<ui:define name="myscript">
|
<script src="js/city.data-3.js"></script>
|
<script src="js/address-picker.js?v=11112"></script>
|
<script src="js/carPersons.js?v=12311333"></script>
|
</ui:define>
|
</ui:composition>
|
</html>
|
