platform-b2c/src/main/webapp/resources/view/usercenter/b2b/Purc/cart.html

<style>
.condition .more.open {
	margin-top: 10px;
	height: 36px;
	opacity: 1;
}

.condition .more .form-group {
	margin-bottom: 0;
}

.order-table .header>th {
	height: 38px;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.order-table .sep-row {
	height: 10px;
}

.order-table .selector {
	vertical-align: middle;
	margin: 0 0 2px 0;
}

.toolbar label {
	margin-right: 10px;
	margin-bottom: 0;
}

.toolbar .select_all {
	margin: 0 6px 0 10px;
	line-height: 20px;
}

.toolbar .btn {
	-moz-border-radius: 2px;
	margin-right: 5px;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}

.order-table .order-hd {
	background: #f5f5f5;
	height: 40px;
	line-height: 40px;
}

.order-table .order-hd td.first {
	padding-left: 20px;
}

.order-table .order-hd .order-main span {
	margin-right: 8px;
}

.order-table .order-hd .order-code {
	font-style: normal;
	font-family: verdana;
}

.order-table .order-hd .order-sum {
	padding: 0 5px;
}

/*.order-table>tbody {
	border: 1px solid transparent;
	border-bottom: 10px #ddd solid;
}*/
.order-table>tbody:hover{
	border: #3f84f6 2px solid !important;
}
/*.order-table>tbody:hover .order-hd td{
	border-top: #d32526 2px solid !important;
}*/

.order-table .operates {
	display: none;
}

.order-table .operates i {
	padding: 0 2px;
}

.order-table>tbody:hover .operates {
	display: block;
}
.order-table>tbody:hover .operates-status {
	display: none;
}


.order-table .order-bd {
	border-bottom: 1px solid #e6e6e6;
}

.order-table .order-bd>td {
	padding: 10px 5px;
	vertical-align: top;
	position: relative;
}

.order-table .order-bd .product {
	padding-left: 20px;
}

.order-table .order-bd .order-number {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #f5f5f5;
	font-weight: 500;
	border: solid 1px #d5d5d5;
	border-radius: 0 0 10px 0;
}

.order-table .order-bd .order-number.key {
	background: #56a022;
	color: #ffffff;
}

.unPrinted {
	color: #56a022;
}

.info-container .info:hover {
	color: #CC3333;
}
.buy-cart{
	font-size: 14px;
	padding: 0;
	margin-left: 50px;
}
.buy-cart a{
	color: #5078cb;
	float: left;
	margin-left: 15px;
}
.buy-cart a img{
	margin-right: 3px;
}
#public .menu .btn-group{
	height: inherit !important;
}
</style>
<link rel="stylesheet" href="static/css/b2bPublic.css">
<div class="block fr" id="public">
<div class="loading in" ng-class="{'in': loading}">
	<!--<i></i>-->
	<div class="wrap">
		<div class="outer"></div>
	</div>
</div><div class="pub-com_head">
	<span>购物车</span>
	<div class="p-right">
		<a ng-click="clearCart()" ng-disabled="hasClick"><i class="fa fa-trash"></i>清空</a>
		<a ui-sref="purc_newOrder" title="新增采购单"><i class="fa fa-plus-square fa-fw"></i>新增</a>
	</div>
