308 lines
11 KiB
Vue
308 lines
11 KiB
Vue
<template>
|
|
<view class="box" v-if="detail">
|
|
<view class="buy-box">
|
|
<view class="uni-flex uni-column">
|
|
<view class="info">
|
|
<view class="uni-flex-item name">產品信息</view>
|
|
<item :detail="detail" />
|
|
<view class="uni-flex-item name">
|
|
{{detail.optionType === 'PUT'?'可用餘額':'可交易數量'}}
|
|
</view>
|
|
<view class="balance">
|
|
<view class="uni-flex uni-column">
|
|
<!-- <view class="uni-flex-item" v-for="coin in coinType" :key="coin">
|
|
{{coin}} : <label class="coinB">{{balabces[coin]}}</label>
|
|
</view> -->
|
|
<view v-if="detail.optionType !== 'PUT'" class="uni-flex-item">
|
|
{{detail.investCoin}} : <label
|
|
class="coinB">{{Number(balabces[detail.investCoin])}}</label>
|
|
</view>
|
|
<view v-else class="uni-flex-item">USDT : <label
|
|
class="coinB">{{Number(balabces.USDT)}}</label></view>
|
|
</view>
|
|
</view>
|
|
<view class="uni-flex-item name">交易數量</view>
|
|
<view class="uni-flex-item">
|
|
<input :class="{'disabled' :!detail.canPurchase || !isTrue() || loading}"
|
|
:disabled="!detail.canPurchase || !isTrue() || loading" v-model="value" class="input"
|
|
placeholder="請輸入" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="margin-top: 32px;" v-if="detail.canPurchase">
|
|
<button type="primary" @click="buy" class="btn" :disabled="!detail.canPurchase || !isTrue() || loading"
|
|
:class="{'disabled' :!detail.canPurchase || !isTrue() || loading}">{{loading?'处 理 中':'確 定 交 易'}}</button>
|
|
</view>
|
|
<u-toast ref="uToast"></u-toast>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import item from '@/components/smarttrading/item.vue';
|
|
import {
|
|
_buy
|
|
} from "@/request/aiInvestApi.js"
|
|
import {
|
|
_pushBuyInfo,
|
|
_getcharge
|
|
} from "@/request/api.js"
|
|
|
|
export default {
|
|
components: {
|
|
item
|
|
},
|
|
data() {
|
|
return {
|
|
value: 1,
|
|
id: '',
|
|
detail: null,
|
|
min: {
|
|
'BNB': '0.2',
|
|
'ETH': '0.01',
|
|
'BTC': '0.001',
|
|
'USDT': 100
|
|
},
|
|
coinType: ['BNB', 'ETH', 'BTC'],
|
|
balabces: {},
|
|
userInfo: {},
|
|
loading: false,
|
|
}
|
|
},
|
|
async onLoad(options) {
|
|
|
|
await this.syncBuyInfos()
|
|
await this.loadMoney()
|
|
uni.showLoading({
|
|
mask: true
|
|
})
|
|
// this.balabces = JSON.parse(uni.getStorageSync('balabces'))
|
|
this.userInfo = JSON.parse(uni.getStorageSync('infos'))
|
|
// 獲取傳遞的參數
|
|
this.id = options.id;
|
|
setTimeout(() => {
|
|
const obj = JSON.parse(uni.getStorageSync(this.id))
|
|
this.value = obj.optionType === 'PUT' ? this.min.USDT : this.min[obj.investCoin]
|
|
this.detail = {...obj}
|
|
uni.hideLoading()
|
|
}, 600)
|
|
},
|
|
onUnload() {
|
|
uni.removeStorageSync(this.id)
|
|
},
|
|
methods: {
|
|
async loadMoney() {
|
|
const Money = await _getcharge()
|
|
this.balabces = {
|
|
'BNB': '0.00',
|
|
'ETH': '0.00',
|
|
'BTC': '0.00',
|
|
'USDT': '0.00'
|
|
}
|
|
Money.data.map(item => {
|
|
this.balabces[item.coin] = item.amount
|
|
})
|
|
uni.setStorageSync('balabces', JSON.stringify(this.balabces))
|
|
},
|
|
isTrue() {
|
|
let val = this.balabces.USDT
|
|
if (this.detail.optionType === 'CALL') {
|
|
val = this.balabces[this.detail.investCoin]
|
|
}
|
|
return Number(val) > 0 && Number(val) >= this.value
|
|
},
|
|
async syncBuyInfos() {
|
|
const buyInfos = uni.getStorageSync('bInfo') || null
|
|
if (buyInfos) {
|
|
uni.removeStorageSync('bInfo')
|
|
uni.showLoading({
|
|
mask: true,
|
|
title: '正在檢測數據...'
|
|
})
|
|
const arr = JSON.parse(buyInfos)
|
|
let pall = []
|
|
arr.map(item => {
|
|
pall.push(_pushBuyInfo(item))
|
|
})
|
|
Promise.all(pall).then(res => {
|
|
const noSave = res.filter(r => {
|
|
return r.code !== 1
|
|
})
|
|
uni.setStorageSync('bInfo', JSON.stringify(noSave))
|
|
})
|
|
uni.hideLoading()
|
|
}
|
|
},
|
|
checkTypeAndValue(type, value) {
|
|
let obj = {
|
|
message: "",
|
|
isCross: false
|
|
};
|
|
switch (type) {
|
|
case "BNB":
|
|
if (value >= 0.2) {
|
|
obj.isCross = true
|
|
} else {
|
|
obj.message = "BNB類型最低購買0.2";
|
|
obj.isCross = false;
|
|
}
|
|
break;
|
|
case "ETH":
|
|
if (value >= 0.01) {
|
|
obj.isCross = true
|
|
} else {
|
|
obj.message = "ETH類型最低購買0.01";
|
|
obj.isCross = false;
|
|
}
|
|
break;
|
|
case "BTC":
|
|
if (value >= 0.001) {
|
|
obj.isCross = true
|
|
} else {
|
|
obj.message = "BTC類型最低購買0.001";
|
|
obj.isCross = false;
|
|
}
|
|
break;
|
|
case "USDT":
|
|
if (value >= 100) {
|
|
obj.isCross = true
|
|
} else {
|
|
obj.message = "USDT類型最低購買100";
|
|
obj.isCross = false;
|
|
}
|
|
break;
|
|
}
|
|
return obj
|
|
},
|
|
async buy() {
|
|
this.loading = true
|
|
if(!Number(this.userInfo.miner_G) >= 1){
|
|
uni.showToast({
|
|
title: '購買1G以上算力才可交易',
|
|
icon:"none"
|
|
})
|
|
this.loading = false
|
|
return
|
|
}
|
|
let cobj = this.checkTypeAndValue(this.detail.investCoin,this.value)
|
|
if(!cobj.isCross){
|
|
uni.showToast({
|
|
title: cobj.message,
|
|
icon:"none"
|
|
})
|
|
this.loading = false
|
|
return
|
|
}
|
|
uni.showLoading({
|
|
mask: true
|
|
})
|
|
const data = {
|
|
id: this.detail.id,
|
|
orderId: this.detail.orderId,
|
|
type: this.detail.optionType,
|
|
name: this.userInfo.email,
|
|
money: this.value,
|
|
money_wallet: this.userInfo.wallet.address,
|
|
createTimes: this.$moment().valueOf()
|
|
}
|
|
_pushBuyInfo({
|
|
'buyinfo': data,
|
|
...this.detail,
|
|
money: this.value,
|
|
createTimes:data.createTimes,
|
|
}).then((res) => {
|
|
uni.hideLoading()
|
|
let toast = {
|
|
type: "success",
|
|
position: 'bottom',
|
|
duration: 3000,
|
|
message: "購買成功"
|
|
}
|
|
if (res.code === 0) {
|
|
toast.type = 'error'
|
|
toast.message = res.data.hasOwnProperty('error') ? '當前產品火熱搶購中，下單失敗，請選擇其他產品購買.' : res.msg
|
|
}
|
|
this.$refs.uToast.show({
|
|
...toast,
|
|
complete: () => {
|
|
uni.$emit('updateView', {})
|
|
uni.navigateBack()
|
|
}
|
|
});
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.box {
|
|
.balance {
|
|
background-color: rgba(0, 0, 0, .1);
|
|
border-radius: 8px;
|
|
color: #666;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 48px;
|
|
margin-top: 12px;
|
|
text-indent: 12px;
|
|
line-height: 48px;
|
|
|
|
.coinB {
|
|
display: inline-block;
|
|
color: #1ABA84;
|
|
line-height: 48px;
|
|
}
|
|
}
|
|
|
|
background-color: #000033;
|
|
height: 100vh;
|
|
padding: 32rpx;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
|
|
.name {
|
|
text-indent: 8px;
|
|
font-weight: 800;
|
|
line-height: 36px;
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.label {
|
|
display: inline-block;
|
|
border: 1px solid #909399;
|
|
padding: 2px 0;
|
|
width: 60%;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.btn {
|
|
background-color: #4F5AD7;
|
|
border-radius: 32px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.input {
|
|
border: 0px;
|
|
border-bottom: 1rpx solid #999;
|
|
font-size: 36px;
|
|
text-align: center;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.buy-box {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
min-height: 20vh;
|
|
background-color: #fff;
|
|
border-radius: 12px;
|
|
padding: 24rpx;
|
|
|
|
.info {
|
|
background-color: #F4F6F8;
|
|
border-radius: 8px;
|
|
padding: 0 12px;
|
|
}
|
|
}
|
|
}
|
|
</style> |