买家支付中心

src/main/webapp/resources/view/usercenter/forstore/pay_center.html

@@ -173,100 +173,73 @@
 	.tab-dd .col-xs-4 p{
 		font-size: 14px;
 	}
+	#pay_center .tab {
+		background: #fff;
+	}
+	#pay_center .tab .user-account-table {
+		width: 999px;
+		margin: 0 auto;
+	}
+	#pay_center .tab .user-account-table thead {
+		background: #89aefa;
+	}
+	#pay_center .tab .user-account-table thead tr th {
+		height: 38px;
+		text-align: center;
+		font-size: 14px;
+		color: #fff;
+		font-weight: normal;
+	}
+	#pay_center .tab .user-account-table tbody tr td {
+		font-size: 14px;
+		color: #666;
+		padding-left: 11px;
+		height: 51px;
+		line-height: 51px;
+		border-left: 1px solid #dae5fd;
+	}
+	#pay_center .tab .user-account-table tbody tr td.operate-area {
+		border-right: 1px solid #dae5fd;
+	}
 </style>
 <!--右侧主体部分-->
 <div class="user_right fr" id="pay_center">
 	<!--支付中心-->
 	<div class="pay_record oder">
-		<div class="user_r_01">
-			<dl>
-				<dt><img src="static/img/user/images/user_photo.png" /></dt>
-				<dd>
-					<span>{{userInfo.userName}}<br/>
-						<!--<em>账户余额：￥<b ng-bind="0"></b></em>-->
-					</span>
-					<a href="user#/accountManager">账户设置&nbsp;》</a>
-				</dd>
-			</dl>
-		</div>
 		<div class="oder01" style="margin-bottom: 16px;">
 			<ul>
-				<li ng-class="{'active' : status=='pay-info'}" ng-click="toggleStatus('pay-info')"><a href="javascript:void(0)">银行账户信息</a></li>
-				<li ng-class="{'active' : status=='pay-history'}" ng-click="toggleStatus('pay-history')"><a href="javascript:void(0)">支付记录</a></li>
-				<li class="new-account" ng-click="editAccount()" style="color: #5078cb;" ng-if="!userInfo.enterprises"><i class="fa fa-plus-circle"></i>&nbsp;&nbsp;新增账户</li>
-			</ul>
-		</div>
-		<div class="oder01" ng-if="status=='pay-info' && userInfo.enterprises" style="margin-bottom: 10px;">
-			<ul>
-				<li ng-class="{'active' : accountStatus=='personal'}" ng-click="toggleAccountStatus('personal')"><a href="javascript:void(0)">个人账户</a></li>
-				<li ng-class="{'active' : accountStatus=='enterprise'}" ng-click="toggleAccountStatus('enterprise')"><a href="javascript:void(0)">企业账户</a></li>
-				<li class="new-account" ng-click="editAccount()" style="color: #5078cb;"><i class="fa fa-plus-circle"></i>&nbsp;&nbsp;新增账户</li>
+				<li ng-class="{'active' : status=='pay-history'}" ng-click="toggleStatus('pay-history')"><a href="javascript:void(0)">交易记录</a></li>
+				<li ng-class="{'active' : status=='pay-info'}" ng-click="toggleStatus('pay-info')"><a href="javascript:void(0)">付款账户</a></li>
 			</ul>
 		</div>
 		<!--支付中心列表-->
 		<div class="ticket_record_list">
 			<!-- 支付信息-->
 			<div class="tab" ng-show="status == 'pay-info'" style="display: inline-block;">
