liaoxinyu
/
Muzkcoin_H5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

新增股票

master
liaoxinyu 3 weeks ago
parent
e8ef564ae9
commit
bb732a1be0
6 changed files with 231 additions and 72 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      api/market.js
  2. 9
      layout/vButton.vue
  3. 24
      pages/base/stockexchange-operation.vue
  4. 216
      pages/stockexchange/exchange-transaction.vue
  5. 1
      pages/stockexchange/index.vue
  6. 48
      pages/stockexchange/symbol-list.vue

5
api/market.js
View File

@ -65,7 +65,10 @@ class Market {
static getstockCoinInfo(data){
return Serve.get(`/stock/getCoinInfo`,data)
}
// 是否显示颜色
static getstocktradingOpen(data){
return Serve.get(`/stock/tradingOpen`,data)
}
}
export default Market;

9
layout/vButton.vue
View File

@ -205,4 +205,13 @@ export default {
border-radius:inherit;
}
}
.colorless {
::v-deep uni-button {
background: #999999;
color: #fff;
border:none;
border-radius:inherit;
box-shadow: 0px 0px 15px 0px rgba(199, 199, 199, 0.7);
}
}
</style>

24
pages/base/stockexchange-operation.vue
View File

@ -68,7 +68,7 @@
<symbol-list
:collect="collect"
:marketList="marketList"
:heyue="0"
:heyue="2"
@check-symbol="checkSymbol"
:symbols="symbols"
/>
@ -98,10 +98,6 @@ export default {
type: String,
required: false,
},
stocksymbol: {
default: '',
type: String
}
},
components: {
exchangeTransaction,
@ -126,15 +122,14 @@ export default {
watch: {
isShow(n) {
if (n) {
this.query = { symbol: this.stocksymbol };
setTimeout(() => {
this.ws.send({
this.ws2.send({
cmd: "sub",
msg: this.msg,
});
}, 200);
} else {
this.ws.send({
this.ws2.send({
cmd: "unsub",
msg: this.msg,
});
@ -143,7 +138,7 @@ export default {
},
computed: {
...mapState({
ws: "ws",
ws2: "ws2",
}),
isLogin() {
return Boolean(uni.getStorageSync("token"));
@ -199,11 +194,11 @@ export default {
// 链接socket
linkSocket() {
let msg = this.msg;
this.ws.send({
this.ws2.send({
cmd: "sub",
msg,
});
this.ws.on("message", (res) => {
this.ws2.on("message", (res) => {
let { data, sub } = res;
if (sub == msg) {
this.marketList = data;
@ -227,11 +222,6 @@ export default {
return curParam;
},
},
mounted() {
if (this.stocksymbol) {
this.query = { symbol: this.stocksymbol };
}
},
created() {
this.query = this.getQuery();
if (this.query.symbol) {
@ -241,7 +231,7 @@ export default {
this.getCollect();
},
destroyed() {
this.ws.send({
this.ws2.send({
cmd: "unsub",
msg: 'exchangeMarketList',
})

216
pages/stockexchange/exchange-transaction.vue
View File

@ -4,14 +4,14 @@
<view class="w-max" style="height: var(--status-bar-height)"></view>
<view @click="$emit('symbol')" class="d-flex align-center">
<i class="iconfont color-light fn-bold fn-18">&#xe655;</i>
<text class="fn-bold">{{ symbol }}</text>
<text class="fn-bold">{{ activeCoin.coin_name }}</text>
<text class="fn-10 m-l-xs p-y-2" :class="increase.increase < 0 ? 'color-sell bg-sell-transparent' : 'color-buy bg-buy-transparent'">{{increase.increaseStr}}</text>
</view>
<view class="d-flex fn-20 color-theme-1">
<view class="m-r-xs" @click="$emit('option')">
<!-- <view class="m-r-xs" @click="$emit('option')">
<van-icon v-if="isCoolect" name="star" />
<van-icon v-else class="color-default" name="star-o" />
</view>
</view> -->
<v-link
tag="div"
v-if="symbol"
@ -165,13 +165,21 @@
block
@click="storeEntrust"
ref="btn"
>{{
form.direction == "buy"
? this.$t("exchange.c3")
: this.$t("exchange.c4")
}}
v-if="tradingOpenshow==true">
{{form.direction == "buy" ? this.$t("exchange.c3") : this.$t("exchange.c4")}}
{{ activeCoin.coin_name }}</v-button
>
<v-button
size="small"
type="colorless"
class="w-max rounded-md"
block
@click="storeEntrust"
ref="btn"
v-if="tradingOpenshow==false">
{{form.direction == "buy" ? this.$t("exchange.c3") : this.$t("exchange.c4")}}
{{ activeCoin.coin_name }}</v-button
>
</template>
<template v-else>
<v-button
@ -330,41 +338,41 @@
<view class="p-x-md p-y-xs" style="line-height: 60rpx;">
<view class="row d-flex m-y-xs">
<view class="d-flex w-50 align-end">
{{$t("exchange.g8")}}：<span class="color-light"></span>{{item.pair_name}}
{{$t("exchange.g9")}}：<span class="color-light"></span>{{item.coin_name}}
</view>
<view class="d-flex w-50 justify-between">
<view>
{{$t("exchange.g9")}}：<span class="color-light"></span>{{item.market}}
{{$t("exchange.g10")}}：<span class="color-light"></span>{{item.market}}
</view>
</view>
</view>
<view class="row d-flex m-y-xs">
<view class="d-flex w-50 align-end">
{{$t("exchange.g10")}}：<span class="color-light"></span>{{item.usable_balance}}
{{$t("exchange.g11")}}：<span class="color-light"></span>{{item.usable_balance}}
</view>
<view class="d-flex w-50 justify-between">
<view>
{{$t("exchange.g11")}}：<span class="color-light"></span>{{item.realtimePrice}}
{{$t("exchange.g12")}}：<span class="color-light"></span>{{item.realtimePrice}}
</view>
</view>
</view>
<view class="row d-flex m-y-xs">
<view class="d-flex w-50 align-end">
{{$t("exchange.g12")}}：<span class="color-light"></span>{{item.cost_price}}
{{$t("exchange.g13")}}：<span class="color-light"></span>{{item.cost_price}}
</view>
<view class="d-flex w-50 justify-between">
<view>
{{$t("exchange.g13")}}：<span class="color-light"></span>{{item.dayProfit}}
{{$t("exchange.g14")}}：<span :class="item.dayProfit>0?'color-buy':item.dayProfit<0?'color-sell':''">{{item.dayProfit}}</span>
</view>
</view>
</view>
<view class="row d-flex m-y-xs">
<view class="d-flex w-50 align-end">
{{$t("exchange.g14")}}：<span class="color-light"></span>{{item.unRealProfit}}
{{$t("exchange.g15")}}：<span class="color-light" :class="item.unRealProfit>0?'color-buy':item.unRealProfit<0?'color-sell':''">{{item.unRealProfit}}</span>
</view>
<view class="d-flex w-50 justify-between">
<view>
{{$t("exchange.g15")}}：<span class="color-light"></span>{{item.profitRate}}
{{$t("exchange.g16")}}：<span class="color-light" :class="item.profitRate>0?'color-buy':item.profitRate<0?'color-sell':''">{{item.profitRate}}</span>
</view>
</view>
</view>
@ -461,7 +469,10 @@ export default {
refreshing:false,
active:0,
stockholdPositionlist:[],
holdPositiondtime: null
holdPositiondtime: null,
tradingOpenshow:false,
timer: null,
};
},
computed: {
@ -526,14 +537,27 @@ export default {
// 计算交易额
totalMoney() {
// todo
let totalMoney = 0;
if (this.form.type == 0) {
totalMoney = math.multiple(this.form.amount, this.form.entrust_price);
} else {
// totalMoney = this.form.amount;
totalMoney = math.multiple(this.form.amount, this.form.entrust_price);
}
return totalMoney;
// let totalMoney = 0;
// if (this.form.type == 0) {
// totalMoney = math.multiple(this.form.amount, this.form.entrust_price);
// } else {
// // totalMoney = this.form.amount;
// totalMoney = math.multiple(this.form.amount, this.form.entrust_price);
// }
// return totalMoney;
let totalMoney = 0;
// 确保拿到的 amount 和 price 是有效数字，如果是空字符串或 -Infinity 则当做 0 处理
let amount = Number(this.form.amount) || 0;
let price = Number(this.form.entrust_price) || 0;
if (this.form.type == 0) {
totalMoney = math.multiple(amount, price);
} else {
totalMoney = math.multiple(amount, price);
}
// 防止计算库返回异常值
return isNaN(totalMoney) ? 0 : totalMoney;
},
// 显示百分比
activeStep() {
@ -554,18 +578,22 @@ export default {
usable() {
if (this.form.direction == "buy") {
if (!this.targetBalance.usable_balance) return 0;
return this.omitTo(
// this.targetBalance.usable_balance,
// this.activeCoin.price_decimals
this.currentBalance.usable_balance,
this.activeCoin.qty_decimals
);
// return this.omitTo(
// // this.targetBalance.usable_balance,
// // this.activeCoin.price_decimals
// this.currentBalance.usable_balance,
// this.activeCoin.qty_decimals
// );
return this.currentBalance.usable_balance
} else {
// console.log(this.currentBalance);
if (!this.currentBalance.usable_balance) return 0;
return this.omitTo(
this.currentBalance.usable_balance,
this.activeCoin.qty_decimals
);
// return this.omitTo(
// this.currentBalance.usable_balance,
// // this.targetBalance.usable_balance,
// this.activeCoin.qty_decimals
// );
return this.currentBalance.usable_balance
}
},
usable1() {
@ -618,10 +646,13 @@ export default {
},3000)
this.getUserBalance();
this.linkSocket(this.activeCoin.symbol);
this.startSchedule();
} else if(!n&&this.isLogin){
this.unLink(this.activeCoin.symbol);
clearInterval(this.dtime);
clearInterval(this.holdPositiondtime);
clearInterval(this.timer);
}
},
@ -633,9 +664,11 @@ export default {
this.holdPositiondtime = setInterval(()=>{
this.stockholdPosition();
},3000)
this.startSchedule();
}else if(e!='stockexchange-operation'&&this.isLogin){
clearInterval(this.dtime);
clearInterval(this.holdPositiondtime);
clearInterval(this.timer);
}
},
list(e){
@ -708,6 +741,7 @@ export default {
// 计算滑动出来的金额
sliderChange(n,i) {
// console.log(n, i, this.form.direction);
if(!n)return
let num = n/100;
this.sliderActive=i
if (this.form.direction == "buy") {
@ -720,11 +754,16 @@ export default {
);
} else if (this.form.type == 1) {
// 市价
this.form.amount = this.form.amount = math.multiple(
this.targetBalance.usable_balance,
num,
4
);
// this.form.amount = this.form.amount = math.multiple(
// this.targetBalance.usable_balance,
// num,
// 4
// );
this.form.amount = math.multiple(
this.targetBalance.usable_balance / this.form.entrust_price,
num,
6
);
}
} else if (this.form.direction == "sell") {
if (!this.currentBalance.usable_balance) return;
@ -783,12 +822,14 @@ export default {
if(ti===3){
clearInterval(timer);
}
}, 1000)
}, 2000)
}
console.log('123');
// console.log('123');
this.dtime = setInterval(() => {
this.getCurrentEntrust(true)
}, 3000);
this.sliderChange(null,-1)
this.sliderActive = -1
// this.getCurrentEntrust()
})
.catch(() => {});
@ -808,24 +849,85 @@ export default {
this.newPrice = this.tradeList[0]||{};
});
},
tradingOpen(){
Market.getstocktradingOpen().then(res => {
this.tradingOpenshow = res.data
}).catch(err => {});
},
startSchedule() {
this.timer = setInterval(() => {
const now = new Date();
const minutes = now.getMinutes();
const seconds = now.getSeconds();
let remainingSeconds = 0;
// 1. 如果正好是 00分00秒 或 30分00秒，说明时间到了！
if (minutes % 30 === 0 && seconds === 0) {
remainingSeconds = 0;
console.log(`距离下次刷新还有 ${remainingSeconds} 秒，正在执行刷新...`);
// 触发接口调用
this.tradingOpen();
}
// 2. 否则，计算距离下一次刷新的秒数
else {
if (minutes < 30) {
// 如果当前是 0~29 分，目标是 30 分
remainingSeconds = (30 - minutes) * 60 - seconds;
} else {
// 如果当前是 30~59 分，目标是 60 分 (下一个整点)
remainingSeconds = (60 - minutes) * 60 - seconds;
}
// 一直打印倒计时提示
// console.log(`距离下次刷新还有 ${remainingSeconds} 秒`);
}
}, 1000);
},
// 获取默认价格
getDefaultPrice() {
if (this.form.direction == "buy") {
this.form.entrust_price = Math.min(
...this.tradeList.map((item) => item.price)
);
} else {
this.form.entrust_price = Math.max(
...this.buyList.map((item) => item.price)
);
}
// if (this.form.direction == "buy") {
// this.form.entrust_price = Math.min(
// ...this.tradeList.map((item) => item.price)
// );
// } else {
// this.form.entrust_price = Math.max(
// ...this.buyList.map((item) => item.price)
// );
// }
if (this.form.direction == "buy") {
// 确保 tradeList 有数据
if (this.tradeList && this.tradeList.length > 0) {
this.form.entrust_price = Math.min(
...this.tradeList.map((item) => Number(item.price))
);
} else {
// 兜底方案：如果没有数据，使用最新价或0
this.form.entrust_price = this.newPrice.price || 0;
}
} else { // 卖出
// 确保 buyList 有数据
if (this.buyList && this.buyList.length > 0) {
this.form.entrust_price = Math.max(
...this.buyList.map((item) => Number(item.price))
);
} else {
// 兜底方案：如果没有买盘数据，使用最新价或0
this.form.entrust_price = this.newPrice.price || 0;
}
}
},
// 切换方向
changeDirection(type){
this.form.direction = type;
this.getDefaultPrice();
let n = this.progress[this.sliderActive];
// this.sliderChange(n, this.sliderActive);
this.sliderChange(n, this.sliderActive);
},
// 计算深度
getValue(amount) {
@ -944,6 +1046,10 @@ export default {
this.getBooks();
this.getUserBalance();
this.socketMessage();
this.tradingOpen()
this.startSchedule();
if (this.query.direction) {
this.form.direction = this.query.direction;
}
@ -959,6 +1065,9 @@ export default {
// this.unLink(this.unSymbol);
clearInterval(this.dtime);
clearInterval(this.holdPositiondtime);
if (this.timer) {
clearInterval(this.timer);
}
},
};
</script>
@ -1130,4 +1239,7 @@ export default {
.bor5-active{
border-bottom: 4px solid $theme-2;
}
/deep/uni-input{
background-color: transparent;
}
</style>

1
pages/stockexchange/index.vue
View File

@ -562,5 +562,6 @@ export default {
.chart-tradingview {
height: 370px;
width: 100%;
border: 0px;
}
</style>

48
pages/stockexchange/symbol-list.vue
View File

@ -1,14 +1,14 @@
<template>
<view class="symbol-list">
<view class="w-max" style="height: var(--status-bar-height)"></view>
<view class="title fn-18 p-md color-light">{{ title||$t("exchange.f5") }}</view>
<view class="title fn-18 p-md color-light">{{ heyue==2?$t('exchange.g7'):title||$t("exchange.f5") }}</view>
<van-search
background="transparent"
:value="filterText"
@change="filterText = $event.detail"
:placeholder="$t('exchange.f6')"
/>
<van-tabs :active="active">
<van-tabs :active="active" v-if="heyue==0||heyue==1">
<van-tab
:title="heyue==1&&parentItem.coin_name=='USDT'?$t('first.b8'):parentItem.coin_name"
v-for="parentItem in showMarketList"
@ -69,6 +69,50 @@
</view>
</van-tab>
</van-tabs>
<view v-if="heyue==2">
<view>
<view class="p-x-xs m-t-md">
<table class="w-max">
<thead>
<tr class="fn-sm">
<th class="p-l-md p-y-xs fn-left">{{ $t("exchange.f7") }}</th>
<th class="fn-center">{{ $t("exchange.f8") }}</th>
<th class="p-r-md p-y-xs fn-right">{{ $t("exchange.f9") }}</th>
</tr>
</thead>
<tbody v-for="parentItem in showMarketList" :key="parentItem.coin_name">
<tr
class="p-y-md"
:class="symbols==item.coin_name&&heyue==1?'bg-panel':''"
v-for="item in parentItem.marketInfoList"
:key="item.symbol"
v-show="isShow(item.pair_name)"
@click="$emit('check-symbol', item)"
>
<td class="p-l-md p-y-md w-40">
<template v-if="parentItem.isCollect">
<span class="color-light">{{ item.pair_name }}</span>
</template>
<template v-else>
<span class="color-light">{{ item.coin_name||item.symbol }}</span>
</template>
</td>
<td class="w-30 fn-center">
<template :class="item.increase < 0 ? 'color-sell' : 'color-buy'">
{{ item.price }}
</template>
</td>
<td :class="item.increase < 0 ? 'color-sell' : 'color-buy'" class="p-r-md p-y-xs fn-right w-30">
{{ item.increaseStr }}
</td>
</tr>
</tbody>
</table>
</view>
</view>
</view>
</view>
</template>
<script>

Write Preview
Loading…
Cancel
Save