From 93901371936ae975679c9f5bc9ec5619e23bbe63 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 24 Apr 2025 17:44:21 +0800
Subject: [PATCH] style: 修改后
---
src/page/user/Warehouse.vue | 18
src/page/list/tradingList/data.list.vue | 52 -
src/page/user/Warehouse/data.list.vue | 193 +++--
src/page/newUser/index.vue | 46
src/axios/api.js | 5
src/page/trading/buy.vue | 1679 +++++++++++++++++++++++++------------------------
6 files changed, 1,042 insertions(+), 951 deletions(-)
diff --git a/src/axios/api.js b/src/axios/api.js
index 0c89774..df45930 100644
--- a/src/axios/api.js
+++ b/src/axios/api.js
@@ -222,6 +222,11 @@
return post("/user/buyFutures.do", options);
}
+// 黄金下单
+export function goldCrudeOilbuy(options) {
+ return post("/user/goldCrudeOilbuy.do", options);
+}
+
// 挂单
export function guadan(options) {
return post("/user/addOrder.do", options);
diff --git a/src/page/list/tradingList/data.list.vue b/src/page/list/tradingList/data.list.vue
index 8aadde9..e0e5f29 100644
--- a/src/page/list/tradingList/data.list.vue
+++ b/src/page/list/tradingList/data.list.vue
@@ -22,19 +22,6 @@
{{ $t("hj315") }}
</div>
</van-col>
- <van-col span="6" v-if="active == 'ST'">
- <van-popover
- theme="dark"
- v-model="showPopover"
- trigger="click"
- :actions="actions"
- @select="onSelect"
- >
- <template #reference>
- <van-button type="primary">الترتيب</van-button>
- </template>
- </van-popover>
- </van-col>
</van-row>
</div>
<van-pull-refresh
@@ -59,7 +46,7 @@
:key="item.indexCode"
>
<van-row type="flex" align="center" gutter="20">
- <van-col span="8" style="padding-right: 0 !important;">
+ <van-col span="8">
<div>
<div class="tp">
<div class="collection" @click="optionszx(item)">
@@ -71,14 +58,13 @@
<div
class="title_color"
style="
- font-size: 14px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
"
>
- {{ item.name || item.stockName }}
+ {{ item.st_name || item.stockName }}
</div>
</div>
<div class="bt">
@@ -109,7 +95,7 @@
<div style="text-align: right">
<div
class="tp right_bs"
- :class="`${item.hcrate > 0 ? 'green' : 'red'}`"
+ :class="`${item.hcrateP.charAt(0) == '+' ? 'green' : 'red'}`"
>
<span class="price_color">{{ item.hcrateP }}</span>
</div>
@@ -191,20 +177,13 @@
},
data() {
return {
- showPopover: false,
loadings: false,
finished: false,
listArr: [],
pageNumVal: 1,
getInterval: null,
num: 1,
- orderBy: '',
- refreshing: false,
- actions:[
- { text: 'ترتيب', zh: '升序', val: 'asc' },
- { text: 'التخفيض',zh:'降序' , val: 'desc'},
- { text: 'طبيعي' ,zh: '正常', val: ''},
- ]
+ refreshing: false
};
},
beforeDestroy() {
@@ -223,10 +202,6 @@
// }, 5000);
},
methods: {
- onSelect(action) {
- this.orderBy = (action.val);
- this.getStock(this.active, this.zxactive, 1);
- },
filterSH(val) {
if (val === "sh") {
return 1;
@@ -246,7 +221,8 @@
// 点击进入详情
const obj = {
pid: item.code || "",
- type: item.stock_type || ""
+ type: item.stock_type || "",
+ name: item.name || ""
};
window.localStorage.setItem("kLine", JSON.stringify(obj));
// return;
@@ -255,6 +231,7 @@
var ifZhishu = "0";
var ifUs =
item.stock_type === "us" ? "1" : item.stock_type === "hk" ? "2" : "";
+ console.log("td_item:", item);
this.$router.push({
path: "/kline",
query: {
@@ -289,7 +266,7 @@
stockPlate: "",
keyWords: this.sousuo,
stockType: stockType,
- orderBy: this.orderBy
+ orderBy: ""
};
// console.log();
@@ -303,13 +280,15 @@
} else if (a == "HJ") {
data = await api.getGoldCrudeOil();
- data.data.list = Object.entries(data.data).map(
- ([name, nowPrice]) => ({
+ data.data.list = Object.entries(data.data).map(([name, nowPrice]) => {
+ let nowPriceArr = Object.entries(nowPrice);
+ return {
name,
- nowPrice,
+ st_name: nowPriceArr[0][0],
+ nowPrice: nowPriceArr[0][1],
stock_type: "HJ"
- })
- );
+ };
+ });
} else {
//大宗
opt.stockType = "";
@@ -336,6 +315,7 @@
this.listArr = data.data.list;
this.loadings = false;
// this.finished = true;
+ console.log("listArr", this.listArr);
if (this.listArr.length % 20) {
this.finished = true;
}
diff --git a/src/page/newUser/index.vue b/src/page/newUser/index.vue
index 66aee4e..67ec563 100644
--- a/src/page/newUser/index.vue
+++ b/src/page/newUser/index.vue
@@ -38,15 +38,15 @@
</div>
</div>
<!-- {{ getMoneyList }} -->
- <div class="center_card">
- <div class="keyon">
+ <!-- <div class="center_card"> -->
+ <!-- <div class="keyon">
<span>{{ $t("hj49") }}</span>
- </div>
+ </div> -->
- <!-- <div class="num_price" v-if="userInfo.length == 0"> -->
- <div class="num_price">{{ getMoneyList.totalMoney }}﷼</div>
+ <!-- <div class="num_price" v-if="userInfo.length == 0"> -->
+ <!-- <div class="num_price">{{ getMoneyList.totalMoney }}﷼</div> -->
- <!-- <div class="num_price" v-if="userInfo.length != 0">
+ <!-- <div class="num_price" v-if="userInfo.length != 0">
<p
v-if="
this.$store.state.settingForm.indexDisplay &&
@@ -93,11 +93,11 @@
}}
</p>
</div> -->
- <div style="text-align: center;">
+ <!-- <div style="text-align: center;">
Phone: {{ this.$store.state.userInfo.phone }}
- </div>
+ </div> -->
- <div class="yk es">
+ <!-- <div class="yk es">
<div>
<span>{{ $t("hj55") }}</span>
</div>
@@ -108,10 +108,10 @@
<div>
<span>{{ $t("hj48") }}</span>
</div>
- </div>
- <div class="yk as">
- <div>
- <!-- <span class="orenge"
+ </div> -->
+ <!-- <div class="yk as"> -->
+ <!-- <div> -->
+ <!-- <span class="orenge"
>﷼
{{
userInfo.length != 0
@@ -122,9 +122,9 @@
: getMoneyList.freezeMoney
}}</span
> -->
- <span class="orenge">﷼ {{ getMoneyList.freezeMoney }}</span>
- </div>
- <!-- <div v-if="userInfo.length == 0">
+ <!-- <span class="orenge">﷼ {{ getMoneyList.freezeMoney }}</span> -->
+ <!-- </div> -->
+ <!-- <div v-if="userInfo.length == 0">
<span v-if="!selectUserFlag">
<span>{{ "﷼ 0" }}</span>
</span>
@@ -132,7 +132,7 @@
<span>{{ getMoneyList.cumulativeProfitAndLoss }}﷼ </span>
</span>
</div> -->
- <!-- <div v-if="userInfo.length != 0">
+ <!-- <div v-if="userInfo.length != 0">
<span v-if="!selectUserFlag">
<span
:class="
@@ -159,13 +159,13 @@
</span>
</div> -->
- <div v-if="userInfo.length == 0">
+ <!-- <div v-if="userInfo.length == 0">
<span class="bzz" v-if="!selectUserFlag">{{ "﷼ 0" }}</span>
<span class="bzz" v-else
>{{ getMoneyList.availableBalance }}﷼
</span>
- </div>
- <!-- <div v-if="userInfo.length != 0">
+ </div> -->
+ <!-- <div v-if="userInfo.length != 0">
<span class="bzz" v-if="!selectUserFlag">{{
"﷼ " + $store.state.userInfo.enableIndexAmt
}}</span>
@@ -173,11 +173,11 @@
" " + regexNum($store.state.userInfo.enableAmt)
}}</span>
</div> -->
- </div>
- <!-- <div class="btns" @click="handleZh()" :class="selectUserFlag ? '' : 'active'">
+ <!-- </div> -->
+ <!-- <div class="btns" @click="handleZh()" :class="selectUserFlag ? '' : 'active'">
<span>{{ selectUserFlag ? $t('hj142') : $t('hj143') }}</span>
</div> -->
- </div>
+ <!-- </div> -->
<div class="jy" @click="goWall()">
<div class="left_gn">
diff --git a/src/page/trading/buy.vue b/src/page/trading/buy.vue
index 17b4a91..c7d2955 100644
--- a/src/page/trading/buy.vue
+++ b/src/page/trading/buy.vue
@@ -8,7 +8,8 @@
</div>
<div class="right_title">
<div class="t_t" style="white-space: nowrap">
- <span>{{ name }}({{ gid }})</span>
+ <span v-if="KLine.type == 'HJ'">{{ name }}</span>
+ <span v-else>{{ name }}({{ gid }})</span>
</div>
<div class="b_t">
<span>{{ spell }}</span>
@@ -27,11 +28,19 @@
</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>
@@ -42,8 +51,13 @@
<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>
@@ -60,11 +74,14 @@
<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>
@@ -74,7 +91,12 @@
</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">
@@ -89,23 +111,23 @@
<div class="tr_rs gg" @click="showGg = true">
<div class="top_bzz">
<span>{{ $t("hj101") }}</span>
- <span>{{ selectCycle }}</span>
+ <span>{{
+ KLine.type === "HJ"
+ ? selectCycle.replace("X", "") * 100 + "X"
+ : selectCycle
+ }}</span>
</div>
</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">
<span>
₹{{
- ((nowPrice * selectCycle.replace("X", "")) * num)
+ (nowPrice * selectCycle.replace("X", "") * num)
| _toLocaleString
}}
</span>
@@ -116,20 +138,19 @@
</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: right">
- </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)}}
+ ₹{{
+ (nowPrice * selectCycle.replace("X", "") * num * sxf).toFixed(
+ 2
+ )
+ }}
</span>
- <span style="white-space: nowarp">
- </span>
+ <span style="white-space: nowarp"> </span>
</div>
</div>
</div>
@@ -190,929 +211,947 @@
</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>
<script>
- import * as api from "@/axios/api";
- import {
- mapActions
- } from "vuex";
+import * as api from "@/axios/api";
+import { mapActions } from "vuex";
- export default {
- name: "trBuy",
- created() {
- if (this.$route.query.t) {
- this.tabsCurrentIndex = Number(this.$route.query.t);
- console.log(this.tabsCurrentIndex);
- }
- if (this.$route.query.m) {
- this.nowPrice = Number(this.$route.query.m);
- this.profitTarget = Number(this.$route.query.m);
- this.zhisun = Number(this.$route.query.m);
- this.nums = Number(this.$route.query.m);
- }
- if (this.$route.query.id) {
- this.id = this.$route.query.id;
- }
- if (this.$route.query.code) {
- this.code = this.$route.query.code;
- }
- if (this.$route.query.name) {
- this.name = this.$route.query.name;
- }
- if (this.$route.query.spell) {
- this.spell = this.$route.query.spell;
- }
- if (this.$route.query.type) {
- this.type = this.$route.query.type;
- }
- if (this.$route.query.if_us) {
- this.if_us = this.$route.query.if_us;
- }
- },
- data() {
- return {
- tradingArr: [this.$t("hj84"), this.$t("hj85")],
- tabsCurrentIndex: 0,
- // priceTabs: [this.$t("hj108"), this.$t("hj109")],
- priceTabs: [this.$t("hj108")],
- priceTabsCurrentIndex: 0,
- num: 1,
- nums: 1,
- profit: false,
- nowPrice: 0,
- type: 0,
- code: "",
- name: "",
- spell: "",
- settingInfo: [],
- selectCycle: "1X",
- selectLever: 1,
- siteLeverList: [],
- checkedZy: false,
- checkedZs: false,
- buying: false,
- zhisun: 0,
- showGg: false,
- profitTarget: 0,
- if_us: 0,
- bayType: "",
- sxf:'',
- id: "",
- actions: [{
- name: "100X",
- subname: this.$t("hj102")
- },
- {
- name: "200X",
- subname: this.$t("hj102")
- },
- {
- name: "300X",
- subname: this.$t("hj102")
- },
- ],
- profitArr: [{
- name: this.$t("hj104"),
- checked: false,
- },
- {
- name: this.$t("hj105"),
- checked: false,
- },
- {
- name: this.$t("hj110"),
- checked: false,
- },
- ],
- moneyData: {},
- gid: "",
- };
- },
+export default {
+ name: "trBuy",
+ created() {
+ if (this.$route.query.t) {
+ this.tabsCurrentIndex = Number(this.$route.query.t);
+ console.log(this.tabsCurrentIndex);
+ }
+ if (this.$route.query.m) {
+ this.nowPrice = Number(this.$route.query.m);
+ this.profitTarget = Number(this.$route.query.m);
+ this.zhisun = Number(this.$route.query.m);
+ this.nums = Number(this.$route.query.m);
+ }
+ if (this.$route.query.id) {
+ this.id = this.$route.query.id;
+ }
+ if (this.$route.query.code) {
+ this.code = this.$route.query.code;
+ }
+ if (this.$route.query.name) {
+ this.name = this.$route.query.name;
+ }
+ if (this.$route.query.spell) {
+ this.spell = this.$route.query.spell;
+ }
+ if (this.$route.query.type) {
+ this.type = this.$route.query.type;
+ }
+ if (this.$route.query.if_us) {
+ this.if_us = this.$route.query.if_us;
+ }
+ },
+ data() {
+ return {
+ tradingArr: [this.$t("hj84"), this.$t("hj85")],
+ tabsCurrentIndex: 0,
+ // priceTabs: [this.$t("hj108"), this.$t("hj109")],
+ priceTabs: [this.$t("hj108")],
+ priceTabsCurrentIndex: 0,
+ num: 1,
+ nums: 1,
+ profit: false,
+ nowPrice: 0,
+ type: 0,
+ code: "",
+ name: "",
+ spell: "",
+ settingInfo: [],
+ selectCycle: "1X",
+ selectLever: 1,
+ siteLeverList: [],
+ checkedZy: false,
+ checkedZs: false,
+ buying: false,
+ zhisun: 0,
+ showGg: false,
+ profitTarget: 0,
+ if_us: 0,
+ bayType: "",
+ sxf: "",
+ id: "",
+ actions: [
+ {
+ name: "100X",
+ subname: this.$t("hj102")
+ },
+ {
+ name: "200X",
+ subname: this.$t("hj102")
+ },
+ {
+ name: "300X",
+ subname: this.$t("hj102")
+ }
+ ],
+ profitArr: [
+ {
+ name: this.$t("hj104"),
+ checked: false
+ },
+ {
+ name: this.$t("hj105"),
+ checked: false
+ },
+ {
+ name: this.$t("hj110"),
+ checked: false
+ }
+ ],
+ moneyData: {},
+ gid: "",
+ KLine: {}
+ };
+ },
- mounted() {
- this.bayType = this.$route.query.bayType;
- this.gid = this.$route.query.gid;
- if (this.bayType == "in") {
- this.priceTabs = [this.$t("hj108"), this.$t("hj109")];
- } else if (this.bayType == "qh") {
- this.priceTabs = [this.$t("hj108")];
+ mounted() {
+ this.bayType = this.$route.query.bayType;
+ this.gid = this.$route.query.gid;
+ this.KLine = JSON.parse(window.localStorage.getItem("kLine"));
+ if (this.bayType == "in") {
+ this.priceTabs = [this.$t("hj108"), this.$t("hj109")];
+ } else if (this.bayType == "qh") {
+ this.priceTabs = [this.$t("hj108")];
+ }
+ this.setUseInfo();
+ this.getMoneyData();
+ this.getSettingInfo();
+ this.queryStockConfig();
+ },
+ watch: {
+ checkedZy(val) {
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
}
- this.setUseInfo();
- this.getMoneyData();
- this.getSettingInfo();
- this.queryStockConfig()
},
- watch: {
- checkedZy(val) {
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55]);
- }
- },
- checkedZs(val) {
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55]);
- }
- },
+ checkedZs(val) {
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ }
+ },
+ methods: {
+ async queryStockConfig() {
+ let data = await api.queryStockConfig();
+ if (data.status === 0) {
+ this.sxf = data.data.cValue;
+ }
},
- methods: {
- async queryStockConfig(){
- let data = await api.queryStockConfig();
- if (data.status === 0) {
- this.sxf=data.data.cValue
- }
- },
- zSjian(){
- var newzishu = (Number(this.zhisun)-1).toFixed(2)
- if(Number(newzishu)<1){
-
- }else{
- this.zhisun = newzishu
- }
- },
- ...mapActions(["setUseInfo"]),
- numInput(e) {
- // this.nowPrice / this.selectCycle.replace("X", "")
- // this.moneyData.availableBalance
- let numbs = Math.floor(
- this.moneyData.availableBalance /
+ zSjian() {
+ var newzishu = (Number(this.zhisun) - 1).toFixed(2);
+ if (Number(newzishu) < 1) {
+ } else {
+ this.zhisun = newzishu;
+ }
+ },
+ ...mapActions(["setUseInfo"]),
+ numInput(e) {
+ // this.nowPrice / this.selectCycle.replace("X", "")
+ // this.moneyData.availableBalance
+ let numbs = Math.floor(
+ this.moneyData.availableBalance /
this.nowPrice /
this.selectCycle.replace("X", "")
- );
- if (e.target.value >= numbs) {
- this.num = numbs;
- }
- // if()
- console.log(e.target.value);
- },
- handleDoubleClick(event) {
- console.log(1);
- // console.log('Input field was double-clicked', event);
- },
- async getMoneyData() {
- let data = await api.getMoney();
- let type = this.bayType === "SZHB" ? "US" : this.bayType;
- if (data.status === 0) {
- const newArr = data.data.filter((item) => item.accectType === type);
+ );
+ if (e.target.value >= numbs) {
+ this.num = numbs;
+ }
+ // if()
+ console.log(e.target.value);
+ },
+ handleDoubleClick(event) {
+ console.log(1);
+ // console.log('Input field was double-clicked', event);
+ },
+ async getMoneyData() {
+ let data = await api.getMoney();
+ let type = this.bayType === "SZHB" ? "US" : this.bayType;
+ if (data.status === 0) {
+ const newArr = data.data.filter(item => item.accectType === type);
- this.moneyData = newArr[0] || {};
- // console.log(this.bayType, newArr);
- // 判断是否登录
- // this.moneyList = data.data;
- }
- },
- handleBack() {
- this.$router.go(-1);
- },
- handleTradingClick(index) {
- this.tabsCurrentIndex = index;
- },
- handleTabsClick(item, index) {
- this.priceTabsCurrentIndex = index;
- },
- jjjisua() {
- let numbs = Math.floor(
- this.moneyData.availableBalance /
+ this.moneyData = newArr[0] || {};
+ // console.log(this.bayType, newArr);
+ // 判断是否登录
+ // this.moneyList = data.data;
+ }
+ },
+ handleBack() {
+ this.$router.go(-1);
+ },
+ handleTradingClick(index) {
+ this.tabsCurrentIndex = index;
+ },
+ handleTabsClick(item, index) {
+ this.priceTabsCurrentIndex = index;
+ },
+ jjjisua() {
+ let numbs = Math.floor(
+ this.moneyData.availableBalance /
this.nowPrice /
this.selectCycle.replace("X", "")
- );
- typeof this.num == "string" ?
- (this.num = Number(Number(this.num) + 1)) :
- (this.num = Number(Number(this.num) + 1));
+ );
+ typeof this.num == "string"
+ ? (this.num = Number(Number(this.num) + 1))
+ : (this.num = Number(Number(this.num) + 1));
- console.log(this.num, numbs);
- if (this.num >= numbs) {
- this.num = numbs;
- }
- },
- jyslJian() {
- if (typeof this.num === "string") {
+ console.log(this.num, numbs);
+ if (this.num >= numbs) {
+ this.num = numbs;
+ }
+ },
+ jyslJian() {
+ if (typeof this.num === "string") {
+ this.num = 1;
+ } else {
+ if (this.num > 1) {
+ if (typeof this.num === "string") {
+ this.num = Number(this.num - 1);
+ } else {
+ this.num = Number(this.num - 1);
+ }
+ } else {
this.num = 1;
- } else {
- if (this.num > 1) {
- if (typeof this.num === "string") {
- this.num = Number(this.num - 1);
- } else {
- this.num = Number(this.num - 1);
- }
- } else {
- this.num = 1;
- }
}
- },
- gdJian() {
- if (this.nums > 1) {
- if (typeof this.nums === "string") {
- this.nums = Number(Number(this.nums) - 1).toFixed(2);
- } else {
- this.nums = Number(Number(this.nums) - 1).toFixed(2);
- }
- } else {
- this.nums = this.nowPrice;
- }
- },
- zYjian() {
- var newzishu = (Number(this.profitTarget)-1).toFixed(2)
- if(Number(newzishu)<1){
-
- }else{
- this.profitTarget = newzishu
}
- // this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
- // if(this.tabsCurrentIndex==0){
- // console.log( this.nowPrice);
- // if ((Number(this.profitTarget) - 1).toFixed(2) < this.nowPrice) {
- // this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
- // } else {
- // this.profitTarget = this.nowPrice;
- // }
- // }else{
- // console.log(123);
- // if ((Number(this.profitTarget) - 1).toFixed(2) < this.nowPrice) {
- // this.profitTarget = this.nowPrice;
- // } else {
- // this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
- // }
- // }
-
-
- },
- zSjia() {
- this.zhisun++;
- // if ((Number(this.zhisun) + 1).toFixed(2) > this.nowPrice) {
- // this.zhisun = this.nowPrice;
- // } else {
- // this.zhisun++;
- // }
- },
- zsInt(e) {
- if (typeof e.target.value === "string") {
+ },
+ gdJian() {
+ if (this.nums > 1) {
+ if (typeof this.nums === "string") {
+ this.nums = Number(Number(this.nums) - 1).toFixed(2);
+ } else {
+ this.nums = Number(Number(this.nums) - 1).toFixed(2);
+ }
+ } else {
+ this.nums = this.nowPrice;
+ }
+ },
+ zYjian() {
+ var newzishu = (Number(this.profitTarget) - 1).toFixed(2);
+ if (Number(newzishu) < 1) {
+ } else {
+ this.profitTarget = newzishu;
+ }
+ // this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
+ // if(this.tabsCurrentIndex==0){
+ // console.log( this.nowPrice);
+ // if ((Number(this.profitTarget) - 1).toFixed(2) < this.nowPrice) {
+ // this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
+ // } else {
+ // this.profitTarget = this.nowPrice;
+ // }
+ // }else{
+ // console.log(123);
+ // if ((Number(this.profitTarget) - 1).toFixed(2) < this.nowPrice) {
+ // this.profitTarget = this.nowPrice;
+ // } else {
+ // this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
+ // }
+ // }
+ },
+ zSjia() {
+ this.zhisun++;
+ // if ((Number(this.zhisun) + 1).toFixed(2) > this.nowPrice) {
+ // this.zhisun = this.nowPrice;
+ // } else {
+ // this.zhisun++;
+ // }
+ },
+ zsInt(e) {
+ if (typeof e.target.value === "string") {
+ this.zhisun = this.nowPrice;
+ } else {
+ if (Number(e.target.value) > this.nowPrice) {
this.zhisun = this.nowPrice;
- } else {
- if (Number(e.target.value) > this.nowPrice) {
- this.zhisun = this.nowPrice;
- }
}
- },
- zyInt(e) {
- if (typeof e.target.value === "string") {
- this.profitTarget = this.nowPrice;
- } else {
- if (Number(e.target.value) < Number(this.nowPrice)) {
- this.profitTarget = Number(this.nowPrice);
- }
+ }
+ },
+ zyInt(e) {
+ if (typeof e.target.value === "string") {
+ this.profitTarget = this.nowPrice;
+ } else {
+ if (Number(e.target.value) < Number(this.nowPrice)) {
+ this.profitTarget = Number(this.nowPrice);
}
- },
- onSelect(val) {
- this.selectCycle = val.name;
- this.selectLever = val.label;
- },
- gdOrSetBuy() {
- if (this.priceTabsCurrentIndex == 0) {
+ }
+ },
+ onSelect(val) {
+ this.selectCycle = val.name;
+ this.selectLever = val.label;
+ },
+ gdOrSetBuy() {
+ if (this.priceTabsCurrentIndex == 0) {
+ this.setBuy();
+ } else {
+ this.gdBuy();
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ // 挂单
+ async gdBuy() {
+ if (this.buying) {
+ return;
+ }
+ this.buying = true;
+ let opts = {
+ stockId: this.code,
+ buyNum: this.num,
+ lever: this.selectLever,
+ targetPrice: this.nums
+ };
+ console.log(this.selectLever, "this.selectLever ");
- this.setBuy();
- } else {
+ if (this.tabsCurrentIndex == 0) {
+ opts.buyType = 1;
+ } else {
+ opts.buyType = 0;
+ }
+ if (this.checkedZy) {
+ // opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
+ opts.profitTarget = this.profitTarget;
+ }
+ if (this.checkedZs) {
+ opts.stopTarget = this.zhisun;
+ }
+ let data = await api.guadan(opts);
+ this.buying = false;
+ if (data.status === 0) {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ elAlertType: "success"
+ });
+ this.getUserInfo();
+ this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
+ } else {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg
+ });
+ }
+ },
+ // 买卖
+ setBuy() {
+ if (this.$store.state.userInfo.isActive !== 2) {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: this.$t("hj111")
+ });
+ this.$router.push("/authentications");
+ return;
+ }
- this.gdBuy();
- }
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55]);
- }
- },
- // 挂单
- async gdBuy() {
- if (this.buying) {
- return;
- }
- this.buying = true;
- let opts = {
- stockId: this.code,
- buyNum: this.num,
- lever: this.selectLever,
- targetPrice: this.nums,
- };
- console.log(this.selectLever, "this.selectLever ");
+ if (this.buying) {
+ return;
+ }
+ this.buying = true;
+ let opts = {};
+ opts = {
+ // stockId: this.detail.id,
+ // buyNum: this.selectNumber ? this.selectNumber * 100 : 0, // 单位为手
+ // buyType: this.selectType,
+ // lever: this.selectCycle ? this.selectCycle : 0,
+ // subaccountNumber:this.subaccountNumber
+ // 买入是买涨buyType:0, 卖出是买跌buyType:1,卖出的状态是0，买入的状态是1
+ buyNum: this.num, // 单位为手
+ // buyNum: (this.num.match(/\d+/g))[0] * 100, // 单位为手
+ lever: this.selectLever
+ };
+ if (this.KLine.type === "HJ") {
+ opts.lever = this.selectLever * 100;
+ }
+ console.log(this.selectLever, "this.selectLever ");
+ if (this.tabsCurrentIndex == 0) {
+ opts.buyType = 1;
+ } else {
+ opts.buyType = 0;
+ }
+ if (this.checkedZy) {
+ // opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
+ opts.profitTarget = this.profitTarget;
+ }
+ if (this.checkedZs) {
+ opts.stopLoss = this.zhisun;
+ }
+ if (this.type == 0) {
+ // 股票
+ this.gpBuy(opts);
+ // opts.stockId= this.code,
+ // data = await api.buy(opts)
+ } else {
+ // 指数
+ this.zsBuy(opts);
+ // opts.indexId= this.code,
+ // data = await api.indexBuy(opts)
+ }
+ },
+ // 股票买入
+ async gpBuy(opts) {
+ opts.stockId = this.id;
+ let data;
+
+ console.log("bayType: ", this.KLine);
+
+ if (this.KLine.type == "HJ") {
+ opts.name = this.KLine.name;
+
+ data = await api.goldCrudeOilbuy(opts);
+ } else {
+ data = await api.buy(opts);
+ }
+
+ this.buying = false;
+ if (data.status === 0) {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ elAlertType: "success"
+ });
+ this.getUserInfo();
+ var buyType = "";
if (this.tabsCurrentIndex == 0) {
- opts.buyType = 1;
+ buyType = 1;
} else {
- opts.buyType = 0;
+ buyType = 0;
}
- if (this.checkedZy) {
- // opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
- opts.profitTarget = this.profitTarget;
- }
- if (this.checkedZs) {
- opts.stopTarget = this.zhisun;
- }
- let data = await api.guadan(opts);
- this.buying = false;
- if (data.status === 0) {
+ this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
+ } else {
+ if (data.msg.indexOf("不在交易时段内") > -1) {
this.$store.commit("elAlertShow", {
elAlertShow: true,
- elAlertText: data.msg,
- elAlertType: "success",
+ elAlertText: this.$t("hj113")
});
- this.getUserInfo();
- this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
} else {
this.$store.commit("elAlertShow", {
elAlertShow: true,
- elAlertText: data.msg,
+ elAlertText: data.msg
});
}
- },
- // 买卖
- setBuy() {
- if (this.$store.state.userInfo.isActive !== 2) {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: this.$t("hj111"),
- });
- this.$router.push("/authentications");
- return;
- }
+ }
+ },
+ // 指数买入
+ async zsBuy(opts) {
+ opts.indexId = this.id;
+ let data = await api.indexBuy(opts);
+ this.buying = false;
+ if (data.status === 0) {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ elAlertType: "success"
+ });
+ this.getUserInfo();
+ this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
+ } else {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg
+ });
+ }
+ },
+ async getUserInfo() {
+ // 获取用户信息
+ // let showcookie = this.getCookie('USER_TOKEN');
+ let data = await api.getUserInfo();
+ if (data.status === 0) {
+ // this.getProductSetting()
+ this.$store.state.userInfo = data.data;
+ } else {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg
+ });
+ }
+ this.$store.state.user = this.user;
+ },
+ async getSettingInfo() {
+ // 网站设置信息
+ let data = await api.getSetting();
+ if (data.status === 0) {
+ // 成功
+ this.settingInfo = data.data;
+ // 杠杆倍数
+ // data.data.siteLever根据/分割成数组
+ // this.siteLeverList = data.data.siteLever.split('/')
- if (this.buying) {
- return;
- }
- this.buying = true;
- let opts = {};
- opts = {
- // stockId: this.detail.id,
- // buyNum: this.selectNumber ? this.selectNumber * 100 : 0, // 单位为手
- // buyType: this.selectType,
- lever: this.selectCycle ? this.selectCycle : 0,
- // subaccountNumber:this.subaccountNumber
+ if (
+ this.$store.state.userInfo !== undefined &&
+ this.$store.state.userInfo !== null &&
+ this.$store.state.userInfo.siteLever != null
+ ) {
+ this.selectCycle =
+ this.$store.state.userInfo.siteLever.split("/")[0] + "X";
- // 买入是买涨buyType:0, 卖出是买跌buyType:1,卖出的状态是0，买入的状态是1
- buyNum: this.num, // 单位为手
- // buyNum: (this.num.match(/\d+/g))[0] * 100, // 单位为手
- lever: this.selectLever,
- };
- console.log(this.selectLever, "this.selectLever ");
- if (this.tabsCurrentIndex == 0) {
- opts.buyType = 1;
- } else {
- opts.buyType = 0;
- }
- if (this.checkedZy) {
- // opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
- opts.profitTarget = this.profitTarget;
- }
- if (this.checkedZs) {
- opts.stopLoss = this.zhisun;
- }
- if (this.type == 0) {
- // 股票
- this.gpBuy(opts);
- // opts.stockId= this.code,
- // data = await api.buy(opts)
- } else {
- // 指数
- this.zsBuy(opts);
- // opts.indexId= this.code,
- // data = await api.indexBuy(opts)
- }
- },
- // 股票买入
- async gpBuy(opts) {
- opts.stockId = this.id;
- let data = await api.buy(opts);
- this.buying = false;
- if (data.status === 0) {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: data.msg,
- elAlertType: "success",
- });
- this.getUserInfo();
- var buyType = "";
- if (this.tabsCurrentIndex == 0) {
- buyType = 1;
- } else {
- buyType = 0;
- }
- this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
- } else {
- if (data.msg.indexOf("不在交易时段内") > -1) {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: this.$t("hj113"),
- });
- } else {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: data.msg,
- });
- }
- }
- },
- // 指数买入
- async zsBuy(opts) {
- opts.indexId = this.id;
- let data = await api.indexBuy(opts);
- this.buying = false;
- if (data.status === 0) {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: data.msg,
- elAlertType: "success",
- });
- this.getUserInfo();
- this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
- } else {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: data.msg,
- });
- }
- },
- async getUserInfo() {
- // 获取用户信息
- // let showcookie = this.getCookie('USER_TOKEN');
- let data = await api.getUserInfo();
- if (data.status === 0) {
- // this.getProductSetting()
- this.$store.state.userInfo = data.data;
- } else {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: data.msg,
- });
- }
- this.$store.state.user = this.user;
- },
- async getSettingInfo() {
- // 网站设置信息
- let data = await api.getSetting();
- if (data.status === 0) {
- // 成功
- this.settingInfo = data.data;
- // 杠杆倍数
- // data.data.siteLever根据/分割成数组
- // this.siteLeverList = data.data.siteLever.split('/')
-
- if (
- this.$store.state.userInfo !== undefined &&
- this.$store.state.userInfo !== null &&
- this.$store.state.userInfo.siteLever != null
+ this.siteLeverList = [];
+ for (
+ let i = 0;
+ i < this.$store.state.userInfo.siteLever.split("/").length;
+ i++
) {
- this.selectCycle =
- this.$store.state.userInfo.siteLever.split("/")[0] + "X";
-
- this.siteLeverList = [];
- for (
- let i = 0; i < this.$store.state.userInfo.siteLever.split("/").length; i++
- ) {
- let val = this.$store.state.userInfo.siteLever.split("/")[i];
- let item = {
- label: val,
- name: val + "X"
- };
- this.siteLeverList.push(item);
- }
- console.log(this.siteLeverList, " this.selectCycle");
+ let val = this.$store.state.userInfo.siteLever.split("/")[i];
+ let item = {
+ label: val,
+ name: val + "X"
+ };
+ this.siteLeverList.push(item);
}
- } else {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: data.msg,
- });
+ console.log(this.siteLeverList, " this.selectCycle");
}
- },
- },
- filters: {
- getName(name) {
- if (name.length > 15) {
- return name;
- } else {
- return name;
- }
- },
- },
- };
+ } else {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg
+ });
+ }
+ }
+ },
+ filters: {
+ getName(name) {
+ if (name.length > 15) {
+ return name;
+ } else {
+ return name;
+ }
+ }
+ }
+};
</script>
<style scoped lang="less">
- .buy_page {
- width: 100%;
- min-height: 100vh;
- background-color: #fff;
+.buy_page {
+ width: 100%;
+ min-height: 100vh;
+ background-color: #fff;
- >.content {
- width: 100%;
- height: calc(100% - 1.6rem);
- position: relative;
- background-color: rgb(241, 242, 246);
- }
+ > .content {
+ width: 100%;
+ height: calc(100% - 1.6rem);
+ position: relative;
+ background-color: rgb(241, 242, 246);
}
+}
- .top_cny {
+.top_cny {
+ width: 100%;
+ height: 3.5385rem;
+
+ .top_back {
width: 100%;
- height: 3.5385rem;
+ height: 1.2rem;
+ display: flex;
+ align-items: center;
+ padding: 0 0.1rem;
- .top_back {
- width: 100%;
- height: 1.2rem;
+ .left_back {
+ width: 0.8rem;
+ height: 80%;
display: flex;
align-items: center;
- padding: 0 0.1rem;
- .left_back {
- width: 0.8rem;
- height: 80%;
+ > img {
+ margin-top: 0.2rem;
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
+
+ .right_title {
+ width: 3rem;
+ height: 80%;
+
+ .t_t {
+ width: 100%;
+ height: 70%;
display: flex;
align-items: center;
+ font-size: 0.4615rem;
- >img {
- margin-top: 0.2rem;
- width: 0.6rem;
- height: 0.6rem;
+ span {
+ font-weight: 600;
}
}
- .right_title {
- width: 3rem;
- height: 80%;
+ .b_t {
+ width: 100%;
+ height: 30%;
+ font-size: 0.3615rem;
+ display: flex;
+ align-items: flex-start;
+ color: #8c8c8c;
+ }
+ }
+ }
- .t_t {
+ .bottom_buy_price {
+ width: 100%;
+ height: 2rem;
+ display: flex;
+ align-items: center;
+ padding: 0 0.8rem;
+ margin-top: 0.3rem;
+
+ .cot {
+ width: 100%;
+ height: 1.2rem;
+ display: flex;
+
+ .lefts {
+ width: 40%;
+ height: 100%;
+
+ .top_new {
width: 100%;
- height: 70%;
- display: flex;
- align-items: center;
- font-size: 0.4615rem;
+ height: 60%;
+ font-size: 0.5615rem;
+ color: rgb(232, 55, 70);
span {
font-weight: 600;
}
}
- .b_t {
+ .bottom_es {
width: 100%;
- height: 30%;
- font-size: 0.3615rem;
- display: flex;
- align-items: flex-start;
- color: #8c8c8c;
+ height: 40%;
+ color: rgb(173, 173, 173);
}
}
- }
- .bottom_buy_price {
- width: 100%;
- height: 2rem;
- display: flex;
- align-items: center;
- padding: 0 0.8rem;
- margin-top: 0.3rem;
-
- .cot {
- width: 100%;
- height: 1.2rem;
+ .rights {
+ width: 60%;
+ height: 100%;
display: flex;
+ align-items: center;
+ justify-content: flex-end;
- .lefts {
- width: 40%;
- height: 100%;
+ > div {
+ width: 65%;
+ height: 80%;
+ display: flex;
+ justify-content: center;
- .top_new {
- width: 100%;
- height: 60%;
- font-size: 0.5615rem;
- color: rgb(232, 55, 70);
+ > div {
+ width: 45%;
+ height: 70%;
+ background: rgb(236, 236, 236);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 0.1rem;
+ color: rgb(173, 173, 173);
+ }
+
+ .active {
+ background: #fff;
+ color: rgb(110, 169, 118);
span {
font-weight: 600;
}
}
- .bottom_es {
- width: 100%;
- height: 40%;
- color: rgb(173, 173, 173);
- }
- }
+ .actives {
+ background: #fff;
+ color: rgb(212, 71, 78);
- .rights {
- width: 60%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: flex-end;
-
- >div {
- width: 65%;
- height: 80%;
- display: flex;
- justify-content: center;
-
- >div {
- width: 45%;
- height: 70%;
- background: rgb(236, 236, 236);
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 0.1rem;
- color: rgb(173, 173, 173);
- }
-
- .active {
- background: #fff;
- color: rgb(110, 169, 118);
-
- span {
- font-weight: 600;
- }
- }
-
- .actives {
- background: #fff;
- color: rgb(212, 71, 78);
-
- span {
- font-weight: 600;
- }
+ span {
+ font-weight: 600;
}
}
}
}
}
}
+}
- .price_tabs {
+.price_tabs {
+ width: 100%;
+ height: auto;
+ padding: 0.2rem 0.8rem;
+ background: #fff;
+ margin-top: 0.1rem;
+ border-radius: 0.3rem;
+
+ .tabs {
width: 100%;
- height: auto;
- padding: 0.2rem 0.8rem;
- background: #fff;
- margin-top: 0.1rem;
- border-radius: 0.3rem;
+ height: 0.8205rem;
+ background: rgb(247, 247, 247);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 0.15rem;
- .tabs {
- width: 100%;
- height: 0.8205rem;
- background: rgb(247, 247, 247);
- display: flex;
- align-items: center;
- justify-content: center;
+ > div {
+ width: 49%;
+ height: 80%;
border-radius: 0.15rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
- >div {
- width: 49%;
- height: 80%;
- border-radius: 0.15rem;
- display: flex;
- justify-content: center;
- align-items: center;
+ .active {
+ background: #fff;
+
+ span {
+ font-weight: 600;
}
+ }
+ }
- .active {
- background: #fff;
+ .tabs_content {
+ width: 100%;
+ margin-top: 0.3rem;
- span {
+ .num {
+ width: 100%;
+ height: 0.5rem;
+ line-height: 0.5rem;
+ position: relative;
+ top: 0.2rem;
+ }
+
+ .tr_es {
+ width: 100%;
+ height: 1.3rem;
+ margin-top: 0.15rem;
+ border-bottom: 0.05rem solid rgb(236, 236, 236);
+
+ .top_input {
+ width: 70%;
+ height: 70%;
+ font-size: 0.6615rem;
+
+ input {
font-weight: 600;
}
}
}
- .tabs_content {
+ .tr_rs {
width: 100%;
- margin-top: 0.3rem;
+ height: 1.3rem;
+ margin-top: 0.4rem;
- .num {
+ > div {
width: 100%;
- height: 0.5rem;
- line-height: 0.5rem;
- position: relative;
- top: 0.2rem;
- }
-
- .tr_es {
- width: 100%;
- height: 1.3rem;
- margin-top: 0.15rem;
- border-bottom: 0.05rem solid rgb(236, 236, 236);
-
- .top_input {
- width: 70%;
- height: 70%;
- font-size: 0.6615rem;
-
- input {
- font-weight: 600;
- }
- }
- }
-
- .tr_rs {
- width: 100%;
- height: 1.3rem;
- margin-top: 0.4rem;
-
- >div {
- width: 100%;
- height: 50%;
- color: rgb(160, 160, 160);
- display: flex;
- justify-content: space-between;
-
- span {
- font-weight: 600;
- }
- }
-
- .bottom_bzz {
- color: #000;
- font-size: 0.3846rem;
-
- span {
- font-weight: 600;
- }
- }
-
- .top_bzz {
- align-items: center;
- }
- }
-
- .gg {
- margin-top: 0 !important;
- height: 1.8rem;
+ height: 50%;
+ color: rgb(160, 160, 160);
display: flex;
- align-items: center;
- font-size: 0.3803rem;
- border-bottom: 0.05rem solid rgb(236, 236, 236);
+ justify-content: space-between;
- >div {
- color: #000;
+ span {
+ font-weight: 600;
}
+ }
+
+ .bottom_bzz {
+ color: #000;
+ font-size: 0.3846rem;
+
+ span {
+ font-weight: 600;
+ }
+ }
+
+ .top_bzz {
+ align-items: center;
}
}
- }
- .switchs {
- width: 100%;
- height: auto;
- padding: 0 0.8rem;
- background: #fff;
- margin-top: 0.3rem;
- border-radius: 0.3rem 0.3rem 0 0;
- transition: all 0.5s;
-
- .zy {
- transition: all 0.5s;
- width: 100%;
+ .gg {
+ margin-top: 0 !important;
height: 1.8rem;
display: flex;
- justify-content: space-between;
align-items: center;
+ font-size: 0.3803rem;
border-bottom: 0.05rem solid rgb(236, 236, 236);
- >div {
- // width: 20%;
- height: 50%;
- display: flex;
- align-items: center;
- font-size: 0.3346rem;
- }
-
- .right_sw {
- justify-content: flex-end;
+ > div {
+ color: #000;
}
}
}
+}
- .btn_buy {
+.switchs {
+ width: 100%;
+ height: auto;
+ padding: 0 0.8rem;
+ background: #fff;
+ margin-top: 0.3rem;
+ border-radius: 0.3rem 0.3rem 0 0;
+ transition: all 0.5s;
+
+ .zy {
+ transition: all 0.5s;
width: 100%;
- height: auto;
- bottom: 0;
- background: #fff;
- padding: 0.8rem 0.8rem;
- display: flex;
- align-items: flex-end;
- // padding-top: 0.8rem;
-
- >div {
- width: 100%;
- height: 1.2821rem;
- display: flex;
- justify-content: center;
- align-items: center;
- // background: rgb(68, 155, 84);
- color: #fff;
- font-size: 0.3846rem;
- border-radius: 0.15rem;
- }
- }
-
- /deep/.van-action-sheet__name {
- font-size: 0.3846rem;
- color: #000;
- }
-
- /deep/.van-action-sheet__gap {
- height: 0.25rem;
- }
-
- /deep/.van-action-sheet__cancel {
- font-size: 0.4246rem;
- height: 1.3rem;
- color: #000;
- }
-
- /deep/.van-action-sheet__description {
- font-size: 0.3846rem;
- height: 1.45rem;
- line-height: 0.7rem;
- }
-
- .left_zy input {
- font-size: 0.48rem;
- font-weight: 500;
- }
-
- .addorj {
- width: 0.7rem;
- height: 0.7rem;
- color: #000;
- font-weight: 500;
- cursor: pointer;
- }
-
- .addorj img {
- width: 100%;
- height: 100%;
- cursor: pointer;
- }
-
- .flexJy {
+ height: 1.8rem;
display: flex;
justify-content: space-between;
align-items: center;
- }
+ border-bottom: 0.05rem solid rgb(236, 236, 236);
- .top_input input {
+ > div {
+ // width: 20%;
+ height: 50%;
+ display: flex;
+ align-items: center;
+ font-size: 0.3346rem;
+ }
+
+ .right_sw {
+ justify-content: flex-end;
+ }
+ }
+}
+
+.btn_buy {
+ width: 100%;
+ height: auto;
+ bottom: 0;
+ background: #fff;
+ padding: 0.8rem 0.8rem;
+ display: flex;
+ align-items: flex-end;
+ // padding-top: 0.8rem;
+
+ > div {
width: 100%;
+ height: 1.2821rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ // background: rgb(68, 155, 84);
+ color: #fff;
+ font-size: 0.3846rem;
+ border-radius: 0.15rem;
}
+}
- .maichu {
- // background-color: rgb(225, 59, 69) !important;
+/deep/.van-action-sheet__name {
+ font-size: 0.3846rem;
+ color: #000;
+}
+
+/deep/.van-action-sheet__gap {
+ height: 0.25rem;
+}
+
+/deep/.van-action-sheet__cancel {
+ font-size: 0.4246rem;
+ height: 1.3rem;
+ color: #000;
+}
+
+/deep/.van-action-sheet__description {
+ font-size: 0.3846rem;
+ height: 1.45rem;
+ line-height: 0.7rem;
+}
+
+.left_zy input {
+ font-size: 0.48rem;
+ font-weight: 500;
+}
+
+.addorj {
+ width: 0.7rem;
+ height: 0.7rem;
+ color: #000;
+ font-weight: 500;
+ cursor: pointer;
+}
+
+.addorj img {
+ width: 100%;
+ height: 100%;
+ cursor: pointer;
+}
+
+.flexJy {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.top_input input {
+ width: 100%;
+}
+
+.maichu {
+ // background-color: rgb(225, 59, 69) !important;
+}
+
+.mr {
+ position: relative;
+
+ &::after {
+ content: " ";
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: -0.1rem;
+ z-index: 10000;
+ background: rgba(255, 255, 255, 0);
+ border-left: 0.12rem solid rgb(241, 242, 246);
+ transform-origin: bottom right;
+ -ms-transform: skew(-10deg, 0deg);
+ -webkit-transform: skew(-10deg, 0deg);
+ transform: skew(-10deg, 0deg);
}
+}
- .mr {
- position: relative;
+.mc {
+ position: relative;
- &::after {
- content: " ";
- position: absolute;
- display: block;
- width: 100%;
- height: 100%;
- top: 0;
- left: -0.1rem;
- z-index: 10000;
- background: rgba(255, 255, 255, 0);
- border-left: 0.12rem solid rgb(241, 242, 246);
- transform-origin: bottom right;
- -ms-transform: skew(-10deg, 0deg);
- -webkit-transform: skew(-10deg, 0deg);
- transform: skew(-10deg, 0deg);
- }
+ &::after {
+ content: " ";
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ z-index: 10000;
+ background: rgba(255, 255, 255, 0);
+ border-right: 0.1rem solid rgb(241, 242, 246);
+ transform-origin: bottom left;
+ -ms-transform: skew(-10deg, 0deg);
+ -webkit-transform: skew(-10deg, 0deg);
+ transform: skew(-10deg, 0deg);
}
+}
- .mc {
- position: relative;
+/deep/.van-overlay {
+ z-index: 10000 !important;
+}
- &::after {
- content: " ";
- position: absolute;
- display: block;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- z-index: 10000;
- background: rgba(255, 255, 255, 0);
- border-right: 0.1rem solid rgb(241, 242, 246);
- transform-origin: bottom left;
- -ms-transform: skew(-10deg, 0deg);
- -webkit-transform: skew(-10deg, 0deg);
- transform: skew(-10deg, 0deg);
- }
- }
-
- /deep/.van-overlay {
- z-index: 10000 !important;
- }
-
- /deep/.van-popup {
- z-index: 10001 !important;
- }
+/deep/.van-popup {
+ z-index: 10001 !important;
+}
</style>
diff --git a/src/page/user/Warehouse.vue b/src/page/user/Warehouse.vue
index 043b761..2ac05b3 100644
--- a/src/page/user/Warehouse.vue
+++ b/src/page/user/Warehouse.vue
@@ -1,7 +1,7 @@
<template>
<div class="ware">
<div style="padding: 0 0.4rem 0.4rem">
- <van-tabs v-model="active" color="#0066ed">
+ <van-tabs v-model="active" color="#0066ed" @change="handleTabChange">
<van-tab :title="$t('hj52')" name="2"></van-tab>
<van-tab :title="$t('黄金原油')" name="1"></van-tab>
</van-tabs>
@@ -52,6 +52,15 @@
laber: "ST",
symbolCode: "INR",
symbol: "₹"
+ },
+ {
+ title: this.$t("黄金原油"),
+ assname: this.$t("黄金原油"),
+ name: "1",
+ bgc: "rgb(12, 175, 226)",
+ laber: "USDT",
+ symbolCode: "MYR",
+ symbol: "RM"
}
// {
// title: this.$t("黄金原油"),
@@ -129,6 +138,13 @@
if (e.name !== "1") {
this.$refs.dataListref.getList(e.laber);
}
+ },
+ handleTabChange(name) {
+ const arr = this.tabsArr.filter(item => item.name === name);
+ if (arr.length > 0) {
+ this.activeObj = arr[0];
+ this.$refs.dataListref.getList(this.activeObj.laber);
+ }
}
}
};
diff --git a/src/page/user/Warehouse/data.list.vue b/src/page/user/Warehouse/data.list.vue
index 2c5af91..5c6a866 100644
--- a/src/page/user/Warehouse/data.list.vue
+++ b/src/page/user/Warehouse/data.list.vue
@@ -17,16 +17,22 @@
:loading-text="$t('hj430')"
@load="onLoad"
>
- <div v-if="actives === 0"
+ <div
+ v-if="actives === 0"
class="sport-content-li"
:style="actives === 1 ? 'height:5.52rem' : 'height:7.52rem'"
v-for="(item, index) in dataList"
:key="index"
- @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
+ @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)"
+ >
<div @click.stop="pushRouter(item)">
-
<div class="title-box" style="justify-content: space-between;">
- <div class="span" :style="item.isListed==false?'color:red;':''">{{ item.stockName }}</div>
+ <div
+ class="span"
+ :style="item.isListed == false ? 'color:red;' : ''"
+ >
+ {{ item.stockName }}
+ </div>
<div
class="states"
:class="item.orderDirection === '买跌' ? 'states-red' : ''"
@@ -39,11 +45,18 @@
<van-row>
<van-col span="8">
<div style="text-align: left">
- <div class="sport-content-title2" >
+ <div class="sport-content-title2">
{{ $t("盈虧") }} ({{ activeObj.symbolCode }})
</div>
- <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
- {{ item.profitAndLose }}
+ <div
+ class="sport-content-text2"
+ :style="
+ item.profitAndLoseParent.charAt(0) == '-'
+ ? 'color:#cc1b1b;'
+ : 'color:#3e9976;'
+ "
+ >
+ ₹{{ item.profitAndLose | _toLocaleString }}
</div>
</div>
</van-col>
@@ -52,7 +65,14 @@
<div class="sport-content-title2">
{{ $t("hj141") }} ({{ activeObj.symbolCode }})
</div>
- <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+ <div
+ class="sport-content-text2"
+ :style="
+ item.profitAndLoseParent.charAt(0) == '-'
+ ? 'color:#cc1b1b;'
+ : 'color:#3e9976;'
+ "
+ >
{{ item.profitAndLoseParent }}
</div>
</div>
@@ -71,7 +91,7 @@
{{ $t("hj40") }}({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.now_price }}
+ ₹{{ item.now_price | _toLocaleString }}
</div>
</div>
</van-col>
@@ -81,7 +101,7 @@
{{ $t("持倉價") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.buyOrderPrice }}
+ ₹{{ item.buyOrderPrice | _toLocaleString }}
</div>
</div>
</van-col>
@@ -91,7 +111,7 @@
{{ $t("訂單金額") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.orderTotalPrice }}
+ ₹{{ item.orderTotalPrice | _toLocaleString }}
</div>
</div>
</van-col>
@@ -103,7 +123,7 @@
{{ $t("hj44") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.orderFee }}
+ ₹{{ item.orderFee | _toLocaleString }}
</div>
</div>
</van-col>
@@ -113,17 +133,17 @@
{{ $t("待补金额") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.amountToBeCovered }}
+ ₹{{ item.amountToBeCovered | _toLocaleString }}
</div>
</div>
</van-col>
- <!-- <van-col span="8">
+ <!-- <van-col span="8">
<div style="text-align: center">
<div class="sport-content-title2">
{{ $t("止損價") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.stopTargetPrice }}
+ {{ item.stopTargetPrice | _toLocaleString }}
</div>
</div>
</van-col>
@@ -133,7 +153,7 @@
{{ $t("止盈價") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.profitTargetPrice }}
+ {{ item.profitTargetPrice | _toLocaleString }}
</div>
</div>
</van-col> -->
@@ -161,13 +181,14 @@
</div>
</div>
-
- <div v-if="actives === 1"
+ <div
+ v-if="actives === 1"
class="sport-content-li"
:style="actives === 1 ? 'height:5.52rem' : 'height:7.52rem'"
v-for="(item, index) in newdataList"
:key="index"
- @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
+ @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)"
+ >
<div @click.stop="pushRouter(item)">
<div class="title-box" style="justify-content: space-between;">
<div class="span">{{ item.stockName }}</div>
@@ -186,8 +207,15 @@
<div class="sport-content-title2">
{{ $t("盈虧") }} ({{ activeObj.symbolCode }})
</div>
- <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
- {{ item.profitAndLose }}
+ <div
+ class="sport-content-text2"
+ :style="
+ item.profitAndLoseParent.charAt(0) == '-'
+ ? 'color:#cc1b1b;'
+ : 'color:#3e9976;'
+ "
+ >
+ ₹{{ item.profitAndLose | _toLocaleString }}
</div>
</div>
</van-col>
@@ -196,7 +224,14 @@
<div class="sport-content-title2">
{{ $t("hj141") }} ({{ activeObj.symbolCode }})
</div>
- <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+ <div
+ class="sport-content-text2"
+ :style="
+ item.profitAndLoseParent.charAt(0) == '-'
+ ? 'color:#cc1b1b;'
+ : 'color:#3e9976;'
+ "
+ >
{{ item.profitAndLoseParent }}
</div>
</div>
@@ -215,7 +250,7 @@
{{ $t("hj40") }}({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.now_price }}
+ ₹{{ item.now_price | _toLocaleString }}
</div>
</div>
</van-col>
@@ -225,7 +260,7 @@
{{ $t("持倉價") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.buyOrderPrice }}
+ ₹{{ item.buyOrderPrice | _toLocaleString }}
</div>
</div>
</van-col>
@@ -235,7 +270,7 @@
{{ $t("訂單金額") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.orderTotalPrice }}
+ ₹{{ item.orderTotalPrice | _toLocaleString }}
</div>
</div>
</van-col>
@@ -247,17 +282,17 @@
{{ $t("hj44") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.orderFee }}
+ ₹{{ item.orderFee | _toLocaleString }}
</div>
</div>
</van-col>
- <!-- <van-col span="8">
+ <!-- <van-col span="8">
<div style="text-align: center">
<div class="sport-content-title2">
{{ $t("止損價") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.stopTargetPrice }}
+ {{ item.stopTargetPrice | _toLocaleString }}
</div>
</div>
</van-col>
@@ -267,7 +302,7 @@
{{ $t("止盈價") }} ({{ activeObj.symbolCode }})
</div>
<div class="sport-content-text2">
- {{ item.profitTargetPrice }}
+ {{ item.profitTargetPrice | _toLocaleString }}
</div>
</div>
</van-col> -->
@@ -314,7 +349,13 @@
<!-- <div class="right" style="color: rgb(3, 173, 143)">
{{ closeSell.orderNum }}
</div> -->
- <input class="input_box" type="number" :max="closeSell.orderNum" :placeholder="$t('hj262')" v-model="ordernum" />
+ <input
+ class="input_box"
+ type="number"
+ :max="closeSell.orderNum"
+ :placeholder="$t('hj262')"
+ v-model="ordernum"
+ />
</div>
<div class="hang">
<div class="left">{{ $t("類型") }}</div>
@@ -335,8 +376,8 @@
props: {
activeObj: {
type: Object,
- default: {},
- },
+ default: {}
+ }
},
mounted() {
this.getList();
@@ -350,40 +391,40 @@
closeSell: {},
show: false,
actives: 0,
- ordernum:'',
+ ordernum: "",
dataList: [],
- newdataList:[],
+ newdataList: [],
timer: null,
tabsList: [
{
title: this.$t("持倉"),
- key: 0,
+ key: 0
},
{
title: this.$t("平倉"),
- key: 1,
- },
- ],
+ key: 1
+ }
+ ]
};
},
- created(){
- this.dsq()
+ created() {
+ this.dsq();
},
beforeDestroy() {
clearInterval(this.timer); // 在组件销毁前清除定时器
},
methods: {
- dsq(){
+ dsq() {
// this.dataList = [];
- // this.timer = setInterval(() => {
+ this.timer = setInterval(() => {
this.getList();
- // }, 1000);
+ }, 1000);
},
pushRouter(item) {
const obj = {
pid: item.stockCode || "",
- type: item.stockGid || "",
+ type: item.stockGid || ""
};
window.localStorage.setItem("kLine", JSON.stringify(obj));
// return;
@@ -398,8 +439,8 @@
if_us: "",
if_zhishu: 0,
sok: "",
- type: item.stockGid,
- },
+ type: item.stockGid
+ }
});
},
onLoad() {
@@ -410,7 +451,7 @@
this.$refs.closeDialog.show = false;
const res = await sell({
positionSn: this.closeSell.positionSn,
- number:this.ordernum
+ number: this.ordernum
});
if (res.status === 0) {
this.dataList = [];
@@ -430,12 +471,18 @@
this.pageNum = 1;
this.finished = false;
}
- const res = await getchicang({
+ const _laber = laber || this.activeObj.laber;
+ let opt = {
state: this.actives,
- stockType: laber || this.activeObj.laber,
+ stockType: _laber,
pageNum: 1,
- pageSize: 30,
- });
+ pageSize: 30
+ };
+ if (_laber === "USDT") {
+ opt.stockCode = "HJYY";
+ }
+
+ const res = await getchicang(opt);
this.loading = false;
if (res.status === 0) {
@@ -453,16 +500,21 @@
this.pageNum = 1;
this.finished = false;
}
- const res = await getchicang({
+ const _laber = laber || this.activeObj.laber;
+ let opt = {
state: this.actives,
- stockType: laber || this.activeObj.laber,
+ stockType: _laber,
pageNum: 1,
- pageSize: 30,
- });
+ pageSize: 30
+ };
+ if (_laber === "USDT") {
+ opt.stockCode = "HJYY";
+ }
+ const res = await getchicang(opt);
this.loading = false;
if (res.status === 0) {
- this.dataList = []
+ this.dataList = [];
this.dataList = res.data.list;
this.finished = true;
} else {
@@ -473,51 +525,50 @@
close(item) {
this.closeSell = item;
this.$refs.closeDialog.show = true;
- this.ordernum = ''
+ this.ordernum = "";
},
clickTabs(e) {
this.pageNum = 1;
this.finished = false;
this.actives = e.key;
- this.newdataList = []
- this.dataList = []
+ this.newdataList = [];
+ this.dataList = [];
- if(e.key==1){
+ if (e.key == 1) {
clearInterval(this.timer); // 在组件销毁前清除定时器
// clearTimeout(this.timer);
// setTimeout(()=>{
// clearInterval(this.timer); // 在组件销毁前清除定时器
// },3000)
- this.getLists()
+ this.getLists();
// this.startPolling();
// this.dsq()
- }else{
+ } else {
clearInterval(this.timer); // 在组件销毁前清除定时器
- this.dsq()
+ this.dsq();
}
this.$forceUpdate(); // 强制Vue重新渲染
// this.getList()
// if(e.key !=this.actives){
-
// }else{
// this.actives = e.key;
// this.dsq()
// }
- },
- },
+ }
+ }
};
</script>
<style lang="less" scoped>
- .input_box{
- text-align: right;
- font-size: 16px;
+.input_box {
+ text-align: right;
+ font-size: 16px;
- padding: 0 4px;
- }
+ padding: 0 4px;
+}
.sport-tabs {
// font-family: PingFang SC;
font-family: "DINPro";
--
Gitblit v1.9.3