feat: 初始化
This commit is contained in:
George
175
pages/home/components/accountCard/index.vue
Normal file
175
pages/home/components/accountCard/index.vue
Normal file
@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<view :class="['accountCard', isHistory ? 'isHistory' : '']">
|
||||
<view>
|
||||
<view class="accountCardHeader">
|
||||
<view class="headerLeft">
|
||||
<view class="accountType" v-if="values.mt4_type_name">{{ values.mt4_type_name }}</view>
|
||||
<view class="accountNumber">{{ values.mt4_login }}</view>
|
||||
</view>
|
||||
<view v-if="!isHistory">
|
||||
<uni-icons v-show="!moreContentVisible" class="moreIcon" type="more-filled" size="32" @click="changeMoreContentVisible"></uni-icons>
|
||||
<uni-icons
|
||||
v-show="moreContentVisible"
|
||||
style="width: 16px; height: 16px"
|
||||
class="moreIcon"
|
||||
type="closeempty"
|
||||
:size="16"
|
||||
@click="changeMoreContentVisible"
|
||||
></uni-icons>
|
||||
</view>
|
||||
<view v-else class="historyAccountTag">{{ getHistoryAccountType() }}</view>
|
||||
</view>
|
||||
<view v-show="!moreContentVisible" class="accountDetails">
|
||||
<view class="detailItem">
|
||||
<view class="label">{{ $t('home.mtBalance') }}</view>
|
||||
<view class="value">
|
||||
{{ getNumberLocaleIntegerPart(values?.mt4_balance) }}
|
||||
<text class="valueAfter">.{{ getNumberDecimalPart(values?.mt4_balance) }} {{ values?.ifCent === 'NO' ? 'USD' : 'USC' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailItem">
|
||||
<view class="label">{{ $t('home.mtEquity') }}</view>
|
||||
<view class="value">
|
||||
{{ getNumberLocaleIntegerPart(values?.equity) }}
|
||||
<text class="valueAfter">.{{ getNumberDecimalPart(values?.equity) }} {{ values?.ifCent === 'NO' ? 'USD' : 'USC' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailItem">
|
||||
<view class="label">{{ $t('home.credit') }}</view>
|
||||
<view class="value">
|
||||
{{ getNumberLocaleIntegerPart(values?.mt4_credit) }}
|
||||
<text class="valueAfter">.{{ getNumberDecimalPart(values?.mt4_credit) }} {{ values?.ifCent === 'NO' ? 'USD' : 'USC' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailItem">
|
||||
<view class="label">{{ $t('home.mtLeverage') }}</view>
|
||||
<view class="value">{{ isValidNumber(values?.mt4_leverage) ? `1:${values?.mt4_leverage}` : '-' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-show="moreContentVisible" class="moreContent">
|
||||
<view class="moreContentItems">
|
||||
<view class="moreContentItem" @click="toAdjustLeveragePage">
|
||||
<image class="icon" src="/static/leverage.png" mode="aspectFit"></image>
|
||||
<text>{{ $t('home.leverage') }}</text>
|
||||
</view>
|
||||
<view class="moreContentItem" @click="toTradeRecordPage">
|
||||
<image class="icon" src="/static/tradeRecord.png" mode="aspectFit"></image>
|
||||
<text>{{ $t('home.tradeRecord') }}</text>
|
||||
</view>
|
||||
<view class="moreContentItem" @click="toChangeTradePwdPage">
|
||||
<image class="icon" src="/static/unlock.png" mode="aspectFit"></image>
|
||||
<text>{{ $t('home.changeTradePwd') }}</text>
|
||||
</view>
|
||||
<view class="moreContentItem" @click="toChangeROPwdPage">
|
||||
<image class="icon" src="/static/unlock_eye.png" mode="aspectFit"></image>
|
||||
<text>{{ $t('home.changeROPwd') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="statusTag" @click="handleFileAccount">{{ $t('home.filedAccount') }}</view>
|
||||
</view>
|
||||
<view v-if="!isHistory && values.server_type === 'live'">
|
||||
<view class="divider"></view>
|
||||
<view class="bottomBtns" v-if="values.server_type === 'live'">
|
||||
<view class="btn deposit" @click="toDepositPage">{{ $t('home.goldin') }}</view>
|
||||
<view class="btn" @click="toWithdrawPage">{{ $t('home.goldout') }}</view>
|
||||
<view class="btn" @click="toTransferPage">{{ $t('home.transfer') }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else-if="isHistory" class="historyAccountTip">
|
||||
<text>{{ $t('home.filedAccountTip') }}</text>
|
||||
<!-- <view class="reactivateBtn">{{ $t('home.reactivate') }}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { isValidNumber } from '@/utils/const.ts';
|
||||
import { savePlaceFile } from '@/services/home/home.ts';
|
||||
import { getNumberLocaleIntegerPart, getNumberDecimalPart } from '@/utils/const.ts';
|
||||
export default {
|
||||
name: 'AccountCard',
|
||||
props: {
|
||||
values: {
|
||||
type: Object,
|
||||
required: true,
|
||||
default: undefined
|
||||
},
|
||||
isHistory: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
default: false
|
||||
},
|
||||
handleFileAccount: {
|
||||
type: Function,
|
||||
required: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
moreContentVisible: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getNumberLocaleIntegerPart: getNumberLocaleIntegerPart,
|
||||
getNumberDecimalPart: getNumberDecimalPart,
|
||||
changeMoreContentVisible() {
|
||||
this.moreContentVisible = !this.moreContentVisible;
|
||||
},
|
||||
isValidNumber: isValidNumber,
|
||||
getHistoryAccountType() {
|
||||
if (this.values.server_type === 'test') {
|
||||
return this.$t('home.demo');
|
||||
} else {
|
||||
return this.$t(`home.realMT${this.values.mt_versions}`);
|
||||
}
|
||||
},
|
||||
navigatetoTarget(target) {
|
||||
uni.navigateTo({
|
||||
url: target
|
||||
});
|
||||
},
|
||||
toDepositPage() {
|
||||
uni.setStorageSync('curs', JSON.stringify(this.values.mt4_server));
|
||||
uni.setStorageSync('curl', JSON.stringify(this.values.mt4_login));
|
||||
uni.navigateTo({
|
||||
url: '/pages/capital/deposit/index'
|
||||
});
|
||||
},
|
||||
toWithdrawPage() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/capital/withdraw/index?mtLogin=${this.values.mt4_login}`
|
||||
});
|
||||
},
|
||||
toTransferPage() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/capital/transfer/index?mtLogin=${this.values.mt4_login}`
|
||||
});
|
||||
},
|
||||
toAdjustLeveragePage() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/home/adjustLeverage/index?mt4_login=${this.values.mt4_login}&mt4_server=${this.values.mt4_server}&mt4_leverage=${this.values.mt4_leverage}`
|
||||
});
|
||||
},
|
||||
toTradeRecordPage() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/home/tradeRecord/index?mt4_login=${this.values.mt4_login}&mt4_server=${this.values.mt4_server}`
|
||||
});
|
||||
},
|
||||
toChangeTradePwdPage() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/home/changeTradePwd/index?mt4_login=${this.values.mt4_login}&mt4_server=${this.values.mt4_server}`
|
||||
});
|
||||
},
|
||||
toChangeROPwdPage() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/home/changeROPwd/index?mt4_login=${this.values.mt4_login}&mt4_server=${this.values.mt4_server}`
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './index.scss';
|
||||
</style>
|
||||
Reference in New Issue
Block a user