From 1bd03f5c2e7b9fa9cc80c4e673e18132da411333 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Wed, 12 Nov 2025 16:21:06 +0800
Subject: [PATCH] 1
---
src/page/trading/buy.vue | 192 +++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 180 insertions(+), 12 deletions(-)
diff --git a/src/page/trading/buy.vue b/src/page/trading/buy.vue
index 026db59..9b9bc65 100644
--- a/src/page/trading/buy.vue
+++ b/src/page/trading/buy.vue
@@ -7,7 +7,7 @@
<img src="../../assets/img/backs.png" alt />
</div>
<div class="right_title">
- <div class="t_t" style="white-space: nowrap">
+ <div class="t_t" style="white-space: pre-wrap">
<span>{{ name }}({{ gid }})</span>
</div>
<div class="b_t">
@@ -118,8 +118,8 @@
</div>
<div class="tr_rs">
<div class="top_bzz" style="padding-bottom: 0.2rem">
- <span style="text-align: left"> {{ $t("交易总额") }}() </span>
- <span style="text-align: right"> {{ $t("hj103") }}() </span>
+ <span style="text-align: left"> {{ $t("交易总额") }} </span>
+ <span style="text-align: right"> {{ $t("hj103") }} </span>
</div>
<div class="bottom_bzz">
@@ -144,17 +144,18 @@
</div>
<div class="tr_rs">
<div class="top_bzz" style="padding-bottom: 0.2rem">
- <span style="text-align: left"> {{ $t("hj44") }}() </span>
+ <span style="text-align: left"> {{ $t("hj44") }} </span>
<span style="text-align: right"> </span>
</div>
<div class="bottom_bzz">
<span>
- {{
+ <!-- {{
(nowPrice * selectCycle.replace("X", "") * num * sxf).toFixed(
2
)
- }}
+ }} -->
+ {{Math.floor(nowPrice * selectCycle.replace("X", "") * num * sxf * 100) / 100}}
<span v-if="bayType != 'US'">
≈ $
{{
@@ -221,6 +222,14 @@
</div>
</div>
</div> -->
+ <div class="btn_buy" @click="clickishow()">
+ <div
+ :class="tabsCurrentIndex == 0 ? 'maichu' : ''"
+ :style="preMarket==0?'background-color:#555555 !important':'background-color:#287dff'"
+ >
+ <span>{{ tabsCurrentIndex == 0 ? $t("场外卖出") : $t("场外买入") }}</span>
+ </div>
+ </div>
<div class="btn_buy" @click="gdOrSetBuy()">
<div
:class="tabsCurrentIndex == 0 ? 'maichu' : ''"
@@ -230,6 +239,37 @@
</div>
</div>
</div>
+ <van-popup v-model="isshow" position="center" round>
+ <div class="edit-popup">
+ <div class="edit-title">
+ {{ tabsCurrentIndex == 0 ? $t("场外卖出") : $t("场外买入") }}
+ </div>
+ <div class="division"></div>
+
+ <div class="edit-form">
+ <div class="form-item">
+ <div class="form-label">
+ <span class="required">*</span>{{ $t("hj271") }}
+ </div>
+ <input
+ pattern="^(0\.\d+|[1-9]\d*(\.\d+)?)$"
+ type="number"
+ v-model="preMarketPrice"
+ :placeholder="$t('hj271')"
+ class="form-input"
+ />
+ </div>
+ </div>
+
+ <div class="division"></div>
+ <div class="edit-buttons">
+ <div class="cancel-btn" @click="isshow = false">
+ {{ $t("qx") }}
+ </div>
+ <div class="save-btn" @click="saveEdit">{{ $t("qr") }}</div>
+ </div>
+ </div>
+ </van-popup>
<van-action-sheet
v-model="showGg"
:actions="siteLeverList"
@@ -278,6 +318,9 @@
if (this.$route.query.if_us) {
this.if_us = this.$route.query.if_us;
}
+ if(this.$route.query.preMarket){
+ this.preMarket = this.$route.query.preMarket;
+ }
},
data() {
return {
@@ -290,6 +333,9 @@
nums: 1,
profit: false,
nowPrice: 0,
+ isshow: false,
+ preMarketPrice:"",
+ preMarket:0,
type: 0,
code: "",
name: "",
@@ -378,6 +424,30 @@
}
},
methods: {
+ async clickishow(){
+ if(this.preMarket==0){
+ return
+ }
+ if(this.tabsCurrentIndex == 0 ){
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: this.$t("失败")
+ });
+ }else{
+ this.isshow = true
+ }
+ },
+ async saveEdit(){
+ if(this.preMarketPrice<=0){
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: this.$t("hj277")+0
+ });
+ }else{
+ this.setBuy()
+ }
+
+ },
async queryStockConfig() {
let data = await api.queryStockConfig();
if (data.status === 0) {
@@ -528,6 +598,14 @@
this.selectLever = val.label;
},
gdOrSetBuy() {
+ if(this.preMarket == 1){
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: this.$t('hj113'),
+ elAlertType: "success"
+ });
+ return
+ }
if (this.priceTabsCurrentIndex == 0) {
this.setBuy();
} else {
@@ -574,7 +652,7 @@
});
this.getUserInfo();
// this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
- this.$router.push("/tradeNew?index=1&buyType=" + this.bayType);
+ this.$router.push("/markets-list");
} else {
this.$store.commit("elAlertShow", {
elAlertShow: true,
@@ -604,7 +682,7 @@
// buyType: this.selectType,
lever: this.selectCycle ? this.selectCycle : 0,
// subaccountNumber:this.subaccountNumber
-
+ preMarketPrice:this.preMarketPrice,
// 买入是买涨buyType:0, 卖出是买跌buyType:1,卖出的状态是0，买入的状态是1
buyNum: this.num, // 单位为手
// buyNum: (this.num.match(/\d+/g))[0] * 100, // 单位为手
@@ -654,7 +732,7 @@
buyType = 0;
}
// this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
- this.$router.push("/tradeNew?index=1&buyType=" + this.bayType);
+ this.$router.push("/markets-list");
} else {
if (data.msg.indexOf("不在交易时段内") > -1) {
this.$store.commit("elAlertShow", {
@@ -682,7 +760,7 @@
});
this.getUserInfo();
// this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
- this.$router.push("/tradeNew?index=1&buyType=" + this.bayType);
+ this.$router.push("/markets-list");
} else {
this.$store.commit("elAlertShow", {
elAlertShow: true,
@@ -759,6 +837,7 @@
</script>
<style scoped lang="less">
+ @green: #287dff;
.buy_page {
width: 100%;
min-height: 100vh;
@@ -770,6 +849,95 @@
position: relative;
background-color: #222;
}
+}
+.edit-popup {
+ width: 100%;
+ padding: 0.25rem 0;
+ box-sizing: border-box;
+
+ .division {
+ width: 100%;
+ height: 0.25rem;
+ background-color: #f5f5f5;
+ }
+}
+/deep/ .van-popup {
+ width: 80%;
+ border-radius: 8px;
+}
+.edit-popup {
+ width: 100%;
+ padding: 0.25rem 0;
+ box-sizing: border-box;
+
+ .division {
+ width: 100%;
+ height: 0.25rem;
+ background-color: #f5f5f5;
+ }
+}
+.form-item {
+ // margin-bottom: 15px;
+ border-bottom: 1px solid #f5f5f5;
+ padding: 0.35rem 0 0.25rem;
+}
+
+.form-label {
+ font-size: 0.4rem;
+ margin-bottom: 0.2rem;
+ color: #333;
+}
+
+.required {
+ color: red;
+ margin-right: 4px;
+}
+
+.form-input {
+ width: 100%;
+ height: 1.1rem;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ padding: 0 10px;
+ font-size: 0.3rem;
+ box-sizing: border-box;
+ color: #333;
+}
+
+.edit-buttons {
+ display: flex;
+ justify-content: space-between;
+ border-top: 1px solid #f5f5f5;
+ padding-top: 15px;
+}
+.cancel-btn,
+.save-btn {
+ flex: 1;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ cursor: pointer;
+}
+
+.cancel-btn {
+ color: #333;
+}
+
+.save-btn {
+ color: @green;
+ font-weight: 500;
+}
+.edit-title {
+ text-align: center;
+ font-size: 0.45rem;
+ font-weight: 700;
+ padding: 0.25rem;
+ color: #333;
+}
+
+.edit-form {
+ padding: 0.25rem;
}
.top_cny {
@@ -797,12 +965,12 @@
}
.right_title {
- width: 3rem;
+ width: 80vw;
height: 80%;
.t_t {
width: 100%;
- height: 70%;
+ // height: 70%;
display: flex;
align-items: center;
font-size: 0.4615rem;
--
Gitblit v1.9.3