platform-b2b/src/main/webapp/resources/tpl/index/sale/send_detail.html

<style>
	.block .printBox{
	    margin: 5px 0 0 10px;
	}
	.block .printBox .notContent{
	    margin: 0 0 0 67px; display: inline;
	}
	.block .printBox button{
		margin-right: 20px
	}
	.block .printBox span{
		font-weight: bold;font-size:13px;
	}
	.block .table_barcode td{
		text-align:center;
	}
	.block .barNotifyInfo td{
		text-align:center;
	}
	.table_barcode .form-control {
		display: inline;
	}
	.table_barcode .input-xs{
		width:70px;margin: 0 auto;
	}
	.input-xs {
		border-color: #3399CC;
		background-color: #eee;
	}
	.input-xs:focus {
		border-color: #3399CC;
		background-color: #ffffff;
	}
	#order-detail-list .table-default tbody tr td{
		word-break: break-all;
	}
</style>
<div class="loading" ng-class="{'in': loading}">
	<!--<i></i>-->
	<div class="wrap">
		<div class="outer"></div>
	</div>
</div>
<div class="pane base-info"  id="order-detail-list">
	<div class="pub-com_head">
		<span>发货单</span>
		<div class="p-right">
		</div>
	</div>
	<div class="pane-body">
		<div class="title-div" style="border-bottom: 1px dashed #3f84f6;">
			<span class="f14">单据资料</span>&nbsp;
		</div>
		<div class="row row-sm item">
			<div class="col-xs-3">
				<span class="title">发货单号</span>
				<div class="content" ng-bind="::order.code"></div>
			</div>
			<div class="col-xs-6">
				<span class="title">发货日期</span>
				<div class="content" ng-bind="::order.date | date:'yyyy-MM-dd HH:mm:ss'"></div>
			</div>
		</div>
		<div class="row row-sm item">
			<div class="col-xs-3">
				<span class="title">录单人</span>
				<div class="content" ng-bind="::order.recorder"></div>
			</div>
			<div class="col-xs-6">
				<span class="title">客户</span>
				<div class="content" ng-bind="::order.sendItems[0].orderItem.order.enterprise.enName"></div>
			</div>
		</div>
		<div class="title-div" style="border-bottom: 1px dashed #3f84f6;">
			<span class="f14">交易信息</span>&nbsp;
		</div>
		<div class="row row-sm item">
			<div class="col-xs-3">
				<span class="title">币别</span>
				<div class="content" ng-bind="::order.currency"></div>
			</div>
			<div class="col-xs-3">
				<span class="title">汇率</span>
				<div class="content" ng-bind="::order.rate"></div>
			</div>
			<div class="col-xs-6">
				<span class="title">付款方式</span>
				<div class="content" ng-bind="::order.payments"></div>
			</div>
		</div>
		<div class="row row-sm item">
			<div class="col-xs-3">
				<span class="title">金额</span>
				<div ng-if="!isUser" class="content" ng-bind="::order.total | number:6"></div>
			</div>
			<div class="col-xs-9">
				<span class="title">交货地址</span>
				<div class="content-hide content" ng-bind="::order.sendItems[0].orderItem.order.shipAddress"></div>
			</div>
		</div>
		<div class="row row-sm item" ng-if="order.remark">
			<div class="col-xs-12">
				<span class="title">备注</span>
				<div class="content" ng-bind="::order.remark"></div>
			</div>
		</div>
		<div class="title-div" style="border-bottom: 1px dashed #3f84f6;">
			<span class="f14">产品清单</span>&nbsp;
		</div>
		<div class="block">
			<table class="block table table-default table-striped table-hover" style="margin-bottom: 0;">
				<thead>
				<tr class="header">
					<th width="50">序号</th>
					<th width="300">产品</th>
					<th width="80">单价</th>
					<th width="140">发货数量</th>
					<th width="150">收料信息</th>
					<th width="180">订单信息</th>
				</tr>
				</thead>
			</table>
			<table class="block table table-default table-striped table-hover" ng-class="{'scoroll':order.orderItems.length>10}">
				<tbody>
					<tr ng-repeat="item in order.sendItems track by item.id">
						<td class="text-center text-num text-bold f-16 text-success"  width="50">
							<span ng-bind="::item.number"></span>
						</td>
						<td  width="300">
							<div class="text-num text-bold">
								<span ng-bind="::item.orderItem.product.code"></span>
							</div>
							<div>
								<span ng-bind="::item.orderItem.product.title"></span>
							</div>
							<div class="text-muted" ng-bind="::item.orderItem.product.spec"></div>
							<div class="text-bold text-inverse" ng-if="item.orderItem.factory">送货工厂：<span ng-bind="::item.orderItem.factory"></span></div>
						</td>
						<td class="text-center" width="80">
							<div ng-if="!isUser" class="text-num f14" ng-bind="::item.orderItem.price | number:6"></div>
							<div class="text-muted">税率：{{::item.orderItem.taxrate || 0}}%</div>
						</td>
						<td class="text-center"  width="140">
							<div class="text-num f14" ng-bind="::item.qty"></div>
							<div class="text-muted" ng-bind="::item.orderItem.product.unit"></div>
							<div><code ng-if="item.replyRemark"><i class="fa fa-fw fa-warning"></i><span ng-bind="::item.replyRemark"></span></code></div>
						</td>
						<td class="text-center"  width="150">
							<div ng-if="!item.verifyQty" class="text-muted">客户还未收料</div>
							<div ng-if="item.verifyQty" class="dropdown text-center">
								<a href="javascript:void(0);" class="dropdown-toggle text-default">客户已收料{{::item.verifyQty}}{{::item.orderItem.product.unit}}<i class="fa fa-fw fa-angle-down"></i></a>
								<div class="dropdown-menu pane" style="width: 300px;">
									<div class="pane-body">
										<ul class="list-unstyled list-menu">
											<li ng-repeat="verify in item.verifies">
												<div class="row row-sm">
													<div class="col-xs-6">{{::verify.code}}</div>
													<div class="col-xs-6">检验员：{{::verify.testman}}</div>
												</div>
												<div class="row row-sm">
													<div class="col-xs-4">检验：{{::verify.qty}}</div>
													<div class="col-xs-4">合格：{{::verify.okQty || 0}}</div>
													<div class="col-xs-4">不合格：{{::verify.notokQty || 0}}</div>
												</div>
												<div class="text-right text-muted">
													{{::verify.date | date:'MM月dd日 HH:mm:ss'}}
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</td>
						<td class="text-muted"  width="180">
							<div>单据编号：<a href="#/sale/order/{{::item.orderItem.order.id}}" ng-bind="::item.orderItem.order.code"></a></div>
							<div>
								第 <span ng-bind="::item.orderItem.number"></span> 行
								&nbsp;&nbsp;&nbsp;&nbsp;数量：<span ng-bind="::item.orderItem.qty"></span>
							</div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="headerline">
			<span class="content"><a ng-click="barCode()">条码维护&nbsp;</a>
	 		<a title="点击{{vm.editBar? '(收拢)':'(展开)'}}" class="icon-right f16 fa" ng-class="{ 'fa-angle-double-down':!vm.editBar,'fa-angle-double-up':vm.editBar }"  ng-click="barCode()"></a></span> 	 
		</div>
		<div class="block"  ng-show="vm.editBar">
			<div class="printBox" style="margin-bottom: 20px;">
				<div class="notContent"></div>
				<button type="button" class="btn btn-default" ng-click="generateBarCode()">生成条码&nbsp;<a class="fa fa-print"></a></button>
				<button type="button" class="btn btn-default" ng-click="printCode('Bar')">打印条码&nbsp;<a class="fa fa-print"></a></button>
				<button type="button" class="btn btn-default btn-sm" ng-click="printCode('OutBox')">打印外箱号&nbsp;<a class="fa fa-print"></a></button>
			</div>
			<div class="table_barcode">
				<table class="block table table-default table-striped table-hover">
					<thead>
						<tr class="header">
							<th width="60px" class="br-r">
							<input type="checkBox" ng-model="checkbars.checked" ng-click="checkBarAll()" />&nbsp;全选</th>
							<th width="40px" class="br-r">序号</th>
							<th width="110px">物料信息</th>
							<th width="50px">发货数</th>
							<th width="50px">最小包数</th>
							<th width="65px">外箱号<input type="checkBox" ng-model="checkboxes.checked" ng-click="checkBoxAll()" style="margin:0 0 0 4.5px;"/></th>
							<th width="50px">外箱容量</th>
							<th width="60px">打印状态</th>
							<th width="50px">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="item in order.sendItems track by item.id">
							<td style="heigth:50px;text-align: left;">
								<div>
									&nbsp;<input type="checkBox" ng-model="checkBarCode[$index]" ng-click="checkBarOne()"/>
								</div>
							</td>
							<td ><span ng-bind="::item.number"></span></td>
							<td>	
								<div class="text-num text-bold">
									<span ng-bind="::item.orderItem.product.code"></span>
								</div>
								<div>
									<span ng-bind="::item.orderItem.product.title"></span>
								</div>
							</td>
							<td>
								<div class="text-num f14" ng-bind="::item.qty"></div>
						     	<div class="text-muted" ng-bind="::item.orderItem.product.unit"></div>
							</td>
							<td>
								<div>
									<input type="text" class="form-control input-xs" ng-model="item.packageQty" ng-blur="updatePackage(item, $index)"/>
								</div>
							</td>
							<td style="text-align: right;">
								<div>
									<input type="checkBox" ng-model="checkBoxCode[$index]" ng-click="checkBoxOne()" style="margin: 0 5px 0 0" />
								</div>
							</td>
							<td>	
								<div ng-show="checkBoxCode[$index]">
									<input type="text" ng-model="item.outBoxQty" class="form-control input-xs" style="background-color: #ffffff;"  ng-blur="updateOutBox(item,$index)" />
								</div>
								<div ng-show="!checkBoxCode[$index]">
									<input type="text" class="form-control input-xs" ng-model="item.outBoxQty" style="background-color: #ECDADA;cursor: not-allowed;" disabled/>
								</div>	
							</td>
							<td> 
								<div ng-show="item.barPrintStatus == 0"><span>未打印</span></div>
								<div ng-show="item.barPrintStatus == 1">已打印</div>
							</td>
							<td>
								<div ng-show="item.barSendNotify[0]"><button type="button" class="btn" ng-class="{ 'btn-info':vm.showBarCode[$index],'btn-md':!vm.showBarCode[$index]} " ng-click="showBarCode($index)">查看条码</button></div>
								<div ng-show="!item.barSendNotify[0]"><button type="button" class="btn btn-sm" style="background-color: #ECDADA;cursor: not-allowed;">未生成条码</button></div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div ng-show="vm.showBarCode[keys]" class="barNotifyInfo"> 
				<div class="col-xs-8" style="margin: 0 0 0 75px;">
					<div class="search">
						<div class="form-group form-group-sm has-feedback" dropdown auto-close="outsideClick" on-toggle="searchAdvance=open">
							<input type="search" class="form-control input-sm" ng-model="searchText" ng-search="onSearch()" placeholder="输入条码号或外箱搜索" />
							<span class="form-control-feedback text-simple"><i class="fa fa-search"></i></span>
						</div>
					</div>
				</div>
				<div class="col-xs-1">
					<div class="text-default f14 total">
						共 <span ng-bind="barData.totalCount" class="text-num"></span>
					</div>
				</div>
			  	<table class="block table table-default table-striped table-hover" style="width:860px;margin:0 auto">
					<thead>
						<tr class="header">
							<th width="90" class="br-r">条码号</th>
							<th width="90">数量</th>
							<th width="90">外箱号</th>
							<th width="70">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="item in barData.content | filter:searchText">
							<td>
							   <div class="text-num " ng-bind="item.barcode"></div>
							</td>
							<td>
							   <div class="text-num " ng-bind="item.qty"></div>
							</td>
							<td>
							   <div class="text-num " ng-bind="item.outboxcode"></div>
							</td>
							<td><button type="button" class="btn btn-sm"  ng-click="printSingleCode(item.id)">打印</button></td>
						</tr>
					</tbody>
				</table>
				<div class="row mb-20">
					<div class="col-md-8 col-md-offset-1 col-sm-10 col-sm-offset-0 col-xs-12 col-xs-offset-0">
						<a ng-disabled="barData.first"
							class="btn btn-default col-md-2 col-sm-3 col-xs-4"
							ng-click="first()">上一页</a>
						<div class="col-md-8 col-sm-6 col-xs-4 text-center f14"
							style="line-height: 34px;">{{barData.page}}/{{barData.totalPage}}页</div>
						<a ng-disabled="barData.last"
							class="btn btn-default col-md-2 col-sm-3 col-xs-4"
							ng-click="last()">下一页</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<object  id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> 
       <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed>
</object>