| | |
| | | <!-- --> |
| | | <template> |
| | | <div style="height: 100%"> |
| | | <van-nav-bar |
| | | :placeholder="true" |
| | | :safe-area-inset-top="true" |
| | | :title="$t('订单详情')" |
| | | left-arrow |
| | | :fixed="true" |
| | | @click-left="handleBack" |
| | | > |
| | | <van-nav-bar :placeholder="true" :safe-area-inset-top="true" :title="$t('订单详情')" left-arrow :fixed="true" |
| | | @click-left="handleBack"> |
| | | </van-nav-bar> |
| | | |
| | | <div class="bottomIfr"> |
| | |
| | | </div> |
| | | <div class="pagebox_right"> |
| | | <van-icon name="arrow" size="1.2em" /> |
| | | </div> |
| | | </div> |
| | | <div class="pagebox"> |
| | | <div class="pagebox_left"> |
| | | {{ $t("sc") }} |
| | | </div> |
| | | <div class="pagebox_right">{{ pages.stockCode }}</div> |
| | | </div> |
| | | <div class="pagebox"> |
| | | <div class="pagebox_left"> |
| | | {{ $t("類型") }} |
| | | </div> |
| | | <div class="pagebox_right"> |
| | | {{ pages.orderDirection == "买涨" ? $t("gm") : $t("hj78") }} |
| | | </div> |
| | | </div> |
| | | <div class="pagebox"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="buttonbox flex-center" v-show="!pages.sellOrderTime"> |
| | | <van-button type="primary" @click="close"> {{ $t("平仓") }}</van-button> |
| | | <!-- <van-button type="primary" @click="close"> {{ $t("平仓") }}</van-button> --> |
| | | |
| | | <van-popover v-model="showPopover" trigger="click" placement="top" :actions="actions" @select="onSelect"> |
| | | <template #reference> |
| | | <van-button type="primary"> {{ $t("平仓") }}</van-button> |
| | | </template> |
| | | </van-popover> |
| | | </div> |
| | | |
| | | <Dialog ref="closeDialog" :title="$t('确认平仓')" :confirm="confirm"> |
| | |
| | | </div> |
| | | <div class="hang"> |
| | | <div class="left">{{ $t("倉位(股)") }}</div> |
| | | <input |
| | | class="input_box" |
| | | type="number" |
| | | :max="pages.orderNum" |
| | | :placeholder="$t('hj262')" |
| | | v-model="ordernum" |
| | | /> |
| | | <input class="input_box" type="number" :max="pages.orderNum" :placeholder="$t('hj262')" |
| | | v-model="ordernum" /> |
| | | </div> |
| | | <div class="hang"> |
| | | <div class="left">{{ $t("類型") }}</div> |
| | |
| | | data() { |
| | | return { |
| | | pages: {}, |
| | | ordernum: "" |
| | | ordernum: "", |
| | | actions: [{ text: this.$t('确定'), key: '1' }, { text: this.$t('取消'), key: '2' }], |
| | | showPopover: false, |
| | | }; |
| | | }, |
| | | // 生命周期 - 创建完成(访问当前this实例) |
| | |
| | | this.getInfoSite(); |
| | | }, |
| | | // 生命周期 - 挂载完成(访问DOM元素) |
| | | mounted() {}, |
| | | mounted() { }, |
| | | methods: { |
| | | handleBack() { |
| | | // 点击返回/ |
| | |
| | | } else { |
| | | Notify({ type: "danger", message: res.msg }); |
| | | } |
| | | }, |
| | | // 直接全部确认弹框 |
| | | onSelect(action) { |
| | | if (action.key == 1) this.oneClose(); |
| | | }, |
| | | // 直接全部平仓 |
| | | async oneClose() { |
| | | const res = await api.sell({ |
| | | positionSn: this.pages.positionSn, |
| | | number: this.pages.orderNum |
| | | }); |
| | | if (res.status === 0) { |
| | | Notify({ type: "success", message: res.msg }); |
| | | } else { |
| | | Notify({ type: "danger", message: res.msg }); |
| | | } |
| | | } |
| | | } |
| | | }; |
| | |
| | | <style scoped lang="less"> |
| | | @dark_green: #07c160; |
| | | @green: #c4d600; |
| | | |
| | | /deep/ .van-nav-bar__content { |
| | | height: 65px; |
| | | } |
| | | |
| | | /deep/ .van-nav-bar__title { |
| | | font-family: "DINPro"; |
| | | width: 100%; |
| | |
| | | font-size: 0.48rem; |
| | | color: #14181f; |
| | | } |
| | | |
| | | .bottomIfr { |
| | | // position: absolute; |
| | | // top: 1.5rem; |
| | |
| | | |
| | | .buttonbox { |
| | | padding-top: 1.2em; |
| | | padding-bottom: 1.2em; |
| | | |
| | | /deep/ .van-button--primary { |
| | | background-color: @green; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .pagebox { |
| | | margin: 0 0.6em; |
| | | height: 3.2em; |
| | |
| | | // color: #777777; |
| | | font-size: 0.9em; |
| | | } |
| | | |
| | | .pagebox_right { |
| | | color: #969799; |
| | | } |
| | |
| | | .hang { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .left { |
| | | font-style: normal; |
| | | font-weight: 500; |
| | | font-size: 0.34667rem; |
| | | color: #8c9fad; |
| | | } |
| | | |
| | | .right { |
| | | font-style: normal; |
| | | font-weight: 500; |
| | |
| | | text-align: right; |
| | | } |
| | | } |
| | | |
| | | .conentIfr { |
| | | width: 100%; |
| | | height: 90%; |