hjg
2023-11-18 bb48edb3d9faaaeab0088151c86fc24137acdb08
提交 | 用户 | 时间
58d006 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="acss">
10         <style>
11         #searchBtn {
12             height: 34px;
13         }
14         p.error {
15             color: #D9534F
16         }
17         input.error {
18             border: 1px solid #D9534F;
19         }
20         i.fa.danger {
21             color: #D15B47
22         }
23         i.fa.success {
24             color: #87B87F
25         }
26         .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
27             height: 25px;
28         }
29         .chosen-container {
30             width: 100% !important;
31         }
32         #simple-table th,#simple-table td{
33             text-align: center;
34             padding: 1px 8px;
35         }
36         .bigger-95{
37         font-size: 95% !important;
38         }
39         .btn-xs, .btn-group-xs > .btn{
40           padding-top: 0px;
41           padding-bottom: 0px;
42         }
43         #form .control-label {
44             margin-right: -14px
45         }
46         .t-error{
47             color: red;
48             position: relative;
49             right: 2px;
50             top: 3px;
51         }
52         </style>
53     </ui:define>
54     <ui:define name="acontent">
55         <input type="hidden" value="#{param.page}" id="p" />
56         <input type="hidden" value="#{param.keyword}" id="k" />
57         <div class="row">
58             <div class="col-xs-5">
59                 <div class="input-group">
60                     <input class="form-control input-mask-date" type="text" value="#{param.keyword}" id="keyword" placeholder="输入名称搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
61                     <span class="input-group-btn">
62                         <button class="btn btn-sm btn-default" type="button" id="searchBtn">
63                             <i class="ace-icon fa fa-search bigger-110"></i>
64                             搜索
65                         </button>
66                     </span>
67                 </div>
68             </div>
69             <div class="col-xs-7" style="text-align: right;">
70                 <button class="btn btn-sm btn-info" type="button" id="newObj">
71                     <i class="ace-icon fa fa-plus bigger-110"></i>
72                     新排队点
73                 </button>
74             </div>
75             <div class="col-xs-12 table-responsive" style="margin-top: 8px;">
76                 <table id="simple-table" class="table  table-bordered table-hover">
77                     <thead>
78                         <tr>
79                             <th class="detail-col" style="min-width: 48px">序号</th>
80                             <th style="min-width: 100px">名称</th>
81                             <th style="min-width: 100px">门禁</th>
82                             <th style="min-width: 60px">总容量</th>
83                             <th style="min-width: 75px">厂内数量</th>
84                             <th style="min-width: 75px">厂外数量</th>
85                             <th style="min-width: 100px">业务配置</th>
86                             <th style="min-width: 100px; width: 100px">操作</th>
87                         </tr>
88                     </thead>
89
90                     <tbody data-bind="foreach: list">
91                         <tr>
92                             <td class="center">
93                                 <span data-bind="text: $index() + 1"></span>
94                             </td>
95
96                             <td data-bind="text: name"></td>
97                             <td data-bind="text: gatesName"></td>
98                             <td data-bind="text: countnum"></td>
99                             <td data-bind="text: innernum"></td>
100                             <td data-bind="text: outernum"></td>
101
102                             <td>
103                                 <div class="btn-group">
104                                     <button class="btn btn-xs btn-info" title="业务配置" data-bind="click: $parent.gates">
105                                         <!--<i class="ace-icon fa fa-external-link-square bigger-95"></i>-->
106                                         业务配置
107                                     </button>
108                                 </div>
109                             </td>
110                             <td>
111                                 <div class="btn-group">
112                                     <button class="btn btn-xs btn-info" title="编辑" data-bind="click: $parent.edit">
113                                         <!--<i class="ace-icon fa fa-pencil bigger-95"></i>-->
114                                         编辑
115                                     </button>
116                                     <button class="btn btn-xs btn-danger" title="删除" data-bind="click: $parent.del">
117                                         <!--<i class="ace-icon fa fa-trash-o bigger-95"></i>-->
118                                         删除
119                                     </button>
120                                 </div>
121                             </td>
122                         </tr>
123                     </tbody>
124                 </table>
125                 <div id="pagdiv"></div>
126             </div>
127         </div>
128         <div class="modal fade" id="modal">
129             <div class="modal-dialog">
130                 <div class="modal-content">
131                     <div class="modal-header">
132                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
133                         <h4 class="modal-title">编辑车辆排队配置</h4>
134                     </div>
135                     <div class="modal-body">
136                         <form class="form-horizontal" id="form">
137                             <div class="form-body">
138                                 <div class="form-group">
139                                     <label class="col-md-3 control-label"><span class="t-error">*</span>名称</label>
140                                     <div class="col-md-6">
141                                         <input type="text" class="form-control" name="name" placeholder="" data-bind="value: o().name"/>
142                                     </div>
143                                     <div class="col-md-3">
144                                         <p class="form-control-static text-error"></p>
145                                     </div>
146                                 </div>
147                                 <div class="form-group">
148                                     <label class="col-md-3 control-label"><span class="t-error">*</span>门禁</label>
149                                     <div class="col-md-6">
150                                         <select name="" id="" class="form-control" data-bind="value: o().gatesNo, options: gatesList, optionsText: 'name', optionsValue: 'gatesNo'"></select>
151                                         <!--<select data-placeholder="请选择门禁……"  id="dps" style="height: 34px; width: 100%;" multiple="multiple" class="chosen-select form-control tag-input-style" data-bind="selectedOptions: o().gatesNo, options: gatesList, optionsText: 'name', optionsValue: 'id'"></select>-->
152                                     </div>
153                                     <div class="col-md-3">
154                                         <p class="form-control-static text-error"></p>
155                                     </div>
156                                 </div>
157                                 <div class="form-group">
158                                     <label class="col-md-3 control-label"><span class="t-error">*</span>总容量</label>
159                                     <div class="col-md-6">
160                                         <input type="text" class="form-control" placeholder="" name="countnum" data-bind="value: o().countnum"/>
161                                     </div>
162                                     <div class="col-md-3">
163                                         <p class="form-control-static text-error"></p>
164                                     </div>
165                                 </div>
166                                 <div class="form-group">
167                                     <label class="col-md-3 control-label"><span class="t-error">*</span>厂内数量</label>
168                                     <div class="col-md-6">
169                                         <input type="text" class="form-control" placeholder="" name="innernum" data-bind="value: o().innernum"/>
170                                     </div>
171                                     <div class="col-md-3">
172                                         <p class="form-control-static text-error"></p>
173                                     </div>
174                                 </div>
175                                 <div class="form-group">
176                                     <label class="col-md-3 control-label"><span class="t-error">*</span>厂外数量</label>
177                                     <div class="col-md-6">
178                                         <input type="text" class="form-control" placeholder="" name="outernum" data-bind="value: o().outernum"/>
179                                     </div>
180                                     <div class="col-md-3">
181                                         <p class="form-control-static text-error"></p>
182                                     </div>
183                                 </div>
184                                 <!--<div class="form-group">
185                                     <label class="col-md-3 control-label">启用</label>
186                                     <div class="col-md-6" style="padding-top: 7px">
187                                         <input id="objUsed" type="checkbox" data-bind="checked: o().used()" class="ace ace-switch ace-switch-4" />
188                                         <span class="lbl middle"></span>
189                                     </div>
190                                     <div class="col-md-3">
191                                         <p class="form-control-static text-error"></p>
192                                     </div>
193                                 </div>-->
194                             </div>
195                         </form>
196                     </div>
197                     <div class="modal-footer">
198                         <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
199                         <button type="button" class="btn btn-sm btn-primary" id="save">保存</button>
200                     </div>
201                 </div>
202             </div>
203         </div>
204         <div class="modal fade" id="gatesModal">
205             <div class="modal-dialog">
206                 <div class="modal-content">
207                     <div class="modal-header">
208                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
209                         <h4 class="modal-title">业务配置</h4>
210                     </div>
211                     <div class="modal-body">
212                         <div class="row">
213                             <div class="col-md-12">
214                                 <select data-placeholder="请选择业务类型……"  id="dp" style="height: 34px; width: 100%;" multiple="multiple" class="chosen-select form-control tag-input-style" data-bind="selectedOptions: rList, options: gList, optionsText: 'name', optionsValue: 'businesstypeNo'">
215                                 </select>
216                             </div>
217                         </div>
218                     </div>
219                     <div class="modal-footer">
220                         <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
221                         <button type="button" class="btn btn-sm btn-primary" id="saveGid">保存</button>
222                     </div>
223                 </div>
224             </div>
225         </div>
226         <div id="dialog-confirm" class="hide">
227             <div class="alert alert-info bigger-110" id="modalContent">
228             </div>
229         </div>
230     </ui:define>
231     <ui:define name="myscript">
232         <script type="text/javascript" src="#{request.contextPath}/template/assets/js/chosen.jquery.js"></script>
233         <script src="js/gatesQueue.js"></script>
234     </ui:define>
235 </ui:composition>
236 </html>