| | |
| | | {{ $t("dep") }} |
| | | </div> |
| | | </el-button> |
| | | <el-button |
| | | type="primary" |
| | | class="withdraw-btn" |
| | | @click="withdrawVisible = true" |
| | | > |
| | | <el-button type="primary" class="withdraw-btn" @click="withdrawVisible = true"> |
| | | <div class="flex-center"> |
| | | <img src="@/assets/images/account_ret.png" alt="Withdraw" /> |
| | | {{ $t("hj177") }} |
| | |
| | | <h3>{{ $t("美国") }}</h3> |
| | | </div> |
| | | |
| | | <div |
| | | class="overview-content" |
| | | v-for="i in moneyData" |
| | | :key="i.id" |
| | | v-show="i.accectType == 'US'" |
| | | > |
| | | <div class="overview-content" v-for="i in moneyData" :key="i.id" v-show="i.accectType == 'US'"> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj49") }}</div> |
| | | <div class="item-value">{{ i.symbol }} {{ i.totalMoney }}</div> |
| | |
| | | > |
| | | {{ $t("账户变动记录") }} |
| | | </div> --> |
| | | <div |
| | | class="nav_item" |
| | | :class="`${nav == 2 ? 'active' : ''}`" |
| | | @click="navChange(2)" |
| | | > |
| | | <div class="nav_item" :class="`${nav == 2 ? 'active' : ''}`" @click="navChange(2)"> |
| | | {{ $t("dawr") }} |
| | | </div> |
| | | <!-- <div |
| | |
| | | > |
| | | {{ $t("基金订单") }} |
| | | </div> --> |
| | | <div |
| | | class="nav_item" |
| | | :class="`${nav == 7 ? 'active' : ''}`" |
| | | @click="navChange(7)" |
| | | > |
| | | <div class="nav_item" :class="`${nav == 7 ? 'active' : ''}`" @click="navChange(7)"> |
| | | {{ $t("fnv") }} |
| | | </div> |
| | | <div |
| | | class="nav_item" |
| | | :class="`${nav == 8 ? 'active' : ''}`" |
| | | @click="navChange(8)" |
| | | > |
| | | <div class="nav_item" :class="`${nav == 8 ? 'active' : ''}`" @click="navChange(8)"> |
| | | {{ $t("bc") }} |
| | | </div> |
| | | <div |
| | | class="nav_item" |
| | | :class="`${nav == 9 ? 'active' : ''}`" |
| | | @click="navChange(9)" |
| | | > |
| | | <div class="nav_item" :class="`${nav == 9 ? 'active' : ''}`" @click="navChange(9)"> |
| | | {{ $t("hj10") }} |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | |
| | | <!-- 划转弹窗 --> |
| | | <Trasferire |
| | | :dialogVisible.sync="trasferireVisible" |
| | | v-if="trasferireVisible" |
| | | @onClose="getMoney" |
| | | :moneyData="moneyData" |
| | | ></Trasferire> |
| | | <Trasferire :dialogVisible.sync="trasferireVisible" v-if="trasferireVisible" @onClose="getMoney" |
| | | :moneyData="moneyData"></Trasferire> |
| | | <!-- 充值弹窗 --> |
| | | <Deposit |
| | | :dialogVisible.sync="depositDialogVisible" |
| | | v-if="depositDialogVisible" |
| | | @onClose="getMoney" |
| | | ></Deposit> |
| | | <Deposit :dialogVisible.sync="depositDialogVisible" v-if="depositDialogVisible" @onClose="getMoney"></Deposit> |
| | | |
| | | <!-- 提现弹窗 --> |
| | | <Withdraw |
| | | :dialogVisible.sync="withdrawVisible" |
| | | v-if="withdrawVisible" |
| | | @onClose="getMoney" |
| | | :moneyData="moneyData" |
| | | ></Withdraw> |
| | | <Withdraw :dialogVisible.sync="withdrawVisible" v-if="withdrawVisible" @onClose="getMoney" :moneyData="moneyData"> |
| | | </Withdraw> |
| | | |
| | | <!-- 贷款申请弹窗 --> |
| | | <loan-application |
| | | :dialogVisible.sync="applicationVisible" |
| | | v-if="applicationVisible" |
| | | ></loan-application> |
| | | <loan-application :dialogVisible.sync="applicationVisible" v-if="applicationVisible"></loan-application> |
| | | |
| | | <!-- 贷款记录弹窗 --> |
| | | <loan-records |
| | | :dialogVisible.sync="recordsVisible" |
| | | v-if="recordsVisible" |
| | | ></loan-records> |
| | | <loan-records :dialogVisible.sync="recordsVisible" v-if="recordsVisible"></loan-records> |
| | | |
| | | <!-- 交易列表弹窗(包括us和mx的) --> |
| | | <Position |
| | | :dialogVisible.sync="positionVisible" |
| | | v-if="positionVisible" |
| | | :type="positionType" |
| | | :moneyData="moneyData" |
| | | @pc="pc" |
| | | ></Position> |
| | | <Position :dialogVisible.sync="positionVisible" v-if="positionVisible" :type="positionType" :moneyData="moneyData" |
| | | @pc="pc"></Position> |
| | | |
| | | <!-- 交易记录弹窗(包括us和mx的) --> |
| | | <trade-log |
| | | :dialogVisible.sync="tradelogVisible" |
| | | v-if="tradelogVisible" |
| | | :type="positionType" |
| | | ></trade-log> |
| | | <trade-log :dialogVisible.sync="tradelogVisible" v-if="tradelogVisible" :type="positionType"></trade-log> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | let teimss = null; |
| | | import * as api from "@/axios/api"; |
| | | import dawr from "./components/dawr.vue"; |
| | | import acd from "./components/acd.vue"; |
| | |
| | | |
| | | this.init(); |
| | | }, |
| | | beforeDestroy() { |
| | | clearInterval(teimss); |
| | | }, |
| | | methods: { |
| | | // 初始化 |
| | | init() { |
| | | this.getMoney(); |
| | | this.getInfo(); |
| | | |
| | | clearInterval(teimss); |
| | | teimss = setInterval(() => { |
| | | this.getMoney(); |
| | | }, 10000); |
| | | }, |
| | | // 获取账户金额 |
| | | async getMoney() { |
| | |
| | | <style lang="scss" scoped> |
| | | $s_c: #287dff; |
| | | $l_c: #07c160; |
| | | |
| | | // .account-container {} |
| | | ::v-deep .el-drawer__header > :first-child { |
| | | ::v-deep .el-drawer__header> :first-child { |
| | | font-size: 18px; |
| | | font-weight: 700; |
| | | color: #333; |