From b4c4556a5eddf6708ec55b07e3edc15b2217842e Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Wed, 30 Apr 2025 18:35:59 +0800
Subject: [PATCH] 0430号修改
---
src/page/list/tradingList/data.list.vue | 105 +++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 82 insertions(+), 23 deletions(-)
diff --git a/src/page/list/tradingList/data.list.vue b/src/page/list/tradingList/data.list.vue
index d221c31..0be5afe 100644
--- a/src/page/list/tradingList/data.list.vue
+++ b/src/page/list/tradingList/data.list.vue
@@ -2,16 +2,16 @@
<div class="list-data">
<div class="header-box">
<van-row type="flex" align="center" gutter="20">
- <van-col span="8">
+ <van-col span="11">
<div>
{{ $t("hj313") }}
</div>
</van-col>
- <van-col span="3">
+ <!-- <van-col span="3">
<div style="text-align: right">
{{ $t("市场") }}
</div>
- </van-col>
+ </van-col> -->
<van-col :span="active == 'DZ' ? '12' : '7'">
<div style="text-align: right">
{{ $t("hj314") }}
@@ -31,7 +31,7 @@
@select="onSelect"
>
<template #reference>
- <van-button type="primary">الترتيب</van-button>
+ <van-button type="primary">{{ $t("排序") }}</van-button>
</template>
</van-popover>
</van-col>
@@ -58,8 +58,13 @@
v-for="(item, index) in listArr"
:key="item.indexCode"
>
- <van-row type="flex" align="center" gutter="20">
- <van-col span="8" style="padding-right: 0 !important;">
+ <van-row
+ type="flex"
+ align="center"
+ justify="space-between"
+ gutter="20"
+ >
+ <van-col span="13" style="padding-right: 0 !important;">
<div>
<div class="tp">
<div class="collection" @click="optionszx(item)">
@@ -87,17 +92,17 @@
</div>
</van-col>
- <van-col span="3" v-if="active != 'HJ'">
+ <!-- <van-col span="3" v-if="active != 'HJ'">
<div style="text-align: right">
{{ (item.gid || item.stockGid).toUpperCase() }}
</div>
- </van-col>
+ </van-col> -->
- <van-col :span="active == 'DZ' ? '12' : '7'">
+ <van-col :span="active == 'DZ' ? '12' : '5'">
<div style="text-align: right">
<div class="tp">
<span class="price_color">
- {{ item.nowPrice | _toLocaleString(false) }}
+ {{ item.nowPrice }}
</span>
</div>
<div class="bt" v-if="active != 'DZ'">
@@ -105,7 +110,7 @@
</div>
</div>
</van-col>
- <van-col span="6" v-if="!['DZ', 'HJ'].includes(active)">
+ <van-col span="6" v-if="!['DZ'].includes(active)">
<div style="text-align: right">
<div
class="tp right_bs"
@@ -115,17 +120,38 @@
</div>
</div>
</van-col>
+ <van-col span="6" v-if="active == 'DZ'">
+ <div>
+ <div style="text-align: center">
+ {{ $t("差价") }}{{ Math.abs(item.priceSpread) }}
+ </div>
+ <van-circle
+ v-model="currentRate"
+ :rate="Math.abs(item.priceSpreadPercentum)"
+ :speed="100"
+ :text="textCircle"
+ layer-color="#ebedf0"
+ color="#ee0a24"
+ />
+ </div>
+ </van-col>
</van-row>
<div class="box-a" v-if="active == 'DZ'">
<div class="box_a_left">
- {{ $t("kpsj") }}：{{
- $moment(item.startTime).format("DD-MM-YYYY hh:mm:ss A")
- }}
+ <div class="box_a_left-t">
+ {{ $t("gbsj") }}
+ </div>
+ <div class="box_a_left-b">
+ {{ $moment(item.endTime).format("DD-MM-YYYY") }}
+ </div>
</div>
<div class="box_a_right">
- {{ $t("gbsj") }}：{{
+ <!-- {{ $t("gbsj") }}：{{
$moment(item.endTime).format("DD-MM-YYYY hh:mm:ss A")
- }}
+ }} -->
+ <van-tag type="danger" size="large"
+ >{{ $t("申请竞拍") }}
+ </van-tag>
</div>
</div>
</div>
@@ -201,16 +227,22 @@
orderBy: "",
refreshing: false,
actions: [
- { text: "ترتيب", zh: "升序", val: "asc" },
- { text: "التخفيض", zh: "降序", val: "desc" },
- { text: "طبيعي", zh: "正常", val: "" }
- ]
+ { text: this.$t("升序"), zh: "升序", val: "asc" },
+ { text: this.$t("降序"), zh: "降序", val: "desc" },
+ { text: this.$t("正常"), zh: "正常", val: "" }
+ ],
+ currentRate: 0
};
},
beforeDestroy() {
if (this.Trade) {
this.Trade.close();
console.log("WebSocket disconnected");
+ }
+ },
+ computed: {
+ textCircle() {
+ return `${this.currentRate.toFixed(0)}%` + this.$t("溢价率");
}
},
mounted() {
@@ -306,17 +338,29 @@
data.data.list = Object.entries(data.data).map(([name, nowPrice]) => {
let nowPriceArr = Object.entries(nowPrice);
+ let nowPriceObj = {};
+ nowPriceArr.map(item => {
+ if (name === item[0]) {
+ nowPriceObj.st_name = item[0];
+ nowPriceObj.nowPrice = item[1];
+ }
+ nowPriceObj = {
+ ...nowPriceObj,
+ [item[0]]: item[1]
+ };
+ });
return {
name,
- st_name: nowPriceArr[0][0],
- nowPrice: nowPriceArr[0][1],
- stock_type: "HJ"
+ stock_type: "HJ",
+ ...nowPriceObj
};
});
} else {
//大宗
opt.stockType = "";
data = await api.stockgetDzList(opt);
+ this.loadings = false;
+ this.finished = true;
}
} else {
// 自选
@@ -413,6 +457,7 @@
.box-a {
display: flex;
justify-content: space-between;
+ align-items: center;
font-size: 14px;
margin-top: 10px;
}
@@ -482,4 +527,18 @@
text-align: left;
color: #14181f;
}
+
+.box_a_left-t {
+ background: #ee0a24;
+ color: #fff;
+ padding: 0.1rem 0.3rem;
+ border-radius: 0.2rem 0.2rem 0 0;
+}
+.box_a_left-b {
+ background: #fff;
+ color: #ee0a24;
+ padding: 0.1rem 0.3rem;
+ border-radius: 0 0 0.2rem 0.2rem;
+ border: 1px #ee0a24 solid;
+}
</style>
--
Gitblit v1.9.3