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

<style>
#customer-tab .header th,#customer-tab tbody tr.header,#customer-tab tbody tr.header th{
	height: 38px;
	text-align: center;
	padding: 0;
	line-height: 38px;
	border-bottom-width: 0;
	/*background: #f5f5f5;*/
	border: none;
	font-size: 14px;
}
#customer-tab tbody tr.header:hover{
	border: none;
}
.table>tbody+tbody{
	border-top: none;
}
#customer-tab tbody td{
	border: none;
}
#customer-tab .pane-body{
	padding: 0;
}
#customer-tab tbody tr{
	background: none;
	height: 80px;
	border-top: #e8e8e8 1px solid;
}
#customer-tab tbody tr td{
	text-align: center;
	line-height: 20px;
	vertical-align: inherit;
	font-size: 14px;
}
#customer-tab tbody tr:hover{
	border: #3f84f6 2px solid;
}
#customer-tab .form-horizontal .form-control{
	height: 36px;
	line-height: 36px;
	border: #3f84f6 1px solid;
	border-radius: 0px;
	font-size: 14px;
}
#customer-tab .form-horizontal .form-group{
	margin: 0;
	padding: 10px 0;
}
#customer-tab .form-horizontal .form-group .input-group-addon{
	width: 70px;
	height: 36px;
	display: inline-block;
	background: #3f84f6;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	padding: 0;
	border: none;
	border-radius: 0;
	position: absolute;
	top: 10px;
	right: 0;
}
#customer-tab table tr td a{
	color: #5078cb;
}
#customer-tab table tr td a:hover{
	color: #d32526 !important;
}
.form-horizontal #topSearch{
	font-size: 16px;
	line-height: 55px;
}
#customer-tab table tr td a.color32{
	color: #323232;
}
#customer-tab table thead th:hover{
	background: none;
}
</style>
<div class="loading in" ng-class="{'in': loading}">
	<!--<i></i>-->
	<div class="wrap">
		<div class="outer"></div>
	</div>
</div>
<div class="pane base-info" style="/*max-height: 900px;overflow-y: auto; overflow-x: hidden;*/" id="customer-tab">
	<!--<div class="pane-header">
		客户资料 （共{{::totalCount}}个）
		<div class="pull-right">
			<a href="vendor/customer/xls" target="_self" class="text-simple bule"><i class="fa fa-file-text fa-fw"></i>导出</a>
		</div>
	</div>-->
	<div class="pub-com_head">
		<span>客户资料</span>
		<div class="p-right">
			<a ng-click="exportXls()" target="_self" class="text-simple bule"><i class="fa fa-file-text fa-fw"></i>导出</a>
		</div>
	</div>
	<form class="form-horizontal">
		<div class="form-group">
			<div class="col-md-6 col-sm-6">
				<div id="topSearch" style="float: left">
					<span class="text-muted"><i class="fa fa-search fa-lg"></i> 搜索"{{tip}}",为您找到结果:</span>
					单据{{customerParams.total()}}条
				</div>
			</div>
			<div class="col-md-6 col-sm-6">
				<div class="form-group form-group-sm has-feedback">
					<input type="search" class="form-control input-sm" ng-model="keyword" ng-search="onSearch()" placeholder="输入企业名称搜索" />
               	 	<a class="btn  input-group-addon" ng-click="onSearch()">搜索</a>
                </div>
			</div>
		</div>
	</form>
	<div class="pane-body">
		<table class="table table-bordered table-striped table-hover"
			ng-table="customerParams">
			<thead>
				<tr class="header">
					<th width="80">UU</th>
					<th width="180">客户名称</th>
					<th width="180">地址</th>
					<th width="80">客户联系人</th>
					<th width="100">联系人电话</th>
					<th width="80">我方联系人</th>
					<th width="110">用户分配</th>
				</tr>
			</thead>
			<tbody ng-repeat="customer in $data" ng-mouseenter="showUserInfo(customer,true)" ng-mouseleave="showUserInfo(customer,false)">
					<tr>
						<td class="text-center" ng-bind="::customer.myEnterprise.uu"></td>
						<td class="text-center"><a ng-click="viewDetail(customer.id)" title="查看客户资料" ng-bind="::customer.myEnterprise.enName" class="color32 order-detail"></a></td>
						<td class="text-center" ng-bind="::customer.myEnterprise.enAddress"></td>
						<td class="text-center" ng-bind="::customer.myUser.userName"></td>
						<td ng-bind="::customer.myUser.userTel"></td>
						<td class="text-center" ng-bind="::customer.vendorUser.userName"></td>
						<td class="text-center">
								<!--<a title="展开" class="text-muted" ng-click="open(customer,$index)"><i class="fa fa-toggle-down fa-lg"></i></a>-->
								<!--<a ng-click="viewDetail(customer.id)">查看详情</a><br/>-->
								<div><a style="color: #3f84f6;" title="被分配的用户享有查看和操作权限" ng-click="addUserInfo(customer)"><!--<i class="fa fa-plus-circle fa-lg">-->分配</i></a></div>
							<div><a style="color: #3f84f6;" title="被转移权限的用户可以分配权限给其他用户" ng-click="transferUserInfo(customer)"><!--<i class="fa fa-plus-circle fa-lg">-->转移</a></div>
						</td>
					</tr>
			</tbody>
			<tbody ng-if="$data.length === 0">
			<tr>
				<td colspan="7">
					<div id="empty">
						<div class="left_img">
							<a href="http://www.usoftchina.com/" target="_blank" title="优软云首页"><img src="static/img/empty/uas_empty.png"></a>
							<a href="#/index" title="B2B商务首页">B2B 商务</a>
						</div>
						<div class="right_link">
							<p>暂无对应的单据</p>
							<a href="javascript:location.reload()">点击重新加载<i class="load_icon"></i></a>
						</div>
					</div>
				</td>
			</tr>
			</tbody>
		</table>
	</div>
</div>