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
7.4 KiB
122 lines
7.4 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">
|
|
<picker mode="date" header-text="选择时间" fields="month" value="{{date}}" bindchange="bindDateChange">
|
|
<view class="{{boxSize1}}">
|
|
<!-- <text class="color3">填报时间：</text> -->
|
|
<text>{{date}}</text>
|
|
<text class="timeIcon">▼</text>
|
|
</view>
|
|
</picker>
|
|
</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 value="{{ grade_value1 }}" options="{{ grades1 }}" bind:change="mySelect1" title="全部级别" >
|
|
</van-dropdown-item> -->
|
|
<van-dropdown-item title="全部级别">
|
|
<view style="display: flex;">
|
|
<view style="width: 40%;">
|
|
<view wx:for="{{grades1}}" wx:for-item="item" wx:key="index" style="height: 40px;line-height: 40px;margin: 0 20rpx;">
|
|
<view bindtap="mySelect1" data-index='{{item}}'>{{item.value}}</view>
|
|
</view>
|
|
</view>
|
|
<view style="width: 60%;" wx:if="{{show1}}">
|
|
<view wx:for="{{grades1}}" wx:for-item="item" wx:key="index" class="jb-item">
|
|
<view bindtap="datalist" wx:for="{{item.data}}" wx:key="index" wx:for-item="it" data-index='{{it}}'>{{it.value}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</van-dropdown-item>
|
|
<van-dropdown-item value="{{ grade_value2 }}" options="{{ grades2 }}" bind:change="mySelect2" title="全部价格" />
|
|
<van-dropdown-item value="{{ grade_value3 }}" options="{{ grades3}}" bind:change="mySelect3" title="全部能源" />
|
|
<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}}">已加载全部</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</van-tab>
|
|
<van-tab title="品牌">
|
|
<Brand-ranking wx:if="{{active === 1}}"></Brand-ranking>
|
|
</van-tab>
|
|
</van-tabs>
|
|
|
|
<page-container 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> |