<?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="acss">
|
<link rel="stylesheet" href="#{request.contextPath}/template/assets/css/jstree/themes/default/style.min.css"/>
|
<style>
|
#searchBtn {
|
height: 34px;
|
}
|
p.error {
|
color: #D9534F
|
}
|
input.error {
|
border: 1px solid #D9534F;
|
}
|
i.fa.danger {
|
color: #D15B47
|
}
|
i.fa.success {
|
color: #87B87F
|
}
|
.modal {
|
padding-right: 17px !important
|
}
|
#simple-table th,#simple-table td{
|
text-align: center;
|
padding: 2px 8px;
|
}
|
.bigger-95{
|
font-size: 95% !important;
|
}
|
.btn-xs, .btn-group-xs > .btn{
|
padding-top: 0px;
|
padding-bottom: 0px;
|
}
|
i.fa.danger {
|
color: #D15B47
|
}
|
i.fa.success {
|
color: #87B87F
|
}
|
#form .control-label {
|
margin-right: -14px
|
}
|
.t-error{
|
color: red;
|
position: relative;
|
right: 2px;
|
top: 3px;
|
}
|
.pagination {
|
margin: 10px 0;
|
}
|
#simple-table th {
|
padding: 0
|
}
|
.th {
|
position: relative;
|
width: 100%;
|
display: block;
|
background: #F2F2F2;
|
border: 1px solid #DDDDDD;
|
z-index: 1;
|
border-left: none;
|
}
|
</style>
|
</ui:define>
|
<ui:define name="acontent">
|
<input type="hidden" value="#{param.page}" id="p" />
|
<input type="hidden" value="#{param.keyword}" id="k" />
|
<input type="hidden" value="#{param.d}" id="d" />
|
<div class="row">
|
<div class="col-xs-2">
|
<select name="" id="" class="form-control" data-bind="value: did, options: dList, optionsText: 'name', optionsValue: 'id', optionsCaption: '请选择所属部门', event: {change: change}"></select>
|
</div>
|
<div class="col-xs-2" style="margin-left: -31px">
|
<select name="" id="" class="form-control" data-bind="value: tid, options: tList, optionsText: 'name', optionsValue: 'id', optionsCaption: '请选择货车类型', event: {change: change}"></select>
|
</div>
|
<div class="col-xs-5" style="margin-left: -31px">
|
<div class="input-group">
|
<input class="form-control input-mask-date" type="text" value="#{param.keyword}" id="keyword" placeholder="输入名称搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
|
<span class="input-group-btn">
|
<button class="btn btn-sm btn-default" type="button" id="searchBtn">
|
<i class="ace-icon fa fa-search bigger-110"></i>
|
搜索
|
</button>
|
</span>
|
</div>
|
</div>
|
<div class="col-xs-3" style="text-align: right;">
|
<button class="btn btn-sm btn-info" type="button" id="newObj">
|
<i class="ace-icon fa fa-plus bigger-110"></i>
|
新货车
|
</button>
|
</div>
|
<div class="col-xs-12 table-responsive" style="margin-top: 8px;">
|
<table id="simple-table" class="table table-bordered table-hover table-striped">
|
<thead>
|
<tr>
|
<th class="detail-col" style="min-width: 48px"><span class="th">序号</span></th>
|
<th style="min-width: 100px"><span class="th">操作</span></th>
|
<th style="min-width: 50px"><span class="th">启用</span></th>
|
<th style="min-width: 120px"><span class="th">所属部门</span></th>
|
<th style="min-width: 85px"><span class="th">车牌号</span></th>
|
<th style="min-width: 100px"><span class="th">卡号</span></th>
|
<th style="min-width: 100px"><span class="th">司机</span></th>
|
<th style="min-width: 100px"><span class="th">联系电话</span></th>
|
<th style="min-width: 120px"><span class="th">货车类型</span></th>
|
<th style="min-width: 250px"><span class="th">有效期</span></th>
|
<th style="min-width: 60px"><span class="th">创建人</span></th>
|
<th style="min-width: 130px"><span class="th">创建日期</span></th>
|
<th style="min-width: 90px"><span class="th">创建部门</span></th>
|
<th style="min-width: 255px"><span class="th">备注</span></th>
|
</tr>
|
</thead>
|
|
<tbody data-bind="foreach: list">
|
<tr>
|
<td class="center">
|
<span data-bind="text: $index() + 1"></span>
|
</td>
|
<td>
|
<div class="btn-group">
|
<button class="btn btn-xs btn-info" title="编辑" data-bind="click: $parent.edit">
|
<!--<i class="ace-icon fa fa-pencil bigger-95"></i>-->
|
编辑
|
</button>
|
|
<button class="btn btn-xs btn-danger" title="删除" data-bind="click: $parent.del">
|
<!--<i class="ace-icon fa fa-trash-o bigger-95"></i>-->
|
删除
|
</button>
|
</div>
|
</td>
|
<td>
|
<a href="javascript:;" title="启用中"><i class="fa fa-check success" data-bind="click: $parent.valid, visible: valid(),css: {danger: !valid(), success: valid()}"></i></a>
|
<a href="javascript:;" title="禁用中"><i class="fa fa-close danger" data-bind="click: $parent.valid, visible: !valid(),css: {danger: !valid(), success: valid()}"></i></a>
|
</td>
|
|
<td data-bind="text: departname"></td>
|
<td data-bind="text: numberplates"></td>
|
<td data-bind="text: cardID"></td>
|
<td data-bind="text: driver"></td>
|
<td data-bind="text: phone"></td>
|
<td data-bind="text: vtypename"></td>
|
<td data-bind="text: sdate + '--' + edate"></td>
|
<td data-bind="text: cdepart"></td>
|
<td data-bind="text: ctime"></td>
|
<td data-bind="text: cname"></td>
|
|
<td data-bind="text: note"></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="col-md-12">
|
<div id="pagdiv"></div>
|
</div>
|
</div>
|
<div class="modal fade" id="modal">
|
<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">编辑货车</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-6">
|
<input type="text" class="form-control" name="numberplates" style="text-transform:uppercase" placeholder="" data-bind="value: o().numberplates, valueUpdate: 'afterkeydown',enable:neworedit"/>
|
</div>
|
<div class="col-md-3">
|
<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-6">
|
<input type="text" class="form-control" placeholder="" name="cardID" data-bind="value: o().cardID, valueUpdate: 'afterkeydown'"/>
|
</div>
|
<div class="col-md-3">
|
<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-6">
|
<select name="" id="" class="form-control" data-bind="value: o().vtypeid, options: tList, optionsText: 'name', optionsValue: 'id'"></select>
|
</div>
|
<div class="col-md-3">
|
<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-6">
|
<input type="text" class="form-control" id="departName" readonly="readonly" name="departName" placeholder="" data-bind="value: o().departname"/>
|
</div>
|
<div class="col-md-3">
|
<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-6">
|
<input type="text" class="form-control" id="sdate" name="sdate" placeholder="" data-bind="value: o().sdate" onclick="WdatePicker()"/>
|
</div>
|
<div class="col-md-3">
|
<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-6">
|
<input type="text" class="form-control" id="edate" name="edate" placeholder="" data-bind="value: o().edate" onclick="WdatePicker()"/>
|
</div>
|
<div class="col-md-3">
|
<p class="form-control-static text-error"></p>
|
</div>
|
</div>
|
<div class="form-body">
|
<div class="form-group">
|
<label class="col-md-3 control-label">启用</label>
|
<div class="col-md-6" style="padding-top: 7px">
|
<input id="objUsed" type="checkbox" data-bind="checked: o().valid()" class="ace ace-switch ace-switch-4" />
|
<span class="lbl middle"></span>
|
</div>
|
<div class="col-md-3">
|
<p class="form-control-static text-error"></p>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-md-3 control-label">司机</label>
|
<div class="col-md-6">
|
<input type="text" class="form-control" name="note" placeholder="" data-bind="value: o().driver"/>
|
</div>
|
<div class="col-md-3">
|
<p class="form-control-static text-error"></p>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-md-3 control-label">联系电话</label>
|
<div class="col-md-6">
|
<input type="text" class="form-control" name="note" placeholder="" data-bind="value: o().phone"/>
|
</div>
|
<div class="col-md-3">
|
<p class="form-control-static text-error"></p>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-md-3 control-label">备注</label>
|
<div class="col-md-6">
|
<input type="text" class="form-control" name="note" placeholder="" data-bind="value: o().note"/>
|
</div>
|
<div class="col-md-3">
|
<p class="form-control-static text-error"></p>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
<button type="button" class="btn btn-primary" id="save">保存</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="modal" id="departModal" data-backdrop="false">
|
<div class="modal-dialog modal-sm">
|
<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">选择部门</h4>
|
</div>
|
<div class="modal-body">
|
<input type="text" class="search" id="search" placeholder="搜索"/>
|
<div id="jstree_Enterprise"></div>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-primary btn-xs" data-dismiss="modal" id="saveDepart">保存</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div id="dialog-confirm" class="hide">
|
<div class="alert alert-info bigger-110" id="modalContent">
|
</div>
|
</div>
|
</ui:define>
|
<ui:define name="myscript">
|
<script type="text/javascript" src="#{request.contextPath}/template/nit/cdn/js/getdate/WdatePicker.js"></script>
|
<script type="text/javascript" src="#{request.contextPath}/template/nit/cdn/js/jstree.min.js"></script>
|
<script src="js/whitevehicle.js"></script>
|
</ui:define>
|
</ui:composition>
|
</html>
|