-				<dl class="pay_xq">
-					<dt>
-						<span class="wd01">类型</span>
-						<span>账户</span>
-						<span>账户名</span>
-						<span>其他</span>
-						<span style="width: 14%;">操作</span>
-					</dt>
-					<p class="height16">&nbsp;</p>
-					<dd class="pay_ok" ng-if="accounts.length != 0">
-						<span class="wd01"><em>已绑定</em></span>
-					</dd>
-					<dd ng-repeat="account in accounts" ng-if="accounts.length != 0">
-						<span class="wd01"><img src="static/img/user/images/bank_card.png"/> </span>
-						<span ng-bind="account.number || '空'"></span>
-						<span ng-bind="account.accountname || '空'"></span>
-						<span ng-bind="account.bankname || '空'"></span>
-						<span style="width: 14%;" class="account-operate">
-							<a class="modify" href="javascript:void(0)" ng-click="editAccount(account)">编辑</a>
-							<a class="modify" href="javascript:void(0)" ng-click="deleteAccount(account)">删除</a>
-							<a class="default-set account" href="javascript:void(0)" ng-click="setDefaultAccount(account.id)" ng-if="account.num!=1">设为默认</a>
-							<a href="javascript:void(0)" class="account default-account" ng-if="account.num == 1" class="default-account">默认账户</a>
-						</span>
-					</dd>
-					<dd class="text-center f14" ng-if="accounts.length == 0 && accountStatus=='personal'" style="height: 200px; padding: 35px;">
-						<div class="col-xs-offset-3 col-xs-2">
-							<img src="static/img/all/empty-cart.png">
-						</div>
-						<div class="col-xs-4">
-							<p class="grey" style="font-size: 12px">暂无个人账户信息，请新增账户信息</p>
-						</div>
-					</dd>
-					<dd class="text-center f14" ng-if="accounts.length == 0 && accountStatus=='enterprise'" style="height: 200px; padding: 35px;">
-						<div class="col-xs-offset-3 col-xs-2">
-							<img src="static/img/all/empty-cart.png">
-						</div>
-						<div class="col-xs-4" ng-if="userInfo.enterprises">
-							<p class="grey" style="font-size: 12px">暂无企业账户信息，请新增账户信息</p>
-						</div>
-					</dd>
-					<!--<p class="height16">&nbsp;</p>-->
-					<dd class="pay_style" style="display: none">
-						<span><a href="javascript:void(0)"><b class="pay_icon"><img src="static/img/user/images/bank_card.png"/></b><p>银行卡</p></a></span>
-						<span><a href="javascript:void(0)"><b class="pay_icon"><img src="static/img/user/images/wechat.png"/></b><p>微信</p></a></span>
-						<span><a href="javascript:void(0)"><b class="pay_icon"><img src="static/img/user/images/alipay.png"/></b><p>支付宝</p></a></span>
-						<span><a href="javascript:void(0)"><b class="pay_icon"><img src="static/img/user/images/alipay.png"/></b><p>支付宝</p></a></span>
-						<span><a href="javascript:void(0)"><b class="pay_icon"><img src="static/img/user/images/other_pay.png"/></b><p>更多支付方式</p></a></span>
-					</dd>
-				</dl>
+				<table class="user-account-table">
+					<thead>
+						<th width="165">开户银行</th>
+						<th width="209">开户支行</th>
+						<th width="254">银行账号</th>
+						<th width="213">开户名称</th>
+						<th width="168">操作</th>
+					</thead>
+					<tbody>
+						<tr>
+							<td>中国银行</td>
+							<td>南山支行</td>
+							<td>1256325*******************5621</td>
+							<td>优软*********有限公司</td>
+							<td class="operate-area">
+								<a>删除</a>
+								<span>默认账户</span>
+							</td>
+						</tr>
+					</tbody>
+				</table>
 			</div>
 			<!--支付记录-->
 			<div class="tab" ng-show="status == 'pay-history'" style="display: inline-block">
-				<!--<div class="screen">-->
-					<!--<div class="screen_time fl" hidden="hidden">-->
-						<!--<span>付款时间</span>-->
-						<!--<input type="search" placeholder="2016-05-01" class="timeStart" ng-model="timeStart">-->
-						<!-- - -->
-						<!--<input type="search" placeholder="2016-05-31" class="timeEnd" ng-model="timeEnd">-->
-					<!--</div>-->
-				<!--</div>-->
 				<dl>
 					<dt>
 						<span>时间</span>