</div>
<div class="condition block">
	<!--搜索时间筛选-->
	<div class="screen check-filter">
		<div class="radio-block date-radio">
			时间筛选：
			<label class="com-check-radio">
				<input type="radio" id="oneMonth" name="date" ng-click="autoMonth = false;changeDateZone(1);condition.$open=false" checked>
				<label for="oneMonth"></label>
				30天
			</label>
			<label class="com-check-radio">
				<input type="radio" id="threeMonth" name="date" ng-click="autoMonth = false;changeDateZone(3);condition.$open=false">
				<label for="threeMonth"></label>
				90天
			</label>
			<label class="com-check-radio">
				<input type="radio" id="sixMonth" name="date" ng-click="autoMonth = false;changeDateZone(6);condition.$open=false">
				<label for="sixMonth"></label>
				180天
			</label>
			<label class="com-check-radio">
				<input type="radio" id="autoMonth" name="date" ng-click="autoMonth = true;condition.$open=!condition.$open;changeDateZone(-1)">
				<label for="autoMonth"></label>
				自定义
			</label>
		</div>
		<div class="sreach fr">
			<div ng-show="autoMonth" class="date fl">
				<div class="data-input">
					<input type="text" ng-model="condition.dateFrom"
						   class="form-control select-adder" placeholder="起始时间"
						   datepicker-popup="yyyy-MM-dd"
						   is-open="condition.$fromOpened"
						   max-date="condition.dateTo" current-text="今天" clear-text="清除" close-text="关闭"
						   ng-click="openFilterDatePicker($event, condition, '$fromOpened')"
						   ng-focus="openFilterDatePicker($event, condition, '$fromOpened')"
						   datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
					/>
					<button class="open" ng-click="openFilterDatePicker($event, condition, '$fromOpened')"></button>
				</div>

				<em>–</em>
				<div class="data-input">
					<input type="text" ng-model="condition.dateTo"
						   class="form-control select-adder" placeholder="结束时间"
						   datepicker-popup="yyyy-MM-dd"
						   is-open="condition.$toOpened"
						   min-date="condition.dateFrom" current-text="今天" clear-text="清除" close-text="关闭"
						   ng-click="openFilterDatePicker($event, condition, '$toOpened')"
						   ng-focus="openFilterDatePicker($event, condition, '$toOpened')"
						   datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
					/>
					<button class="open" ng-click="openFilterDatePicker($event, condition, '$toOpened')"></button>
				</div>
			</div>
			<div class="sreach-input fr">
				<input type="search" class="form-control input-sm" ng-model="keyword"
					   ng-search="onSearch(keyword)" placeholder="输入单据编号、客户名称、物料名称搜索"/>
				<a class="btn input-group-addon" ng-click="onSearch(keyword)">搜索</a>
			</div>
		</div>
	</div>
