yunyang
/
carInsightSystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

zx

Browse Source
prod
张雄 3 years ago
parent a14eec8ff1
commit 381ee0c6bc
36 changed files with 717 additions and 401 deletions
Show Stats Download Patch File Download Diff File

20
src/components/v-labelDiv/index.vue
Unescape View File

@ -8,7 +8,12 @@
-->
<template>
<div class="v-label-container" ref="vlc" :style="eStyle">
<span ref="titleRef" :style="{color: titleColor}" @click="handlerClick">{{title}}</span>
<span v-if="showBack==true" ref="titleRef" :style="{color: titleColor}" @click="handlerClick">
<a-icon class="v-label-icon" type="import" @click="goBack" /><span style="margin-left: 14px">{{title}}</span>
</span>
<span v-else ref="titleRef" :style="{color: titleColor}" @click="handlerClick">
{{title}}
</span>
<div class="gx" v-if="showLine"></div>
<div class="v-l-right">
<slot></slot>
@ -37,12 +42,18 @@ export default {
default: () => {
return {}
}
},
showBack: {
type: Boolean,
default: false
}
},
methods: {
handlerClick() {
this.$emit('click')
},
goBack() {
this.$router.go(-1)
}
}
@ -81,6 +92,9 @@ export default {
justify-content: flex-start;
align-items: center;
}
.v-label-icon {
color: #45B5F4;
font-size: 24px;
}
}
</style>

88
src/styles/antd.less
Unescape View File

