You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
8.2 KiB
122 lines
8.2 KiB
<!--pages/index/Salesranking/Salesranking.wxml-->
|
|
<van-tabs class="menu-tabs" active="{{ active }}" bind:change="onChange">
|
|
<van-tab title="车型">
|
|
<view class="vehicletype" wx:if="{{active === 0}}">
|
|
<!-- <scroll-view scroll-x="{{true}}" style="white-space: nowrap; width: 100%;background: #ffffff;"> -->
|
|
<view style="display: flex;justify-content:space-around;background-color: #fff;">
|
|
<view class="top" bindtap="all">
|
|
<view class="box_title">
|
|
<view class="{{boxSize}}">全部</view>
|
|
</view>
|
|
</view>
|
|
<view class="top">
|
|
<!-- <view class="box_title"> -->
|
|
<van-dropdown-menu custom-class="dropdown-menu1" >
|
|
<van-dropdown-item title="{{currentDate}}">
|
|
<view style="margin: 24rpx">
|
|
<view class="filter">
|
|
<view wx:for="{{dateList}}" wx:key="index">
|
|
<view data-value="{{item}}" wx-if="{{currentDate == item}}" class="more-item-active" style="width: 200rpx" bindtap="changeDate">{{item}}</view>
|
|
<view data-value="{{item}}" wx-if="{{currentDate != item}}" class="more-item" style="width: 200rpx" bindtap="changeDate">{{item}}</view>
|
|
</view>
|
|
<view>
|
|
<view data-value="past3" wx-if="{{currentDate == '近3个月'}}" class="more-item-active" style="width: 200rpx" bindtap="changePast">近3个月</view>
|
|
<view data-value="past3" wx-if="{{currentDate != '近3个月'}}" class="more-item" style="width: 200rpx" bindtap="changePast">近3个月</view>
|
|
</view>
|
|
<view>
|
|
<view data-value="past6" wx-if="{{currentDate == '近6个月'}}" class="more-item-active" style="width: 200rpx" bindtap="changePast">近6个月</view>
|
|
<view data-value="past6" wx-if="{{currentDate != '近6个月'}}" class="more-item" style="width: 200rpx" bindtap="changePast">近6个月</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</van-dropdown-item>
|
|
</van-dropdown-menu>
|
|
<!-- </view> -->
|
|
</view>
|
|
</view>
|
|
<!-- </scroll-view> -->
|
|
<view style="height: 60rpx;margin-top: 10px;">
|
|
<van-dropdown-menu custom-class="dropdown-menu" active-color="#027AFF;">
|
|
<van-dropdown-item id="menuitem1" title="{{nengtitle1}}">
|
|
<van-tree-select items="{{ grades1 }}" main-active-index="{{ mainActiveIndex2 }}" active-id="{{ activeId2 }}" bind:click-nav="onClickNav2" bind:click-item="onClickItem2" />
|
|
</van-dropdown-item>
|
|
<van-dropdown-item value="{{ grade_value2 }}" options="{{ grades2 }}" bind:change="mySelect2" title="{{nengtitle2}}" />
|
|
<van-dropdown-item id="menuitem2" title="{{nengtitle3}}">
|
|
<van-tree-select items="{{ grades3 }}" main-active-index="{{ mainActiveIndex }}" active-id="{{ activeId }}" bind:click-nav="onClickNav" bind:click-item="onClickItem" />
|
|
</van-dropdown-item>
|
|
<van-dropdown-item value="{{ grade_value4 }}" options="{{ grades4 }}" bind:change="mySelect4" />
|
|
</van-dropdown-menu>
|
|
</view>
|
|
<view class="list">
|
|
<view class="list_event" wx:if="{{a}}">
|
|
<view class="text">销量排行榜</view>
|
|
<view style=" height: 1000rpx;">
|
|
<c-echars showChart="{{showChart}}" canvasId="chart-canvas" chartId="chartbar" chartOption="{{brandOption}}" height="100%"></c-echars>
|
|
</view>
|
|
</view>
|
|
<view class="list_event" wx:else>
|
|
<view class="text">销量排行榜</view>
|
|
<view class="ranking">
|
|
<view class="ptitle">排名</view>
|
|
<view class="ptitle">品牌名称</view>
|
|
<view class="xtitle2">销量</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="{{imageUrl}}/img_diyi.png"></image>
|
|
<image class="rank_num" wx:if="{{index === 1}}" src="{{imageUrl}}/img_dier.png"></image>
|
|
<image class="rank_num" wx:if="{{index === 2}}" src="{{imageUrl}}/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.seriesname}}</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.price}}万</view>
|
|
</view>
|
|
<view style="width: 30%;">
|
|
<view class="volume">{{item.salescount}}</view>
|
|
<view class="trend" data-car="{{item.seriesname}}" bindtap="popup" data-position="bottom">
|
|
<van-icon size="16px" name="arrow" />
|
|
<view>销量趋势</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- <view style="background-color: blanchedalmond; align-items: center;">
|
|
<van-buttom bindtap="a">点击加载</van-buttom>
|
|
</view> -->
|
|
<view class="loading" hidden="{{!loadMore}}">正在载入更多...</view>
|
|
<view class="loading" hidden="{{!loadAll}}" wx:if="{{iPageIndex>1}}">已加载全部</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</van-tab>
|
|
<van-tab title="品牌">
|
|
<Brand-ranking wx:if="{{active === 1}}"></Brand-ranking>
|
|
</van-tab>
|
|
</van-tabs>
|
|
|
|
<page-container bind:clickoverlay="onClose" show="{{ show }}" position="bottom" custom-style="height: 40%;" bind:close="onClose" lock-scroll="{{false}}">
|
|
<view class="detail-page">
|
|
<view style="display: flex;">
|
|
<view class="qushi">销量趋势</view>
|
|
<view class="tubiao" bindtap="exit">
|
|
<van-icon name="cross" />
|
|
</view>
|
|
</view>
|
|
<view class="pinlai">{{models}}销量趋势</view>
|
|
<view class="brand_tu">
|
|
<c-echars wx:if="{{ show }}" flocShow="{{false}} " showChart="{{showChart}}" canvasId="tonalitybar-canvas" chartId="tonalitybar" chartOption="{{positiveOption}}" width="100%" height='100%'></c-echars>
|
|
</view>
|
|
</view>
|
|
</page-container> |