查看 | 历史 | 提交 | 提交对比
hjg
2024-07-09 4fd62ace17390b0b9cc37c55e88582134ec18c28
提交 | 用户 | 时间
062075 1 <?xml version="1.0" encoding="UTF-8"?>
A 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml"
4 xmlns:c="http://java.sun.com/jsp/jstl/core"
5 xmlns:h="http://java.sun.com/jsf/html"
6 xmlns:f="http://java.sun.com/jsf/core"
7 xmlns:ui="http://java.sun.com/jsf/facelets">
8 <ui:composition template="/template/nit/tmp_brief.xhtml">
9     <ui:define name="link">
10         <link href="#{request.contextPath}/css/address-picker.css?v=3" rel="stylesheet" type="text/css"/>
11     </ui:define>
12     <ui:define name="acss">
13         <style>
14         #searchBtn {
15             height: 34px;
16         }
17         p.error {
18             color: #D9534F
19         }
20         input.error {
21             border: 1px solid #D9534F;
22         }
23         #simple-table th,#simple-table td, #vehicle-table th,#vehicle-table td{
24             text-align: center;
25             padding: 1px 8px;
26         }
27         #form .control-label {
28             margin-right: -14px
29         }
30         .t-error{
31             color: red;
32             position: relative;
33             right: 2px;
34             top: 3px;
35         }
36         .pagination {
37             margin: 10px 0;
38         }
39         #simple-table th, #vehicle-table th {
40             padding: 0
41         }
42         .th {
43             position: relative;
44             width: 100%;
45             display: block;
46             background: #F2F2F2;
47             border: 1px solid #DDDDDD;
48             z-index: 1;
49             border-left: none;
50         }
51         i.fa.danger {
52             color: #D15B47
53         }
54         i.fa.success {
55             color: #87B87F
56         }
57         #selectNoBtn {
58             display: none;
59         }
60         .split {
61             width: 12px;
62             height: 517px;
63             position: absolute;
64             display: block;
65             background: #f1f1f1;
66             margin-top: 41px;
67             z-index: 999;
68         }
69         #vehicleMessage {
70             display: none;
71         }
72         </style>
73     </ui:define>
74     <ui:define name="acontent">
75         <input type="hidden" value="#{param.vehicleId}" id="vehicleId" />
76         <input type="hidden" value="#{param.businessNo}" id="businessNo" />
77         <div class="row">
78             <div class="col-xs-12" style="width: 100%;">
79                <div class="col-xs-9" >
80                 <div class="page-header">
81                     <h1>车牌号：${param.vehicleId} &nbsp;&nbsp;&nbsp;&nbsp;业务单号：${param.businessNo}
82                     </h1>
83                 </div>
84                </div>
85                 <div class="col-xs-3" >
86                     <button class="btn btn-primary" data-bind="click: toAddPersons"> <i class="ace-icon fa fa-plus center bigger-110"></i>添加随行人员 </button>
87                     <button type="button" class="btn btn-primary" id="sxBtn"  title="刷新">
88                         <i class="ace-icon fa fa-refresh bigger-110" ></i>
89                     </button>
90                 </div>
91                 <table class="table table-bordered table-hover table-striped">
92                     <thead>
93                     <tr>
94                         <th>姓名</th>
95                         <th>身份证号</th>
96                         <th>手机号</th>
97                         <th>地址</th>
98                         <th></th>
99                     </tr>
100                     </thead>
101                     <tbody data-bind="foreach: list">
102                     <tr>
103                         <td  data-bind="text:$data.userName" ></td>
104                         <td  data-bind="text:$data.idCard"></td>
105                         <td data-bind="text:$data.phone"></td>
106                         <td data-bind="text:$data.provinceCityArea"></td>
107                         <td>
108                             <button class="btn btn-sm" data-bind="click:$root.showPerson">编辑</button>
109                             <button class="btn btn-sm btn-danger" data-bind="click:$root.delPerson" >删除</button>
110                         </td>
111                     </tr>
112                     </tbody>
113                 </table>
114             </div>
115         </div>
116         <div class="modal fade" id="personModal">
117             <div class="modal-dialog">
118                 <div class="modal-content">
119                     <div class="modal-header">
120                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
121                         <h4 class="modal-title">添加<span data-bind="text: o().vehicleId"></span>随车人员</h4>
122                     </div>
123                     <div class="modal-body">
124                         <form class="form-horizontal" id="form">
125                             <div class="form-body">
126                                 <div class="form-group">
127                                     <label class="col-md-3 control-label"><span class="t-error">*</span>姓名</label>
128                                     <div class="col-md-4"> <input type="text" name="userName" class="mui-input-clear" data-bind="value:o().userName" placeholder="请输入姓名"/>
129                                     </div>
130                                     <div class="col-md-5">
131                                         <p class="form-control-static text-error"></p>
132                                     </div>
133                                 </div>
134                                 <div class="form-group">
135                                     <label class="col-md-3 control-label"><span class="t-error">*</span>身份证号</label>
136                                     <div class="col-md-4"><input type="text" name="idCard" data-bind="value:o().idCard" class="mui-input-clear" placeholder="请输入身份证号"/></div>
137                                     <div class="col-md-5 text-error"></div>
138                                 </div>
139                                 <div class="form-group">
140                                     <label class="col-md-3 control-label"><span class="t-error">*</span>手机号</label>
141                                     <div class="col-md-4"><input type="text" name="dataPhone" data-bind="value:o().phone" class="mui-input-clear" placeholder="请输入手机号码"/></div>
142                                     <div class="col-md-5">
143                                         <p class="form-control-static text-error"></p>
144                                     </div>
145                                 </div>
146                                 <div class="form-group">
147                                     <label class="col-md-3 control-label"><span class="t-error">*</span>来源地</label>
148                                     <div class="col-md-4"><input type="text" data-bind="click: $root.cityClick" placeholder="点击选择省、市、县(区)" name="city" id="city" readonly="" />
149                                     <input type="text" class="mui-input-clear" name="street" data-bind="value:o().street" placeholder="填写街道及住址"/></div>
150                                     <div class="col-md-5">
151                                         <p class="form-control-static text-error"></p>
152                                     </div>
153
154                               <!--      <button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-plus center bigger-110"></i></button>
155                                     <button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-pencil bigger-110"></i></button>
156                                     <button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-check  bigger-110"></i></button>
157                                     <button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-reply  bigger-110"></i></button>
158                                     <button type="button" class="btn btn-xs btn-info"><i class="ace-icon fa fa-trash-o  bigger-110"></i></button>-->
159                                 </div>
160                                 <div class="col-md-3">
161                                     <p class="form-control-static text-error"></p>
162                                 </div>
163                             </div>
164                         </form>
165                     </div>
166                     <div class="modal-footer">
167                         <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
168                         <button type="button" class="btn btn-sm btn-primary" id="tempVehicleSaveBtn">保存</button>
169                     </div>
170                 </div>
171             </div>
172         </div>
173
174     </ui:define>
175     <ui:define name="myscript">
176         <script src="js/city.data-3.js"></script>
177         <script src="js/address-picker.js?v=11112"></script>
178         <script src="js/carPersons.js?v=12311333"></script>
179     </ui:define>
180 </ui:composition>
181 </html>