|
@@ -8,7 +8,10 @@
|
|
|
</view>
|
|
|
<!-- <image class="top-image" src="../../static/img/copy.png" mode=""></image> -->
|
|
|
</view>
|
|
|
- <view class="downtime">
|
|
|
+ <view class="downtime" v-if="stopTime.stopTimeH < 0 || stopTime.stopTimeM < 0 || stopTime.stopTimeS < 0">
|
|
|
+ 订单已过期
|
|
|
+ </view>
|
|
|
+ <view class="downtime" v-else>
|
|
|
<uni-countdowns
|
|
|
color="#FFFFFF"
|
|
|
splitor-color="#FD3B39"
|
|
@@ -61,29 +64,29 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <swiper class="swiper-box" :current="tabCurrentIndex" :duration="500" @change="changeTab" :style="{ height: tabCurrentIndex == 2 ? '450rpx' : '280rpx' }">
|
|
|
+ <swiper class="swiper-box" :duration="500" @change="changeTab" :style="{ height: tabCurrentIndex == 2 ? '450rpx' : '280rpx' }">
|
|
|
<swiper-item class="tab-content" v-if="zfb != ''">
|
|
|
<view class="tc-item flex">
|
|
|
<view class="tcitem-name">账号</view>
|
|
|
<view class="ali-name">{{ zfb.payment }}</view>
|
|
|
- <image class="tcitem-image" src="../../static/img/copy.png" mode=""></image>
|
|
|
+ <image class="tcitem-image" src="../../static/img/copy.png" mode="" @click="copy(zfb.payment)"></image>
|
|
|
</view>
|
|
|
<view class="tc-item flex">
|
|
|
<view class="tcitem-name">姓名</view>
|
|
|
<view class="ali-name">{{ zfb.name }}</view>
|
|
|
- <image class="tcitem-image" src="../../static/img/copy.png" mode=""></image>
|
|
|
+ <image class="tcitem-image" src="../../static/img/copy.png" mode="" @click="copy(zfb.name)"></image>
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
<swiper-item class="tab-content" v-if="bank != ''">
|
|
|
<view class="tc-item flex">
|
|
|
<view class="tcitem-name">姓名</view>
|
|
|
<view class="ali-name">{{ bank.name }}</view>
|
|
|
- <image class="tcitem-image" src="../../static/img/copy.png" mode=""></image>
|
|
|
+ <image class="tcitem-image" src="../../static/img/copy.png" mode="" @click="copy(bank.name)"></image>
|
|
|
</view>
|
|
|
<view class="tc-item flex">
|
|
|
<view class="tcitem-name">银行</view>
|
|
|
<view class="ali-name">{{ bank.bank }}</view>
|
|
|
- <image class="tcitem-image" src="../../static/img/copy.png" mode=""></image>
|
|
|
+ <image class="tcitem-image" src="../../static/img/copy.png" mode="" @click="copy(bank.bank)"></image>
|
|
|
</view>
|
|
|
<!-- <view class="tc-item flex">
|
|
|
<view class="tcitem-name">开户行</view>
|
|
@@ -93,19 +96,19 @@
|
|
|
<view class="tc-item flex">
|
|
|
<view class="tcitem-name">账号</view>
|
|
|
<view class="ali-name">{{ bank.payment }}</view>
|
|
|
- <image class="tcitem-image" src="../../static/img/copy.png" mode=""></image>
|
|
|
+ <image class="tcitem-image" src="../../static/img/copy.png" mode="" @click="copy(bank.payment)"></image>
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
<swiper-item class="tab-content" v-if="wx != ''">
|
|
|
<view class="tc-item flex">
|
|
|
<view class="tcitem-name">账号</view>
|
|
|
<view class="ali-name">{{ wx.payment }}</view>
|
|
|
- <image class="tcitem-image" src="../../static/img/copy.png" mode=""></image>
|
|
|
+ <image class="tcitem-image" src="../../static/img/copy.png" mode="" @click="copy(wx.payment)"></image>
|
|
|
</view>
|
|
|
<view class="tc-item flex">
|
|
|
<view class="tcitem-name">姓名</view>
|
|
|
<view class="ali-name">{{ wx.name }}</view>
|
|
|
- <image class="tcitem-image" src="../../static/img/copy.png" mode=""></image>
|
|
|
+ <image class="tcitem-image" src="../../static/img/copy.png" mode="" @click="copy(wx.name)"></image>
|
|
|
</view>
|
|
|
<view class="tc-item">
|
|
|
<view class="upload-title" style="color: #9d9d9d;">微信二维码</view>
|
|
@@ -140,6 +143,7 @@
|
|
|
|
|
|
<script>
|
|
|
import uniCountdowns from '@/components/uni-countdown/uni-countdowns.vue';
|
|
|
+import uniCopy from '@/components/js_sdk/xb-copy/uni-copy.js';
|
|
|
import { user_auction_order,upload,up_image } from '@/api/order.js';
|
|
|
import { timeComputed } from '@/utils/rocessor.js';
|
|
|
export default {
|
|
@@ -177,7 +181,8 @@ export default {
|
|
|
},
|
|
|
loadData() {
|
|
|
user_auction_order({ type: 1, order_id: this.id }).then(({ data }) => {
|
|
|
- let now_time = timeComputed(data.time);
|
|
|
+ let now_time = timeComputed(data.time+3600);
|
|
|
+ console.log(now_time);
|
|
|
this.stopTime.stopTimeH = now_time.hours;
|
|
|
this.stopTime.stopTimeM = now_time.minutes;
|
|
|
this.stopTime.stopTimeS = now_time.seconds;
|
|
@@ -185,6 +190,14 @@ export default {
|
|
|
this.zfb = data.zfb;
|
|
|
this.wx = data.wx;
|
|
|
this.bank = data.bank;
|
|
|
+ console.log(data.zfb.length,"123456");
|
|
|
+ if(data.zfb.length == []){
|
|
|
+ this.tabCurrentIndex = 1
|
|
|
+ if(data.bank .length == []) {
|
|
|
+ this.tabCurrentIndex = 2
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(this.tabCurrentIndex);
|
|
|
});
|
|
|
},
|
|
|
open() {
|
|
@@ -198,8 +211,26 @@ export default {
|
|
|
url
|
|
|
});
|
|
|
},
|
|
|
+ copy(value) {
|
|
|
+ let obj = this;
|
|
|
+ let content = value; //需要复制的内容
|
|
|
+ console.log('复制的内容:', content);
|
|
|
+ // content = typeof content === 'string' ? content : content.toString(); // 复制内容,必须字符串,数字需要转换为字符串
|
|
|
+ const result = uniCopy(content);
|
|
|
+ if (result === false) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '不支持'
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: '复制成功',
|
|
|
+ icon: 'none'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
tocall() {
|
|
|
let num = this.zfb != ''? this.zfb.phone : this.wx != '' ? this.wx.phone : this.bank.phone
|
|
|
+ console.log(num);
|
|
|
uni.makePhoneCall({
|
|
|
phoneNumber: num //仅为示例
|
|
|
});
|
|
@@ -215,6 +246,9 @@ export default {
|
|
|
this.tabCurrentIndex = num * 1;
|
|
|
},
|
|
|
buy() {
|
|
|
+ if (this.image == ''){
|
|
|
+ return this.$api.msg('请上传支付凭证')
|
|
|
+ }
|
|
|
up_image({id:this.info.id,image: this.image}).then(({data}) => {
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/money/success'
|