From 2d5090c2b215a5ea7e489d4b50fbf30aae569324 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期五, 26 七月 2024 15:03:01 +0800
Subject: [PATCH] fix bug 接口对接和样式调整
---
pages/home/components/home-price.vue | 93 +++++++++++++++++++++++++++-------------------
1 files changed, 54 insertions(+), 39 deletions(-)
diff --git a/pages/home/components/home-price.vue b/pages/home/components/home-price.vue
index 4065062..04bd06e 100644
--- a/pages/home/components/home-price.vue
+++ b/pages/home/components/home-price.vue
@@ -1,84 +1,80 @@
<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>2024-06-03 09:20:19 花满芫成交均价</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="title">{{list1[0]&&list1[0].name||''}}</view>
<view class="price">
- 19.66
+ {{list1[0]&&list1[0].avePrice||'-'}}
</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||''}}</view>
+ <view class="m-l-a m-r-a text-right">{{list1[0]&&list1[0].avePriceDifferenceRate<0?'-':'+'}}{{list1[0]&&list1[0].avePriceDifferenceRate*100||''}}%</view>
</view>
</view>
<view class="line"></view>
<view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="title">{{list1[1]&&list1[1].name||''}}</view>
<view class="price">
- 19.66
-
+ {{list1[1]&&list1[1].avePrice||'-'}}
</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||''}}</view>
+ <view class="m-l-a m-r-a text-right">{{list1[1]&&list1[1].avePriceDifferenceRate<0?'-':'+'}}{{list1[1]&&list1[1].avePriceDifferenceRate*100||''}}%</view>
</view>
</view>
<view class="line"></view>
-
<view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="title">{{list1[2]&&list1[2].name||''}}</view>
<view class="price">
- 19.66
+ {{list1[2]&&list1[2].avePrice||'-'}}
</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||''}}</view>
+ <view class="m-l-a m-r-a text-right">{{list1[2]&&list1[2].avePriceDifferenceRate<0?'-':'+'}}{{list1[2]&&list1[2].avePriceDifferenceRate*100||''}}%</view>
</view>
</view>
</view>
<!-- <u-divider></u-divider> -->
- <view class="flex" style="padding-top: 24rpx;">
+ <view class="flex" style="padding-top: 24rpx;" v-if="list2.length>0">
<view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="title">{{list2[0]&&list2[0].name||''}}</view>
<view class="price">
- 19.66
+ {{list2[0]&&list2[0].avePrice||'-'}}
</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||''}}</view>
+ <view class="m-l-a m-r-a text-right">{{list2[0]&&list2[0].avePriceDifferenceRate<0?'-':'+'}}{{list2[0]&&list2[0].avePriceDifferenceRate*100||''}}%</view>
</view>
</view>
<view class="line"></view>
<view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="title">{{list2[1]&&list2[1].name||''}}</view>
<view class="price">
- 19.66
-
+ {{list2[1]&&list2[1].avePrice||'-'}}
</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||''}}</view>
+ <view class="m-l-a m-r-a text-right">{{list2[1]&&list2[1].avePriceDifferenceRate<0?'-':'+'}}{{list2[1]&&list2[1].avePriceDifferenceRate*100||''}}%</view>
</view>
</view>
<view class="line"></view>
-
<view class="item flex1">
- <view class="title">单头玫瑰</view>
+ <view class="title">{{list2[2]&&list2[2].name||''}}</view>
<view class="price">
- 19.66
+ {{list2[2]&&list2[2].avePrice||'-'}}
</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||''}}</view>
+ <view class="m-l-a m-r-a text-right">{{list2[2]&&list2[2].avePriceDifferenceRate<0?'-':'+'}}{{list2[2]&&list2[2].avePriceDifferenceRate*100||''}}%</view>
</view>
</view>
</view>
-
+
</view>
</view>
</template>
@@ -87,8 +83,27 @@
export default {
data() {
return {
-
+ list1: [],
+ list2: [],
};
+ },
+ async mounted() {
+
+ 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>
--
Gitblit v1.9.3