</div>
<table class="order-table block" ng-table="tableParams">
	<thead>
		<tr class="header">
			<th>物料</th>
			<th width="80">含税单价</th>
			<th width="100">税率</th>
			<th width="100">数量</th>
			<th width="120">交货日期</th>
			<th width="180">单据状态</th>
			<th width="120">操作</th>
		</tr>
	</thead>
	<tbody ng-if="tableParams.total() == 0">
	<tr>
		<td colspan="7">
			<div id="empty">
				<div class="left_img">
					<a><img src="static/img/all/empty-cart.png"></a>
					<a>B2B 商务</a>
				</div>
				<div class="right_link">
					<p>当前没有对应的采购订单！</p>
				</div>
			</div>
		</td>
	</tr>
	<tr>
		<td colspan="7">
			<div id="empty_info">
				<div class="f16 text-center empty_title">
					<p>为什么我没有采购订单？</p>
				</div>
				<div class="f14 empty_explain">
					<div class="info">
						<p>1、您的采购单在ERP系统上还没审核，订单无法上传到平台<br>
							解决：采购员沟通确认单据是否已经审核（只有ERP中已经审核的单据才能接收到）</p>
					</div>
					<div class="info">
						<p>2、ERP中供应商信息有误<br>
							解决：与您的供应商沟通确认他的资料在供应商资料中是否维护正确，尤其是企业UU号</p>
					</div>
					<div class="info">
						<p>3、您的供应商正在使用旧版本的UAS商务平台<br>
							解决：我们仍有部分用户在使用旧版本UAS商务平台系统，你可以用您的企业UU号和管理员个人UU号 <a href="http://uas.usoftchina.com" class="text-bold text-link" title="http://uas.usoftchina.com" target="_blank">登陆旧版本UAS商务平台</a></p>
					</div>
				</div>
			</div>
		</td>
	</tr>
	</tbody>
	<tbody ng-repeat="order in $data track by order.id">
		<tr class="order-hd" ng-dblclick="order.$collapsed=!order.$collapsed" ng-class="{'text-bold': order.display>0}">
			<td class="first" colspan="5">
				<div class="order-main">
					<!--<span> <input type="checkbox" class="selector"
						ng-model="order.$selected" ng-click="checkOne(order)">
					</span> -->
					<span class="text-num text-bold"
						ng-bind="::order.date | date:'yyyy-MM-dd'"></span>
					<span>订单号：<a
						class="text-num" ng-bind="::order.code" ui-sref="purc_cart_detail({id:order.id})" target="_self"></a></span>
					<span ng-bind="::order.receiveName"></span>
				</div>
			</td>
			<td class="order-sum">{{::order.currency}}： <span
				ng-bind="getCartTotal(order.orderItems) | number : 2"
				class="text-num text-bold"></span>
			</td>
			<td class="text-center">
				<a ng-click="copyorder(order.id)" ng-disabled="hasClick">复制</a>
				<a ng-click="deleteCart(order.id)" ng-disabled="hasClick">删除</a>
			</td>
		</tr>
		<tr class="order-bd" ng-repeat="item in order.orderItems track by item.id"
			ng-if="!order.$collapsed "><!-- && (!searchFilterXls.keyword || item.key || order.$showAll) -->
			<td class="product">
				<div class="text-num order-number" ng-class="{'key': item.key&&order.$showAll}" title="第{{::item.number}}行">{{::item.number}}</div>
				<div class="text-num text-bold">
					<span ng-bind="::item.product.code"></span>
				</div>
				<div>
					<span ng-bind="::item.product.title"></span>
				</div>
				<div class="text-muted"
					ng-bind="::item.product.spec"></div>
				<div class="text-muted text-bold" ng-if="item.vendspec"><span ng-bind="::item.vendspec"></span></div>
				<div class="text-bold text-inverse" ng-if="item.factory">送货工厂：<span ng-bind="::item.factory"></span></div>
				<div class="text-bold text-inverse" ng-if="item.remark">备注：<span ng-bind="::item.remark"></span></div>
			</td>
			<td class="text-center">
				<div class="text-num" ng-bind="::item.price | number:6"></div>
			</td>
			<td class="text-center"><div class="text-muted">{{::item.taxrate || 0}}</div></td>
			<td class="text-center">
				<div class="text-num" ng-bind="::item.qty"></div>
				<div class="text-muted" ng-bind="::item.product.unit"></div>
				<div style="margin: 0 auto" ng-if="item.$editing">
					<input type="number" ng-model="item.reply.qty" min="0" max="{{item.qty}}"
						ng-init="item.reply.qty=item.qty-item.replyQty"
						class="form-control input-xs" placeholder="0~{{item.qty-item.replyQty}}">
				</div>
			</td>
			<td class="text-center br-l">
				<div class="text-num" ng-bind="::item.delivery | date:'yyyy-MM-dd'"></div>
				<br>
				<div style="margin: 0 auto"
					class="input-group input-group-xs input-trigger"
					ng-if="item.$editing">
					<input type="text" ng-model="item.reply.delivery"
						class="form-control" placeholder="回复交期"
						datepicker-popup="yyyy-MM-dd" is-open="item.$opened"
						min-date="order.date" ng-required="true" current-text="今天"
						clear-text="清除" close-text="关闭"
						datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
						ng-focus="openDatePicker($event, item, '$opened')"> <span
						class="input-group-btn">
						<button type="button" class="btn btn-default"
							ng-click="openDatePicker($event, item, '$opened')">
							<i class="fa fa-calendar"></i>
						</button>
					</span>
				</div>
			</td>
			<td class="br-l">
				<div ng-if="!item.replyQty" class="text-muted text-center">待提交</div>
			</td>
			<td class="text-center br-l">
				<a ng-click="deleteDetail(item.id)" ng-disabled="hasClick">删除</a>
			</td>
		</tr>
	</tbody>
</table>
</div>