|
|
@@ -1,602 +1,337 @@
|
|
|
-<style>
|
|
|
-.searchGroup {
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.btn-primary {
|
|
|
- color: #fff;
|
|
|
- background-color: #7bb4e1;
|
|
|
- border-color: #7bb4e1;
|
|
|
-}
|
|
|
-
|
|
|
-.account-info-line {
|
|
|
- padding: 5px;
|
|
|
- margin-bottom: 5px;
|
|
|
- margin-top: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.marginltb {
|
|
|
- margin-left: 20px;
|
|
|
- margin-top: 10px;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.containerrow {
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
- padding-right: 0px;
|
|
|
-}
|
|
|
-
|
|
|
-.minTitle {
|
|
|
- margin-bottom: 15px;
|
|
|
- margin-top: 15px;
|
|
|
- font-weight: 600;
|
|
|
- font-size: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.paddingzero {
|
|
|
- padding-left: 0px;
|
|
|
- padding-right: 0px;
|
|
|
-}
|
|
|
-
|
|
|
-.marginleftrightzero {
|
|
|
- margin-left: 0px;
|
|
|
- margin-right: 0px;
|
|
|
-}
|
|
|
-
|
|
|
-.marginbot30 {
|
|
|
- margin-bottom: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.total {
|
|
|
- margin-right: 10px;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.marginbot15 {
|
|
|
- margin-bottom: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.orderDiv {
|
|
|
- font-size: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.block {
|
|
|
- background-color: white;
|
|
|
- padding-left: 15px;
|
|
|
- padding-right: 15px;
|
|
|
- font-size: 14px;
|
|
|
- font-family: "microsoft yahei";
|
|
|
-}
|
|
|
-
|
|
|
-h4 {
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 600;
|
|
|
-}
|
|
|
-
|
|
|
-.btn-primary:hover {
|
|
|
- color: #fff;
|
|
|
- background-color: #f39800;
|
|
|
- border-color: #f39800;
|
|
|
- border-left-color: #fff;
|
|
|
- border-right-color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.btn-primary:active {
|
|
|
- color: #fff;
|
|
|
- background-color: #f39800;
|
|
|
- border-color: #f39800;
|
|
|
-}
|
|
|
-
|
|
|
-.tr-default {
|
|
|
- color: #fff;
|
|
|
- background-color: #7bb4e1;
|
|
|
-}
|
|
|
-
|
|
|
-.totalNum {
|
|
|
- font-weight: bold;
|
|
|
- color: #f39800;
|
|
|
-}
|
|
|
-
|
|
|
-.price {
|
|
|
- color: #f39800;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-td {
|
|
|
- line-height: 1.1;
|
|
|
-}
|
|
|
-
|
|
|
-.order_start label {
|
|
|
- display: inline;
|
|
|
- /* font-weight: normal; */
|
|
|
-}
|
|
|
-
|
|
|
-.order-start {
|
|
|
- padding-left: 30px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.order-start input[type="checkbox"] {
|
|
|
- display: inline;
|
|
|
-}
|
|
|
-
|
|
|
-.order-start input[type="radio"] {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-input[type="radio"]+label, input[type="checkbox"]+label {
|
|
|
- background-color: #FFF;
|
|
|
- border: 1px solid #C1CACA;
|
|
|
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
|
|
|
- rgba(0, 0, 0, 0.05);
|
|
|
- padding: 6px;
|
|
|
- display: inline-block;
|
|
|
- position: relative;
|
|
|
- vertical-align: text-bottom;
|
|
|
-}
|
|
|
-
|
|
|
-input[type="radio"]:checked+label:after, input[type="checkbox"]:checked+label:after
|
|
|
- {
|
|
|
- content: '\2714';
|
|
|
- clear: both;
|
|
|
- display: block;
|
|
|
- position: absolute;
|
|
|
- top: 0px;
|
|
|
- left: 0px;
|
|
|
- color: #FFF;
|
|
|
- background-color: #7bb4dc;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- vertical-align: text-top;
|
|
|
-}
|
|
|
-
|
|
|
-.order-start label {
|
|
|
- margin-bottom: 0px;
|
|
|
-}
|
|
|
-
|
|
|
-.border-account {
|
|
|
- border-bottom: 1px dashed #C1BABA;
|
|
|
- border-top: 1px dashed #C1BABA;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.account-line:HOVER {
|
|
|
- background-color: #E6E5E5;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.action-tag {
|
|
|
- color: rgb(113, 142, 208);
|
|
|
- padding-top: 10px;
|
|
|
- font-family: "microsoft yahei";
|
|
|
-}
|
|
|
-
|
|
|
-.action-tag:HOVER {
|
|
|
- text-decoration: none;
|
|
|
- color: #202123;
|
|
|
-}
|
|
|
-
|
|
|
-.modify-account {
|
|
|
- color: rgb(243, 154, 2);
|
|
|
-}
|
|
|
-
|
|
|
-.modify-account:HOVER {
|
|
|
- color: #202123;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-top-5 {
|
|
|
- margin-top: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-left-37 {
|
|
|
- margin-left: 37px;
|
|
|
-}
|
|
|
-
|
|
|
-.padding-left-right-zero {
|
|
|
- padding-left: 0px !important;
|
|
|
- padding-right: 0px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.padding-left-30 {
|
|
|
- padding-left: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-table>tbody>tr>td .btn-primary {
|
|
|
- width: 70px;
|
|
|
-}
|
|
|
-
|
|
|
-.price {
|
|
|
- color: #f39800;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-.detail-icon {
|
|
|
- padding-left: 15px;
|
|
|
-}
|
|
|
-.location ul {
|
|
|
- border-bottom: solid 1px #ddd;
|
|
|
-}
|
|
|
-.previewImage{
|
|
|
- max-width: 100px;
|
|
|
- max-height:100px;
|
|
|
-}
|
|
|
-
|
|
|
-.preview{
|
|
|
- width:100px;
|
|
|
- height:100px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.location {
|
|
|
- line-height: 28px;
|
|
|
-}
|
|
|
-
|
|
|
-.font-size-12 {
|
|
|
- font-size: 12px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.notice {
|
|
|
- color: #ff7800;
|
|
|
-}
|
|
|
-.input-append input{
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- height: 34px;
|
|
|
- padding: 6px 12px;
|
|
|
- font-size: 14px;
|
|
|
- line-height: 1.42857143;
|
|
|
- color: #555;
|
|
|
- background-color: #fff;
|
|
|
- background-image: none;
|
|
|
- border: 1px solid #ccc;
|
|
|
- border-radius: 4px;
|
|
|
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
|
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
|
- -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
|
|
|
- -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
|
|
- transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.ok-btn{
|
|
|
- width: 128px;
|
|
|
- height: 52px;
|
|
|
- display: inline-block;
|
|
|
- background: #5078cb;
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- border-radius: inherit;
|
|
|
-}
|
|
|
-</style>
|
|
|
-<!--<div class="location ng-scope">-->
|
|
|
- <!--<ul class="list-unstyled list-inline">-->
|
|
|
- <!--<li class="text-bold">您当前的位置：</li>-->
|
|
|
- <!--<li>买家中心 <i class="fa fa-angle-double-right"></i></li>-->
|
|
|
- <!--<li>交易信息<i class="fa fa-angle-double-right"></i></li>-->
|
|
|
- <!--<li>填写银行转账信息</li>-->
|
|
|
- <!--</ul>-->
|
|
|
-<!--</div>-->
|
|
|
-<div>
|
|
|
-<!-- <div>
|
|
|
- <div class="row searchGroup">
|
|
|
- <div class="col-xs-3">
|
|
|
- <h4>未付款，填写转账信息</h4>
|
|
|
- </div>
|
|
|
- <div class="col-xs-6">
|
|
|
- <div class="input-group">
|
|
|
- <input type="search"
|
|
|
- class="form-control ng-pristine ng-untouched ng-valid"
|
|
|
- ng-search="searchFor()" ng-change="upper()" ng-model="keyword"
|
|
|
- placeholder="请输入订单号查询"> <span class="input-group-btn">
|
|
|
- <button ng-click="searchFor()" class="btn btn-primary"
|
|
|
- type="button">搜索</button>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="col-xs-1">
|
|
|
- <p style="margin-top: 8px; font-weight: bold;">
|
|
|
- 共<span class="totalNum">{{tobePaidTableParams.total()}}</span>条
|
|
|
- </p>
|
|
|
+<link rel="stylesheet" href="static/css/pay.css" />
|
|
|
+<!--右侧主体部分-->
|
|
|
+<div class="user_right fr">
|
|
|
+ <div class="down-payment">
|
|
|
+ <div class="content">
|
|
|
+ <div class="common-title margin-top-none">付款账户</div>
|
|
|
+ <div class="payment-style">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <label class="check-act" style="margin-right: 64px;">
|
|
|
+ <input type="radio" id="1" name="1" value="1"/>
|
|
|
+ <label for="1"></label>
|
|
|
+ <em>中国银行</em>
|
|
|
+ </label>
|
|
|
+ <div>125963528469526354</div>
|
|
|
+ <div>开户人名称</div>
|
|
|
+ <div><button class="change-count">更换账户</button></div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </br>
|
|
|
- <table ng-table="tobePaidTableParams"
|
|
|
- class="table table-bordered table-striped">
|
|
|
- <thead>
|
|
|
- <tr class="tr-default">
|
|
|
- <th width="70" class="text-center">
|
|
|
- <div>序号</div> <input type="checkBox" ng-checked="isSelectAll"
|
|
|
- ng-click="selectAll()" ng-disabled="showMe">
|
|
|
- </th>
|
|
|
- <th width="auto" class="text-center">订单详情</th>
|
|
|
- <th width="114" class="text-center">单价</th>
|
|
|
- <th width="114" class="text-center">金额</th>
|
|
|
- <th width="100" class="text-center">税金</th>
|
|
|
- <th width="100" class="text-center">价税合计</th>
|
|
|
- <th width="80" class="text-center">订单状态</th>
|
|
|
- <th width="60" class="text-center">操作</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody ng-repeat="order in $data">
|
|
|
- <tr>
|
|
|
- <td rowspan="2" class="tdcenter">
|
|
|
- <div>{{$index+1}}</div>
|
|
|
- <div>
|
|
|
- <input type="checkBox" ng-checked="order.isSelect"
|
|
|
- ng-model="order.isSelect" ng-disabled="showMe"
|
|
|
- ng-click="doSelect(order)">
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td colspan="8">
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-8 text-muted">
|
|
|
- <span> <i class="fa fa-clock-o"></i> <span
|
|
|
- ng-bind="order.creattime | date: 'yyyy-MM-dd HH:mm'"
|
|
|
- class="text-num"></span>
|
|
|
- </span> <span>订单号： <a
|
|
|
- ng-href="user/home/order/{{order.orderid | EncryptionFilter}}"
|
|
|
- ng-bind="order.orderid"></a>
|
|
|
- </span> <span class="text-inverse">过期时间： <span
|
|
|
- ng-bind="order.availabletime | date: 'yyyy-MM-dd HH:mm'"></span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4 text-muted text-num text-right">
|
|
|
- <span class="price">币别：<span ng-bind="order.currency"></span></span>
|
|
|
- 产品总数：<span ng-bind="order.qty"></span>
|
|
|
+ <div class="common-title margin-top-8">收款账户</div>
|
|
|
+ <div class="payment-style">
|
|
|
+ <ul class="payment-80">
|
|
|
+ <li>
|
|
|
+ <label class="check-act">
|
|
|
+ <input type="radio" id="2" name="name" value="2"/>
|
|
|
+ <label for="2"></label>
|
|
|
+ <em>平台代收</em>
|
|
|
+ </label>
|
|
|
+ <div class="tip-content">
|
|
|
+ <img src="static/img/common/notice-tip.png" />
|
|
|
+ <div class="tip-content-01" style="top: 33px;">
|
|
|
+ 选择【平台代收】，货款将由优软商城<br/>
|
|
|
+ 在银行开立的第三方账户暂为保管，待<br/>
|
|
|
+ 您确认收货后，优软商城再和卖家结清。
|
|
|
</div>
|
|
|
</div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="3">
|
|
|
- <div class="row cmp-item"
|
|
|
- ng-repeat="orderDetail in order.orderDetails">
|
|
|
- <div class="col-sm-6">
|
|
|
- <div class="p-img">
|
|
|
- <a href="product/component/{{orderDetail.uuid}}/"> <img
|
|
|
- src="" lazy-load="{{orderDetail.img}}" height="78px"
|
|
|
- width="78px">
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div>
|
|
|
- <a class="f16 text-bold" style="display: block;"
|
|
|
- href="product/component/{{orderDetail.uuid}}/"
|
|
|
- ng-bind="orderDetail.cmpCode"></a> <span
|
|
|
- ng-bind="orderDetail.brName"></span>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <i class="iconfont icon-kind f14"></i><span
|
|
|
- ng-bind="orderDetail.kiName"></span>
|
|
|
- </div>
|
|
|
- <div ng-if="orderDetail.returnInWeek">
|
|
|
- <img class="detail-icon" alt="支持7天无理由退货" src="static/img/product/seven-day-back.jpg" title="支持7天无理由退货">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-3 text-num text-center">
|
|
|
- <div class="text-num text-bold f16">
|
|
|
- <span ng-bind="orderDetail.taxUnitprice | number:6"></span>
|
|
|
- </div>
|
|
|
- <div class="text-num text-muted">
|
|
|
- ×<span ng-bind="orderDetail.number"></span>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span ng-if="orderDetail.tax">单价含税<span ng-bind="orderDetail.tax"></span>%</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-3 text-num price text-center">
|
|
|
- <div>
|
|
|
- <span ng-bind="orderDetail.price | number"></span>
|
|
|
- </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label class="check-act">
|
|
|
+ <input type="radio" id="3" name="name" value="3"/>
|
|
|
+ <label for="3"></label>
|
|
|
+ <em>付款给卖家</em>
|
|
|
+ </label>
|
|
|
+ <div class="tip-content">
|
|
|
+ <img src="static/img/common/notice-tip.png" />
|
|
|
+ <div class="tip-content-01" style="top: 33px;height: 95px; left: -95px;">
|
|
|
+ <em class="red">风险提示：</em><br/>
|
|
|
+ 选择【付款给卖家】，货款将直接支付<br/>
|
|
|
+ 到卖家的账户，该笔交易中因此直接或<br/>
|
|
|
+ 间接导致的损失，由用户自己承担。
|
|
|
</div>
|
|
|
</div>
|
|
|
- </td>
|
|
|
- <td class="text-center tdcenter">
|
|
|
- <div class="text-theme f14 text-num">
|
|
|
- <span ng-bind="order.taxes | number"></span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td class="text-center tdcenter">
|
|
|
- <div class="text-inverse text-bold f16 text-num">
|
|
|
- <span ng-bind="order.price | number"></span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td class="text-center tdcenter">
|
|
|
- <div>
|
|
|
- <span ng-bind="order.status | statusAndTypeFilter"
|
|
|
- class="text-muted"></span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td class="tdcenter"
|
|
|
- ng-hide="active=='paid'|| active=='unavailable'">
|
|
|
- <button ng-show="!(order.availabletime < nowTime)"
|
|
|
- class="btn btn-primary btn-sm" ng-click="pay(order)"
|
|
|
- ng-disabled="showMe">付款</button>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr ng-if="!order" class="text-center">
|
|
|
- <td colspan="5" class="text-center"
|
|
|
- style="line-height: 40px; font-size: 20px;"><i
|
|
|
- class="fa fa-smile-o fa-lg"></i> 当前没有对应的订单信息</td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- <div id="O">
|
|
|
- <button class="btn btn-primary" ng-click="batchPay()"
|
|
|
- ng-disabled="!orderNum" ng-show="!showMe">批量付款</button>
|
|
|
- <button class="btn btn-primary" ng-show="showMe"
|
|
|
- ng-click="alterPay()">重新勾选</button>
|
|
|
- </div>
|
|
|
- <a id="anchorScroll" style="color: white;"></a>
|
|
|
- </div>-->
|
|
|
- <div class="user_right fr block">
|
|
|
- <div class="fill-info">
|
|
|
- <div class="orderDiv" id="O">
|
|
|
- <div class="marginbot30">
|
|
|
- <div class="minTitle">订单号</div>
|
|
|
- <div class="margin-left-37" ng-bind="orderNum"></div>
|
|
|
- </div>
|
|
|
- <div class="marginbot30">
|
|
|
- <div class="minTitle">买家应付账户</div>
|
|
|
- <div class="margin-left-37">
|
|
|
- <label class="radio-inline" ng-click="set(true, true)"> <input
|
|
|
- type="radio" name="inlineRadioOptions" id="inlineRadio1"
|
|
|
- value="option1" ng-checked="purKind"> 个人账户
|
|
|
- </label> <label ng-if="userInfo.enterprises" class="radio-inline" ng-click="set(false, true)"
|
|
|
- style="margin-left: 30px;"> <input type="radio"
|
|
|
- name="inlineRadioOptions" id="inlineRadio2" value="option2"
|
|
|
- ng-checked="!purKind"> 企业账户
|
|
|
- </label> <span role="button" class="pull-right action-tag"
|
|
|
- ng-click="newAccount()" style="padding-top: 0px;"><i
|
|
|
- class="fa fa-plus-square"></i> 新增账户</span>
|
|
|
- </div>
|
|
|
- <div class="border-account">
|
|
|
- <div class="containerrow">
|
|
|
- <div ng-if="buyExpose"
|
|
|
- class="row paddingzero marginleftrightzero account-line account-info-line"
|
|
|
- ng-click="select(accountInfo, true)"
|
|
|
- ng-repeat="accountInfo in buyAccountInfos">
|
|
|
- <div class="col-md-4 order-start">
|
|
|
- <input type="radio"
|
|
|
- ng-checked="accountInfo.id == buyAccount.id"
|
|
|
- id="{{accountInfo.id}}" name="buyAccount"><label
|
|
|
- for="{{accountInfo.id}}"></label> <span
|
|
|
- ng-bind="accountInfo.accountname"></span>
|
|
|
- </div>
|
|
|
- <div class="col-md-5">
|
|
|
- <span ng-bind="accountInfo.filterAccount"></span>
|
|
|
- <span ng-bind="accountInfo.bankname"></span> <i
|
|
|
- class="fa fa-credit-card"></i>
|
|
|
- </div>
|
|
|
- <div class="text-right col-md-3">
|
|
|
- <span role="button" class="modify-account"
|
|
|
- ng-click="newAccount(accountInfo)"> <i
|
|
|
- class="fa fa-edit"></i> 编辑
|
|
|
- </span> <span role="button" class="modify-account"
|
|
|
- ng-click="deleteAccount(accountInfo)"> <i
|
|
|
- class="fa fa-remove"></i> 删除
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div ng-if="!buyExpose&&buyAccount"
|
|
|
- class="row paddingzero marginleftrightzero account-line account-info-line">
|
|
|
- <div class="col-md-4 order-start">
|
|
|
- <input type="radio" ng-checked="buyAccount.id == buyAccount.id"
|
|
|
- id="{{buyAccount.id}}"><label for="{{buyAccount.id}}"></label>
|
|
|
- <span ng-bind="buyAccount.accountname"></span>
|
|
|
- </div>
|
|
|
- <div class="col-md-5">
|
|
|
- <span ng-bind="buyAccount.filterAccount"></span> <span
|
|
|
- ng-bind="buyAccount.bankname"></span> <i
|
|
|
- class="fa fa-credit-card"></i>
|
|
|
- </div>
|
|
|
- <div class="text-right col-md-3">
|
|
|
- <span role="button" class="modify-account"
|
|
|
- ng-click="newAccount(buyAccount)"> <i
|
|
|
- class="fa fa-edit"></i> 编辑
|
|
|
- </span> <span role="button" class="modify-account"
|
|
|
- ng-click="deleteAccount(buyAccount)"> <i
|
|
|
- class="fa fa-remove"></i> 删除
|
|
|
- </span>
|
|
|
+ <div>125963528469526354</div>
|
|
|
+ <div>开户人名称</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="common-title margin-top-8">分期付款明细</div>
|
|
|
+ <div class="payment-detail">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <span>第一期</span>
|
|
|
+ <span>￥452965852</span>
|
|
|
+ <span>要求付款日期 2018-08-24</span>
|
|
|
+ <em><img src="static/img/icon/pay-ok-icon.png"/></em>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>第一期</span>
|
|
|
+ <span>￥452965852</span>
|
|
|
+ <span>要求付款日期 2018-08-24</span>
|
|
|
+ <em><img src="static/img/icon/pay-ok-icon.png"/></em>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>第一期</span>
|
|
|
+ <span>￥452965852</span>
|
|
|
+ <span>要求付款日期 2018-08-24</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="common-title margin-top-8">水单扫描件</div>
|
|
|
+ <div class="payment-upload-list">
|
|
|
+ <div class="item">
|
|
|
+ <div class="img-list">
|
|
|
+ <div class="prev"><i class="fa fa-angle-left"></i></div>
|
|
|
+ <div class="img">
|
|
|
+ <div class="number"><em>第一期</em></div>
|
|
|
+ <div class="list">
|
|
|
+ <span><img src="static/img/icon/img.png" /></span>
|
|
|
+ <div class="hover-show">
|
|
|
+ <!-- 图片预览 -->
|
|
|
+ <a ng-click=""><i class="fa fa-search"></i>查看</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div ng-if="!buyAccount"
|
|
|
- class="row paddingzero marginleftrightzero text-center account-line account-info-line notice">没有对应的账户信息，请新增相应的账户信息
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div ng-if="buyAccountInfos.length>1"
|
|
|
- class="pull-right action-tag">
|
|
|
- <span role="button" ng-if="!buyExpose"
|
|
|
- ng-click="doExpose(true, true)"><i
|
|
|
- class="fa fa-angle-double-down"></i> 展开列表</span> <span
|
|
|
- role="button" ng-if="buyExpose" ng-click="doExpose(false, true)"><i
|
|
|
- class="fa fa-angle-double-up"></i> 收起列表</span>
|
|
|
</div>
|
|
|
+ <div class="next"><i class="fa fa-angle-right"></i></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="marginbot30">
|
|
|
- <div class="minTitle">商城应收帐户</div>
|
|
|
- <div class="margin-left-37 margintop15">
|
|
|
- <label class="radio-inline">
|
|
|
- <input type="radio" name="saleAccounts" ng-checked="saleKind" ng-click="set(true, false)"> 对私账户
|
|
|
- </label>
|
|
|
- <label class="radio-inline" style="margin-left: 30px;">
|
|
|
- <input type="radio" name="saleAccounts" ng-checked="!saleKind" ng-click="set(false, false)"> 对公账户
|
|
|
- </label>
|
|
|
+ <div class="small-img">
|
|
|
+ <span class="active"><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
</div>
|
|
|
- <div class="border-account">
|
|
|
- <div class="containerrow">
|
|
|
- <div ng-if="salexpose"
|
|
|
- class="row marginleftrightzero account-line account-info-line"
|
|
|
- ng-click="select(saleAccountInfo)"
|
|
|
- ng-repeat="saleAccountInfo in saleAccountInfos">
|
|
|
- <div class="col-md-4 order-start">
|
|
|
- <input type="radio"
|
|
|
- ng-checked="saleAccountInfo.id == saleAccount.id"
|
|
|
- id="{{saleAccountInfo.id}}" name="saleAccount"><label
|
|
|
- for="{{saleAccountInfo.id}}"></label> <span
|
|
|
- ng-bind="saleAccountInfo.accountname"></span>
|
|
|
- </div>
|
|
|
- <div class="col-md-8">
|
|
|
- <span ng-bind="saleAccountInfo.filterAccount"></span>
|
|
|
- <span ng-bind="saleAccountInfo.bankname"></span>
|
|
|
- <i class="fa fa-credit-card"></i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div ng-if="!salexpose"
|
|
|
- class="row marginleftrightzero account-info-line">
|
|
|
- <div class="col-md-4 order-start">
|
|
|
- <input type="radio"
|
|
|
- ng-checked="saleAccount.id == saleAccount.id"
|
|
|
- id="{{saleAccount.id}}" name="saleAccount"><label
|
|
|
- for="{{saleAccount.id}}"></label> <span
|
|
|
- ng-bind="saleAccount.accountname"></span>
|
|
|
- </div>
|
|
|
- <div class="col-md-8">
|
|
|
- <span ng-bind="saleAccount.number"></span>
|
|
|
- <span ng-bind="saleAccount.bankname"></span> <i
|
|
|
- class="fa fa-credit-card"></i>
|
|
|
+ <div class="price-input"><input type="text" class="form-control" value="￥ 426956"/></div>
|
|
|
+ <div class="time">2017-08-24 14:56:20</div>
|
|
|
+ </div>
|
|
|
+ <div class="item">
|
|
|
+ <div class="img-list">
|
|
|
+ <div class="prev"><i class="fa fa-angle-left"></i></div>
|
|
|
+ <div class="img">
|
|
|
+ <div class="number"><em>第二期</em></div>
|
|
|
+ <div class="list">
|
|
|
+ <span><img src="static/img/icon/img.png" /></span>
|
|
|
+ <div class="hover-show">
|
|
|
+ <!-- 图片预览 -->
|
|
|
+ <a ng-click=""><i class="fa fa-search"></i>查看</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="next"><i class="fa fa-angle-right"></i></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="row marginbot30">
|
|
|
- <div class="minTitle col-md-2 margin-top-5">转账日期</div>
|
|
|
- <div class="col-md-10">
|
|
|
- <datetrigger name="transferTime" model="transferTime"
|
|
|
- format="yyyy年MM月dd日" class="col-md-5" max-date="maxDate"
|
|
|
- style="line-height: 28px; border-radius: 5px; width: 70%; font-size: 15px;"></datetrigger>
|
|
|
+ <div class="small-img">
|
|
|
+ <span class="active"><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
+ <span><img src="static/img/icon/payment-upload.png" /></span>
|
|
|
</div>
|
|
|
+ <div class="price-input"><input type="text" class="form-control" value="￥ 426956"/></div>
|
|
|
+ <div class="time">2017-08-24 14:56:20</div>
|
|
|
</div>
|
|
|
- <div class="marginbot30">
|
|
|
- <div class="minTitle marginbot15">交易图片</div>
|
|
|
- <div class="marginltb">
|
|
|
- <label>付款截图：</label>
|
|
|
- <div>
|
|
|
- <div image-upload data-src="static/img/vendor/images/upload.png" on-success="onUploadPayment($data)"></div>
|
|
|
- <span class="help-block font-size-12 text-inverse">建议图片大小在3M以内，支持图片格式jpg、png、gif</span>
|
|
|
+ </div>
|
|
|
+ <div class="payment-upload">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="upload">
|
|
|
+ <div class="img">
|
|
|
+ <img src="static/img/icon/payment-upload.png">
|
|
|
+ </div>
|
|
|
+ <div class="hover-show">
|
|
|
+ <span class="delete" title="删除"><i class="fa fa-trash"></i></span>
|
|
|
+ <!-- 图片预览 -->
|
|
|
+ <a ng-click=""><i class="fa fa-search"></i>查看</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <div class="price">
|
|
|
+ <em>$</em>
|
|
|
+ <input type="text" class="form-control" placeholder="请输入金额"/>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="upload">
|
|
|
+ <div class="img">
|
|
|
+ <img src="static/img/icon/payment-add.png">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--<div class="price">-->
|
|
|
+ <!--<em>$</em>-->
|
|
|
+ <!--<input type="text" class="form-control" placeholder="请输入金额"/>-->
|
|
|
+ <!--</div>-->
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="img-specifications">仅支持JPG、PNG、GIF、PDF格式，每张大小不超过3M，每期最多可上传6张图片</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="pay-price">
|
|
|
+ <div class="stage row">
|
|
|
+ <div class="content">
|
|
|
+ <p><span>已支付：</span><em>￥500</em></p>
|
|
|
+ <p><span>待支付：</span><em class="bule">￥513131.32</em></p>
|
|
|
+ <p class="total"><span>总价：</span><em class="red">￥513131.32</em></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="row" style="margin-top: 0;">
|
|
|
+ <div class="deal-btn">
|
|
|
+ <a ng-click="" class="ok">确认</a>
|
|
|
+ <a ng-click="" class="off">取消</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!--更换账户-->
|
|
|
+<div class="change-count-box" style="display: none;">
|
|
|
+ <div class="content-box">
|
|
|
+ <div class="head">
|
|
|
+ <a ng-click="">×</a>
|
|
|
</div>
|
|
|
- <div class="text-right marginbot15 margintop15">
|
|
|
- <span class="total">总价： <span style="color: #e64040">{{$$bankTransfer.total | number : 2 | currencySysmbol : $$bankTransfer.currency}}</span></span>
|
|
|
- <button class="ok-btn btn btn-primary btn-lg" ng-click="confirm()"
|
|
|
- ng-disabled="!$$bankTransfer.total||!buyAccount||!saleAccount||!transferTime||!imageUrl">确认</button>
|
|
|
+ <div class="content-table">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <label class="check-act">
|
|
|
+ <input type="radio" id="01" name="name01"/>
|
|
|
+ <label for="01"></label>
|
|
|
+ <em>中国银行</em>
|
|
|
+ </label>
|
|
|
+ <span class="width150">125963528469526354</span>
|
|
|
+ <span class="width80">开户人名称</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label class="check-act">
|
|
|
+ <input type="radio" id="02" name="name01"/>
|
|
|
+ <label for="02"></label>
|
|
|
+ <em>中国银行</em>
|
|
|
+ </label>
|
|
|
+ <span class="width150">125963528469526354</span>
|
|
|
+ <span class="width80">开户人名称</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label class="check-act">
|
|
|
+ <input type="radio" id="03" name="name01"/>
|
|
|
+ <label for="03"></label>
|
|
|
+ <em>中国银行</em>
|
|
|
+ </label>
|
|
|
+ <span class="width150">125963528469526354</span>
|
|
|
+ <span class="width80">开户人名称</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label class="check-act">
|
|
|
+ <input type="radio" id="04" name="name01"/>
|
|
|
+ <label for="04"></label>
|
|
|
+ <em>中国银行</em>
|
|
|
+ </label>
|
|
|
+ <span class="width150">125963528469526354</span>
|
|
|
+ <span class="width80">开户人名称</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label class="check-act">
|
|
|
+ <input type="radio" id="05" name="name01"/>
|
|
|
+ <label for="05"></label>
|
|
|
+ <em>中国银行</em>
|
|
|
+ </label>
|
|
|
+ <span class="width150">125963528469526354</span>
|
|
|
+ <span class="width80">开户人名称</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label class="check-act">
|
|
|
+ <input type="radio" id="06" name="name01"/>
|
|
|
+ <label for="06"></label>
|
|
|
+ <em>中国银行</em>
|
|
|
+ </label>
|
|
|
+ <span class="width150">125963528469526354</span>
|
|
|
+ <span class="width80">开户人名称</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="deal-btn">
|
|
|
+ <a ng-click="" class="off">取消</a>
|
|
|
+ <a ng-click="" class="ok">确认</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
+</div>
|
|
|
+<style>
|
|
|
+.change-count-box{
|
|
|
+ position: fixed;
|
|
|
+ z-index: 2;
|
|
|
+ height: 258px;
|
|
|
+ opacity: 1;
|
|
|
+ background-color: white;
|
|
|
+ width: 436px;
|
|
|
+ box-shadow: 1px 0px 15px rgba(144, 140, 140, 0.5);
|
|
|
+ margin: -240px 0 0 -218px;
|
|
|
+ top: 55%;
|
|
|
+ left: 50%;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+.change-count-box .content-box{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+.change-count-box .content-box .head{
|
|
|
+ width: 100%;
|
|
|
+ height: 26px;
|
|
|
+}
|
|
|
+.change-count-box .content-box .head a{
|
|
|
+ float: right;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #dfdddd;
|
|
|
+ margin: 1px 5px;
|
|
|
+}
|
|
|
+.change-count-box .content-box .content-table{
|
|
|
+ width: 406px;
|
|
|
+ margin: 0 auto;
|
|
|
+
|
|
|
+}
|
|
|
+.change-count-box .content-box .content-table ul{
|
|
|
+ width: 100%;
|
|
|
+ height: 170px;
|
|
|
+ overflow-y: auto;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+.change-count-box .content-box .content-table ul li{
|
|
|
+ width: 100%;
|
|
|
+ float: left;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 34px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+ .change-count-box .content-box .content-table ul li:nth-child(odd){
|
|
|
+ background: #f5f8fe;
|
|
|
+ }
|
|
|
+.change-count-box .content-box .content-table ul li:nth-child(even){
|
|
|
+ background: #eaf1ff;
|
|
|
+}
|
|
|
+.change-count-box .content-box .content-table ul li .check-act{
|
|
|
+ margin-right: 0;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.change-count-box .content-box .content-table ul li .check-act label{
|
|
|
+ margin-left: 10px;
|
|
|
+ top: 6px;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+.change-count-box .content-box .content-table ul li span{
|
|
|
+ display: inline-block;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 34px;
|
|
|
+}
|
|
|
+.change-count-box .content-box .content-table ul li span.width150{
|
|
|
+ width: 150px;
|
|
|
+ margin: 0 30px;
|
|
|
+}
|
|
|
+.change-count-box .content-box .content-table ul li span.width80{
|
|
|
+ width: 80px;
|
|
|
+}
|
|
|
+.change-count-box .content-box .content-table .deal-btn a {
|
|
|
+ width: 60px;
|
|
|
+ height: 26px;
|
|
|
+ line-height: 26px;
|
|
|
+}
|
|
|
+</style>
|
ouxq
