| | |
| | | <template> |
| | | <div class="home_right"> |
| | | <div class="deal_type"> |
| | | <div |
| | | class="deal_item flex-center bt" |
| | | :class="{ deal_item_active: active == 0 }" |
| | | @click="changeTab(0)" |
| | | > |
| | | <div class="deal_item flex-center bt" :class="{ deal_item_active: active == 0 }" @click="changeTab(0)"> |
| | | {{ $t("buy") }} |
| | | </div> |
| | | <div |
| | | v-if="!!positionSn" |
| | | class="deal_item flex-center bt" |
| | | :class="{ deal_item_active: active == 1 }" |
| | | @click="changeTab(1)" |
| | | > |
| | | <div v-if="!!positionSn" class="deal_item flex-center bt" :class="{ deal_item_active: active == 1 }" |
| | | @click="changeTab(1)"> |
| | | {{ $t("hj121") }} |
| | | </div> |
| | | </div> |
| | | <!-- buy --> |
| | | <div class="submit_form" v-if="active == 0"> |
| | | <el-input |
| | | v-model="bform.price" |
| | | style="text-align: end" |
| | | oninput="value=value.replace(/[^\d.]/g,'')" |
| | | disabled |
| | | > |
| | | <el-input v-model="bform.price" style="text-align: end" oninput="value=value.replace(/[^\d.]/g,'')" disabled> |
| | | <div slot="prefix" class="inp_prefix flex-center">{{ $t("bp") }}</div> |
| | | </el-input> |
| | | |
| | | <el-input |
| | | v-model="bform.num" |
| | | style="text-align: end" |
| | | oninput="value=value.replace(/[^\d.]/g,'')" |
| | | > |
| | | <el-input v-model="bform.num" style="text-align: end" oninput="value=value.replace(/[^\d.]/g,'')"> |
| | | <div slot="prefix" class="inp_prefix flex-center">{{ $t("sl") }}</div> |
| | | </el-input> |
| | | |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <el-input |
| | | v-model="sform.price" |
| | | style="text-align: end" |
| | | oninput="value=value.replace(/[^\d.]/g,'')" |
| | | disabled |
| | | > |
| | | <el-input v-model="sform.price" style="text-align: end" oninput="value=value.replace(/[^\d.]/g,'')" disabled> |
| | | <div slot="prefix" class="inp_prefix flex-center">{{ $t("sp") }}</div> |
| | | </el-input> |
| | | |
| | | <el-input |
| | | v-model="sform.num" |
| | | style="text-align: end" |
| | | oninput="value=value.replace(/[^\d.]/g,'')" |
| | | > |
| | | <el-input v-model="sform.num" style="text-align: end" oninput="value=value.replace(/[^\d.]/g,'')" disabled> |
| | | <div slot="prefix" class="inp_prefix flex-center">{{ $t("sl") }}</div> |
| | | </el-input> |
| | | |
| | | <div class="slider_box"> |
| | | <!-- <div class="slider_box"> |
| | | <el-slider v-model="sVal" :marks="marks"> </el-slider> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <div class="info_item flex-between"> |
| | | <div class="label">{{ $t("tc") }}</div> |
| | |
| | | </div> |
| | | |
| | | <div class="submit_btns"> |
| | | <div class="bt bt2 flex-center" @click="sell()">{{ $t("hj121") }}</div> |
| | | <!-- <div class="bt bt2 flex-center" @click="sell()">{{ $t("hj121") }}</div> --> |
| | | <div class="bt bt2 flex-center" @click="sell()">{{ $t("一鍵平倉") }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | let data = await api.findByPostionSn(res); |
| | | if (data.status === 0) { |
| | | this.pages = data.data; |
| | | this.sform.num = data.data.orderNum |
| | | } |
| | | }, |
| | | // 平仓 |
| | |
| | | <style lang="scss" scoped> |
| | | .home_right { |
| | | width: 100%; |
| | | |
| | | .submit_form { |
| | | padding: 16px; |
| | | display: flex; |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 10px; |
| | | |
| | | .position_item { |
| | | background-color: #fff; |
| | | padding: 10px; |
| | |
| | | height: 40px; |
| | | border-radius: 40px; |
| | | } |
| | | |
| | | .bt2 { |
| | | background-color: #dfb758; |
| | | } |
| | |
| | | color: #fff; |
| | | background-color: #07c160; |
| | | } |
| | | |
| | | .deal_item_active:nth-child(2) { |
| | | background-color: #dfb758; |
| | | } |