| | |
| | | |
| | | <div class="content-box"> |
| | | <van-row class="van-row-box"> |
| | | <van-col span="24"> |
| | | <van-col span="20"> |
| | | <div class="content-all"> |
| | | <span>賬戶總資產(USD)</span> |
| | | <span>{{ $t("賬戶總資產") }}({{ $USD }})</span> |
| | | <i @click="xy = !xy" class="iconfont xy"></i> |
| | | </div> |
| | | <div class="number-all"> |
| | | <showHide :text="userInfo.totalAssets" :flg="xy" /> |
| | | <showHide :text="asstesAll" :flg="xy" /> |
| | | </div> |
| | | </van-col> |
| | | <van-col span="4" style="display: flex; justify-content: flex-end"> |
| | | <van-icon |
| | | @click="$router.push('/rechargelist')" |
| | | name="orders-o" |
| | | size="20" |
| | | /> |
| | | </van-col> |
| | | </van-row> |
| | | <van-row style="margin-top: 18px"> |
| | | <div class="van-col van-col--8" style="margin-top: 10px"> |
| | | <div class="content-title DINPro">美股總資產(USD)</div> |
| | | <div> |
| | | <div class="DINPro" style="font-size: 18px"> |
| | | <showHide :text="userInfo.usTotalAssets" :flg="xy" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="van-col van-col--8" style="margin-top: 10px"> |
| | | <div class="content-title">馬股總資產(USD)</div> |
| | | <div> |
| | | <div class="DINPro" style="font-size: 18px"> |
| | | <showHide :text="userInfo.masTotalAssets" :flg="xy" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </van-row> |
| | | |
| | | <van-row style="margin-top: 16px"> |
| | | <van-col span="8" style="display: flex; justify-content: center"> |
| | | <van-button |
| | | @click="$router.push('/recharge')" |
| | | class="btn-two" |
| | | type="primary" |
| | | >充值</van-button |
| | | > |
| | | <!-- @click="$router.push('/recharge')" --> |
| | | <!-- @click="kefu" --> |
| | | <van-button @click="kefu" class="btn-two" type="primary"> |
| | | {{ $t("hj172") }} |
| | | </van-button> |
| | | </van-col> |
| | | <van-col span="8" style="display: flex; justify-content: center"> |
| | | <van-button |
| | | @click="$router.push('/RechargeSure')" |
| | | class="btn-two" |
| | | type="default" |
| | | >提款</van-button |
| | | >{{ $t("提款") }}</van-button |
| | | > |
| | | </van-col> |
| | | <!-- transferIndex --> |
| | | <van-col span="8" style="display: flex; justify-content: center"> |
| | | <van-button |
| | | @click="$router.push('/transferIndex')" |
| | | class="btn-two" |
| | | type="default" |
| | | >劃轉</van-button |
| | | > |
| | | </van-col> |
| | | <!-- <van-col span="6" style="display: flex; justify-content: center"> |
| | | <van-button class="btn-two" type="default">資金明細</van-button> |
| | | </van-col> --> |
| | | </van-row> |
| | | </div> |
| | | <div class="content-list-box"> |
| | |
| | | :name="item.title" |
| | | > |
| | | <ul class="money"> |
| | | <li> |
| | | <li style="text-align: left"> |
| | | <div class="li-title"> |
| | | {{ item.title1 }}({{ item.symbolCode }}) |
| | | </div> |
| | |
| | | <div class="DINPro"> |
| | | {{ item.symbol }} {{ item.availableBalance || "0.00" }} |
| | | </div> |
| | | <div class="DINPro"> |
| | | <!-- <div class="DINPro"> |
| | | ≈ $ {{ item.availableBalanceUSD || "0.00" }} |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </li> |
| | | <li> |
| | |
| | | <div class="DINPro"> |
| | | {{ item.symbol }} {{ item.freezeMoney || "0.00" }} |
| | | </div> |
| | | <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> |
| | | <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> --> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | |
| | | import { Toast, MessageBox } from "mint-ui"; |
| | | import { isNull, pwdReg } from "@/utils/utils"; |
| | | import showHide from "@/components/showHide"; |
| | | import Vue from "Vue"; |
| | | import Vue from "vue"; |
| | | export default { |
| | | name: "newUser", |
| | | components: { showHide }, |
| | |
| | | xy: true, |
| | | listAsstes: [ |
| | | { |
| | | title: "美股資產", |
| | | title1: "美股可用", |
| | | title2: "美股冻结", |
| | | accectType: "US", |
| | | symbol: "$", |
| | | symbolCode: "USD", |
| | | }, |
| | | { |
| | | title: "印股資產", |
| | | title1: "印股可用", |
| | | title2: "印股冻结", |
| | | title: this.$t("印股資產"), |
| | | title3: this.$t("印股總資產"), |
| | | title1: this.$t("印股可用"), |
| | | title2: this.$t("印股冻结"), |
| | | accectType: "IN", |
| | | symbol: "RM", |
| | | symbolCode: "MYR", |
| | | }, |
| | | { |
| | | title: "馬股資產", |
| | | title1: "馬股可用", |
| | | title2: "馬股冻结", |
| | | accectType: "MAS", |
| | | symbol: "RM", |
| | | symbolCode: "MYR", |
| | | symbolCode: "INR", |
| | | symbol: "₹", |
| | | }, |
| | | ], |
| | | active: "美股資產", |
| | | name: "大狗子", |
| | | active: this.$t("印股資產"), |
| | | name: "", |
| | | selectUserFlag: true, |
| | | settingDialog: false, |
| | | oldPassword: "", // 旧密码 |
| | |
| | | userInfo: [], |
| | | onlineService: "", |
| | | moneyList: [], |
| | | asstesAll: "0.00", |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | this.getInfoSite(); |
| | | }, |
| | | methods: { |
| | | kefu() { |
| | | // window.open(this.onlineService); |
| | | }, |
| | | async getMoneyData() { |
| | | let data = await api.getMoney(); |
| | | console.log(data); |
| | |
| | | } |
| | | }); |
| | | }); |
| | | console.log(this.listAsstes); |
| | | |
| | | const arr = data.data.filter((item) => item.accectType === "ALL"); |
| | | this.asstesAll = arr[0].totalMoney; |
| | | } |
| | | }, |
| | | tabsChange(e) { |
| | |
| | | }, |
| | | async getUserInfo() { |
| | | // 获取用户信息 |
| | | let data = await api.getUserInfo(); |
| | | let data = await api.getUserInfodata(); |
| | | if (data.status === 0) { |
| | | // 判断是否登录 |
| | | this.$store.commit("dialogVisible", false); |
| | |
| | | color: #2d2f3c; |
| | | } |
| | | .li-USDT { |
| | | min-width: 180px; |
| | | text-align: right; |
| | | font-style: normal; |
| | | font-weight: 500; |
| | | font-size: 0.37333rem; |