From 3b48af5273f2145e9fe2b8c3dfb9c7fef8b5cca2 Mon Sep 17 00:00:00 2001
From: wylyl22 <2373073266@qq.com>
Date: Fri, 8 Jul 2022 08:29:24 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E5=A1=91=E6=8E=92=E8=A1=8C=E6=A6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/c-echars/index.js           |   3 +
 pages/index/Rankdetail/Rankdetail.js   |   7 +-
 pages/index/Rankdetail/Rankdetail.wxml | 119 ++++++++++++++++++++++---
 3 files changed, 117 insertions(+), 12 deletions(-)

diff --git a/components/c-echars/index.js b/components/c-echars/index.js
index 2f76ffe..7fd4762 100644
--- a/components/c-echars/index.js
+++ b/components/c-echars/index.js
@@ -63,3 +63,6 @@ Component({
     }
   }
 })
+
+
+
diff --git a/pages/index/Rankdetail/Rankdetail.js b/pages/index/Rankdetail/Rankdetail.js
index 534f593..8ab2ee7 100644
--- a/pages/index/Rankdetail/Rankdetail.js
+++ b/pages/index/Rankdetail/Rankdetail.js
@@ -1,10 +1,13 @@
 // pages/index/Rankdetail/Rankdetail.js
-  Page({
+
+
+
+Page({
       /**
        * 页面的初始数据
        */
       data: {
-      
+       
           sortOpt: [
               {
                   text: '列表展示',
diff --git a/pages/index/Rankdetail/Rankdetail.wxml b/pages/index/Rankdetail/Rankdetail.wxml
index 6fa64dc..716e399 100644
--- a/pages/index/Rankdetail/Rankdetail.wxml
+++ b/pages/index/Rankdetail/Rankdetail.wxml
@@ -1,7 +1,109 @@
 <!--pages/index/Rankdetail/Rankdetail.wxml-->
+
 <view class="screen">
+    <van-tabs active="{{ active }}" bind:change="onChange">
+        <van-tab title="品牌">
+            <view class="list_event" wx:if="{{item.value1===1}}">
+                <view class="text">销量排行榜</view>
+                <chart-display></chart-display>
+            </view>
+            <view class="list_event" wx:else>
+                <view class="text">销量排行榜</view>
+                <view class="ranking">
+                    <view class="title">排名</view>
+                    <view class="title">品牌名称</view>
+                    <view class="title2">销量</view>
+                </view>
+                <view class="ranks" wx:for="{{ranking}}" wx:key="index" data-ranking='{{item}}'>
+                    <view style="display: flex;">
+                        <view class="dis_image">
+                            <image class="rank_num" wx:if="{{index === 0}}" src="/images/img_diyi.png"></image>
+                            <image class="rank_num" wx:if="{{index === 1}}" src="/images/img_dier.png"></image>
+                            <image class="rank_num" wx:if="{{index === 2}}" src="/images/img_disan.png"></image>
+                            <view class="num" wx:if="{{index !== 0 &&index !== 1 &&index !== 2 }}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
+                        </view>
+                        <view class="medias">
+                            <view style="display: flex;">
+                                <view class="media_text">{{item.media}}</view>
+                                <view>
+                                    <view wx:if="{{item.energy==='新能源'}}" class="energy">{{item.energy}}</view>
+                                    <view wx:if="{{item.energy==='汽油'}}" class="energy1">{{item.energy}}</view>
+                                    <view wx:if="{{item.energy==='柴油'}}" class="energy2">{{item.energy}}</view>
+                                    <view wx:if="{{item.energy==='油电混合'}}" class="energy3">{{item.energy}}</view>
+                                    <view wx:if="{{item.energy==='轻混系统'}}" class="energy4">{{item.energy}}</view>
+                                </view>
+                            </view>
+                            <view class="price">{{item.num}}</view>
+                        </view>
+                        <view style="width: 30%;">
+                            <view class="volume">{{item.volume}}</view>
+                            <view class="trend" bindtap="onclick">
+                                <van-icon size="16px" name="arrow" />
+                                <view>销量趋势</view>
+                            </view>
 
-    <van-dropdown-menu active-color="#027AFF">
+                            <van-popup show="{{ show }}" position="bottom" custom-style="height: 638rpx;" bind:close="onClose" close-icon="close" close-icon-position="top-left">
+                                <view>
+                                    <view> 销量趋势</view>
+                                </view>
+                            </van-popup>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </van-tab>
+        <van-tab title="车型">
+            <view class="list_event" wx:if="{{item.value1===1}}">
+                <view class="text">销量排行榜</view>
+                <chart-display></chart-display>
+            </view>
+            <view class="list_event" wx:else>
+                <view class="text">销量排行榜</view>
+                <view class="ranking">
+                    <view class="title">排名</view>
+                    <view class="title">品牌名称</view>
+                    <view class="title2">销量</view>
+                </view>
+                <view class="ranks" wx:for="{{ranking}}" wx:key="index" data-ranking='{{item}}'>
+                    <view style="display: flex;">
+                        <view class="dis_image">
+                            <image class="rank_num" wx:if="{{index === 0}}" src="/images/img_diyi.png"></image>
+                            <image class="rank_num" wx:if="{{index === 1}}" src="/images/img_dier.png"></image>
+                            <image class="rank_num" wx:if="{{index === 2}}" src="/images/img_disan.png"></image>
+                            <view class="num" wx:if="{{index !== 0 &&index !== 1 &&index !== 2 }}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
+                        </view>
+                        <view class="medias">
+                            <view style="display: flex;">
+                                <view class="media_text">{{item.media}}</view>
+                                <view>
+                                    <view wx:if="{{item.energy==='新能源'}}" class="energy">{{item.energy}}</view>
+                                    <view wx:if="{{item.energy==='汽油'}}" class="energy1">{{item.energy}}</view>
+                                    <view wx:if="{{item.energy==='柴油'}}" class="energy2">{{item.energy}}</view>
+                                    <view wx:if="{{item.energy==='油电混合'}}" class="energy3">{{item.energy}}</view>
+                                    <view wx:if="{{item.energy==='轻混系统'}}" class="energy4">{{item.energy}}</view>
+                                </view>
+                            </view>
+                            <view class="price">{{item.num}}</view>
+                        </view>
+                        <view style="width: 30%;">
+                            <view class="volume">{{item.volume}}</view>
+                            <view class="trend" bindtap="onclick">
+                                <van-icon size="16px" name="arrow" />
+                                <view>销量趋势</view>
+                            </view>
+                            <van-popup show="{{ show }}" position="bottom" custom-style="height: 638rpx;" bind:close="onClose" close-icon="close" close-icon-position="top-left">
+                                <view>
+                                    <view> 销量趋势</view>
+                                </view>
+                            </van-popup>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </van-tab>
+
+    </van-tabs>
+    <!-- <van-dropdown-menu active-color="#027AFF">
         <van-dropdown-item id="priceOpt" value="{{ value }}" title="2022年05月">
             <view class="condition">
                 <view wx:for="{{priceOpt}}" wx:key="index" class="{{index === priceSelected?'active':''}}" data-index="{{index}}" bindtap="priceSel">{{item}}</view>
@@ -9,7 +111,7 @@
         </van-dropdown-item>
         <van-dropdown-item value="{{ value1 }}" options="{{ sortOpt }}" title="列表展示" bind:change="dropdownSel" />
         <van-dropdown-item value="{{ value2 }}" options="{{ typeOpt }}" title="品牌">
-            <scroll-view style="height: clac(100vh-{{navHight}}px); " scroll-y bindscroll="onPageScroll" enhanced="true" scroll-into-view="contain">
+            <scroll-view >
                 <van-index-bar>
                     <view>
                         <van-index-anchor index="A" />
@@ -24,8 +126,6 @@
                         <van-cell title="文本" />
                     </view>
                 </van-index-bar>
-
-
             </scroll-view>
         </van-dropdown-item>
         <van-dropdown-item value="{{ value3 }}" options="{{ complexOpt }}" title="车型" />
@@ -35,9 +135,9 @@
         <van-dropdown-item value="{{ value4 }}" options="{{ level }}" title="按级别" bind:change="dropdownSel" />
         <van-dropdown-item value="{{ value5 }}" options="{{ Price }}" title="按价格" />
         <van-dropdown-item value="{{ value6 }}" options="{{ energy }}" title="按能源" />
-    </van-dropdown-menu>
+    </van-dropdown-menu> -->
 </view>
-<view class="list_event" wx:if="{{item.value1===1}}">
+<!-- <view class="list_event" wx:if="{{item.value1===1}}">
     <view class="text">销量排行榜</view>
     <chart-display></chart-display>
 </view>
@@ -87,15 +187,14 @@
 
         </view>
     </view>
-</view>
+</view> -->
 <!-- </view> -->
-
 <van-popup show="{{ show }}" bind:close="onClose" position="bottom" closeable round close-icon-position="top-right" close-icon="cross" custom-style="height: 638rpx">
     <view class="popContent">
         <view class="popContent-text">销量趋势 </view>
-        <view class="popContent-title" >宏光MINIEV销量趋势</view>
+        <view class="popContent-title">宏光MINIEV销量趋势</view>
         <view class="popContent-echars">
-            <c-echars showChart="{{showChart}}" canvasId="rankbar-canvas" chartId="rankbar" chartOption="{{positiveOption}}" width="100%" height="100%"></c-echars>
+            <c-echars showChart="{{showChart}}" canvasId="rankbar-canvas" chartId="rankbar" chartOption="{{positiveOption}}" width="20%" height="100%"></c-echars>
         </view>
     </view>
 </van-popup>
\ No newline at end of file