hmy_farmer-main
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
陶杰
2024-12-23 d39644872fa6f9499fc2c1651bced631a9e96b19 
 pages/home/components/home-price.vue


@@ -1,76 +1,100 @@


<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="item flex1" v-if="list1[0]&&list1[0].id">


               <view class="title">{{list1[0]&&list1[0].name||''}}</view>


               <view class="price">


                  {{list1[0]&&list1[0].avePrice||'-'}}


                  {{list1[0]&&list1[0].avePrice||'0'}}


               </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 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="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">


                  {{list1[1]&&list1[1].avePrice||'-'}}


                  {{list1[1]&&list1[1].avePrice||'0'}}


               </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 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="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">


                  {{list1[2]&&list1[2].avePrice||'-'}}


                  {{list1[2]&&list1[2].avePrice||'0'}}


               </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 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;" v-if="list2.length>0">


            <view class="item flex1">


               <view class="title">{{list2[0]&&list2[0].name||''}}</view>


            <view class="item flex1" v-if="list2[0]&&list2[0].id">


               <view class="title">{{list2[0]&&list2[0].name||'0'}}</view>


               <view class="price">


                  {{list2[0]&&list2[0].avePrice||'-'}}


                  {{list2[0]&&list2[0].avePrice||'0'}}


               </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 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="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">


                  {{list2[1]&&list2[1].avePrice||'-'}}


                  {{list2[1]&&list2[1].avePrice||'0'}}


               </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 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="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">


                  {{list2[2]&&list2[2].avePrice||'-'}}


                  {{list2[2]&&list2[2].avePrice||'0'}}


               </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 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>


@@ -85,14 +109,17 @@


         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,


            params:{


               size: 6,


            }


         })


         var list = data && data.records || []


         this.list1 = []


@@ -103,7 +130,7 @@


         for (var i = 3; i < list.length && i < 6; i++) {


            this.list2.push(list[i])


         }


			




      }


   }


</script>