<?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, #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.no}" id="no" />
|
<div class="row">
|
<div class="col-xs-6" style="width: 60%;">
|
<table id="simple-table" class="table table-bordered table-hover table-striped">
|
<tr>
|
<td style="width: 80px">提单编号</td>
|
<td data-bind="text: td().td_tdbh"></td>
|
<td style="width: 80px">审核日期</td>
|
<td data-bind="text: td().td_shsj"></td>
|
</tr>
|
<tr>
|
<td>备 注</td>
|
<td data-bind="text: td().td_bz"></td>
|
<td>客户名称</td>
|
<td data-bind="text: td().td_khmc"></td>
|
</tr>
|
<tr>
|
<td>制单部门</td>
|
<td data-bind="text: td().td_bmmc+' '+td().td_xsr"></td>
|
<td>制单人员</td>
|
<td data-bind="text: td().td_zdr"></td>
|
</tr>
|
</table>
|
</div>
|
<div class="col-xs-6 alert alert-info" style="width:40%">
|
<p class="bg-info" style="font-weight: bold" id="vehicleMessage">
|
当前车牌号：<span id="_vhicleId"></span>，
|
可配重量：<span id="_lastweight"></span>，
|
载重：<span id="_loadweight"></span>，
|
已配重量：<span id="_fdweight"></span>，
|
已配数量：<span id="_fdnum"></span>。
|
</p>
|
<p class="bg-info" style="font-weight: bold">
|
已选择：<span data-bind="text: selectedNum"></span>个，
|
毛重：<span data-bind="text: selectedMZ"></span>吨，
|
净重：<span data-bind="text: selectedJZ"></span>吨。
|
</p>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-xs-3" style="width: 30%">
|
<button class="btn btn-sm btn-info" type="button" id="clearSelectBtn">清除选择</button>
|
<button class="btn btn-sm btn-info" type="button" id="selectAllBtn" data-bind="style: {display: isSelectAll() ? 'none' : 'inline-block'}">全选</button>
|
<button class="btn btn-sm btn-info" type="button" id="selectNoBtn" data-bind="style: {display: isSelectAll() ? 'inline-block' : 'none'}">全不选</button>
|
<button class="btn btn-sm btn-info" type="button" id="bindBtn">配车</button>
|
<button class="btn btn-sm btn-warning" type="button" id="unbindBtn">取消配车</button>
|
</div>
|
<div class="col-xs-3" style="text-align: right;width: 30%">
|
<button class="btn btn-sm btn-info mStatus" type="button" id="allNumBtn">全部 <span data-bind="text: allNum"></span></button>
|
<button class="btn btn-sm mStatus" type="button" id="bindNumBtn">已分单 <span data-bind="text: bindNum"></span></button>
|
<button class="btn btn-sm mStatus" type="button" id="unbindNumBtn">未分单 <span data-bind="text: unbindNum"></span></button>
|
</div>
|
<div class="col-xs-3" style="width: 15%">
|
<div class="input-group">
|
<input class="form-control input-mask-date" type="text" id="vehicleKeyword" placeholder="输入车牌号检索" />
|
<span class="input-group-btn">
|
<button class="btn btn-sm btn-default searchBtn" type="button" id="searchVehicleBtn">
|
<i class="ace-icon fa fa-search bigger-110"></i>
|
搜索
|
</button>
|
</span>
|
</div>
|
</div>
|
<div class="col-xs-3" style="text-align: right;width: 25%">
|
<button type="button" class="btn btn-primary btn-sm" id="addTempVehicle">添加临时车辆</button>
|
<button type="button" class="btn btn-primary btn-sm" id="refreshVehicleBtn">
|
<i class="ace-icon fa fa-refresh bigger-110"></i>
|
更新车辆状态
|
</button>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-xs-6 table-responsive" style="width:60%">
|
<table id="vehicle-table" class="table table-bordered table-hover table-striped" onselectstart="return false;">
|
<thead>
|
<tr>
|
<th class="detail-col" style="min-width: 30px"><span class="th">序号</span></th>
|
<th class="detail-col" style="min-width: 80px"><span class="th">车牌号</span></th>
|
<th class="detail-col" style="min-width: 140px"><span class="th">批次号</span></th>
|
<th class="detail-col" style="min-width: 80px"><span class="th">物料名称</span></th>
|
<th class="detail-col" style="min-width: 120px"><span class="th">规格型号</span></th>
|
<th class="detail-col" style="min-width: 120px"><span class="th">包装</span></th>
|
<th class="detail-col" style="min-width: 80px"><span class="th">货位</span></th>
|
<th class="detail-col" style="min-width: 50px"><span class="th">毛重</span></th>
|
<th class="detail-col" style="min-width: 50px"><span class="th">净重</span></th>
|
</tr>
|
</thead>
|
<tbody data-bind="foreach: list">
|
<tr class="mitem" data-bind="attr: {'data-indx': indx}">
|
<td class="center">
|
<span data-bind="text: $index() + 1"></span>
|
</td>
|
<td data-bind="text: tdmx_cph"></td>
|
<td data-bind="text: tdmx_pch"></td>
|
<td data-bind="text: tdmx_wlmc"></td>
|
<td data-bind="text: tdmx_ggxh"></td>
|
<td data-bind="text: tdmx_zpbz"></td>
|
<td data-bind="text: tdmx_hwbh"></td>
|
<td data-bind="text: tdmx_mz"></td>
|
<td data-bind="text: tdmx_jz"></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="col-xs-6 table-responsive" style="width: 40%">
|
<table id="vehicle-table" class="table table-bordered table-hover table-striped">
|
<thead>
|
<tr>
|
<th class="detail-col" style="min-width: 100px"><span class="th">操作</span></th>
|
<th class="detail-col" style="min-width: 100px"><span class="th">车牌号</span></th>
|
<th class="detail-col" style="min-width: 80px"><span class="th">可配车重量</span></th>
|
<th class="detail-col" style="min-width: 350px"><span class="th">特征</span></th>
|
<th class="detail-col" style="min-width: 50px"><span class="th">车重</span></th>
|
<th class="detail-col" style="min-width: 30px"><span class="th">载重</span></th>
|
<th class="detail-col" style="min-width: 130px"><span class="th">已配车数量</span></th>
|
<th class="detail-col" style="min-width: 130px"><span class="th">已配车重量</span></th>
|
<th class="detail-col" style="min-width: 400px"><span class="th">备注</span></th>
|
<th class="detail-col" style="min-width: 70px"><span class="th">司机</span></th>
|
<th class="detail-col" style="min-width: 100px"><span class="th">手机号</span></th>
|
<th class="detail-col" style="min-width: 150px"><span class="th">身份证号</span></th>
|
</tr>
|
</thead>
|
<tbody data-bind="foreach: vList">
|
<tr class="vitem" data-bind="attr: {'data-indx': indx}">
|
<td>
|
<div class="btn-group">
|
<button class="btn btn-xs btn-info" title="选择" data-bind="click: $parent.select">
|
选择
|
</button>
|
<button class="btn btn-xs btn-info" title="选择" data-bind="click: $parent.check">
|
查看
|
</button>
|
</div>
|
</td>
|
<td>
|
<a href="javascript:;" data-bind="text: vehicleId, click: $parent.vehicleTasks"></a>
|
</td>
|
<td data-bind="text: lastweight"></td>
|
<td data-bind="text: feature"></td>
|
<td data-bind="text: vehicleweight"></td>
|
<td data-bind="text: loadweight"></td>
|
<td data-bind="text: fdnum"></td>
|
<td data-bind="text: fdweight"></td>
|
<td data-bind="text: note"></td>
|
<td data-bind="text: driver"></td>
|
<td data-bind="text: phone"></td>
|
<td data-bind="text: IDNum"></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="modal fade" id="tempVehicleModal">
|
<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" style="text-transform:uppercase" id="vehicleId" name="vehicleId" placeholder="" data-bind="value: o().vehicleId"/>
|
</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="driver" 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"><span class="t-error">*</span> 手机号</label>
|
<div class="col-md-6">
|
<input type="text" class="form-control" placeholder="" name="phone" 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"><span class="t-error">*</span> 身份证号</label>
|
<div class="col-md-6">
|
<input type="text" class="form-control" placeholder="" name="IDNum" data-bind="value: o().IDNum"/>
|
</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" placeholder="" name="vehicleweight" data-bind="value: o().vehicleweight"/>
|
</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" placeholder="" name="vehicleweight" data-bind="value: o().loadweight"/>
|
</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" placeholder="" data-bind="value: o().feature"/>
|
</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" 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-sm btn-default" data-dismiss="modal">取消</button>
|
<button type="button" class="btn btn-sm btn-primary" id="tempVehicleSaveBtn">保存</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 src="js/formSplit.js?v=9"></script>
|
</ui:define>
|
</ui:composition>
|
</html>
|
