platform-b2b/src/main/webapp/resources/tpl/index/baseInfo/myRequest.html

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

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

.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: #fff;
	height: 50px;
	line-height: 50px;
}
.order-table .order-hd p{
	line-height: 26px;
	height: 26px;
}
.order-table .order-hd p.switch span:first-child{
	line-height: 26px;
}
.order-table .order-hd p.switch{
	padding-left: 10px;
}
.order-table .order-hd p.switch .checkbox{
	padding-top: 0;
	float: right;
	margin-right: 30px;
}
/*.order-table .order-hd td{
	padding-bottom: 10px;
}*/
.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-bottom: 1px #e8e8e8 dotted;
}

.order-table>tbody:hover {
	border: #fff 1px solid;
	border-bottom: 20px solid #f5f5f5;
}
.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;
}
.white{
	color: #fff;
}
/*增加样式*/
.view-slide-in {
	/*margin-top: 20px;*/
}
.view-slide-in .block {
	background: #fff;
}
.view-slide-in .group-container {
	background: #fff;
	margin-bottom: 10px;
}
.view-slide-in .group-container .btn-group {
	width: 190px;
	border: none;
	height: 45px;
}
.view-slide-in .group-container .btn-group .btn {
	color: #000;
}
.view-slide-in .group-container .btn-group .btn-info {
	color: #d32526;
	background: #fff;
	border: none;
}
.view-slide-in .group-container .btn-group .btn {
	border: none;
	font-size: 16px;
	font-family: "Microsoft YaHei", "微软雅黑";
}
.view-slide-in .group-container .btn-group .btn em {
	color: #d32526;
	font-style: inherit;
}
.view-slide-in .group-container .btn-group .btn:hover {
	background: #fff;
	color: #d32526;
}
.view-slide-in .group-container {
	padding: 0;
}
.view-slide-in .search-bg {
	margin-top: 10px;
	margin-bottom: 15px;
}
#topSearch {
	font-size: 18px;
}
.view-slide-in #topSearch .search-bg i {
	color: #999;
	margin-left: 10px;
}
.form-group-sm .form-control-feedback {
	width: 85px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	background: #3f84f6;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}
#topSearch .input-sm, .form-group-sm .form-control {
	height: 36px;
	line-height: 36px;
	border: #3f84f6 1px solid;
	border-radius: 0px;
	font-size: 14px;
}
.search-bg .col-xs-6,.search-bg .row {
	padding-right: 0;
}
.order-table .company-list,.order-table .order-hd:first-child {
	background: #fff;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	border-bottom: #ddd 1px solid;
}
.order-table .company-list {
	width:100%;
	height: 190px;
	border-bottom: 20px solid #f5f5f5;
}
.order-table .order-hd span.margin-left20 {
	margin-left: 35px;
}
.order-table .product {
	line-height: 25px;
	font-size: 14px;
}
.order-table .product span {
	margin-right: 10px;
}
.grey01 {
	color: #969595;
	font-size: 14px;
	text-align: center;
}
.order-table .btn {
	min-width: 80px;
	height: 24px;
	color: #fff;
	border-radius: 4px;
	padding: 0;
	line-height: 22px !important;
	margin-bottom: 2px;
}
.order-table .btn:hover{
	background: #5078cb;
}
.order-table .btn01 {
	color: #3f84f6;
	background: #fff;
	border: none;
	font-size: 16px;
}
.order-table .order-hd td.first {
	line-height: 25px;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.search-bg .input-group-addon{
	width: 85px;
	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: 0;
	right: 0;
}
.search-bg .form-group{
	position: relative;
}
.order-table>tbody{
	border-bottom: #f5f5f5 16px solid !important;
	/*border: #f5f5f5 16px solid !important;*/
}
.label-success {
	background: #27b6da;
}
.label-danger {
	background: #3f84f6;
}
.order-table .order-hd .text-center p{
	margin: 5px 0;
}
.new-dot{
	top: 15px;
}
.order-table .company-list, .order-table .order-hd:first-child{
	border-top:#e8e8e8 1px solid;
}

	.order-table .first .row {
		margin-left: 0;
		line-height: 32px;
	}
.order-table .company-list tr .first{
	border-bottom: #e8e8e8 1px solid;
}
.order-table>tbody{
	border-bottom: none !important;
}
.order-table>tbody .height16{
	height: 16px;
	border-left: #f5f5f5 2px solid;
	border-right: #f5f5f5 2px solid;
}
.order-table>tbody .height16 td{
	background: #f5f5f5;
}
.ng-table-pager{
	/*background: #f5f5f5;*/
}
</style>
<div class="block" id="myquest-public">
<div class="loading in" ng-class="{'in': loading}">
	<!--<i></i>-->
	<div class="wrap">
		<div class="outer"></div>
	</div>
</div>
<div ng-include src="'static/tpl/index/baseInfo/vendorAndCustomer.html'"></div>
	<div style="margin-top: -55px;">
		<div class="col-xs-6" style="float: left;"></div>
		<div class="form-input col-xs-6 myRequest search-bg">
			<div class="row">
				<div class="col-xs-9">
					<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()" placeholder="输入企业名称等关键词进行搜索" />
							<a class="btn input-group-addon" ng-click="onSearch()">搜索</a>
						</div>
					</div>
				</div>
				<div class="col-xs-3" style="padding-left: 0;">
					<p>搜索到<em>{{tableParams.total()}}</em>条</p>
				</div>
			</div>
		</div>
	</div>
<table class="order-table block" ng-table="tableParams">
	<tbody ng-repeat="request in $data" class="company-list">
		<tr class="order-hd" ng-dblclick="order.$collapsed=!order.$collapsed" ng-class="{'text-bold': order.display>0}">
			<td colspan="4" style="position: relative;"><span ng-bind="request.vendName" class="margin-left20"></span><b class="new-dot" ng-if="request.statusCode==311 && request.method==0"></b><img src="static/img/logo/youruanrenzheng.png" id="logo" ng-if="enterprise.status == 313"></td>
			<td width="140" class="text-center">
			</td>
		</tr>
		<tr class="height72 order-hd" ng-dblclick="order.$collapsed=!order.$collapsed" ng-class="{'text-bold': order.display>0}">
			<td class="first" colspan="4">
				<div class="row">
					<div class="col-md-3"><span class="text-muted">营业执照：</span><span ng-bind="::request.vendUID"></span></div>
					<div class="col-md-3"><span class="text-muted">法定代表人：</span><span ng-bind="::request.enterprise.enCorporation"></span></div>
					<div class="col-md-4"><span class="text-muted">企业UU：</span><span ng-bind="::request.enterprise.uu"></span></div>
				</div>
				<div class="row">
					<div class="col-md-3"><span class="text-muted">联系人：</span><span ng-bind="::request.contact.userName"></span></div>
					<div class="col-md-3"><span class="text-muted">联系电话：</span><span ng-bind="::request.contact.userTel"></span></div>
					<div class="col-md-4"><span class="text-muted">邮箱：</span><span ng-bind="::request.contact.userEmail"></span></div>
				</div>
				<div class="row">
					<div class="col-md-3"><span class="text-muted">行业：</span><span ng-bind="::request.enterprise.profession"></span></div>
					<div class="col-md-7"><span class="text-muted">经营范围：</span><span ng-bind="::request.enterprise.tags"></span></div>
				</div>
				<div class="row col-md-12"><span class="text-muted">企业地址：</span><span ng-bind="::request.enterprise.enAddress"></span></div>
			</td>
			<td class="text-center">
				<p ng-if="request.statusCode==313 && request.vendor != 1"><a class="btn label-success white" ng-click="addSupplier(request.vendUID)">添加供应商 </a></p>
				<p class="switch"  ng-if="request.statusCode==313 && request.vendor == 1">
					<span style="float: left;">供应商</span>
					<span class="checkbox">
						<span class="off" ng-if="request.vendor == 1 && request.vendswitch == 1" ng-click="relieve(request.vendorId)" title="已启用"></span>
						<span class=""  ng-if="request.vendor == 1 && request.vendswitch != 1" ng-click="activeVend(request.vendorId)" title="已禁用"></span>
					</span>
				</p>
			<p ng-if="request.statusCode==313 && request.servicer != 1"><a class="line24 btn label-success white" ng-click="addServicer(request.vendUID)">添加服务商</a></p>
			<p class="switch"  ng-if="request.statusCode==313 && request.servicer == 1">
				<span style="float: left;">服务商</span>
				<span class="checkbox">
						<span class="off" ng-if="request.servicer == 1 && request.servicerswitch == 1" ng-click="relieveServicer(request.vendorId)" title="已启用"></span>
						<span class=""  ng-if="request.servicer == 1 && request.servicerswitch != 1" ng-click="activeServicer(request.vendorId)" title="已禁用"></span>
					</span>
			</p>
				<p ng-if="request.statusCode==313 && request.customer != 1"><a class="line24 btn label-danger white" ng-click="addCust(request.vendUID)">添加客户</a></p>
				<p class="switch"  ng-if="request.statusCode==313 && request.customer == 1">
					<span style="float: left;">客户</span>
					<span class="checkbox">
						<span class="off" ng-if="request.customer == 1 && request.custswitch == 1" ng-click="disableCust(request.custId)" title="已启用"></span>
						<span class=""  ng-if="request.customer == 1 && request.custswitch != 1" ng-click="activeCust(request.custId)" title="已禁用"></span>
					</span>
				</p>
			</td>
		</tr>
		<tr class="height16">
			<td colspan="5"></td>
		</tr>
	</tbody>
	<tbody ng-if="tableParams.total() == 0" class="no-record-tab">
	<tr>
		<td colspan="5">
			<div id="empty">
				<div class="left_img">
					<a href="http://www.ubtob.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>
				</div>
			</div>
		</td>
	</tr>
	</tbody>
</table>
</div>