|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<app-view class="mine">
|
|
|
<template #header>
|
|
|
- <app-navbar title="我的" :show-back-button="false" @ready="onReady" />
|
|
|
+ <app-navbar :title="$t('mine.title')" :show-back-button="false" @ready="onReady" />
|
|
|
</template>
|
|
|
<div ref="headerRef" class="mine-header">
|
|
|
<div class="mine-header__wrapper">
|
|
|
@@ -21,38 +21,38 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="profile-account">
|
|
|
- <span>正常</span>
|
|
|
+ <span>{{ $t('mine.normal') }}</span>
|
|
|
<span>{{ currentAccount.accountid ?? 0 }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bank">
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <span>余额</span>
|
|
|
+ <span>{{ $t('mine.balance') }}</span>
|
|
|
<span>{{ currentAccount.currentbalance?.toFixed(2) }}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <span>净值</span>
|
|
|
+ <span>{{ $t('mine.netWorth') }}</span>
|
|
|
<span>{{ currentAccount.hazardValue?.toFixed(2) }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <span>预扣</span>
|
|
|
+ <span>{{ $t('mine.freezeMargin') }}</span>
|
|
|
<span>{{ currentAccount.freezeMargin?.toFixed(2) }}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <span>占用</span>
|
|
|
+ <span>{{ $t('mine.usedMargin') }}</span>
|
|
|
<span>{{ currentAccount.usedmargin?.toFixed(2) }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <span>可用</span>
|
|
|
+ <span>{{ $t('mine.availableFunds') }}</span>
|
|
|
<span>{{ currentAccount.avaiableMoney?.toFixed(2) }}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <span>风险率</span>
|
|
|
+ <span>{{ $t('mine.riskRate') }}</span>
|
|
|
<span :class="currentAccount.hazardRatioColor">
|
|
|
{{ parsePercent(currentAccount.hazardRatio) }}
|
|
|
</span>
|
|
|
@@ -60,29 +60,29 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="button">
|
|
|
- <Button type="danger" size="small" round @click="doInOutMoney('0')">入金</Button>
|
|
|
- <Button size="small" round @click="doInOutMoney('1')">出金</Button>
|
|
|
+ <Button type="danger" size="small" round @click="doInOutMoney('0')">{{ $t('mine.cashin') }}</Button>
|
|
|
+ <Button size="small" round @click="doInOutMoney('1')">{{ $t('mine.cashout') }}</Button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<app-block class="mine-iconbar">
|
|
|
<ul>
|
|
|
<li @click="routerTo('order-position')">
|
|
|
- <Iconfont label-direction="bottom" icon="g-icon-position--line">我的持仓</Iconfont>
|
|
|
+ <Iconfont label-direction="bottom" icon="g-icon-position--line">{{ $t('mine.myposition') }}</Iconfont>
|
|
|
</li>
|
|
|
<li @click="routerTo('order-list')">
|
|
|
- <Iconfont label-direction="bottom" icon="g-icon-order--line">我的订单</Iconfont>
|
|
|
+ <Iconfont label-direction="bottom" icon="g-icon-order--line">{{ $t('mine.myorder') }}</Iconfont>
|
|
|
</li>
|
|
|
<li @click="routerTo('order-delivery')">
|
|
|
- <Iconfont label-direction="bottom" icon="g-icon-delivery--line">交货提货</Iconfont>
|
|
|
+ <Iconfont label-direction="bottom" icon="g-icon-delivery--line">{{ $t('mine.delivery') }}</Iconfont>
|
|
|
</li>
|
|
|
<li @click="routerTo('order-performance')">
|
|
|
- <Iconfont label-direction="bottom" icon="g-icon-performance--line">履约信息</Iconfont>
|
|
|
+ <Iconfont label-direction="bottom" icon="g-icon-performance--line">{{ $t('mine.performance') }}</Iconfont>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul>
|
|
|
<li @click="routerTo('order-inout')">
|
|
|
- <Iconfont label-direction="bottom" icon="g-icon-inout--line">持仓过户</Iconfont>
|
|
|
+ <Iconfont label-direction="bottom" icon="g-icon-inout--line">{{ $t('mine.positiontransfer') }}</Iconfont>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</app-block>
|
|
|
@@ -90,58 +90,58 @@
|
|
|
<CellGroup>
|
|
|
<Cell is-link :to="{ name: 'bank-capital' }">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-capital">资金信息</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-capital">{{ $t('mine.fundsinfo') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
<Cell is-link :to="{ name: 'account-authresult' }" v-if="authStatus === AuthStatus.Submitted">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-certification">实名认证</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-certification">{{ $t('mine.authentication') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
<Cell is-link :to="{ name: 'account-certification' }" v-else-if="authStatus !== AuthStatus.Certified">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-certification">实名认证</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-certification">{{ $t('mine.authentication') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
<Cell is-link :to="{ name: 'bank-sign' }" v-if="authStatus === AuthStatus.Certified">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-sign">签约账户</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-sign">{{ $t('mine.banksign') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
<Cell is-link :to="{ name: 'mine-profile' }">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-profile">个人信息</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-profile">{{ $t('mine.personalinformation') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
<Cell is-link :to="{ name: 'rules-zcxy' }">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-zcxy">用户注册协议</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-zcxy">{{ $t('rules.zcxy') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
<Cell is-link :to="{ name: 'rules-yszc' }">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-yszc">关于隐私</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-yszc">{{ $t('rules.yszc') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
<Cell is-link :to="{ name: 'rules-fwrx' }">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-fwrx">服务热线</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-fwrx">{{ $t('rules.fwrx') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
<Cell is-link :to="{ name: 'mine-setting' }">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-setting">设置</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-setting">{{ $t('mine.settings') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
<Cell is-link :to="{ name: 'rules-gywm' }">
|
|
|
<template #title>
|
|
|
- <Iconfont icon="g-icon-gywm">关于我们</Iconfont>
|
|
|
+ <Iconfont icon="g-icon-gywm">{{ $t('mine.aboutus') }}</Iconfont>
|
|
|
</template>
|
|
|
</Cell>
|
|
|
</CellGroup>
|
|
|
</app-block>
|
|
|
<div class="mine-footer">
|
|
|
- <Button class="button-logout" type="danger" size="small" round @click="userLogout">退出登录</Button>
|
|
|
+ <Button class="button-logout" type="danger" size="small" round @click="userLogout">{{ $t('common.logout') }}</Button>
|
|
|
</div>
|
|
|
</app-view>
|
|
|
</template>
|