|
@@ -1,7 +1,30 @@
|
|
|
<template>
|
|
|
<view class="container cashier" :style="{paddingTop:CustomBar+'px'}">
|
|
|
<cu-custom :navbar-data='nvabarData' @navigateBack="hanldNavigateBack"></cu-custom>
|
|
|
- <view class="container-cash clearfix">
|
|
|
+ <view class="container-cash clearfix" v-if="invoiceStatus">
|
|
|
+ <view class="pay-bring-title">本次交易暂不支持线上支付,请使用线下转账方式付款</view>
|
|
|
+ <view class="container-wrapper">
|
|
|
+ <view class="pay-content">
|
|
|
+ <view class="pay-p"><text>待付金额</text></view>
|
|
|
+ <view class="pay-money">
|
|
|
+ <text class="pay-sm">¥</text>
|
|
|
+ <text class="pay-bg">{{payableAmount | NumFormat}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="pay-bring-wrapper clearfix">
|
|
|
+ <view class="pay-bring-content">
|
|
|
+ <view class="text-v title">转账信息</view>
|
|
|
+ <view class="text-v">开户行:中信银行(深圳泰然支行)</view>
|
|
|
+ <view class="text-v">银行卡号:{{bankNumber}}</view>
|
|
|
+ <view class="text-v">户名:周仁声</view>
|
|
|
+ <view class="text-v">订单标识:{{payOrderId}} <text class="clipboard" @click.stop="clipboard(payOrderId)">复制</text></view>
|
|
|
+ <view class="text-v title">特别注意</view>
|
|
|
+ <view class="text-v bg-color">请在转账备注中填写上述订单标识,方便财务快速审核,提高发货速度</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="container-cash clearfix" v-else>
|
|
|
<view class="container-wrapper">
|
|
|
<view class="pay-content">
|
|
|
<view class="pay-p"><text>待付金额</text></view>
|
|
@@ -217,10 +240,21 @@
|
|
|
<style lang="scss">
|
|
|
page{
|
|
|
height: auto !important;
|
|
|
- background-color: #F7F7F7;
|
|
|
+ background-color: #FFFFFF;
|
|
|
}
|
|
|
.container-cash{
|
|
|
width: 100%;
|
|
|
+ .pay-bring-title{
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ height: 96rpx;
|
|
|
+ padding: 0 24rpx;
|
|
|
+ line-height: 96rpx;
|
|
|
+ text-align: left;
|
|
|
+ font-size: $font-size-24;
|
|
|
+ background:rgba(255,234,221,1);
|
|
|
+ color: $color-system;
|
|
|
+ }
|
|
|
.container-wrapper{
|
|
|
width:662rpx;
|
|
|
margin: 0 auto;
|
|
@@ -467,6 +501,55 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .pay-bring-wrapper{
|
|
|
+ width: 100%;
|
|
|
+ padding: 24rpx 0;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ .pay-bring-content{
|
|
|
+ width: 654rpx;
|
|
|
+ height: auto;
|
|
|
+ padding: 0 24rpx;
|
|
|
+ .text{
|
|
|
+ font-size: $font-size-24;
|
|
|
+ color: #666;
|
|
|
+ line-height: 44rpx;
|
|
|
+ text-align: center;
|
|
|
+ &.bg-color{
|
|
|
+ color: $color-system;
|
|
|
+ line-height: 88rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .text-v{
|
|
|
+ font-size: $font-size-28;
|
|
|
+ color: #999;
|
|
|
+ line-height: 70rpx;
|
|
|
+ text-align: left;
|
|
|
+ &.title{
|
|
|
+ font-size: $font-size-28;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ &.bg-color{
|
|
|
+ line-height: 44rpx;
|
|
|
+ color: $color-system;
|
|
|
+ }
|
|
|
+ .clipboard{
|
|
|
+ width: 84rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ background:linear-gradient(34deg,rgba(255,41,41,1) 0%,rgba(255,109,27,1) 100%);
|
|
|
+ text-align: center;
|
|
|
+ font-size: $font-size-24;
|
|
|
+ color: #FFFFFF;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ line-height: 36rpx;
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.freight-alert{
|
|
|
width: 100%;
|