platform-b2c/src/main/webapp/resources/view/sso/b2b/vendorsInfo.html

<style>
	.wrap-content table{
		background-color: #fff;
	}

	.wrap-content table .table-hover {
		border: 1px red solid;
	}
	#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: 12px;
	}
	#customer-tab tbody tr.header:hover{
		border: none;
	}
	.pane-header{
		/*border-radius: 0px 0 0px 0px;
        box-shadow: 0 0 3px #ccc;
        background: linear-gradient(to top, #e7e7e7 0%,#ffffff 100%);*/
		height: 40px;
		font-size: 14px;
		line-height: 40px;}
	#customer-tab .pane-header th{
		border-bottom: 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: 100px;*/
		/*border-top: #e8e8e8 1px solid;*/
		/*line-height: 100px;*/
	/*}*/
	#customer-tab tbody tr td{
		text-align: center;
		line-height: 20px;
		vertical-align: inherit;
		font-size: 14px;
	}
	/*#customer-tab tbody tr:first-child td{
        padding: 0;
    }*/
	/*#customer-tab tbody tr:hover{
        border: #d32526 2px solid;
    }*/
	#customer-tab .com_title{
		margin-bottom: 10px;
	}
	#customer-tab tbody tr td a{
		color: #3578ba;
	}
	#customer-tab tbody tr td a:hover{
		color: #d32526;
	}
	#customer-tab .content{
		width: 100%;
	}
	#myquest-public .group-container{
		width: 100%;
	}
	#myquest-public .group-container .btn-group {
		width: 160px;
		border: none;
		height: 45px;
	}
	#myquest-public .group-container .btn-group .btn {
		border: none;
		font-size: 16px;
	}
	#myquest-public  .group-container .btn-group .btn em {
		color: #d32526;
		font-style: inherit;
	}
	#myquest-public .group-container .btn-group .btn:hover {
		background: #fff;
		color: #d32526;
	}
	#myquest-public .group-container .btn-group .btn-info {
		color: #d32526;
		background: #fff;
		border: none;
	}
	#myquest-public .margin-bot{
		margin-bottom: 10px;
	}
	#myquest-public .group-container{
		/*height: 45px;*/
		padding: 0;
		background: #fff;
	}
	#myquest-public #public .search-bg .input-group-addon{
		width: 85px;
	}
	#myquest-public .customer-tab .customer-hd .checkbox,#myquest-public .customer-tab .customer-hd .checkbox span{
		margin-left: 0 !important;
	}
	#myquest-public .customer-tab .customer-hd span{
		margin-left: 20px;
	}

	#myquest-public .customer-tab .customer-bd div {
		/*margin-left: 0px;*/
		line-height: 30px;
		text-align: left;
	}
	.order-table .company-list tr .first{
		border-bottom: #e8e8e8 1px solid;
	}
	#customer-tab tbody tr.height16{
		height: 16px;
		border-left: #f5f5f5 2px solid;
		border-right: #f5f5f5 2px solid;
	}
	#customer-tab tbody tr.height16 td{
		background: #f5f5f5;
	}
	#myquest-public .customer-tab tbody{
		border-bottom: none;
	}
	.customer-hd{
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	}
	.customer-bd{
		background: #fff;
	}
	.col-md-3 .text-muted{
		text-align: left;
	}
	.table-hover>tbody>tr:hover {
		background-color: #fff;
	}

	.all-btn a {
		display: inline-block;
		width: 84px;
		height: 24px;
		background-color: #ffffff;
		border-radius: 2px;
		border: solid 1px #5078cb;
		color: #5078cb;
		font-size: 14px;
	}
	.all-btn a:first-child {
		margin-bottom: 10px;
	}
	.all-btn a:hover {
		background-color: #5078cb;
		border-radius: 2px;
		border: solid 1px #5078cb;
		color: #ffffff !important ;
	}
	.ng-table-pager::after {
		clear: both;
		content: ' ';
		zoom: 1;
		display: block;
		visibility: hidden;
	}
	.ng-table-pager {
		padding-right: 20px;
		padding-top: 50px;
		margin-right: 0 !important;
	}
	.text-mns {
		padding-right: 15px;
		position: absolute;
		bottom: 64px;
		right: 20px;
		font-size: 12px;
	}
	.Boom18 {
		bottom: 18px;
	}
