| | |
| | | <div class="value"> |
| | | {{ obj.type | currencySymbol }} |
| | | {{ (obj.nowPrice * bform.num) | _toLocaleString }} |
| | | <div v-if="obj.type != $mc"> |
| | | <!-- <div v-if="obj.type != $mc"> |
| | | ≈ $ |
| | | {{ (obj.nowPrice * bform.num * rate(obj.type)) | _toLocaleString }} |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="info_item flex-between"> |
| | | <div class="label">{{ $t("hj48") }}</div> |
| | | <div class="value"> |
| | | {{ moneyData.symbol }} {{ moneyData.availableBalance }} |
| | | {{ CurrentMoneyData.symbol }} {{ CurrentMoneyData.availableBalance }} |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <div class="value"> |
| | | {{ obj.type | currencySymbol }} |
| | | {{ (obj.nowPrice * sform.num) | _toLocaleString }} |
| | | <div v-if="obj.type != $mc"> |
| | | <!-- <div v-if="obj.type != $mc"> |
| | | ≈ $ |
| | | {{ (obj.nowPrice * sform.num * rate(obj.type)) | _toLocaleString }} |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | 100: "100%", |
| | | }, |
| | | depositAmount: "", // 存款金额 |
| | | moneyData: {}, // 账户金额 |
| | | moneyData: [], // 账户金额 |
| | | pages: {}, // 已购买股票信息 |
| | | }; |
| | | }, |
| | |
| | | default: null, |
| | | }, |
| | | }, |
| | | computed: { |
| | | // 当前账户金额 |
| | | CurrentMoneyData() { |
| | | let obj = {}; |
| | | this.moneyData.forEach((i) => { |
| | | if (i.accectType == this.obj.type) { |
| | | obj = i; |
| | | } |
| | | }); |
| | | return obj; |
| | | }, |
| | | }, |
| | | watch: { |
| | | obj: { |
| | | handler(val) { |
| | |
| | | }, |
| | | // 通过进度条来计算数量 |
| | | bVal(val) { |
| | | if (this.obj.type != this.$mc) |
| | | this.bform.num = Math.floor( |
| | | (this.moneyData.availableBalance * (val / 100)) / |
| | | (this.obj.nowPrice * this.rate(this.obj.type)) |
| | | ); |
| | | else |
| | | this.bform.num = Math.floor( |
| | | (this.moneyData.availableBalance * (val / 100)) / this.obj.nowPrice |
| | | ); |
| | | this.bform.num = Math.floor( |
| | | (this.CurrentMoneyData.availableBalance * (val / 100)) / |
| | | this.obj.nowPrice |
| | | ); |
| | | }, |
| | | sVal(val) { |
| | | this.sform.num = Math.ceil(this.pages.orderNum * (val / 100)); |
| | |
| | | }, |
| | | created() { |
| | | this.getMoney(); |
| | | this.getExchangeRate(); |
| | | // this.getExchangeRate(); |
| | | }, |
| | | methods: { |
| | | changeTab(index) { |
| | |
| | | async getMoney() { |
| | | let data = await api.getMoney(); |
| | | if (data.status === 0) { |
| | | this.moneyData = data.data[0]; |
| | | this.moneyData = data.data; |
| | | } |
| | | }, |
| | | // 买卖,买:0,卖:1 |
| | |
| | | } |
| | | |
| | | .position_list { |
| | | background-color: #f7f7f7; |
| | | background-color: #555; |
| | | padding: 10px; |
| | | border-radius: 8px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 10px; |
| | | .position_item { |
| | | background-color: #fff; |
| | | background-color: #777; |
| | | padding: 10px; |
| | | border-radius: 8px; |
| | | display: flex; |
| | |
| | | align-items: center; |
| | | font-size: 12px; |
| | | cursor: pointer; |
| | | border: 1px solid #fff; |
| | | border: 1px solid #eee; |
| | | |
| | | .total { |
| | | font-size: 16px; |
| | |
| | | } |
| | | |
| | | .position_item_active { |
| | | border: 1px solid #c4d600; |
| | | background-color: #e6f9ef; |
| | | border: 1px solid #287dff; |
| | | background-color: #444; |
| | | } |
| | | |
| | | .title { |