sws
/
carInsightSystem_wxapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
dev
liuyongli 3 years ago
parent fda21127f2
commit 5b31842fd6
6 changed files with 133 additions and 91 deletions
Show Stats Download Patch File Download Diff File

62
pages/index/Brandsales/Brandsales.wxml
Unescape View File

@ -1,55 +1,41 @@
<view class="list_event">
<view style="padding: 32rpx;">
<view class="text">
<!-- <van-cell title="展示弹出层" is-link bind:click="showPopup" />
<van-popup show="{{ show }}" bind:close="onClose">
<view class="popup">
<van-datetime-picker type="year-month" value="{{ currentDate }}" min-date="{{ minDate }}" bind:input="onInput" />
</view>
</van-popup> -->
<!-- 底部 -->
<view class="section" style="padding:20rpx">
<view class="page">
<view class="list_event">
<view class="range-style mar-top">
<!-- 时间段 -->
<view class="picker_group">
<picker mode="date" fields="month" value="{{date}}" end="{{end}}" bindchange="bindDateChange">
<view class="picker">
{{date}}
</view>
</picker>
<van-icon name="arrow-down" style="color:#0084FF" />
</view>
<view class="line">——</view>
<view class="section" style="padding:20rpx">
<picker mode="date" fields="month" value="{{date2}}" end="{{end}}" bindchange="bindDateChange2">
<text class="text-style1">-</text>
<picker mode="date" fields="month" value="{{date2}}" start="{{end}}" bindchange="bindDateChange2">
<view class="picker">
{{date2}}
</view>
</picker>
<van-icon name="arrow-down" style="color:#0084FF" />
</view>
<!-- <van-cell bindtap="start"></van-cell>
<view >——</view>
<van-cell bindtap="end"></van-cell> -->
</view>
</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="time_text" style="width: 30%;"> {{item.times}}</view>
<view class="media_text" style="width: 30%;">{{item.sales}}</view>
<view style="width: 30%;">
<view class="volume">{{item.share}}</view>
<view class="trend" bindtap="detail" data-carTime="{{item.times}}" data-carBrand="{{item.brand}}">
<view>详细销量</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="time_text" style="width: 30%;"> {{item.times}}</view>
<view class="media_text" style="width: 30%;">{{item.sales}}</view>
<view style="width: 40%;">
<view class="volume">{{item.share}}</view>
<view class="trend" bindtap="detail" data-carTime="{{item.times}}" data-carBrand="{{item.brand}}">
<view>详细销量</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<van-dialog use-slot title="注意" show="{{ showDialog }}" bind:confirm="cdialog">
<van-dialog use-slot title="注意" show="{{ showDialog }}" bind:confirm="cdialog">
<view class="tc-d-t">结束时间不能小于开始时间</view>
</van-dialog>
<!-- </view> -->
</view>

54
pages/index/Brandsales/Brandsales.wxss
Unescape View File

