| | |
| | | </div> |
| | | <div class="rights"> |
| | | <div class="ese"> |
| | | <div |
| | | class="mc" |
| | | @click="handleTradingClick(0)" |
| | | :class="tabsCurrentIndex === 0 ? 'actives' : ''" |
| | | > |
| | | <div class="mc" @click="handleTradingClick(0)" :class="tabsCurrentIndex === 0 ? 'actives' : ''"> |
| | | <span>Short</span> |
| | | </div> |
| | | |
| | | <div |
| | | class="mr" |
| | | @click="handleTradingClick(1)" |
| | | :class="tabsCurrentIndex === 1 ? 'active' : ''" |
| | | > |
| | | <div class="mr" @click="handleTradingClick(1)" :class="tabsCurrentIndex === 1 ? 'active' : ''"> |
| | | <span>Long</span> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <div class="price_tabs"> |
| | | <div class="tabs"> |
| | | <div |
| | | class="tab_item" |
| | | v-for="(item, index) in priceTabs" |
| | | :key="index" |
| | | @click="handleTabsClick(item, index)" |
| | | :class="priceTabsCurrentIndex === index ? 'active' : ''" |
| | | > |
| | | <div class="tab_item" v-for="(item, index) in priceTabs" :key="index" @click="handleTabsClick(item, index)" |
| | | :class="priceTabsCurrentIndex === index ? 'active' : ''"> |
| | | <span>{{ item }}</span> |
| | | </div> |
| | | </div> |
| | |
| | | <img src="@/assets/img/ic_number_jian.png" alt /> |
| | | </div> |
| | | <div class="addorj"></div> |
| | | <div |
| | | class="addorj" |
| | | @click=" |
| | | <div class="addorj" @click=" |
| | | typeof nums == 'string' |
| | | ? (nums = Number(Number(nums) + 1).toFixed(2)) |
| | | : (nums = (Number(nums) + 1).toFixed(2)) |
| | | " |
| | | > |
| | | "> |
| | | <img src="@/assets/img/ic_number_add.png" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="num"> |
| | | <span>{{ $t("hj100") }}</span> |
| | | <span>{{ $t("交易数量") }}({{ $t('hj117') }})</span> |
| | | </div> |
| | | <div class="tr_es flexJy"> |
| | | <div class="top_input"> |
| | | <input |
| | | type="number" |
| | | onkeyup="value=value.replace(/[^\d]/g,'')" |
| | | v-model="num" |
| | | @input="numInput" |
| | | /> |
| | | <input type="number" onkeyup="value=value.replace(/[^\d]/g,'')" v-model="num" @input="numInput" /> |
| | | </div> |
| | | <div class="right_sw flexJy" style="width: auto"> |
| | | <div class="addorj" @click="jyslJian"> |
| | |
| | | <span> |
| | | {{ bayType | currencySymbol }} |
| | | {{ |
| | | (nowPrice * selectCycle.replace("X", "") * num) |
| | | (nowPrice * selectCycle.replace("X", "") * num * stockNum) |
| | | | _toLocaleString |
| | | }} |
| | | </span> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <van-action-sheet |
| | | v-model="showGg" |
| | | :actions="siteLeverList" |
| | | :cancel-text="$t('hj106')" |
| | | :description="$t('hj107')" |
| | | close-on-click-action |
| | | @select="onSelect" |
| | | /> |
| | | <van-action-sheet v-model="showGg" :actions="siteLeverList" :cancel-text="$t('hj106')" :description="$t('hj107')" |
| | | close-on-click-action @select="onSelect" /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | } |
| | | ], |
| | | moneyData: {}, |
| | | gid: "" |
| | | gid: "", |
| | | stockNum: 0, // 一手的股数 |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | this.getMoneyData(); |
| | | this.getSettingInfo(); |
| | | this.queryStockConfig(); |
| | | this.getStockBuySetting(); |
| | | }, |
| | | watch: { |
| | | checkedZy(val) { |
| | |
| | | elAlertText: data.msg |
| | | }); |
| | | } |
| | | }, |
| | | // 获取每手的股数 |
| | | async getStockBuySetting() { |
| | | let data = await api.queryStockBuySetting({ stockType: this.bayType }); |
| | | if (data.status === 0) { |
| | | this.stockNum = data.data[0].stockNum; |
| | | } |
| | | } |
| | | }, |
| | | filters: { |