| | |
| | | </div> |
| | | |
| | | <div class="flex-between" style="width: 100%"> |
| | | <div class="overview-content"> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj49") }}</div> |
| | | <div class="item-value"> |
| | | {{ moneyData.symbol }} {{ moneyData.totalMoney }} |
| | | </div> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj48") }}</div> |
| | | <div class="item-value"> |
| | | {{ moneyData.symbol }} {{ moneyData.availableBalance }} |
| | | </div> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("ff1") }}</div> |
| | | <div class="item-value"> |
| | | {{ moneyData.symbol }} {{ moneyData.freezeMoney }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="action-buttons"> |
| | | <el-button |
| | | type="success" |
| | | class="deposit-btn" |
| | | @click="trasferireVisible = true" |
| | | > |
| | | <div class="flex-center"> |
| | | <img src="@/assets/images/account_hz.png" alt="Deposit" /> |
| | | {{ $t("劃轉") }} |
| | | </div> |
| | | </el-button> |
| | | <el-button |
| | | type="success" |
| | | class="deposit-btn" |
| | | @click="trasferireVisible = true" |
| | | > |
| | | <div class="flex-center"> |
| | | <img src="@/assets/images/account_hz.png" alt="Deposit" /> |
| | | {{ $t("劃轉") }} |
| | | </div> |
| | | </el-button> |
| | | <el-button |
| | | type="success" |
| | | class="deposit-btn" |
| | |
| | | <div class="market-header"> |
| | | <h3>{{ $t("美国") }}</h3> |
| | | </div> |
| | | |
| | | <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> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj48") }}</div> |
| | | <div class="item-value"> |
| | | {{ i.symbol }} {{ i.availableBalance }} |
| | | </div> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("ff1") }}</div> |
| | | <div class="item-value">{{ i.symbol }} {{ i.freezeMoney }}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="market-content"> |
| | | <div class="market-row"> |
| | | <div class="market-label"> |
| | |
| | | <div class="market-header"> |
| | | <h3>{{ $t("hk1") }}</h3> |
| | | </div> |
| | | |
| | | <div |
| | | class="overview-content" |
| | | v-for="i in moneyData" |
| | | :key="i.id" |
| | | v-show="i.accectType == 'HK'" |
| | | > |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj49") }}</div> |
| | | <div class="item-value">{{ i.symbol }} {{ i.totalMoney }}</div> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj48") }}</div> |
| | | <div class="item-value"> |
| | | {{ i.symbol }} {{ i.availableBalance }} |
| | | </div> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("ff1") }}</div> |
| | | <div class="item-value">{{ i.symbol }} {{ i.freezeMoney }}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="market-content"> |
| | | <div class="market-row"> |
| | | <div class="market-label"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="market-data page-w a_card" style="padding-top: 0;"> |
| | | <div class="market-data page-w a_card" style="padding-top: 0"> |
| | | <div class="market-section sb_b"> |
| | | <div class="market-header"> |
| | | <h3>{{ $t("tw") }}</h3> |
| | | </div> |
| | | |
| | | <div |
| | | class="overview-content" |
| | | v-for="i in moneyData" |
| | | :key="i.id" |
| | | v-show="i.accectType == 'TW'" |
| | | > |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj49") }}</div> |
| | | <div class="item-value">{{ i.symbol }} {{ i.totalMoney }}</div> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj48") }}</div> |
| | | <div class="item-value"> |
| | | {{ i.symbol }} {{ i.availableBalance }} |
| | | </div> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("ff1") }}</div> |
| | | <div class="item-value">{{ i.symbol }} {{ i.freezeMoney }}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="market-content"> |
| | | <div class="market-row"> |
| | | <div class="market-label"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <div class="market-section sb_b"> |
| | | <div class="market-header"> |
| | | <h3>{{ $t("id1") }}</h3> |
| | | </div> |
| | | |
| | | <div |
| | | class="overview-content" |
| | | v-for="i in moneyData" |
| | | :key="i.id" |
| | | v-show="i.accectType == 'IN'" |
| | | > |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj49") }}</div> |
| | | <div class="item-value">{{ i.symbol }} {{ i.totalMoney }}</div> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("hj48") }}</div> |
| | | <div class="item-value"> |
| | | {{ i.symbol }} {{ i.availableBalance }} |
| | | </div> |
| | | </div> |
| | | <div class="overview-item"> |
| | | <div class="item-label">{{ $t("ff1") }}</div> |
| | | <div class="item-value">{{ i.symbol }} {{ i.freezeMoney }}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="market-content"> |
| | | <div class="market-row"> |
| | | <div class="market-label"> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 划转弹窗 --> |
| | | <Trasferire |
| | | :dialogVisible.sync="trasferireVisible" |
| | | v-if="trasferireVisible" |
| | | @onClose="getMoney" |
| | | :maxNum="Math.floor(moneyData.availableBalance * 100) / 100" |
| | | ></Trasferire> |
| | | <!-- 划转弹窗 --> |
| | | <Trasferire |
| | | :dialogVisible.sync="trasferireVisible" |
| | | v-if="trasferireVisible" |
| | | @onClose="getMoney" |
| | | :moneyData="moneyData" |
| | | ></Trasferire> |
| | | <!-- 充值弹窗 --> |
| | | <Deposit |
| | | :dialogVisible.sync="depositDialogVisible" |
| | | v-if="depositDialogVisible" |
| | | @onClose="getMoney" |
| | | ></Deposit> |
| | | |
| | | |
| | | <!-- 提现弹窗 --> |
| | | <Withdraw |
| | | :dialogVisible.sync="withdrawVisible" |
| | | v-if="withdrawVisible" |
| | | @onClose="getMoney" |
| | | :maxNum="Math.floor(moneyData.availableBalance * 100) / 100" |
| | | :moneyData="moneyData" |
| | | ></Withdraw> |
| | | |
| | | <!-- 贷款申请弹窗 --> |
| | |
| | | lp, |
| | | bto, |
| | | Deposit, |
| | | Trasferire, |
| | | Trasferire, |
| | | Withdraw, |
| | | LoanApplication, |
| | | LoanRecords, |
| | |
| | | data() { |
| | | return { |
| | | nav: 1, |
| | | moneyData: {}, // 账户金额 |
| | | moneyData: [], // 账户金额 |
| | | userInfo: {}, // 用户信息 |
| | | positionData: {}, // 账户持仓数据 |
| | | depositAmount: "", // 存款金额 |
| | | depositMethod: "Bank Transfer", // 存款方式 |
| | | depositDialogVisible: false, // 存款弹窗显示状态 |
| | | trasferireVisible: false, // 存款弹窗显示状态 |
| | | trasferireVisible: false, // 存款弹窗显示状态 |
| | | withdrawVisible: false, // 存款弹窗显示状态 |
| | | applicationVisible: false, // 申请贷款弹窗显示状态 |
| | | recordsVisible: false, // 贷款记录弹窗显示状态 |
| | |
| | | async getMoney() { |
| | | let data = await api.getMoney(); |
| | | if (data.status === 0) { |
| | | this.moneyData = data.data[0]; |
| | | this.moneyData = data.data; |
| | | } |
| | | }, |
| | | // 获取用户信息 |
| | |
| | | .overview-content { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-bottom: 20px; |
| | | width: 50%; |
| | | // margin-bottom: 20px; |
| | | padding: 15px 20px 0; |
| | | } |
| | | |
| | | .overview-item { |
| | |
| | | |
| | | .action-buttons { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | justify-content: flex-start; |
| | | margin-bottom: 20px; |
| | | width: 50%; |
| | | |