@ -80,9 +80,34 @@
.ant-calendar-picker-icon {
color: #fff !important;
}
.ant-calendar-month-panel {
box-shadow: 0px 0px 10px 0px #3373CC !important;
border-radius: 2px !important;
}
.ant-calendar-month-panel-header {
background: #08182F !important;
border-bottom: 0.0625rem solid #3373CC !important;
}
.ant-calendar-month-panel-tbody {
background: #08182F !important;
}
.ant-calendar-month-panel-month {
color: #41D4FF !important;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
background: linear-gradient(180deg, #00498C 0%, #002343 100%)!important;
border-radius: 2px!important;
border: 1px solid #1EC8FA!important;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month, .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
background: #00498C !important;
}
.ant-calendar-month-panel-year-select-content {
color: #FFF !important;
}
.ant-table-thead > tr > th {
background: #0c203b !important;
color: #3373CC !important;
background: #14335D !important;
color: #45B5F4 !important;
border-style: none !important;
position:sticky !important;
top: 0 !important;
@ -317,6 +342,31 @@ li.ant-calendar-time-picker-select-option-selected {
.ant-modal-body {
color: #fff !important;
}
.ant-modal-close-x {
color: #3373CC !important;
}
.ant-menu-item {
color: #63AECC !important;
}
.ant-menu-item > a {
color: #63AECC !important;
}
.ant-menu-dark {
color: #63AECC !important;
background: #0F2A4D !important;
}
.ant-menu-submenu-title {
color: #63AECC !important;
}
.ant-menu-item-selected {
background: #0088C9 !important;
}
.ant-menu-item-selected > a {
color: #FFF !important;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
background: #091B32 !important;
}
.ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
background: rgb(26, 38, 65) !important;
@ -350,10 +400,40 @@ li.ant-calendar-time-picker-select-option-selected {
width: 400px !important;
color: #D8D8D8;
}
.ant-descriptions-row > td {
background: #1B4163 !important;
border-color: #63AECC !important;
width: 400px !important;
color: #63AECC;
color: #63AECC !important;
}
.ant-drawer-content {
background-color: #08182F!important;
border-radius: 2px!important;
border: 1px solid #3373CC!important;
.ant-drawer-header {
background-color: #08182F !important;
border-bottom: 0.0625rem solid #3373CC !important;
.ant-drawer-title {
color: #FFF !important;
}
.ant-drawer-close {
color: #3373CC !important;
}
}
}
.ant-anchor-wrapper {
background-color: #08182F!important;
.ant-anchor-link-title {
color: #45B5F4;
}
}
.ant-anchor-ink::before {
background-color: #45B5F4 !important;
}
.ant-anchor-ink-ball {
background-color: #45B5F4 !important;
}
.ant-anchor-link-active > .ant-anchor-link-title {
color: #3373CC !important;
}

29
src/views/SaleRank/AllEnergy/EnergyCY/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="ecy-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="柴油车销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllEnergy/EnergyNE/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="ne-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="新能源车排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllEnergy/EnergyQH/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="qh-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="轻混系统排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllEnergy/EnergyQY/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="eqy-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="汽油车销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllEnergy/EnergyYDH/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="ydh-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="油电混动销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

33
src/views/SaleRank/AllEnergy/index.vue
Unescape View File

@ -2,12 +2,19 @@
<div class="aprice-outter">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable" style="margin-right: 16px">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="rank-container" v-loading="load">
<div class="rank-item" v-for="(item, index) in lvList" :key="item.key">
@ -16,16 +23,22 @@
<vRankingKmd v-for="(it,index) in item.value" :key="index" :lineShow="index === 0 ? false : true" :num="index + 1" :label="it.seriesname" :val="it.salescount"></vRankingKmd>
</div>
<div class="d1-link">
<div style="padding: 14px 14px 14px 80px">
<div style="padding: 12px 14px 14px 72px">
<a @click="goInfo(index)">更多{{item.key}}车详细排行榜>>></a></div>
</div>
</div>
</div>
<a-modal title="各能源汽车销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -71,9 +84,9 @@ export default {
this.load = true;
getCheZhuCountTime({token: this.getToken}).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {
@ -134,10 +147,6 @@ export default {
disabledDate(current) {
return (current > moment(this.dDate)) && moment(this.dDate);
},
//返回
goBack() {
this.$router.go(-1);
},
//前往详细
goInfo(index) {
let url = '/saleRank/energy'+(index+1);
@ -180,7 +189,7 @@ export default {
}
}
.modal-table {
width: 1200px;
// width: 1200px;
height: 460px;
.tb-inner {
width: 100%;

29
src/views/SaleRank/AllLevel/MPVCar/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="mpv-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="MPV销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllLevel/SUVCar/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="suv-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="SUV销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

39
src/views/SaleRank/AllLevel/index.vue
Unescape View File

@ -2,12 +2,19 @@
<div class="alvl-outter">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable" style="margin-right: 16px">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="rank-container" v-loading="load">
<div class="rank-item" v-for="(item, index) in lvList" :key="item.key">
@ -16,16 +23,22 @@
<vRankingKmd v-for="(it,index) in item.value" :key="index" :lineShow="index === 0 ? false : true" :num="index + 1" :label="it.seriesname" :val="it.salescount"></vRankingKmd>
</div>
<div class="d1-link">
<div style="padding: 14px 14px 14px 80px">
<div style="padding: 12px 14px 14px 72px">
<a @click="goInfo(index)">更多{{item.key}}详细排行榜>>></a></div>
</div>
</div>
</div>
<a-modal title="汽车级别销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -75,9 +88,9 @@ export default {
this.load = true;
getCheZhuCountTime({token: this.getToken}).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {
@ -171,11 +184,7 @@ export default {
})
},
disabledDate(current) {
return (current > moment(this.dDate)) && moment(this.dDate);
},
//返回
goBack() {
this.$router.go(-1);
return (current > moment(this.dDate).add(1,'months'));
},
//前往详细
goInfo(index) {
@ -198,7 +207,7 @@ export default {
}
.rank-container {
padding-left: 17px;
padding-top: 17px;
// padding-top: 17px;
display: flex;
flex-wrap:wrap;
justify-content: flex-start;
@ -219,7 +228,7 @@ export default {
}
}
.modal-table {
width: 1200px;
// width: 1200px;
height: 460px;
.tb-inner {
width: 100%;

29
src/views/SaleRank/AllLevel/jcCar/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="jc-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="紧凑型车销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllLevel/wxCar/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="wxc-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="微型车销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllLevel/xxCar/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="xxc-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="小型车销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllLevel/zdxCar/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="zdx-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="中大型车销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllLevel/zxCar/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="zx-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="中型车销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllPrice/Price10/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="p10-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="10万以内销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllPrice/Price1015/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="p1015-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="10万-15万销量排行榜销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllPrice/Price1525/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="p1525-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="15万-25万销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllPrice/Price2535/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="p2535-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="25万-35万销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllPrice/Price3550/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="p3550-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="35万-50万销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

29
src/views/SaleRank/AllPrice/Price50/index.vue
Unescape View File

@ -2,25 +2,38 @@
<div class="p10-outter" v-loading="load">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" @change="handlerPagnation" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onSale(record)">销量</a-button>
<a-button type="primary" ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
<a-modal title="50万以上销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -110,9 +123,9 @@ export default {
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {

37
src/views/SaleRank/AllPrice/index.vue
Unescape View File

@ -2,12 +2,19 @@
<div class="aprice-outter">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="onTable" style="margin-right: 16px">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="rank-container" v-loading="load">
<div class="rank-item" v-for="(item, index) in lvList" :key="item.key">
@ -16,16 +23,22 @@
<vRankingKmd v-for="(it,index) in item.value" :key="index" :lineShow="index === 0 ? false : true" :num="index + 1" :label="it.seriesname" :val="it.salescount"></vRankingKmd>
</div>
<div class="d1-link">
<div style="padding: 14px 14px 14px 80px">
<a @click="goInfo(index)">更多{{item.key}}详细排行榜>>></a></div>
<div style="padding: 12px 14px 14px 50px">
<a @click="goInfo(index)">更多{{item.key}}价格详细排行榜>>></a></div>
</div>
</div>
</div>
<a-modal title="汽车价格销量排行榜趋势图(单位:辆)" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<div class="modal-table">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-button @click="onSearch" type="primary" style="margin-left: 40px">查询</a-button>
</a-form-model-item>
</a-form-model>
<div class="tb-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
@ -71,9 +84,9 @@ export default {
this.load = true;
getCheZhuCountTime({token: this.getToken}).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sStartTime = data.Data[data.Data.length-1].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[0] = data.Data[data.Data.length-1].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {
@ -134,10 +147,6 @@ export default {
disabledDate(current) {
return (current > moment(this.dDate)) && moment(this.dDate);
},
//返回
goBack() {
this.$router.go(-1);
},
//前往详细
goInfo(index) {
let url = '/saleRank/price'+(index+1);
@ -180,7 +189,7 @@ export default {
}
}
.modal-table {
width: 1200px;
// width: 1200px;
height: 460px;
.tb-inner {
width: 100%;

22
src/views/SaleRank/BrandInfo/index.vue
Unescape View File

@ -1,18 +1,24 @@
<template>
<div class="binfo-outter">
<v-label-div :title="time+'汽车销量('+selTime[0]+'至'+selTime[1]+')'">
<!-- <v-btn @click="onTable">查看图表</v-btn> -->
<v-btn @click="goBack">返回</v-btn>
<v-label-div :showBack="true" :title="time+'汽车销量('+selTime[0]+'至'+selTime[1]+')'">
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :loading="tableLoad" :data="tbData" :pagination="pagination" @change="handlerPagnation">
<template slot="about" slot-scope="text, record">
<a-button @click="onSale(record)">详细销量</a-button>
<a-button ghost @click="onSale(record)">详细销量</a-button>
</template>
</v-table>
</div>
@ -35,7 +41,7 @@ export default {
iPageSize: 20,
sBrand: '',
},
time: '销量',
time: '',
selTime: [],
//表格
tableLoad: false,
@ -73,7 +79,7 @@ export default {
}
},
created() {
this.time = this.$route.query.sBrand + '汽车销量'
this.time = this.$route.query.sBrand
this.form.token = this.getToken;
getCheZhuLatestTime({token: this.form.token}).then(res => {
this.dDate = res.data

9
src/views/SaleRank/BrandInfoDetail/index.vue
Unescape View File

@ -1,7 +1,6 @@
<template>
<div class="binfo-outter">
<v-label-div :title="time">
<v-btn @click="goBack">返回</v-btn>
<v-label-div :showBack="true" :title="time">
</v-label-div>
<!-- <div class="d2">
<a-range-picker style="width: 360px" v-model="selTime" :disabled-date="disabledDate" valueFormat="YYYY-MM-DD">
@ -12,7 +11,7 @@
<div class="d3">
<v-table ref="rtable" :columns="columns" :loading="tableLoad" :data="tbData" :pagination="pagination" @change="handlerPagnation">
<template slot="about" slot-scope="text, record">
<a-button @click="onSale(record)">销量</a-button>
<a-button ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
@ -127,10 +126,6 @@ export default {
},
//查看图表
onTable() {},
//返回
goBack() {
this.$router.go(-1);
},
disabledDate(current) {
return current > moment();
},

50
src/views/SaleRank/BrandSale/index.vue
Unescape View File

@ -1,13 +1,19 @@
<template>
<div class="bs-outter">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<!-- <a-range-picker format="YYYY-MM" v-model="selTime" :mode="['month', 'month']"></a-range-picker> -->
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :loading="tableLoad" :data="tbData" :pagination="pagination" @change="handlerPagnation">
@ -17,7 +23,7 @@
</span>
</template>
<template slot="about" slot-scope="text, record">
<a-button @click="onSale(record)">销量</a-button>
<a-button ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
@ -98,40 +104,12 @@ export default {
this.tbData = data;
this.tableLoad = false
})
} else if (this.$route.query.mark) {
this.getMore()
} else {
this.getData()
}
},
methods: {
getData() {
this.tableLoad = true;
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {
token: this.getToken,
sTimeType: 4,
sStartTime: this.form.sStartTime,
sEndTime: this.form.sEndTime,
iPageIndex: 1,
iPageSize: 20,
}
getCheZhuCarBrandRanking(obj).then(res => {
let data = res.data;
this.pagination.total = res.totalNum
this.tbData = data;
this.tableLoad = false
})
});
},
getMore() {
this.tableLoad = true;
let o = {token: this.getToken};
getCheZhuCountTime(o).then(res => {
@ -157,10 +135,6 @@ export default {
})
});
},
//返回
goBack() {
this.$router.go(-1);
},
disabledDate(current) {
return (current > moment(this.dDate)) && moment(this.dDate);
},
@ -218,7 +192,7 @@ export default {
padding: 16px;
}
.d3 {
padding: 16px;
padding: 0px 16px 16px 16px;
}
}

3
src/views/SaleRank/ChineseCarSale/carBrandSale/index.vue
Unescape View File

@ -48,9 +48,6 @@ export default {
moreBrand() {
this.$router.push({
path: "/saleRank/brandSale",
query: {
mark: 'more'
}
});
}
}

3
src/views/SaleRank/ChineseCarSale/carLevelSale/index.vue
Unescape View File

@ -48,9 +48,6 @@ export default {
moreInfo() {
this.$router.push({
path: "/saleRank/aLevel",
query: {
mark: 'more'
}
});
}
}

3
src/views/SaleRank/ChineseCarSale/carSeriesSale/index.vue
Unescape View File

@ -48,9 +48,6 @@ export default {
moreSeries() {
this.$router.push({
path: "/saleRank/seriesSale",
query: {
mark: 'more'
}
});
}
}

43
src/views/SaleRank/CitySale/index.vue
Unescape View File

@ -1,41 +1,48 @@
<template>
<div class="citys-outter">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="goBack">返回</v-btn>
<v-tab-group :value="tValue" :style="{ background: 'transparent' }" :btns="btnTimes" @change="handlerTime"></v-tab-group>
</v-label-div>
<div class="d2">
<v-tab-group :value="tValue" :style="{ background: 'transparent' }" :btns="btnTimes" @change="handlerTime"></v-tab-group>
<a-select class="choose-series" v-model="form.sBrand" placeholder="请选择品牌" @dropdownVisibleChange="brandDrawer" :dropdownMatchSelectWidth="false" allowClear>
<a-form-model layout="inline">
<a-form-model-item label="选择日期">
<a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="品牌车型">
<a-select style="width: 160px" v-model="form.sBrand" placeholder="请选择品牌" @dropdownVisibleChange="brandDrawer" :dropdownMatchSelectWidth="false" allowClear>
<div slot="dropdownRender"></div>
</a-select>
<a-select class="choose-series" v-model="form.sSeriesName" placeholder="请选择车型" allowClear>
<a-select style="width: 160px" v-model="form.sSeriesName" placeholder="请选择车型" allowClear>
<a-select-option v-for="(item,index) in seriesList" :value="item.name" :key="index">
{{item.name}}
</a-select-option>
</a-select>
<a-select class="choose-series" v-model="form.sBrandType" placeholder="请选择类型">
<a-select style="width: 160px" v-model="form.sBrandType" placeholder="请选择类型">
<a-select-option v-for="(item,index) in brandTypeList" :value="item.key" :key="index">
{{item.value}}
</a-select-option>
</a-select>
<a-month-picker style="width: 160px;margin-left:20px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:20px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table v-if="activeIndex == 0" ref="rtable" :columns="columns" :loading="tableLoad" :pagination="pagination" @change="handlerPagnation" :data="tbData">
<template slot="about" slot-scope="text, record">
<a-button @click="onSalePro(record)">销量明细</a-button>
<a-button ghost @click="onSalePro(record)">销量明细</a-button>
</template>
</v-table>
<v-table v-if="activeIndex == 1" ref="rtable" :columns="columns2" :loading="tableLoad" :pagination="pagination2" @change="handlerPagnation2" :data="tbData2">
<template slot="about" slot-scope="text, record">
<a-button @click="onSaleCity(record)">销量明细</a-button>
<a-button ghost @click="onSaleCity(record)">销量明细</a-button>
</template>
</v-table>
</div>
<a-modal title="销量明细" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
<v-tab-group :value="pValue" :style="{ background: 'transparent' }" :btns="btnPro" @change="handlerProMode"></v-tab-group>
<v-tab-group :value="pValue" :style="{ background: 'transparent',padding: '0px 0px 12px 0px' }" :btns="btnPro" @change="handlerProMode"></v-tab-group>
<v-table v-if="pValue == 0" ref="rtable" :columns="columnsProCity" :data="dataProCity">
</v-table>
<v-table v-if="pValue == 1" ref="rtable" :columns="columnsProBrand" :data="dataProBrand">
@ -44,7 +51,7 @@
</v-table>
</a-modal>
<a-modal title="销量明细" width="1200px" :footer="null" @cancel="onClose2" :visible="visible2">
<v-tab-group :value="cValue" :style="{ background: 'transparent' }" :btns="btnCity" @change="handlerCityMode"></v-tab-group>
<v-tab-group :value="cValue" :style="{ background: 'transparent',padding: '0px 0px 12px 0px' }" :btns="btnCity" @change="handlerCityMode"></v-tab-group>
<v-table v-if="cValue == 0" ref="rtable" :columns="columnsCityBrand" :data="dataCityBrand">
</v-table>
<v-table v-if="cValue == 1" ref="rtable" :columns="columnsCitySeries" :data="dataCitySeries">
@ -181,10 +188,10 @@ export default {
.d2 {
display: flex;
justify-content: flex-start;
padding: 16px;
padding: 16px 16px 16px 16px;
}
.d3 {
padding: 16px;
padding: 0px 16px 16px 16px;
}
}
@ -194,12 +201,10 @@ export default {
height: 320px;
background: rgb(11, 25, 47);
}
.choose-brand {
width: 150px;
margin-left: 16px;
.drawer-letter {
color: #45B5F4;
}
.choose-series {
width: 150px;
.drawer-link {
color: #DDD;
}
</style>

5
src/views/SaleRank/CitySale/tbEvent.js
Unescape View File

@ -79,10 +79,7 @@ export default {
})
}
},
//返回
goBack() {
this.$router.go(-1);
},
//不可选日期
disabledDate(current) {
return (current > moment(this.dDate)) && moment(this.dDate);
},

23
src/views/SaleRank/HistorySale/index.vue
Unescape View File

@ -1,12 +1,19 @@
<template>
<div class="hs-outter">
<v-label-div :title="time">
<v-btn @click="goBack">返回</v-btn>
<v-label-div :showBack="true" :title="time">
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d-total">
<span>合计汽车销量(辆)：<span class="s1">{{totalVal}}</span></span>
@ -15,8 +22,8 @@
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :pagination="pagination" :loading="tableLoading">
<template slot="about" slot-scope="text, record">
<a-button type="primary" @click="onBrand(record)">品牌</a-button>
<a-button type="primary" style="margin-left: 16px" @click="onSeries(record)">车型</a-button>
<a-button type="primary" ghost @click="onBrand(record)">品牌</a-button>
<a-button type="primary" ghost style="margin-left: 16px" @click="onSeries(record)">车型</a-button>
</template>
</v-table>
</div>
@ -140,10 +147,6 @@ export default {
})
});
},
//返回
goBack() {
this.$router.go(-1);
},
disabledDate(current) {
return (current > moment(this.dDate)) && moment(this.dDate);
},

6
src/views/SaleRank/SeriesInfo/index.vue
Unescape View File

@ -1,8 +1,8 @@
<template>
<div class="sinfo-outter">
<v-label-div :title="time">
<v-label-div :showBack="true" :title="time">
<v-btn @click="onTable">查看图表</v-btn>
<v-btn @click="goBack">返回</v-btn>
<!-- <v-btn @click="goBack">返回</v-btn> -->
</v-label-div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :loading="tableLoad" :data="tbData" :pagination="pagination" @change="handlerPagnation" :rowKey="(record,index)=>{return index}">
@ -220,7 +220,7 @@ export default {
}
}
.modal-table {
width: 1200px;
// width: 1200px;
height: 460px;
.tb-inner {
width: 100%;

49
src/views/SaleRank/SeriesSale/index.vue
Unescape View File

@ -1,17 +1,24 @@
<template>
<div class="ses-outter">
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
<v-btn @click="goBack">返回</v-btn>
</v-label-div>
<div class="d2">
<a-month-picker style="width: 160px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
<a-month-picker style="width: 160px;margin-left:40px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
<a-form-model layout="inline">
<a-form-model-item label="开始日期">
<a-month-picker style="width: 160px" v-model="selTime[0]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item label="结束日期">
<a-month-picker style="width: 160px" v-model="selTime[1]" :allowClear="false" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
</a-form-model-item>
<a-form-model-item>
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
</a-form-model-item>
</a-form-model>
</div>
<div class="d3">
<v-table ref="rtable" :columns="columns" :data="tbData" :loading="tableLoading" :pagination="pagination" @change="handlerPagnation">
<template slot="about" slot-scope="text, record">
<a-button @click="onSale(record)">销量</a-button>
<a-button ghost @click="onSale(record)">销量</a-button>
</template>
</v-table>
</div>
@ -86,40 +93,12 @@ export default {
this.tbData = data;
this.tableLoad = false
})
} else if(this.$route.query.mark) {
this.getMore()
} else {
this.getData()
}
},
methods: {
getData() {
let o = {token: this.getToken};
this.tableLoading = true;
getCheZhuCountTime(o).then(res => {
let data = res.data;
this.form.sStartTime = data.Data[0].Time;
this.form.sEndTime = data.Data[data.Data.length-1].Time;
this.selTime[0] = data.Data[0].Time;
this.selTime[1] = data.Data[data.Data.length-1].Time;
this.dDate = data.Data[data.Data.length-1].Time;
let obj = {
token: this.getToken,
sTimeType: 4,
sStartTime: this.form.sStartTime,
sEndTime: this.form.sEndTime,
iPageIndex: 1,
iPageSize: 20,
}
getCheZhuCarSeriesRanking(obj).then(res => {
let data = res.data;
this.pagination.total = res.totalNum
this.tbData = data;
this.tableLoading = false
})
});
},
getMore() {
let o = {token: this.getToken};
this.tableLoading = true;
getCheZhuCountTime(o).then(res => {
@ -147,10 +126,6 @@ export default {
},
//查看图表
onTable() {},
//返回
goBack() {
this.$router.go(-1);
},
disabledDate(current) {
return (current > moment(this.dDate)) && moment(this.dDate);
},
@ -208,7 +183,7 @@ export default {
padding: 16px;
}
.d3 {
padding: 16px;
padding: 0px 16px 16px 16px;
}
}
</style>

37
src/views/SaleRank/index.vue
Unescape View File

@ -34,15 +34,15 @@
{{item.name}}
</a-select-option>
</a-select>
<a-button type="primary" @click="onSearch">查销量</a-button>
<a-button type="primary" style="margin-left: 16px" @click="onSearch">查销量</a-button>
</div>
<div class="sr-content">
<div class="left-menu">
<a-menu mode="inline" @click="handlerMenu" theme="dark">
<a-menu mode="inline" :open-keys="openKeys" @click="handlerMenu" @openChange="onOpenChange" theme="dark">
<a-menu-item key="main">
<router-link to="/saleRank/main">汽车销量排行榜</router-link>
</a-menu-item>
<a-sub-menu title="按级别">
<a-sub-menu title="按级别" key="sub1">
<a-menu-item key="aLevel">
<router-link to="/saleRank/aLevel">所有级别</router-link>
</a-menu-item>
@ -50,7 +50,7 @@
<router-link :to="'/saleRank/level'+(index+1)">{{item.value}}</router-link>
</a-menu-item>
</a-sub-menu>
<a-sub-menu title="按价格">
<a-sub-menu title="按价格" key="sub2">
<a-menu-item key="aPrice">
<router-link to="/saleRank/aPrice">所有价格</router-link>
</a-menu-item>
@ -58,7 +58,7 @@
<router-link :to="'/saleRank/price'+item.key">{{item.value}}</router-link>
</a-menu-item>
</a-sub-menu>
<a-sub-menu title="按能源">
<a-sub-menu title="按能源" key="sub3">
<a-menu-item key="aEnergy">
<router-link to="/saleRank/aEnergy">所有能源</router-link>
</a-menu-item>
@ -84,7 +84,7 @@
</div>
</div>
<!-- 选择品牌抽屉 -->
<a-drawer :bodyStyle="bodyStyle" :visible="visible" title="请选择品牌" @close="onClose" :drawerStyle="drawerStyle">
<a-drawer :bodyStyle="bodyStyle" :visible="visible" title="请选择品牌" @close="onClose">
<div class="drawer">
<a-anchor style="width: 15%;height: 100%" @click="anchorClick" :getContainer="()=>this.$refs.content" >
<a-anchor-link v-for="(item, index) in letters" :key="index" :href="`#${item}`" :title="item"></a-anchor-link>
@ -120,6 +120,9 @@ export default {
x: 0,
isLoading: false,
dd: false, //下拉菜单
//左侧菜单
rootSubmenuKeys:['sub1', 'sub2', 'sub3'],
openKeys: ['sub1'],
form: {
token: '',
sStartTime: '',
@ -165,6 +168,12 @@ export default {
.sr-top {
float: right;
margin-right: 16px;
.choose-brand {
width: 240px;
}
.choose-series {
width: 240px;
}
}
.sr-content {
width: 100%;
@ -173,7 +182,7 @@ export default {
justify-content: flex-start;
margin-top: 8px;
.left-menu {
width: 320px;
width: 352px;
padding: 16px;
};
.sr-view {
@ -183,14 +192,6 @@ export default {
}
}
.choose-brand {
width: 250px;
}
.choose-series {
width: 250px;
margin-right: 16px;
}
.brand-list {
color: white;
width: 600px;
@ -221,4 +222,10 @@ export default {
}
}
}
.drawer-letter {
color: #45B5F4;
}
.drawer-link {
color: #DDD;
}
</style>

8
src/views/SaleRank/tableEvent.js
Unescape View File

@ -134,5 +134,13 @@ export default {
//左侧菜单栏
handlerMenu(val) {
this.window = val.key
},
onOpenChange(openKeys) {
const latestOpenKey = openKeys.find(key => this.openKeys.indexOf(key) === -1);
if (this.rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
this.openKeys = openKeys;
} else {
this.openKeys = latestOpenKey ? [latestOpenKey] : [];
}
},
}
Write Preview
Loading…
Cancel
Save