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

<style>
.detail{
	background: #fff;
	padding:30px 20px;
}
.detail .top{
	position:relative;
	margin-bottom:30px;
}
.detail .top h3{
	font-size: 20px;
	color:#54a9f0;
	text-align: center;
	margin:0;
}
.detail .top .top-right{
	position:absolute;
	top:3px;
	right:0;
	color:#999;
}
.detail .top .top-right span{
	font-size:14px;
	margin-left:10px;
}
.detail .top .top-right span em{
	font-style:normal;
}
.detail .middle{
	border-top:1px solid #e5e5e5;
	padding-top:40px;
	padding-bottom:40px;
}
.detail .middle ul li{
	width:33%;
	height:60px;
	vertical-align:top;
}
.detail .middle ul li span{
	display:inline-block;
	width:25%;
	color:#333;
	font-size: 14px;
	font-weight: bold;
}
.detail .middle ul li em{
	display:inline-block;
	width:75%;
	vertical-align: top;
	color:#999;
	font-size: 14px;
	font-style: normal;
}
.detail table{
	border:1px solid #dcdcdc;
	table-layout: fixed;
}
.detail table thead th{
	background: #ebf5fe;
	font-weight: bold;
	font-size: 14px;
	color:#333;
	padding-left:10px;
}
.detail table thead th:before{
	content:'';
	display:inline-block;
	position:relative;
	left:-11px;
	top:2px;
	width:1px;
	height:16px;
	border-left: 1px solid #dcdcdc;
}
.detail table tr td{
	padding-top:20px;
	padding-bottom:30px;
	word-break:break-all;
}
.detail table td a{
	font-size: 14px;
	color:#54a9f0;
}
.detail table td a:hover{
	text-decoration: underline;
	cursor:pointer;
}
.detail table td span{
	font-size: 14px;
	color:#999;
}
.detail table td .info{
	position:relative;
}
.detail table td .info span{
	color:#333;
}
.detail table td .info:hover >span{
	color:#54a9f0;
	cursor:pointer;
}
.detail table td .info:hover >i{
	color:#54a9f0;
}
.detail table td .info:hover .modal-content{
	display:block;
}
.detail table td .info .modal-content{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	margin:0;
	padding:15px 10px;
}
.detail table td .info .modal-content ul li{
	width:270px;
}
.detail table td .info .modal-content ul li span{
	font-size: 14px;
	color:#333;
}
.detail table td .info .modal-content ul li em{
	font-size: 14px;
	color:#999;
	font-style: normal;
}
</style>
<div class="detail">
	<div class="top">
		<h3>客户公共询价单</h3>
		<div class="top-right">
			<span>日期：<em ng-bind="inquiry.date | date:'yyyy-MM-dd'"></em></span>
			<span>报价单号：<em ng-bind="::inquiry.code"></em></span>
		</div>
	</div>
	<div class="middle">
		<ul class="list-inline">
			<li>
				<span>询价企业</span><em ng-bind="::inquiry.enterprise.enName"></em>
			</li>
			<li>
				<span>联系人&nbsp;</span><em></em>
			</li>
			<li>
				<span>联系电话</span><em></em>
			</li>
			<li>
				<span>企业地址</span><em ng-bind="inquiry.ship"></em>
			</li>
			<li>
				<span>报价截止</span><em ng-bind="::inquiry.endDate | date:'yyyy-MM-dd'"></em>
			</li>
		</ul>
	</div>
	<table class="table">
		<thead>
			<tr>
				<th>产品型号</th>
				<th>品牌</th>
				<th width="60">币种</th>
				<th width="60">税率</th>
				<th width="85">分段数量</th>
				<th width="85">价格</th>
				<th>交货周期</th>
				<th>最小订购/包装</th>
				<th>附件</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>
					<div class="info">
						<span ng-bind="inquiryItem.product.cmpCode || inquiryItem.cmpCode"></span>&nbsp;&nbsp;<i class="fa fa-caret-down"></i>
						<div class="modal-content">
							<ul class="list-unstyled">
								<li><span>产品规格：</span>
									<em ng-bind="::inquiryItem.product.spec"></em>
								</li>
								<li><span>产品名称：</span>
									<em ng-bind="::inquiryItem.product.title"></em>
								</li>
							</ul>
						</div>
					</div>
				</td>
				<td>
					<span ng-bind="::inquiryItem.product.brand"></span>
				</td>
				<td><span ng-bind="::inquiryItem.currency"></span></td>
				<td><span ng-bind="::inquiryItem.taxrate"></span><span>%</span></td>
				<td>
					<div ng-repeat="reply in inquiryItem.replies">
						<span ng-bind="reply.lapQty"></span>
					</div>
				</td>
				<td>
					<div ng-repeat="reply in inquiryItem.replies">
						<span ng-if="!isUser" ng-bind="reply.price | number:6"></span>
						<span ng-show="reply.price == null || isUser" class="text-muted">-</span>
					</div>
				</td>
				<td>
					<span ng-bind="inquiryItem.leadtime ? inquiryItem.leadtime : '-'"></span>
				</td>
				<td>
					<span ng-bind="inquiryItem.minOrderQty ? inquiryItem.minOrderQty : '-'"></span>
					<span>/</span>
					<span ng-bind="inquiryItem.minPackQty ? inquiryItem.minPackQty : '-'"></span>
				</td>
				<td>
					<a href="{{attach.path}}" target="_blank"><span ng-if="attach != null" ng-bind="attach.name"></span></a>
				</td>
			</tr>
		</tbody>
	</table>
</div>