<?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">
|
<style>
|
#searchBtn {
|
height: 34px;
|
}
|
p.error {
|
color: #D9534F
|
}
|
input.error {
|
border: 1px solid #D9534F;
|
}
|
#simple-table th,#simple-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 {
|
padding: 0
|
}
|
.th {
|
position: relative;
|
width: 100%;
|
display: block;
|
background: #F2F2F2;
|
border: 1px solid #DDDDDD;
|
z-index: 1;
|
border-left: none;
|
}
|
#searchBox {
|
display: none;
|
}
|
#sDate, #eDate{
|
width: 45%;
|
float: left
|
}
|
.date-line {
|
width: 10%;
|
float: left;
|
line-height: 34px;
|
text-align: center
|
}
|
input[type="radio"], input[type="checkbox"] {
|
margin-top: 0px;
|
}
|
</style>
|
</ui:define>
|
<ui:define name="acontent">
|
<input type="hidden" value="#{param.page}" id="p" />
|
<input type="hidden" value="#{param.keyword}" id="k" />
|
<div class="row">
|
<div class="col-xs-2" data-bind="visible: isAdmin">
|
<select name="" id="" class="form-control" data-bind="value: companyNo, options: tList, optionsText: 'name', optionsValue: 'companyNo', optionsCaption: '全部运输公司', event: {change: change}"></select>
|
</div>
|
<div class="col-xs-2" data-bind="">
|
<select name="" id="" class="form-control" data-bind="value: type, options: sList, optionsText: 'key', optionsValue: 'value', events: {change: change}, style: {'margin-left': isAdmin() ? '-31px': '0px'}"></select>
|
</div>
|
<div class="col-xs-4" style="width: 25%;">
|
<div class="input-group" data-bind="style: {'margin-left': isAdmin() ? '-62px': '-31px'}">
|
<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 searchBtn" type="button" id="searchBtn">
|
<i class="ace-icon fa fa-search bigger-110"></i>
|
搜索
|
</button>
|
</span>
|
</div>
|
</div>
|
<!-- <div class="col-xs-2" style="line-height: 34px">
|
<a href="javascript:;" id="moreSearchCondition">更多筛选条件<i class="fa fa-chevron-down"></i></a>
|
</div> -->
|
<!-- <div class="col-xs-6" style="margin-top: 6px;margin-bottom: 5px;"> -->
|
<div class="col-xs-1" style="padding-left: 0px;">
|
<div class="col-md-9 " style="padding-left: 0px;">
|
<button class="btn btn-sm btn-info searchBtns" id="sortBtn" type="button" style="width: 100px">
|
排序
|
</button>
|
</div>
|
</div>
|
<!-- </div> -->
|
|
|
<div class="col-xs-12" style="margin-top: 8px;margin-bottom: -15px;display:inline;" id="searchBox">
|
<form class="form-horizontal" id="formss">
|
<div class="form-body col-xs-4" >
|
<div class="form-group">
|
<label class="col-md-3 control-label" >制单日期</label>
|
<div class="col-md-9">
|
<input type="text" class="form-control" id="sDate" placeholder="起始日期" onClick="WdatePicker()"/>
|
<span class="date-line">—</span>
|
<input type="text" class="form-control" id="eDate" placeholder="截止日期" onClick="WdatePicker()"/>
|
</div>
|
</div>
|
</div>
|
<!-- <div class="form-group col-xs-4" >
|
<div class="col-md-9 col-md-offset-3">
|
<button class="btn btn-sm btn-info searchBtns" id="sortBtn" type="button" style="width: 100px">
|
排序
|
</button>
|
</div>
|
</div> -->
|
</form>
|
<div class="col-md-8" style="width: 43%;padding-right: 1px;">
|
<!-- <div id="pagdiv" style="display: inline-block"></div> -->
|
<div id="selectMessage" style="display: 'inline-block';float: left;line-height: 2.5;font-size: 15px;">
|
<p class="bg-info">
|
已选择：<span data-bind="text: selectedNum">0</span>件，
|
重量：<span data-bind="text: selectedPZ">0</span>吨。
|
</p>
|
</div>
|
<div style="display: 'inline-block';float: right;line-height: 2.5;font-size: 15px;padding-left: 10px;" >
|
<select class="form-control" data-bind="value: cqVal, options: cqList, optionsText: 'name', optionsValue: 'cqval', event: {change: cqchange}"></select>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-xs-12 table-responsive main-table" 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: 180px"><span class="th">提单编号</span></th>
|
<th style="min-width: 60px" data-bind="visible: fdqxbgType()" ><span class="th">提单类型</span></th>
|
<th style="min-width: 250px"><span class="th">客户名称</span></th>
|
<th style="min-width: 355px"><span class="th">备注</span></th>
|
<th style="min-width: 140px"><span class="th">收货地点</span></th>
|
<th style="min-width: 140px"><span class="th">制单时间</span></th>
|
<th style="min-width: 70px"><span class="th">时长（分）</span></th>
|
<th style="min-width: 90px" data-bind="visible: fdqxbgType()"><span class="th">未分数量(件)</span></th>
|
<th style="min-width: 90px" data-bind="visible: fdqxbgType()" ><span class="th">未分重量(吨)</span></th>
|
<th style="min-width: 90px" data-bind="visible: !fdqxbgType()"><span class="th">关闭数量(件)</span></th>
|
<th style="min-width: 90px" data-bind="visible: !fdqxbgType()" ><span class="th">关闭重量(吨)</span></th>
|
<th style="min-width: 180px"><span class="th">制单时间</span></th>
|
<th style="min-width: 100px"><span class="th">制单部门</span></th>
|
<th style="min-width: 70px"><span class="th">制单人</span></th>
|
<!-- <th style="min-width: 100px"><span class="th">业务日期</span></th> -->
|
<th style="min-width: 220px"><span class="th">物流公司</span></th>
|
|
</tr>
|
</thead>
|
|
<tbody data-bind="foreach: list">
|
<tr class="bitem" data-bind="attr: {'data-indx': indx, 'data-td_tdbh': td_tdbh}">
|
<td class="center">
|
<span data-bind="text: $index() + 1"></span>
|
</td>
|
<td data-bind="visible: !fdqxbgType,text:td_gbsj" >
|
</td>
|
<td data-bind="visible: fdqxbgType" >
|
<a href="javascript:;" data-bind="text: td_tdbh, click: $parent.edit" title="分单"></a>
|
</td>
|
<td data-bind="visible: !fdqxbgType,text:td_tdbh" >
|
|
</td>
|
<td data-bind="visible: fdqxbgType,text: td_ztbz"></td><!-- data-bind="text: td_khmc" -->
|
<td data-bind="visible: !fdqxbgType,text: td_gbr"></td>
|
<td style="text-align: left;" data-bind="text: td_khmc"></td>
|
<td style="text-align: left;" data-bind="text: td_bz"></td>
|
<td style="text-align: left;" data-bind="text: td_shdd"></td>
|
<td style="text-align: left;" data-bind="text: td_djrq"></td>
|
<td data-bind="text: timeMinus"></td>
|
<td data-bind="visible:fdqxbgType,text: td_wfdsl"></td>
|
<td style="text-align: right;" data-bind="visible:fdqxbgType,text: td_wfdzl"></td>
|
|
<td data-bind="visible:!fdqxbgType,text: td_gbsl"></td>
|
<td style="text-align: right;" data-bind="visible:!fdqxbgType,text: td_gbzl"></td>
|
|
<td data-bind="text: td_djrq"></td>
|
<td data-bind="text: td_bmmc"></td>
|
<td data-bind="text: td_zdr"></td>
|
<!-- <td data-bind="text: td_ywrq"></td> -->
|
<td style="text-align: left;" data-bind="text: companyName"></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="col-md-12">
|
<div id="pagdiv" style="display: inline-block"></div>
|
<!-- <div id="selectMessage" style="display: 'inline-block'; float: right">
|
<p class="bg-info">
|
已选择：<span data-bind="text: selectedNum">0</span>件，
|
重量：<span data-bind="text: selectedPZ">0</span>吨。
|
</p>
|
</div> -->
|
</div>
|
</div>
|
<div id="dialog-confirm" class="hide">
|
<div class="alert alert-info bigger-110" id="modalContent">
|
</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" style="overflow: hidden">
|
<table class="table table-bordered table-hover table-striped" style="width: 30%; float: left">
|
<thead>
|
<tr>
|
<th>选择</th>
|
</tr>
|
</thead>
|
<tbody data-bind="foreach: oList">
|
<tr data-bind="visible: visible">
|
<td>
|
<a href="javascript:;" data-bind="text: key, click: $parent.addSort"></a>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<table class="table table-bordered table-hover table-striped" style="width: 70%; float: left">
|
<thead>
|
<tr>
|
<th>规则</th>
|
<th>升序</th>
|
<th>降序</th>
|
</tr>
|
</thead>
|
<tbody data-bind="foreach: soList">
|
<tr>
|
<td>
|
<a href="javascript:;" data-bind="text: key, click: $parent.removeSort"></a>
|
</td>
|
<td>
|
<input type="radio" value="asc" data-bind="checked: result, attr: {name: target}"/>
|
</td>
|
<td>
|
<input type="radio" value="desc" data-bind="checked: result, attr: {name: target}"/>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-default btn-sm" ddata-dismiss="modal" id="clearSortBtn">清除</button>
|
<button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" id="searchSortBtn" >确定</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</ui:define>
|
<ui:define name="myscript">
|
<script type="text/javascript" src="#{request.contextPath}/template/nit/cdn/js/getdate/WdatePicker.js"></script>
|
<script src="js/marineBillofLadingList.js?v=#{sessionScope.login_page_vesion}"></script>
|
</ui:define>
|
</ui:composition>
|
</html>
|
