From 17bb1250f2120415e5fc9f47fe50b60f72b47a07 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期日, 04 八月 2024 12:50:01 +0800
Subject: [PATCH] update 优化搜索事件
---
pages/home/components/home-price.vue | 139 ++++++++++++++++++++++++++++++----------------
1 files changed, 90 insertions(+), 49 deletions(-)
diff --git a/pages/home/components/home-price.vue b/pages/home/components/home-price.vue
index 4065062..22f26e8 100644
--- a/pages/home/components/home-price.vue
+++ b/pages/home/components/home-price.vue
@@ -1,84 +1,104 @@
<template>
<view class="home-price">
<view class="flex t1">
- <view>2024-06-03 09:20:19 花满芜成交均价</view>
- <uni-icons class="m-l-a m-r-0" type="right"></uni-icons>
+ <view>{{today}} 花满芫成交均价</view>
+ <!-- <uni-icons class="m-l-a m-r-0" type="right"></uni-icons>-->
</view>
<view class="items" style="border-top: 2rpx solid #EEEEEE;">
<view class="flex" style="border-bottom: 2rpx solid #EEEEEE;padding-top: 24rpx;">
- <view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="item flex1" v-if="list1[0]&&list1[0].id">
+ <view class="title">{{list1[0]&&list1[0].name||''}}</view>
<view class="price">
- 19.66
+ {{list1[0]&&list1[0].avePrice||'0'}}
</view>
- <view class="flex desc">
- <view class="m-l-a m-r-a">+0.76</view>
- <view class="m-l-a m-r-a text-right">+4.02%</view>
+ <view class="flex desc" v-if="list1[0]">
+ <view class="m-l-a m-r-a">
+ {{list1[0]&&list1[0].avePriceDifference<0?'':'+'}}{{list1[0]&&list1[0].avePriceDifference||'0'}}
+ </view>
+ <view class="m-l-a m-r-a text-right">
+ {{list1[0]&&list1[0].avePriceDifferenceRate<0?'':'+'}}{{list1[0]&&list1[0].avePriceDifferenceRate*100||'0'}}%
+ </view>
</view>
</view>
- <view class="line"></view>
- <view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="line" v-if="list1[1]&&list1[1].id"></view>
+ <view class="item flex1" v-if="list1[1]&&list1[1].id">
+ <view class="title">{{list1[1]&&list1[1].name||''}}</view>
<view class="price">
- 19.66
-
+ {{list1[1]&&list1[1].avePrice||'0'}}
</view>
- <view class="flex desc">
- <view class="m-l-a m-r-a">+0.76</view>
- <view class="m-l-a m-r-a text-right">+4.02%</view>
+ <view class="flex desc" v-if="list1[1]">
+ <view class="m-l-a m-r-a">
+ {{list1[1]&&list1[1].avePriceDifference<0?'':'+'}}{{list1[1]&&list1[1].avePriceDifference||'0'}}
+ </view>
+ <view class="m-l-a m-r-a text-right">
+ {{list1[1]&&list1[1].avePriceDifferenceRate<0?'':'+'}}{{list1[1]&&list1[1].avePriceDifferenceRate*100||'0'}}%
+ </view>
</view>
</view>
- <view class="line"></view>
-
- <view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="line" v-if="list1[2]&&list1[2].id"></view>
+ <view class="item flex1" v-if="list1[2]&&list1[2].id">
+ <view class="title">{{list1[2]&&list1[2].name||''}}</view>
<view class="price">
- 19.66
+ {{list1[2]&&list1[2].avePrice||'0'}}
</view>
- <view class="flex desc">
- <view class="m-l-a m-r-a">+0.76</view>
- <view class="m-l-a m-r-a text-right">+4.02%</view>
+ <view class="flex desc" v-if="list1[2]">
+ <view class="m-l-a m-r-a">
+ {{list1[2]&&list1[2].avePriceDifference<0?'':'+'}}{{list1[2]&&list1[2].avePriceDifference||'0'}}
+ </view>
+ <view class="m-l-a m-r-a text-right">
+ {{list1[2]&&list1[2].avePriceDifferenceRate<0?'':'+'}}{{list1[2]&&list1[2].avePriceDifferenceRate*100||'0'}}%
+ </view>
</view>
</view>
</view>
<!-- <u-divider></u-divider> -->
- <view class="flex" style="padding-top: 24rpx;">
- <view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="flex" style="padding-top: 24rpx;" v-if="list2.length>0">
+ <view class="item flex1" v-if="list2[0]&&list2[0].id">
+ <view class="title">{{list2[0]&&list2[0].name||'0'}}</view>
<view class="price">
- 19.66
+ {{list2[0]&&list2[0].avePrice||'0'}}
</view>
- <view class="flex desc">
- <view class="m-l-a m-r-a">+0.76</view>
- <view class="m-l-a m-r-a text-right">+4.02%</view>
+ <view class="flex desc" v-if="list2[0]">
+ <view class="m-l-a m-r-a">
+ {{list2[0]&&list2[0].avePriceDifference<0?'':'+'}}{{list2[0]&&list2[0].avePriceDifference||'0'}}
+ </view>
+ <view class="m-l-a m-r-a text-right">
+ {{list2[0]&&list2[0].avePriceDifferenceRate<0?'':'+'}}{{list2[0]&&list2[0].avePriceDifferenceRate*100||'0'}}%
+ </view>
</view>
</view>
- <view class="line"></view>
- <view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="line" v-if="list2[1]&&list2[1].id"></view>
+ <view class="item flex1" v-if="list2[1]&&list2[1].id">
+ <view class="title">{{list2[1]&&list2[1].name||''}}</view>
<view class="price">
- 19.66
-
+ {{list2[1]&&list2[1].avePrice||'0'}}
</view>
- <view class="flex desc">
- <view class="m-l-a m-r-a">+0.76</view>
- <view class="m-l-a m-r-a text-right">+4.02%</view>
+ <view class="flex desc" v-if="list2[1]">
+ <view class="m-l-a m-r-a">
+ {{list2[1]&&list2[1].avePriceDifference<0?'':'+'}}{{list2[1]&&list2[1].avePriceDifference||'0'}}
+ </view>
+ <view class="m-l-a m-r-a text-right">
+ {{list2[1]&&list2[1].avePriceDifferenceRate<0?'':'+'}}{{list2[1]&&list2[1].avePriceDifferenceRate*100||'0'}}%
+ </view>
</view>
</view>
- <view class="line"></view>
-
- <view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="line" v-if="list2[2]&&list2[2].id"></view>
+ <view class="item flex1" v-if="list2[2]&&list2[2].id">
+ <view class="title">{{list2[2]&&list2[2].name||''}}</view>
<view class="price">
- 19.66
+ {{list2[2]&&list2[2].avePrice||'0'}}
</view>
- <view class="flex desc">
- <view class="m-l-a m-r-a">+0.76</view>
- <view class="m-l-a m-r-a text-right">+4.02%</view>
+ <view class="flex desc" v-if="list2[2]">
+ <view class="m-l-a m-r-a">
+ {{list2[2]&&list2[2].avePriceDifference<0?'':'+'}}{{list2[2]&&list2[2].avePriceDifference||'0'}}
+ </view>
+ <view class="m-l-a m-r-a text-right">
+ {{list2[2]&&list2[2].avePriceDifferenceRate<0?'':'+'}}{{list2[2]&&list2[2].avePriceDifferenceRate*100||'0'}}%
+ </view>
</view>
</view>
</view>
-
+
</view>
</view>
</template>
@@ -87,8 +107,28 @@
export default {
data() {
return {
-
+ list1: [],
+ list2: [],
+ today: ''
};
+ },
+ async mounted() {
+ this.today = this.$util.toDateSec(new Date())
+ const {
+ data
+ } = await this.$http.request('get', '/api/pub/customer/home/category/price/ave', {
+ size: 6,
+ })
+ var list = data && data.records || []
+ this.list1 = []
+ this.list2 = []
+ for (var i = 0; i < list.length && i < 3; i++) {
+ this.list1.push(list[i])
+ }
+ for (var i = 3; i < list.length && i < 6; i++) {
+ this.list2.push(list[i])
+ }
+
}
}
</script>
@@ -125,6 +165,7 @@
color: #BF0000;
line-height: 44rpx;
text-align: center;
+ margin-top: 8rpx;
}
.desc {
--
Gitblit v1.9.3