</style>
<div style="background: #fff;" id="myquest-public" class="block fr">
	<div ng-include src="'static/view/sso/b2b/vendorAndCustomer.html'"></div>
	<link rel="stylesheet" href="static/css/b2bPublic.css">
	<div id="public">
		<div class="condition" style="padding: 0;">
			<!--<div class="myReuest search-bg condition" >
                <div class="row">
                    <div class="col-xs-5">
                        <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="keyword" ng-search="onSearch(keyword)" placeholder="输入企业名称、简称或申请人搜索"  style="width: 100%"/>
                                <a class="btn input-group-addon" ng-click="onSearch(keyword)">搜索</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <p>搜索到<em>{{total}}</em>条</p>
                    </div>
                </div>
            </div>-->
		</div>
	</div>
	<div>
		<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="keyword" ng-search="onSearch(keyword)" placeholder="输入企业名称等关键词进行搜索" />
				<a class="btn input-group-addon" ng-click="onSearch(keyword)">搜索</a>
			</div>
		</div>
	</div>
	<div class="wrap-content" id="customer-tab"  style="position: relative">
		<div class="content">
			<!--供应商列表-->
			<table class="table order-table table-hover customer-tab" ng-table="customerParams">
				<tbody ng-repeat="vendor in $data">
				<tr class="customer-hd">
					<td colspan="4" class="text-left"><span><img src="static/img/user/images/shop_home.png"><span ng-bind="::vendor.vendorEnterprise.enName" style="margin-left: 3px;"></span></span></td>
					<td class="switch">
							<span class="checkbox" style="width: 100%; margin: 0; height: 26px;">
								<span class="off" ng-if="vendor.vendswitch == 1" ng-click="relieve(vendor.id)" title="已启用"></span>
								<span class="" ng-if="vendor.vendswitch == 0" ng-click="activeVend(vendor.id)" title="已禁用"></span>
							</span>
					</td>
					<!--<td width="200" class="text-center" ng-if="vendor.vendswitch == 1"><a ng-click="relieve(vendor.id)">已启用</a></td>
                    <td width="200" class="text-center" ng-if="vendor.vendswitch == 0"><a ng-click="activeVend(vendor.id)">已禁用</a></td>-->
				</tr>
				<tr class="customer-bd">
					<td  class="first" colspan="4" style="padding-left: 30px;">
						<div class="row">
							<div class="col-md-3"><span class="text-muted">营业执照：</span><span ng-bind="::vendor.vendorEnterprise.enBussinessCode"></span></div>
							<div class="col-md-3"><span class="text-muted">法定代表人：</span><span ng-bind="::vendor.vendorEnterprise.enCorporation"></span></div>
							<div class="col-md-3"><span class="text-muted">企业UU：</span><span ng-bind="::vendor.vendorEnterprise.uu"></span></div>
						</div>
						<div class="row">
							<div class="col-md-3"><span class="text-muted">联系人：</span><span ng-bind="::vendor.vendorUser.userName"></span></div>
							<div class="col-md-3"><span class="text-muted">电话：</span><span ng-bind="::vendor.vendorUser.userTel"></span></div>
							<div class="col-md-3"><span class="text-muted">邮箱：</span><span ng-bind="::vendor.vendorUser.userEmail"></span></div>
						</div>
						<div class="row">
							<div class="col-md-3"><span class="text-muted">行业：</span><span ng-bind="::vendor.vendorEnterprise.profession"></span></div>
							<div class="col-md-7"><span class="text-muted">经营范围：</span><span ng-bind="::vendor.vendorEnterprise.tags"></span></div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<span class="text-muted">企业地址：</span><span ng-bind="::vendor.vendorEnterprise.enAddress"></span>
							</div>
						</div>
					</td>
					<td width="120" class="text-center all-btn">
						<a ng-if="vendor.vendswitch == 1" href="/user#/purc/purcinquiry/{{vendor.vendorEnterprise.enBussinessCode}}" class="btn01">立即询价</a><br/>
						<a ng-if="vendor.vendswitch == 1" ng-click="purcByEn(vendor.vendorEnterprise.enBussinessCode)" class="btn02">下采购单</a>
					</td>
				</tr>
				</tbody>
				<tbody ng-if="customerParams.total() == 0" class="no-record-tab">
				<tr>
					<td colspan="5">
						<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>
				</tbody>
			</table>
			<div ng-if="infoCommon.totalElement > 0" class="text-mns text-right" ng-class="infoCommon.totalElement >= 20 ? '': 'Boom18'">
				显示&nbsp;{{(infoCommon .page - 1 ) * infoCommon.size + 1}}-{{infoCommon.all >= 20 ? infoCommon.page *  infoCommon.size: (infoCommon.page - 1 ) * infoCommon.size + infoCommon.all}}&nbsp;条，共&nbsp;{{infoCommon.totalElement}}&nbsp;条
			</div>
		</div>
	</div>
</div>
<style>
	.wrap-content .customer-tab thead {
		display: none;
	}
</style>