@ -1,15 +1,61 @@
/* pages/index/Rankdetail/Rankdetail.wxss */
/* 排行榜 */
.page{
width: calc(100% - 32px);
}
.list_event {
margin: 32rpx;
background-size: cover;
width: 686rpx;
width: 100%;
border-radius: 8rpx;
background-color: #ffffff;
/* padding-top: 32rpx; */
}
.range-style {
display: flex;
align-items: center;
padding-left: 10rpx;
background-color: #fff;
}
.mar-top {
margin-top: 30rpx;
}
.picker-title {
font-size: 32rpx;
width: 150rpx;
}
.picker_group {
color: #888;
/* border: 1rpx solid #A4A6AE; */
border-radius: 15rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16rpx 88rpx;
margin: 32rpx;
width: 654rpx;
background: #f9f9f9;
}
.text-style1{
color:#0084FF;
font-size: 24rpx;
}
.text-style2{
color:#0084FF;
font-size: 24rpx;
}
.picker_group picker {
font-size: 34rpx;
height: 45rpx;
padding-left:20rpx;
padding-right:20rpx;
line-height: 45rpx;
}
.list_event .text {
display: flex;
@ -30,7 +76,7 @@
}
.ranking {
width: 686rpx;
width: calc(100% - 32px);
display: flex;
padding: 0rpx 32rpx 0 32rpx;
}
@ -42,7 +88,7 @@
}
.title2 {
width: 29%;
width: 40%;
font-size: 24rpx;
color: #999999;
display: flex;
@ -50,7 +96,7 @@
}
.ranks {
width: 686rpx;
width: calc(100% - 32px);
height: 98rpx;
line-height: 48rpx;
padding: 0rpx 32rpx;

84
pages/index/Salesranking/Allbrands/Allbrands.wxml
Unescape View File

@ -1,51 +1,53 @@
<!--pages/index/Salesranking/Allbrands/Allbrands.wxml-->
<view class="list_event">
<view class="range-style mar-top">
<!-- 时间段 -->
<view class="picker_group">
<picker mode="date" fields="month" value="{{date}}" end="{{end}}" bindchange="bindDateChange">
<view class="picker">
{{date}}
</view>
</picker>
<text class="text-style1">-</text>
<picker mode="date" fields="month" value="{{date2}}" start="{{end}}" bindchange="bindDateChange2">
<view class="picker">
{{date2}}
</view>
</picker>
</view>
</view>
<view style="margin: 32rpx 0;">
<view class="ranking">
<view class="title">排名</view>
<view class="title1">品牌名称</view>
<view class="title2">份额(%)</view>
<view class="title2">销量(%)</view>
<view class="page">
<view class="list_event">
<view class="range-style mar-top">
<!-- 时间段 -->
<view class="picker_group">
<picker mode="date" fields="month" value="{{date}}" end="{{end}}" bindchange="bindDateChange">
<view class="picker">
{{date}}
</view>
</picker>
<text class="text-style1">-</text>
<picker mode="date" fields="month" value="{{date2}}" start="{{end}}" bindchange="bindDateChange2">
<view class="picker">
{{date2}}
</view>
</picker>
</view>
</view>
<view class="ranks" wx:for="{{ranking}}" wx:key="index" wx:for-item="item" >
<view style="display: flex;">
<view class="ranks_text">
<view class="num" wx:if="{{index === 0}}">01</view>
<view class="num" wx:if="{{index}}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
</view>
<view class="ranks_text1">
<image style="width: 96rpx;height: 72rpx;" src="{{item.img}}"></image>
<view style="margin-left: 15rpx; height: 102rpx;line-height: 102rpx;width: 180rpx;">{{item.name}}
<view style="margin: 32rpx 0;">
<view class="ranking">
<view class="title">排名</view>
<view class="title1">品牌名称</view>
<view class="title2">份额(%)</view>
<view class="title2">销量(%)</view>
</view>
<view class="ranks" wx:for="{{ranking}}" wx:key="index" wx:for-item="item">
<view style="display: flex;">
<view class="ranks_text">
<view class="num" wx:if="{{index === 0}}">01</view>
<view class="num" wx:if="{{index}}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
</view>
</view>
<view class="ranks_text2">{{item.share}}</view>
<view class="ranks_text3">
<view class="volume">{{item.sales}}</view>
<view class="trend" bindtap="detail" data-carName='{{item.name}}'>
<van-icon size="16px" name="arrow" />
<view>销量详情</view>
<view class="ranks_text1">
<image style="width: 96rpx;height: 72rpx;" src="{{item.img}}"></image>
<view style="margin-left: 15rpx; height: 102rpx;line-height: 102rpx;width: 180rpx;">{{item.name}}
</view>
</view>
<view class="ranks_text2">{{item.share}}</view>
<view class="ranks_text3">
<view class="volume">{{item.sales}}</view>
<view class="trend" bindtap="detail" data-carName='{{item.name}}'>
<van-icon size="16px" name="arrow" />
<view>销量详情</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>

11
pages/index/Salesranking/Allbrands/Allbrands.wxss
Unescape View File

@ -1,9 +1,12 @@
/* pages/index/Salesranking/Allbrands/Allbrands.wxss */
/* 排行榜 */
.page{
width: calc(100% - 32px);
}
.list_event {
margin: 32rpx;
margin: 32rpx ;
background-size: cover;
width: 686rpx;
width: 100%;
border-radius: 8rpx;
background-color: #ffffff;
/* padding-top: 32rpx; */
@ -29,12 +32,12 @@
}
.ranking {
width: 686rpx;
width: calc(100% - 32px);
display: flex;
padding: 0rpx 32rpx 0 32rpx;
}
.ranks {
width: 686rpx;
width: calc(100% - 32px);
/* height: 98rpx; */
line-height: 48rpx;
padding: 0rpx 32rpx;

11
pages/index/Salesranking/Salesranking.js
Unescape View File

@ -2,11 +2,13 @@
const app = getApp()
import brokenLine from "../../../components/option/singleLineOption"
import histogram from "../../../components/option/columnarOption"
import moment from "moment"
let iPageIndex = 1 // 当前第几页,0代表第一页
let iPageSize =20 //每页显示多少数据
Page({
data: {
active: 0,
end:moment().format("YYYY-MM"),
showChart:true,
// select: false,
grade_name1: '按级别',
@ -365,9 +367,9 @@ Page({
iPageIndex=1
iPageSize = 20
this.setData({
grade_name1: '按级别',
grade_name2: '按价格',
grade_name3: '按能源',
grade_name1: '全部级别',
grade_name2: '全部价格',
grade_name3: '全部能源',
sSpec: '',
sPriceType: '',
sEnergyType: '',
@ -391,8 +393,11 @@ Page({
})
},
bindDateChange: function(e) {
iPageIndex=1
iPageSize = 20
this.setData({
date: e.detail.value,
ranking:[],
})
this.getTrend()
},

2
pages/index/Salesranking/Salesranking.wxml
Unescape View File

@ -8,7 +8,7 @@
</view>
<view class="top">
<view class="box_title">
<picker mode="date" header-text="选择时间" fields="month" value="{{date}}" bindchange="bindDateChange">
<picker mode="date" header-text="选择时间" fields="month"end="{{end}}" value="{{date}}" bindchange="bindDateChange">
<view class="font30">
<!-- <text class="color3">填报时间：</text> -->
<text class="color6">{{date}}</text>

Write Preview
Loading…
Cancel
Save