From 6ae727d83d6e42428711fa2337528679aae239eb Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 24 Apr 2025 17:17:05 +0800
Subject: [PATCH] feat
---
src/page/list/tradingList/data.list.vue | 52 ++++++++++++++++++++++++++++++++++++----------------
1 files changed, 36 insertions(+), 16 deletions(-)
diff --git a/src/page/list/tradingList/data.list.vue b/src/page/list/tradingList/data.list.vue
index e0e5f29..8aadde9 100644
--- a/src/page/list/tradingList/data.list.vue
+++ b/src/page/list/tradingList/data.list.vue
@@ -22,6 +22,19 @@
{{ $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
@@ -46,7 +59,7 @@
:key="item.indexCode"
>
<van-row type="flex" align="center" gutter="20">
- <van-col span="8">
+ <van-col span="8" style="padding-right: 0 !important;">
<div>
<div class="tp">
<div class="collection" @click="optionszx(item)">
@@ -58,13 +71,14 @@
<div
class="title_color"
style="
+ font-size: 14px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
"
>
- {{ item.st_name || item.stockName }}
+ {{ item.name || item.stockName }}
</div>
</div>
<div class="bt">
@@ -95,7 +109,7 @@
<div style="text-align: right">
<div
class="tp right_bs"
- :class="`${item.hcrateP.charAt(0) == '+' ? 'green' : 'red'}`"
+ :class="`${item.hcrate > 0 ? 'green' : 'red'}`"
>
<span class="price_color">{{ item.hcrateP }}</span>
</div>
@@ -177,13 +191,20 @@
},
data() {
return {
+ showPopover: false,
loadings: false,
finished: false,
listArr: [],
pageNumVal: 1,
getInterval: null,
num: 1,
- refreshing: false
+ orderBy: '',
+ refreshing: false,
+ actions:[
+ { text: 'ترتيب', zh: '升序', val: 'asc' },
+ { text: 'التخفيض',zh:'降序' , val: 'desc'},
+ { text: 'طبيعي' ,zh: '正常', val: ''},
+ ]
};
},
beforeDestroy() {
@@ -202,6 +223,10 @@
// }, 5000);
},
methods: {
+ onSelect(action) {
+ this.orderBy = (action.val);
+ this.getStock(this.active, this.zxactive, 1);
+ },
filterSH(val) {
if (val === "sh") {
return 1;
@@ -221,8 +246,7 @@
// 点击进入详情
const obj = {
pid: item.code || "",
- type: item.stock_type || "",
- name: item.name || ""
+ type: item.stock_type || ""
};
window.localStorage.setItem("kLine", JSON.stringify(obj));
// return;
@@ -231,7 +255,6 @@
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: {
@@ -266,7 +289,7 @@
stockPlate: "",
keyWords: this.sousuo,
stockType: stockType,
- orderBy: ""
+ orderBy: this.orderBy
};
// console.log();
@@ -280,15 +303,13 @@
} else if (a == "HJ") {
data = await api.getGoldCrudeOil();
- data.data.list = Object.entries(data.data).map(([name, nowPrice]) => {
- let nowPriceArr = Object.entries(nowPrice);
- return {
+ data.data.list = Object.entries(data.data).map(
+ ([name, nowPrice]) => ({
name,
- st_name: nowPriceArr[0][0],
- nowPrice: nowPriceArr[0][1],
+ nowPrice,
stock_type: "HJ"
- };
- });
+ })
+ );
} else {
//大宗
opt.stockType = "";
@@ -315,7 +336,6 @@
this.listArr = data.data.list;
this.loadings = false;
// this.finished = true;
- console.log("listArr", this.listArr);
if (this.listArr.length % 20) {
this.finished = true;
}
--
Gitblit v1.9.3