From 9ffd59224620893e587ce1a57d1e1a1a7985f969 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Mon, 15 Aug 2022 10:48:11 +0800
Subject: [PATCH 1/2] zx

---
 src/api/SaleRankMarket/index.js               |  14 +-
 src/views/SaleRank/MarketComp/index.vue       |  87 ++++++----
 src/views/SaleRank/MarketComp/opt.js          |   4 +-
 src/views/SaleRank/MarketComp/optLight.js     |   2 +-
 .../MarketSaleChina/mscCompChart/index.vue    |  69 ++++++--
 .../MarketSaleChina/mscCompChart/opt.js       |   4 +-
 .../MarketSaleChina/mscCompChart/optLight.js  |   2 +-
 .../MarketSaleChina/mscTotal/index.vue        |   5 +-
 .../mscTotal/totalNewEnergyCar/index.vue      |  98 +++++++++++
 .../mscTotal/totalNewEnergyCar/opt.js         | 156 ++++++++++++++++++
 .../mscTotal/totalNewEnergyCar/optLight.js    | 156 ++++++++++++++++++
 .../mscTotal/totalPassengerVehicle/index.vue  |  23 ++-
 .../mscTotal/totalTop20/index.vue             |  26 ++-
 .../mscTotal/totalTraditionCar/index.vue      |  21 ++-
 .../MarketSaleNE/mneCountryPercent/index.vue  |   7 +-
 .../MarketSaleNE/mneEnergyType/index.vue      |   9 +-
 .../mneMainPrice/seriesAuto/index.vue         |  11 +-
 .../mneMainPrice/seriesMpv/index.vue          |  11 +-
 .../mneMainPrice/seriesSuv/index.vue          |  11 +-
 .../mneMainPrice/seriesTotal/index.vue        |  11 +-
 .../precAutoPercent/index.vue                 |   7 +-
 .../mnePrecisionType/precMpvPercent/index.vue |   7 +-
 .../mnePrecisionType/precPercent/index.vue    |   7 +-
 .../mnePrecisionType/precSuvPercent/index.vue |   7 +-
 .../mstCountryPercent/index.vue               |   7 +-
 .../mstMPPercent/index.vue                    |   7 +-
 .../mstMainPrice/mainBrand/index.vue          |   7 +-
 .../mstMainPrice/mainCountry/index.vue        |   7 +-
 .../precAutoPercent/index.vue                 |   7 +-
 .../mstPrecisionType/precMpvPercent/index.vue |   7 +-
 .../mstPrecisionType/precPercent/index.vue    |   7 +-
 .../mstPrecisionType/precSuvPercent/index.vue |   7 +-
 .../mstSeriesType/seriesAuto/index.vue        |  11 +-
 .../mstSeriesType/seriesMpv/index.vue         |  11 +-
 .../mstSeriesType/seriesSuv/index.vue         |  11 +-
 .../mstSeriesType/seriesTotal/index.vue       |   7 +-
 src/views/SaleRank/index.vue                  |   4 +-
 37 files changed, 664 insertions(+), 191 deletions(-)
 create mode 100644 src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/index.vue
 create mode 100644 src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/opt.js
 create mode 100644 src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/optLight.js

diff --git a/src/api/SaleRankMarket/index.js b/src/api/SaleRankMarket/index.js
index 6240487..e1fcf6a 100644
--- a/src/api/SaleRankMarket/index.js
+++ b/src/api/SaleRankMarket/index.js
@@ -73,7 +73,7 @@ export function getSalesGrowthRatio(params) {
         }
     })
 }
-// 乘用车 - 总销量 - 新能源市场
+// 乘用车 - 总销量 - 传统燃油车
 export function getSalesGrowthRatioByFuel(params) {
     let obj =  Object.assign({action: 'getSalesGrowthRatioByFuel', sType: 'Marketing'}, params)
     return httpService({
@@ -85,6 +85,18 @@ export function getSalesGrowthRatioByFuel(params) {
         }
     })
 }
+// 乘用车 - 总销量 - 新能源市场
+export function getSalesGrowthRatioByFuelE(params) {
+    let obj =  Object.assign({action: 'getSalesGrowthRatioByFuelE', sType: 'Marketing'}, params)
+    return httpService({
+        url: `/api/v6.ashx`,
+        method: 'post',
+        data: obj,
+        headers: {
+            'content-type': 'application/x-www-form-urlencoded'
+        }
+    })
+}
 
 // 乘用车 - 能源类型
 export function getSalesEnergyTypes(params) {
diff --git a/src/views/SaleRank/MarketComp/index.vue b/src/views/SaleRank/MarketComp/index.vue
index be4e32a..15c6f31 100644
--- a/src/views/SaleRank/MarketComp/index.vue
+++ b/src/views/SaleRank/MarketComp/index.vue
@@ -1,7 +1,11 @@
 <template>
-    <div :class="getIsLight?'mcomp-light':'mcomp-outter'">
-        <v-label-div v-if="!getIsLight" title="中国汽车市场竞争格局图"></v-label-div>
-        <v-label-div-light v-else title="中国汽车市场竞争格局图"></v-label-div-light>
+    <div class="mcomp-outter" :style="getIsLight?{background: '#FFF'}:{}">
+        <v-label-div v-if="!getIsLight" title="中国汽车市场竞争格局图">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div>
+        <v-label-div-light v-else title="中国汽车市场竞争格局图" class="lightSy">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div-light>
         <div class="d2">
             <a-form-model layout="inline">
                 <a-form-model-item :class="getIsLight?'lightSy':'dark'" label="数据筛选">
@@ -35,13 +39,13 @@
                             {{item.value}}
                         </a-select-option>
                     </a-select>
-                    <a-button :class="getIsLight?'lightSy':'dark'" type="primary" style="margin-left: 16px" @click="getData">查询</a-button>
+                    <a-button type="primary" style="margin-left: 16px" @click="getData">查询</a-button>
                 </a-form-model-item>
             </a-form-model>
         </div>
         <div class="d2">
-            <a-form-model layout="inline">
-                <a-form-model-item label="选择日期" :class="getIsLight?'lightSy':'dark'">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择日期">
                     <a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[0]" valueFormat="YYYY-MM" placeholder="开始日期"></a-month-picker>
                     <a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[1]" valueFormat="YYYY-MM" placeholder="结束日期"></a-month-picker>
                 </a-form-model-item>
@@ -49,12 +53,17 @@
         </div>
         <div class="d2">
             <div :class="getIsLight?'lightSy':'dark'">
-                <span v-for="(item, index) in seriesList" :key="index">
-                    <a-button style="margin-left: 12px" @click="onDelete(index)" type="primary">{{item}}<a-icon type="close" /></a-button>
+                <span v-for="(item, index) in stableList" :key="index">
+                    <a-button style="margin-left: 12px" @click="onDelete(index)" ghost type="primary" disabled>{{item}}</a-button>
                 </span>
-                <a-button style="margin-left: 12px" type="primary" icon="plus" @click="hanlderAddSeries">本品车型</a-button>
             </div>
         </div>
+        <div class="d2" :class="getIsLight?'lightSy':'dark'">
+            <a-button style="margin-left: 12px" type="primary" icon="plus" @click="hanlderAddSeries">本品车型</a-button>
+            <span v-for="(item, index) in seriesList" :key="index">
+                <a-button style="margin-left: 12px" @click="onDelete(index)" type="primary">{{item}}<a-icon type="close" /></a-button>
+            </span>
+        </div>
         <iSaleModelChoose :brand="brand" :model="model" :visible.sync="modelShow" @change="handlerBrand"></iSaleModelChoose>
         <div class="d3" v-if="getIsLight">
             <v-echarts :opt="opt2"></v-echarts>
@@ -69,7 +78,7 @@
 import {getCountryS,getPriceRangeS,getSpecName1,getSeatS,getDisplacementS,getEnergyS} from "@/api/SaleRankMarketCommon";
 import {getSalesCompetitionALLList,getSalesCompetitionList,getSalesCompetitionAnalysis} from "@/api/SaleRankMarket";
 import createOpt from "./opt"
-import createOpt2 from "./optLight"
+import createOptLight from "./optLight"
 import {getCheZhuLatestTime} from "@/api/SaleRank"
 export default {
     name: 'CitySale',
@@ -81,7 +90,8 @@ export default {
                 sEnergyS: '',
                 sPriceRangeS: '',
                 sDisplacementS: '',
-                sSeatS: '',
+                sSerieName: '', //
+                sSeatS: '', 
                 sSpecName1: '',
                 sTimeType: 4,
                 sStartTime: '',
@@ -93,10 +103,12 @@ export default {
             prices: [],
             specs: [],
             specs2: [],
+            series: [], //
             displacements: [],
             seats: [],
             selTime: ['',''],
             seriesList: [],
+            stableList: [],
             //选项数据
             countryList: [],
             energyList: [],
@@ -152,26 +164,30 @@ export default {
                 sPriceRangeS: this.prices.join(','),
                 sDisplacementS: this.displacements.join(','),
                 sSeatS: this.seats.join(','),
+                sSerieName: this.seriesList.join(','),
                 sSpecName1: this.specs.join(','),
                 sSpecName2: this.specs2.join(','),
                 sTimeType: 4,
                 sStartTime: this.selTime[0],
                 sEndTime: this.selTime[1],
             }
-            getSalesCompetitionALLList(obj).then(res => {
+            getSalesCompetitionList(obj).then(res => {
                 let data = res.data;
                 // [ [车长，售价，销量，车名，'total'],[] ]
                 let arr = [];
+                let sList = []
                 data.forEach(ele => {
                     if(ele.CheChang * 1 != 0) {
                         let item = [ele.CheChang * 1, ele.MainPrice, ele.Count, ele.Name, 'total'];
                         // let item = [ele.Count, ele.MainPrice, ele.CheChang * 1, ele.Name, 'total'];
                         arr.push(item);
-                    }
+                    };
+                    sList.push(ele.Name)
                 });
+                this.stableList = sList;
                 this.totalData = arr;
                 this.opt = createOpt(this.totalData, this.extraData);
-                this.opt2 = createOpt2(this.totalData, this.extraData)
+                this.opt2 = createOptLight(this.totalData, this.extraData)
             })
         },
         //添加车型
@@ -197,7 +213,7 @@ export default {
                 });
                 this.extraData = extraArr;
                 this.opt = createOpt(this.totalData, this.extraData);
-                this.opt2 = createOpt2(this.totalData, this.extraData)
+                this.opt2 = createOptLight(this.totalData, this.extraData)
             })
             this.modelShow = false;
         },
@@ -207,7 +223,7 @@ export default {
             if(this.seriesList.length == 0) {
                 this.extraData = [];
                 this.opt = createOpt(this.totalData, this.extraData);
-                this.opt2 = createOpt2(this.totalData, this.extraData)
+                this.opt2 = createOptLight(this.totalData, this.extraData)
             } else {
                 let obj = {
                     token: this.form.token,
@@ -226,10 +242,31 @@ export default {
                     });
                     this.extraData = extraArr;
                     this.opt = createOpt(this.totalData, this.extraData);
-                    this.opt2 = createOpt2(this.totalData, this.extraData)
+                    this.opt2 = createOptLight(this.totalData, this.extraData)
                 })
             }
         },
+        report() {
+            let obj = {
+                token: this.form.token,
+                sCountryS: this.countries.join(','),
+                sEnergyS: this.energies.join(','),
+                sPriceRangeS: this.prices.join(','),
+                sDisplacementS: this.displacements.join(','),
+                sSeatS: this.seats.join(','),
+                sSerieName: this.seriesList.join(','),
+                sSpecName1: this.specs.join(','),
+                sSpecName2: this.specs2.join(','),
+                sTimeType: 4,
+                sStartTime: this.selTime[0],
+                sEndTime: this.selTime[1],
+                isExcel: 1,
+            };
+            getSalesCompetitionList(obj).then(res => {
+                let data = res.data;
+                window.open(data);
+            })
+        }
     }
 }
 </script>
@@ -250,20 +287,4 @@ export default {
         height: 1060px;
     }
 }
-.mcomp-light {
-    width: 1552px;
-    background: #fff;
-    // height: 460px;
-    border: 2px solid #0f2a4d;
-    .d2 {
-        display: flex;
-        justify-content: flex-start;
-        padding: 8px 16px 0px 16px;
-    }
-    .d3 {
-        // padding: 0px 16px 16px 16px;
-        width: 100%;
-        height: 1060px;
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketComp/opt.js b/src/views/SaleRank/MarketComp/opt.js
index 3d2b04d..7f3cf72 100644
--- a/src/views/SaleRank/MarketComp/opt.js
+++ b/src/views/SaleRank/MarketComp/opt.js
@@ -1,3 +1,5 @@
+import * as echarts from "echarts";
+import { bigNumberTransform } from "@/utils/gol/dataTool"
 export default function createOpt(data = [],extraData = []) {
     return {
         grid: {
@@ -64,4 +66,4 @@ export default function createOpt(data = [],extraData = []) {
             },
           ]
     }
-}
\ No newline at end of file
+}
diff --git a/src/views/SaleRank/MarketComp/optLight.js b/src/views/SaleRank/MarketComp/optLight.js
index 8d494fb..4506cc5 100644
--- a/src/views/SaleRank/MarketComp/optLight.js
+++ b/src/views/SaleRank/MarketComp/optLight.js
@@ -64,4 +64,4 @@ export default function createOptLight(data = [],extraData = []) {
             },
           ]
     }
-}
\ No newline at end of file
+}
diff --git a/src/views/SaleRank/MarketSaleChina/mscCompChart/index.vue b/src/views/SaleRank/MarketSaleChina/mscCompChart/index.vue
index 3487690..98cabb7 100644
--- a/src/views/SaleRank/MarketSaleChina/mscCompChart/index.vue
+++ b/src/views/SaleRank/MarketSaleChina/mscCompChart/index.vue
@@ -1,7 +1,11 @@
 <template>
-    <div class="mcomp-outter" :style="getIsLight?{background: '#FFF'}:{}">
-        <v-label-div v-if="!getIsLight" title="全车型竞争关系图谱"></v-label-div>
-        <v-label-div-light v-else title="全车型竞争关系图谱"></v-label-div-light>
+    <div :class="getIsLight?'mcomp-light':'mcomp-outter'">
+        <v-label-div v-if="!getIsLight" title="全车型竞争关系图谱">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div>
+        <v-label-div-light v-else title="全车型竞争关系图谱" class="lightSy">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div-light>
         <div class="d2">
             <a-form-model layout="inline">
                 <a-form-model-item :class="getIsLight?'lightSy':'dark'" label="数据筛选">
@@ -35,13 +39,13 @@
                             {{item.value}}
                         </a-select-option>
                     </a-select>
-                    <a-button type="primary" style="margin-left: 16px" @click="getData">查询</a-button>
+                    <a-button :class="getIsLight?'lightSy':'dark'" type="primary" style="margin-left: 16px" @click="getData">查询</a-button>
                 </a-form-model-item>
             </a-form-model>
         </div>
         <div class="d2">
-            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
-                <a-form-model-item label="选择日期">
+            <a-form-model layout="inline">
+                <a-form-model-item label="选择日期" :class="getIsLight?'lightSy':'dark'">
                     <a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[0]" valueFormat="YYYY-MM" placeholder="开始日期"></a-month-picker>
                     <a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[1]" valueFormat="YYYY-MM" placeholder="结束日期"></a-month-picker>
                 </a-form-model-item>
@@ -69,7 +73,7 @@
 import {getCountryS,getPriceRangeS,getSpecName1,getSeatS,getDisplacementS,getEnergyS} from "@/api/SaleRankMarketCommon";
 import {getSalesCompetitionALLList,getSalesCompetitionList,getSalesCompetitionAnalysis} from "@/api/SaleRankMarket";
 import createOpt from "./opt"
-import createOptLight from "./optLight"
+import createOpt2 from "./optLight"
 import {getCheZhuLatestTime} from "@/api/SaleRank"
 export default {
     name: 'CitySale',
@@ -81,8 +85,7 @@ export default {
                 sEnergyS: '',
                 sPriceRangeS: '',
                 sDisplacementS: '',
-                sSerieName: '', //
-                sSeatS: '', 
+                sSeatS: '',
                 sSpecName1: '',
                 sTimeType: 4,
                 sStartTime: '',
@@ -94,7 +97,6 @@ export default {
             prices: [],
             specs: [],
             specs2: [],
-            series: [], //
             displacements: [],
             seats: [],
             selTime: ['',''],
@@ -154,14 +156,13 @@ export default {
                 sPriceRangeS: this.prices.join(','),
                 sDisplacementS: this.displacements.join(','),
                 sSeatS: this.seats.join(','),
-                sSerieName: this.seriesList.join(','),
                 sSpecName1: this.specs.join(','),
                 sSpecName2: this.specs2.join(','),
                 sTimeType: 4,
                 sStartTime: this.selTime[0],
                 sEndTime: this.selTime[1],
             }
-            getSalesCompetitionList(obj).then(res => {
+            getSalesCompetitionALLList(obj).then(res => {
                 let data = res.data;
                 // [ [车长，售价，销量，车名，'total'],[] ]
                 let arr = [];
@@ -174,7 +175,7 @@ export default {
                 });
                 this.totalData = arr;
                 this.opt = createOpt(this.totalData, this.extraData);
-                this.opt2 = createOptLight(this.totalData, this.extraData)
+                this.opt2 = createOpt2(this.totalData, this.extraData)
             })
         },
         //添加车型
@@ -200,7 +201,7 @@ export default {
                 });
                 this.extraData = extraArr;
                 this.opt = createOpt(this.totalData, this.extraData);
-                this.opt2 = createOptLight(this.totalData, this.extraData)
+                this.opt2 = createOpt2(this.totalData, this.extraData)
             })
             this.modelShow = false;
         },
@@ -210,7 +211,7 @@ export default {
             if(this.seriesList.length == 0) {
                 this.extraData = [];
                 this.opt = createOpt(this.totalData, this.extraData);
-                this.opt2 = createOptLight(this.totalData, this.extraData)
+                this.opt2 = createOpt2(this.totalData, this.extraData)
             } else {
                 let obj = {
                     token: this.form.token,
@@ -229,10 +230,30 @@ export default {
                     });
                     this.extraData = extraArr;
                     this.opt = createOpt(this.totalData, this.extraData);
-                    this.opt2 = createOptLight(this.totalData, this.extraData)
+                    this.opt2 = createOpt2(this.totalData, this.extraData)
                 })
             }
         },
+        report() {
+            let obj = {
+                token: this.form.token,
+                sCountryS: this.countries.join(','),
+                sEnergyS: this.energies.join(','),
+                sPriceRangeS: this.prices.join(','),
+                sDisplacementS: this.displacements.join(','),
+                sSeatS: this.seats.join(','),
+                sSpecName1: this.specs.join(','),
+                sSpecName2: this.specs2.join(','),
+                sTimeType: 4,
+                sStartTime: this.selTime[0],
+                sEndTime: this.selTime[1],
+                isExcel: 1,
+            }
+            getSalesCompetitionALLList(obj).then(res => {
+                let data = res.data;
+                window.open(data);
+            })
+        }
     }
 }
 </script>
@@ -253,4 +274,20 @@ export default {
         height: 1060px;
     }
 }
+.mcomp-light {
+    width: 1552px;
+    background: #fff;
+    // height: 460px;
+    border: 2px solid #0f2a4d;
+    .d2 {
+        display: flex;
+        justify-content: flex-start;
+        padding: 8px 16px 0px 16px;
+    }
+    .d3 {
+        // padding: 0px 16px 16px 16px;
+        width: 100%;
+        height: 1060px;
+    }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleChina/mscCompChart/opt.js b/src/views/SaleRank/MarketSaleChina/mscCompChart/opt.js
index 7f3cf72..3d2b04d 100644
--- a/src/views/SaleRank/MarketSaleChina/mscCompChart/opt.js
+++ b/src/views/SaleRank/MarketSaleChina/mscCompChart/opt.js
@@ -1,5 +1,3 @@
-import * as echarts from "echarts";
-import { bigNumberTransform } from "@/utils/gol/dataTool"
 export default function createOpt(data = [],extraData = []) {
     return {
         grid: {
@@ -66,4 +64,4 @@ export default function createOpt(data = [],extraData = []) {
             },
           ]
     }
-}
+}
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleChina/mscCompChart/optLight.js b/src/views/SaleRank/MarketSaleChina/mscCompChart/optLight.js
index 4506cc5..8d494fb 100644
--- a/src/views/SaleRank/MarketSaleChina/mscCompChart/optLight.js
+++ b/src/views/SaleRank/MarketSaleChina/mscCompChart/optLight.js
@@ -64,4 +64,4 @@ export default function createOptLight(data = [],extraData = []) {
             },
           ]
     }
-}
+}
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/index.vue b/src/views/SaleRank/MarketSaleChina/mscTotal/index.vue
index 621a4aa..6153e23 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/index.vue
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/index.vue
@@ -3,6 +3,7 @@
         <totalTop20></totalTop20>
         <totalPassengerVehicle></totalPassengerVehicle>
         <totalTraditionCar></totalTraditionCar>
+        <totalNewEnergyCar></totalNewEnergyCar>
     </div>
 </template>
 
@@ -10,11 +11,13 @@
 import totalTop20 from "./totalTop20"
 import totalPassengerVehicle from "./totalPassengerVehicle"
 import totalTraditionCar from "./totalTraditionCar"
+import totalNewEnergyCar from "./totalNewEnergyCar"
 export default {
     components: {
         totalTop20,
         totalPassengerVehicle,
-        totalTraditionCar
+        totalTraditionCar,
+        totalNewEnergyCar
     },
     name: 'mscTotal',
     data() {
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/index.vue b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/index.vue
new file mode 100644
index 0000000..b23b52c
--- /dev/null
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/index.vue
@@ -0,0 +1,98 @@
+<template>
+    <div class="ttc-outter" :style="getIsLight?{background: '#FFF'}:{}">
+        <v-label-div v-if="!getIsLight" title="新能源车市场">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div>
+        <v-label-div-light v-else title="新能源车市场" class="lightSy">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div-light>
+        <div v-if="!getIsLight" class="d3">
+            <v-echarts :opt="opt"></v-echarts>
+        </div>
+        <div v-else class="d3">
+            <v-echarts :opt="opt2"></v-echarts>
+        </div>
+    </div>
+</template>
+
+<script>
+import createOpt from './opt'
+import createOptLight from './optLight'
+import {getSalesGrowthRatioByFuel} from "@/api/SaleRankMarket";
+import {getCheZhuLatestTime} from "@/api/SaleRank"
+export default {
+    name: 'totalPassengerVehicle',
+    data() {
+        return {
+            form: {
+                token: '',
+                sTimeType: 4,
+                sStartTime: '',
+                sEndTime: '',
+            },
+            opt: {},
+            opt2: {},
+        }
+    },
+    created() {
+        this.form.token = this.getToken;
+        getCheZhuLatestTime({token: this.form.token}).then(res => {
+            this.form.sStartTime = '2021-01';
+            this.form.sEndTime = res.data;
+            this.getData()
+        })
+    },
+    methods: {
+        getData() {
+            getSalesGrowthRatioByFuel(this.form).then(res => {
+                let data = res.data;
+                let firstYearData = []; //0 - 11 count
+                let secondYearData = []; //12+ count
+                let percent = []; //12+ YearOnYearGrowth
+                for(let i = 0;i<data.length;i++) {
+                    if(i < 12) {
+                        firstYearData.push(data[i].Count)
+                    } else {
+                        secondYearData.push(data[i].Count);
+                        percent.push(data[i].YearOnYearGrowth)
+                    }
+                };
+                this.opt = createOpt(firstYearData,secondYearData,percent)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
+            })
+        },
+        report() {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+                isExcel: 1,
+            };
+            getSalesGrowthRatioByFuel(obj).then(res => {
+                let data = res.data;
+                window.open(data);
+            })
+        }
+    }
+}
+</script>
+
+<style lang="less">
+.ttc-outter {
+    width: 1552px;
+    height: 492px;
+    margin-top: 16px;
+    border: 2px solid #0f2a4d;
+    .d2 {
+        display: flex;
+        justify-content: flex-start;
+        padding: 8px 16px 0px 16px;
+    }
+    .d3 {
+        // padding: 0px 16px 16px 16px;
+        width: 100%;
+        height: calc(100% - 48px);
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/opt.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/opt.js
new file mode 100644
index 0000000..fd7721b
--- /dev/null
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/opt.js
@@ -0,0 +1,156 @@
+
+import { bigNumberTransform } from "@/utils/gol/dataTool"
+import * as echarts from "echarts";
+export default function createOpt(firstData = [], secondData = [], percent = []) {
+    return {
+        tooltip: {
+            trigger: "axis",
+            backgroundColor: "#08182F",
+            axisPointer: {
+                type: 'cross',
+                crossStyle: {
+                  color: '#999'
+                }
+            },
+            borderColor: "#3373CC",
+            textStyle: {
+                color: "#fff", //设置文字颜色
+            },
+            extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
+          },
+          grid: {
+            left: 10,
+            right: 10,
+            bottom: 10,
+            containLabel: true
+          },
+          legend: {
+              textStyle: { //图例文字的样式
+                color: '#fff',
+                fontSize: 10
+              },
+              y: 10,
+              x: 10,
+              itemWidth: 12,
+              itemHeight: 12,
+              borderRadius: 1, //圆角半径
+          },
+          xAxis: [
+            {
+              type: 'category',
+              data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月',],
+              axisPointer: {
+                type: 'shadow'
+              },
+              axisLabel: {
+                color: '#FFF'
+              }
+            }
+          ],
+          yAxis: [
+            {
+              type: 'value',
+              axisLabel: {
+                formatter: (value) => {
+                    return bigNumberTransform(value);
+                },
+                color: '#FFF'
+              },
+              splitLine:{
+                show:false
+              },
+            },
+            {
+              type: 'value',
+              axisLabel: {
+                formatter: '{value}%',
+                color: '#FFF'
+              },
+              splitLine:{
+                show:false
+              },
+            }
+          ],
+          series: [
+            {
+              name: '2021',
+              type: 'bar',
+              barWidth: 20,
+              tooltip: {
+                valueFormatter: function (value) {
+                  return value;
+                }
+              },
+              itemStyle: {
+                normal: {
+                  //柱体的颜色
+                  //右，下，左，上（1，0，0，0）表示从正右开始向左渐变
+                  color: function () {
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      {
+                        offset: 0,
+                        color: '#3373CC'
+                      },
+                      {
+                        offset: 1,
+                        color: '#3E8CF940'
+                      }
+                    ], false);
+                  }
+                }
+              },
+              label: {
+                show: true,
+                position: 'top',
+                color: '#FFF'
+              },
+              data: firstData
+            },
+            {
+              name: '2022',
+              type: 'bar',
+              barWidth: 20,
+              tooltip: {
+                valueFormatter: function (value) {
+                  return value;
+                }
+              },
+              itemStyle: {
+                normal: {
+                  //柱体的颜色
+                  //右，下，左，上（1，0，0，0）表示从正右开始向左渐变
+                  color: function () {
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      {
+                        offset: 0,
+                        color: '#54BF93'
+                      },
+                      {
+                        offset: 1,
+                        color: '#61DDAA30'
+                      }
+                    ], false);
+                  }
+                }
+              },
+              label: {
+                show: true,
+                position: 'top',
+                color: '#FFF'
+              },
+              data: secondData
+            },
+            {
+              name: '同比',
+              type: 'line',
+              yAxisIndex: 1,
+              tooltip: {
+                valueFormatter: function (value) {
+                  return value+'%';
+                }
+              },
+              data: percent
+            }
+          ]
+    }
+}
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/optLight.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/optLight.js
new file mode 100644
index 0000000..b80fd6e
--- /dev/null
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/optLight.js
@@ -0,0 +1,156 @@
+
+import { bigNumberTransform } from "@/utils/gol/dataTool"
+import * as echarts from "echarts";
+export default function createOptLight(firstData = [], secondData = [], percent = []) {
+    return {
+        tooltip: {
+            trigger: "axis",
+            backgroundColor: "#08182F",
+            axisPointer: {
+                type: 'cross',
+                crossStyle: {
+                  color: '#999'
+                }
+            },
+            borderColor: "#3373CC",
+            textStyle: {
+                color: "#fff", //设置文字颜色
+            },
+            extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
+          },
+          grid: {
+            left: 10,
+            right: 10,
+            bottom: 10,
+            containLabel: true
+          },
+          legend: {
+              textStyle: { //图例文字的样式
+                color: '#000',
+                fontSize: 10
+              },
+              y: 10,
+              x: 10,
+              itemWidth: 12,
+              itemHeight: 12,
+              borderRadius: 1, //圆角半径
+          },
+          xAxis: [
+            {
+              type: 'category',
+              data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月',],
+              axisPointer: {
+                type: 'shadow'
+              },
+              axisLabel: {
+                color: '#000'
+              }
+            }
+          ],
+          yAxis: [
+            {
+              type: 'value',
+              axisLabel: {
+                formatter: (value) => {
+                    return bigNumberTransform(value);
+                },
+                color: '#000'
+              },
+              splitLine:{
+                show:false
+              },
+            },
+            {
+              type: 'value',
+              axisLabel: {
+                formatter: '{value}%',
+                color: '#000'
+              },
+              splitLine:{
+                show:false
+              },
+            }
+          ],
+          series: [
+            {
+              name: '2021',
+              type: 'bar',
+              barWidth: 20,
+              tooltip: {
+                valueFormatter: function (value) {
+                  return value;
+                }
+              },
+              itemStyle: {
+                normal: {
+                  //柱体的颜色
+                  //右，下，左，上（1，0，0，0）表示从正右开始向左渐变
+                  color: function () {
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      {
+                        offset: 0,
+                        color: '#3373CC'
+                      },
+                      {
+                        offset: 1,
+                        color: '#3E8CF940'
+                      }
+                    ], false);
+                  }
+                }
+              },
+              label: {
+                show: true,
+                position: 'top',
+                color: '#000'
+              },
+              data: firstData
+            },
+            {
+              name: '2022',
+              type: 'bar',
+              barWidth: 20,
+              tooltip: {
+                valueFormatter: function (value) {
+                  return value;
+                }
+              },
+              itemStyle: {
+                normal: {
+                  //柱体的颜色
+                  //右，下，左，上（1，0，0，0）表示从正右开始向左渐变
+                  color: function () {
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      {
+                        offset: 0,
+                        color: '#54BF93'
+                      },
+                      {
+                        offset: 1,
+                        color: '#61DDAA30'
+                      }
+                    ], false);
+                  }
+                }
+              },
+              label: {
+                show: true,
+                position: 'top',
+                color: '#000'
+              },
+              data: secondData
+            },
+            {
+              name: '同比',
+              type: 'line',
+              yAxisIndex: 1,
+              tooltip: {
+                valueFormatter: function (value) {
+                  return value+'%';
+                }
+              },
+              data: percent
+            }
+          ]
+    }
+}
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/index.vue b/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/index.vue
index 686d70c..0c2de82 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/index.vue
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/index.vue
@@ -1,7 +1,11 @@
 <template>
     <div class="tpsv-outter" :style="getIsLight?{background: '#FFF'}:{}">
-        <v-label-div v-if="!getIsLight" title="狭义乘用车"></v-label-div>
-        <v-label-div-light v-else title="狭义乘用车"></v-label-div-light>
+        <v-label-div v-if="!getIsLight" title="狭义乘用车">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div>
+        <v-label-div-light v-else title="狭义乘用车" class="lightSy">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div-light>
         <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
@@ -55,8 +59,21 @@ export default {
                 };
                 this.opt = createOpt(firstYearData,secondYearData,percent)
                 this.opt2 = createOptLight(firstYearData,secondYearData,percent)
-            })
+            });
         },
+        report() {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+                isExcel: 1,
+            };
+            getSalesGrowthRatio(obj).then(res => {
+                let data = res.data;
+                window.open(data);
+            })
+        }
     }
 }
 </script>
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/index.vue b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/index.vue
index 5fc10d0..f4bf20f 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/index.vue
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/index.vue
@@ -1,10 +1,12 @@
 <template>
     <div class="tp20-outter" :style="getIsLight?{background: '#FFF'}:{}">
-        <v-label-div v-if="!getIsLight" title="品牌销量排行榜TOP20">
+        <v-label-div v-if="!getIsLight" :title="tValue==0?'品牌销量排行榜TOP20':'车型销量排行榜TOP20'">
             <v-tab-group :value="tValue" :style="{ background: 'transparent' }" :btns="btnTimes" @change="handlerType"></v-tab-group>
+            <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div>
-        <v-label-div-light v-else title="品牌销量排行榜TOP20">
+        <v-label-div-light v-else :title="tValue==0?'品牌销量排行榜TOP20':'车型销量排行榜TOP20'" class="lightSy">
             <v-tab-group-light :value="tValue" :style="{ background: 'transparent' }" :btns="btnTimes" @change="handlerType"></v-tab-group-light>
+            <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
         <div class="d2">
             <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
@@ -96,6 +98,26 @@ export default {
             this.tValue = index;
             this.getData();
         },
+        report() {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.selTime[0],
+                sEndTime: this.selTime[1],
+                isExcel: 1,
+            };
+            if(this.tValue == 0) {
+                getSalesBrandTop20(obj).then(res => {
+                    let data = res.data;
+                    window.open(data);
+                })
+            } else {
+                getSalesCarseriesTop20(obj).then(res => {
+                    let data = res.data;
+                    window.open(data);
+                })
+            }
+        }
     }
 }
 </script>
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/index.vue b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/index.vue
index 31842cf..c4394d7 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/index.vue
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/index.vue
@@ -1,7 +1,11 @@
 <template>
     <div class="ttc-outter" :style="getIsLight?{background: '#FFF'}:{}">
-        <v-label-div v-if="!getIsLight" title="传统燃油车市场"></v-label-div>
-        <v-label-div-light v-else title="传统燃油车市场"></v-label-div-light>
+        <v-label-div v-if="!getIsLight" title="传统燃油车市场">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div>
+        <v-label-div-light v-else title="传统燃油车市场" class="lightSy">
+            <a-button type="primary" @click="report">导出报告</a-button>
+        </v-label-div-light>
         <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
@@ -57,6 +61,19 @@ export default {
                 this.opt2 = createOptLight(firstYearData,secondYearData,percent)
             })
         },
+        report() {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+                isExcel: 1,
+            };
+            getSalesGrowthRatioByFuel(obj).then(res => {
+                let data = res.data;
+                window.open(data);
+            })
+        }
     }
 }
 </script>
diff --git a/src/views/SaleRank/MarketSaleNE/mneCountryPercent/index.vue b/src/views/SaleRank/MarketSaleNE/mneCountryPercent/index.vue
index 08a6f79..19ae9dd 100644
--- a/src/views/SaleRank/MarketSaleNE/mneCountryPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mneCountryPercent/index.vue
@@ -103,11 +103,8 @@ export default {
                 isExcel: 1,
             };
             getSalesCountrysTypesE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleNE/mneEnergyType/index.vue b/src/views/SaleRank/MarketSaleNE/mneEnergyType/index.vue
index a9336e3..e61fe18 100644
--- a/src/views/SaleRank/MarketSaleNE/mneEnergyType/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mneEnergyType/index.vue
@@ -102,12 +102,9 @@ export default {
                 sEndTime: this.selTime[1],
                 isExcel: 1,
             };
-            getSalesEnergyTypesE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+            getSalesEnergyTypesE(obj).then((res) => {
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/index.vue b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/index.vue
index 5e9b0e0..091ef34 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/index.vue
@@ -65,16 +65,13 @@ export default {
             let obj = {
                 token: this.form.token,
                 sTimeType: 4,
-                sStartTime: this.selTime[0],
-                sEndTime: this.selTime[1],
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
             getSalesSpecName1TypesBySedanE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/index.vue b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/index.vue
index c99963c..a92e465 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/index.vue
@@ -65,16 +65,13 @@ export default {
             let obj = {
                 token: this.form.token,
                 sTimeType: 4,
-                sStartTime: this.selTime[0],
-                sEndTime: this.selTime[1],
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
             getSalesSpecName1TypesByMpvE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/index.vue b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/index.vue
index b408b07..16dcd05 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/index.vue
@@ -65,16 +65,13 @@ export default {
             let obj = {
                 token: this.form.token,
                 sTimeType: 4,
-                sStartTime: this.selTime[0],
-                sEndTime: this.selTime[1],
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
             getSalesSpecName1TypesBySuvE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesTotal/index.vue b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesTotal/index.vue
index 4fde178..9d37b8b 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesTotal/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesTotal/index.vue
@@ -100,16 +100,13 @@ export default {
             let obj = {
                 token: this.form.token,
                 sTimeType: 4,
-                sStartTime: this.selTime[0],
-                sEndTime: this.selTime[1],
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
             getSalesSpecName1TypesE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precAutoPercent/index.vue b/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precAutoPercent/index.vue
index 4b3cc00..565bdff 100644
--- a/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precAutoPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precAutoPercent/index.vue
@@ -84,11 +84,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecNameTypesBySedanE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precMpvPercent/index.vue b/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precMpvPercent/index.vue
index 97d6a93..de50b0c 100644
--- a/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precMpvPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precMpvPercent/index.vue
@@ -84,11 +84,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecNameTypesByMpvE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precPercent/index.vue b/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precPercent/index.vue
index 2d7b2a4..93d4d15 100644
--- a/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precPercent/index.vue
@@ -84,11 +84,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecNameTypesE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precSuvPercent/index.vue b/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precSuvPercent/index.vue
index 3ee6038..0c8a699 100644
--- a/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precSuvPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mnePrecisionType/precSuvPercent/index.vue
@@ -84,11 +84,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecNameTypesBySuvE(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstCountryPercent/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstCountryPercent/index.vue
index b532d1c..5b50c28 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstCountryPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstCountryPercent/index.vue
@@ -103,11 +103,8 @@ export default {
                 isExcel: 1,
             };
             getSalesCountrysTypes(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstMPPercent/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstMPPercent/index.vue
index e318328..927ca47 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstMPPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstMPPercent/index.vue
@@ -103,11 +103,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecNameByPriceRange(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstMainPrice/mainBrand/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstMainPrice/mainBrand/index.vue
index 9f6ab31..e5f3fa4 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstMainPrice/mainBrand/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstMainPrice/mainBrand/index.vue
@@ -97,11 +97,8 @@ export default {
                 isExcel: 1,
             };
             getSalesPriceRangeSBrand(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstMainPrice/mainCountry/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstMainPrice/mainCountry/index.vue
index edf5067..1ff4540 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstMainPrice/mainCountry/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstMainPrice/mainCountry/index.vue
@@ -105,11 +105,8 @@ export default {
                 isExcel: 1,
             };
             getSalesPriceRangeSTypes(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precAutoPercent/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precAutoPercent/index.vue
index 194f372..b5d6515 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precAutoPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precAutoPercent/index.vue
@@ -84,11 +84,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecNameTypesBySedan(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precMpvPercent/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precMpvPercent/index.vue
index b2dfb82..a5305ed 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precMpvPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precMpvPercent/index.vue
@@ -84,11 +84,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecNameTypesByMpv(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precPercent/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precPercent/index.vue
index 9f0ebce..2e37a1b 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precPercent/index.vue
@@ -84,11 +84,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecNameTypes(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precSuvPercent/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precSuvPercent/index.vue
index 583e292..96a20d9 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precSuvPercent/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstPrecisionType/precSuvPercent/index.vue
@@ -84,11 +84,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecNameTypesBySuv(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/index.vue
index 61f95fb..5d29e2e 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/index.vue
@@ -65,16 +65,13 @@ export default {
             let obj = {
                 token: this.form.token,
                 sTimeType: 4,
-                sStartTime: this.selTime[0],
-                sEndTime: this.selTime[1],
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
             getSalesSpecName1TypesBySedan(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/index.vue
index 413ff0e..eeb69cb 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/index.vue
@@ -65,16 +65,13 @@ export default {
             let obj = {
                 token: this.form.token,
                 sTimeType: 4,
-                sStartTime: this.selTime[0],
-                sEndTime: this.selTime[1],
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
             getSalesSpecName1TypesByMpv(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/index.vue
index c25431b..8935172 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/index.vue
@@ -65,16 +65,13 @@ export default {
             let obj = {
                 token: this.form.token,
                 sTimeType: 4,
-                sStartTime: this.selTime[0],
-                sEndTime: this.selTime[1],
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
             getSalesSpecName1TypesBySuv(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesTotal/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesTotal/index.vue
index ad4d52a..ef95532 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesTotal/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesTotal/index.vue
@@ -105,11 +105,8 @@ export default {
                 isExcel: 1,
             };
             getSalesSpecName1Types(obj).then(() => {
-                this.$notification.open({
-                    message: `数据生成中`,
-                    description: "请前往个人中心查看下载进度",
-                    placement: "bottomRight",
-                });
+                let data = res.data;
+                window.open(data);
             });
         }
     }
diff --git a/src/views/SaleRank/index.vue b/src/views/SaleRank/index.vue
index 8089c3e..e71d4ae 100644
--- a/src/views/SaleRank/index.vue
+++ b/src/views/SaleRank/index.vue
@@ -144,8 +144,8 @@ export default {
             isLoading: false,
             dd: false, //下拉菜单
             //左侧菜单
-            rootSubmenuKeys:['sub1', 'sub2', 'sub3'],
-            openKeys: ['sub1'],
+            rootSubmenuKeys:['sub1', 'sub2', 'sub3','sub4','sub5','sub6'],
+            openKeys: [],
             form: {
                 token: '',
                 sStartTime: '',

From 611b0aa282dfd44ca915e6b6b0365e101f979775 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Mon, 15 Aug 2022 17:34:03 +0800
Subject: [PATCH 2/2] zx

---
 .../KeyMediaBrand/weiboCharacters/index.vue   |  1 +
 .../KeyMediaEvent/popularEventsList/index.vue |  2 +-
 .../KeyMediaEvent/weiboCharacters/index.vue   |  9 ++--
 .../weiboContentTOPVolume/index.vue           |  2 +-
 .../KeyMediaEvent/weiboContentType/index.vue  |  2 +-
 .../weiboUserActiveArea/index.vue             |  2 +-
 .../KeyMediaEvent/weiboWordCloud/index.vue    |  2 +-
 .../KeyMediaHome/weiboCharacters/index.vue    |  1 +
 .../weiboCommunicationTrendLong/index.vue     |  6 +--
 .../KeyMediaSeries/weiboCharacters/index.vue  |  1 +
 .../KeyMediaTheme/weiboCharacters/index.vue   |  1 +
 .../SuspectedCarBlackIDStoken/index.vue       |  1 -
 .../mfdCommunicationTrendStoken/index.vue     |  1 -
 .../mfdContentTypeStoken/index.vue            |  1 -
 .../ModelForumDetails/mfdHeader/index.vue     | 15 +++---
 .../mscTotal/totalNewEnergyCar/index.vue      | 48 +++++++++++++----
 .../mscTotal/totalNewEnergyCar/opt.js         |  6 +--
 .../mscTotal/totalNewEnergyCar/optLight.js    |  6 +--
 .../mscTotal/totalPassengerVehicle/index.vue  | 38 ++++++++++---
 .../mscTotal/totalPassengerVehicle/opt.js     |  6 +--
 .../totalPassengerVehicle/optLight.js         |  6 +--
 .../mscTotal/totalTop20/index.vue             |  4 +-
 .../mscTotal/totalTop20/opt.js                |  2 +-
 .../mscTotal/totalTop20/optLight.js           |  2 +-
 .../mscTotal/totalTraditionCar/index.vue      | 44 +++++++++++----
 .../mscTotal/totalTraditionCar/opt.js         |  6 +--
 .../mscTotal/totalTraditionCar/optLight.js    |  6 +--
 .../mneMainPrice/seriesAuto/index.vue         | 54 ++++++++++++++-----
 .../mneMainPrice/seriesAuto/opt.js            |  6 +--
 .../mneMainPrice/seriesAuto/optLight.js       |  6 +--
 .../mneMainPrice/seriesMpv/index.vue          | 50 ++++++++++++-----
 .../mneMainPrice/seriesMpv/opt.js             |  6 +--
 .../mneMainPrice/seriesMpv/optLight.js        |  6 +--
 .../mneMainPrice/seriesSuv/index.vue          | 50 ++++++++++++-----
 .../mneMainPrice/seriesSuv/opt.js             |  6 +--
 .../mneMainPrice/seriesSuv/optLight.js        |  6 +--
 .../mstSeriesType/seriesAuto/index.vue        | 54 ++++++++++++++-----
 .../mstSeriesType/seriesAuto/opt.js           |  6 +--
 .../mstSeriesType/seriesAuto/optLight.js      |  6 +--
 .../mstSeriesType/seriesMpv/index.vue         | 50 ++++++++++++-----
 .../mstSeriesType/seriesMpv/opt.js            |  6 +--
 .../mstSeriesType/seriesMpv/optLight.js       |  6 +--
 .../mstSeriesType/seriesSuv/index.vue         | 50 ++++++++++++-----
 .../mstSeriesType/seriesSuv/opt.js            |  6 +--
 .../mstSeriesType/seriesSuv/optLight.js       |  6 +--
 45 files changed, 418 insertions(+), 183 deletions(-)

diff --git a/src/views/KeyMediaBrand/weiboCharacters/index.vue b/src/views/KeyMediaBrand/weiboCharacters/index.vue
index 02d0663..c061849 100644
--- a/src/views/KeyMediaBrand/weiboCharacters/index.vue
+++ b/src/views/KeyMediaBrand/weiboCharacters/index.vue
@@ -11,6 +11,7 @@
     <v-label-div title="内容分布">
       <div>
         <v-tab-group
+          v-if="form.ilimitType == 1 || form.ilimitType == 2"
           :btns="['认证', '精华', '图文']"
           @change="handlerTab"
         ></v-tab-group>
diff --git a/src/views/KeyMediaEvent/popularEventsList/index.vue b/src/views/KeyMediaEvent/popularEventsList/index.vue
index 7236589..0d2a847 100644
--- a/src/views/KeyMediaEvent/popularEventsList/index.vue
+++ b/src/views/KeyMediaEvent/popularEventsList/index.vue
@@ -50,7 +50,7 @@ export default {
     },
     methods: {
         getData() {
-            let obj = Object.assign({}, this.getCtime2, this.form);
+            let obj = Object.assign({}, this.form);
             // this.load = true;
             getList(obj).then(res => {
                 let data = res.data;
diff --git a/src/views/KeyMediaEvent/weiboCharacters/index.vue b/src/views/KeyMediaEvent/weiboCharacters/index.vue
index a948a0f..d8d162b 100644
--- a/src/views/KeyMediaEvent/weiboCharacters/index.vue
+++ b/src/views/KeyMediaEvent/weiboCharacters/index.vue
@@ -11,6 +11,7 @@
     <v-label-div title="内容分布">
       <div>
         <v-tab-group
+          v-if="form.ilimitType == 1 || form.ilimitType == 2"
           :btns="['认证', '精华', '图文']"
           @change="handlerTab"
         ></v-tab-group>
@@ -107,7 +108,7 @@ export default {
   methods: {
     // 获取后台数据
     getData() {
-      let obj = Object.assign({}, this.getCtime2, this.form);
+      let obj = Object.assign({}, this.form);
       // this.load = true;
       getUserAttestationGroupBy(obj).then((res) => {
         let data = res.data || {};
@@ -141,20 +142,20 @@ export default {
     handlerTab(n) {
       switch (n) {
         case 0:
-          getUserAttestationGroupBy(Object.assign({}, this.getCtime2, this.form)).then((res) => {
+          getUserAttestationGroupBy(Object.assign({}, this.form)).then((res) => {
             let data = res.data || {};
             this.doVal(data)
             this.load = false;
           });
         case 1:
-           getIsjingGroupBy(Object.assign({}, this.getCtime2, this.form)).then((res) => {
+           getIsjingGroupBy(Object.assign({}, this.form)).then((res) => {
               let data = res.data || {};
               this.doVal(data)
               this.load = false;
             });
           break;
         case 2:
-          getPicboolGroupBy(Object.assign({}, this.getCtime2, this.form)).then((res) => {
+          getPicboolGroupBy(Object.assign({}, this.form)).then((res) => {
             let data = res.data || {};
             this.doVal(data)
             this.load = false;
diff --git a/src/views/KeyMediaEvent/weiboContentTOPVolume/index.vue b/src/views/KeyMediaEvent/weiboContentTOPVolume/index.vue
index 82f8bdc..2dd6197 100644
--- a/src/views/KeyMediaEvent/weiboContentTOPVolume/index.vue
+++ b/src/views/KeyMediaEvent/weiboContentTOPVolume/index.vue
@@ -54,7 +54,7 @@ export default {
     methods: {
         getData() {
             // this.load = true;
-            let obj = Object.assign({}, this.getCtime2, this.form);
+            let obj = Object.assign({}, this.form);
             getDirectWeiBo0528(obj).then(res => {
                 let data = res.data || [];
                 let arr = [];
diff --git a/src/views/KeyMediaEvent/weiboContentType/index.vue b/src/views/KeyMediaEvent/weiboContentType/index.vue
index a4a6f79..23a3dda 100644
--- a/src/views/KeyMediaEvent/weiboContentType/index.vue
+++ b/src/views/KeyMediaEvent/weiboContentType/index.vue
@@ -83,7 +83,7 @@ export default {
   methods: {
     getData() {
       this.load = true;
-      let obj = Object.assign({}, this.getCtime2, this.form);
+      let obj = Object.assign({}, this.form);
       getWtypeWeiBo0528(obj).then((res) => {
         let data = res.data || [];
         this.doVal(data);
diff --git a/src/views/KeyMediaEvent/weiboUserActiveArea/index.vue b/src/views/KeyMediaEvent/weiboUserActiveArea/index.vue
index 73566af..72fb247 100644
--- a/src/views/KeyMediaEvent/weiboUserActiveArea/index.vue
+++ b/src/views/KeyMediaEvent/weiboUserActiveArea/index.vue
@@ -53,7 +53,7 @@ export default {
   methods: {
     getData() {
       this.load = true;
-      let obj = Object.assign({}, this.getCtime2, this.form);
+      let obj = Object.assign({}, this.form);
       getUserRegionGroupBy(obj).then((res) => {
         let data = res.data || {};
         let dx = []; //省份
diff --git a/src/views/KeyMediaEvent/weiboWordCloud/index.vue b/src/views/KeyMediaEvent/weiboWordCloud/index.vue
index 04b885c..2e624ca 100644
--- a/src/views/KeyMediaEvent/weiboWordCloud/index.vue
+++ b/src/views/KeyMediaEvent/weiboWordCloud/index.vue
@@ -57,7 +57,7 @@ export default {
     // 正面
     getH() {
       return new Promise((resolve, reject) => {
-        let obj = Object.assign({}, this.getCtime2, this.form);
+        let obj = Object.assign({}, this.form);
         getHotWord(obj)
           .then((res) => {
             this.positiveData = res.data || {};
diff --git a/src/views/KeyMediaHome/weiboCharacters/index.vue b/src/views/KeyMediaHome/weiboCharacters/index.vue
index 42c38ab..0f203cb 100644
--- a/src/views/KeyMediaHome/weiboCharacters/index.vue
+++ b/src/views/KeyMediaHome/weiboCharacters/index.vue
@@ -11,6 +11,7 @@
     <v-label-div title="内容分布">
       <div>
         <v-tab-group
+          v-if="form.ilimitType == 1 || form.ilimitType == 2"
           :btns="['认证', '精华', '图文']"
           @change="handlerTab"
         ></v-tab-group>
diff --git a/src/views/KeyMediaHome/weiboCommunicationTrendLong/index.vue b/src/views/KeyMediaHome/weiboCommunicationTrendLong/index.vue
index 7f9564f..4dc10cc 100644
--- a/src/views/KeyMediaHome/weiboCommunicationTrendLong/index.vue
+++ b/src/views/KeyMediaHome/weiboCommunicationTrendLong/index.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import {getTimeCount} from "@/api/KeyMediaBrand/index.js"
+import {getHomeTimeCount} from "@/api/KeyMediaHome/index.js"
 import {doStr} from "@/utils/gol/dataTool"
 import createOpt from "./opt"
 export default {
@@ -50,7 +50,6 @@ export default {
             //-*-//
             load: false, 
             form: {
-                sBrand: "",
                 token: "",
                 sSource: '',
                 ilimitType: 0,
@@ -61,7 +60,6 @@ export default {
     },
     created() {
         this.form.token = this.getToken;
-        this.form.sBrand = this.getBrand.brandname || "奥迪";
         this.form.sSource = this.$route.query.source || "抖音";
         if(this.form.sSource == '汽车之家') {
         this.form.ilimitType = 1;
@@ -94,7 +92,7 @@ export default {
         getData() {
             this.load = true;
             let obj = Object.assign({}, this.getCtime2, this.form);
-            getTimeCount(obj).then(res => {
+            getHomeTimeCount(obj).then(res => {
                 let data = res.data || [];               
                 let dx = []; //time
                 let ds = []; //value
diff --git a/src/views/KeyMediaSeries/weiboCharacters/index.vue b/src/views/KeyMediaSeries/weiboCharacters/index.vue
index 45b4b9c..1b64c62 100644
--- a/src/views/KeyMediaSeries/weiboCharacters/index.vue
+++ b/src/views/KeyMediaSeries/weiboCharacters/index.vue
@@ -11,6 +11,7 @@
     <v-label-div title="内容分布">
       <div>
         <v-tab-group
+          v-if="form.ilimitType == 1 || form.ilimitType == 2"
           :btns="['认证', '精华', '图文']"
           @change="handlerTab"
         ></v-tab-group>
diff --git a/src/views/KeyMediaTheme/weiboCharacters/index.vue b/src/views/KeyMediaTheme/weiboCharacters/index.vue
index 2428afe..1431e9f 100644
--- a/src/views/KeyMediaTheme/weiboCharacters/index.vue
+++ b/src/views/KeyMediaTheme/weiboCharacters/index.vue
@@ -11,6 +11,7 @@
     <v-label-div title="内容分布">
       <div>
         <v-tab-group
+          v-if="form.ilimitType == 1 || form.ilimitType == 2"
           :btns="['认证', '精华', '图文']"
           @change="handlerTab"
         ></v-tab-group>
diff --git a/src/views/ModelForumDetails/SuspectedCarBlackIDStoken/index.vue b/src/views/ModelForumDetails/SuspectedCarBlackIDStoken/index.vue
index 24b305c..d408ae3 100644
--- a/src/views/ModelForumDetails/SuspectedCarBlackIDStoken/index.vue
+++ b/src/views/ModelForumDetails/SuspectedCarBlackIDStoken/index.vue
@@ -26,7 +26,6 @@ export default {
                 token: "",
                 sSeriesName: "",
             },
-            opt: createOpt()
         }
     },
 }
diff --git a/src/views/ModelForumDetails/mfdCommunicationTrendStoken/index.vue b/src/views/ModelForumDetails/mfdCommunicationTrendStoken/index.vue
index d0efdc8..e156127 100644
--- a/src/views/ModelForumDetails/mfdCommunicationTrendStoken/index.vue
+++ b/src/views/ModelForumDetails/mfdCommunicationTrendStoken/index.vue
@@ -27,7 +27,6 @@ export default {
                 token: "",
                 sSeriesName: ""
             },
-            opt: createOpt()
         }
     },
 };
diff --git a/src/views/ModelForumDetails/mfdContentTypeStoken/index.vue b/src/views/ModelForumDetails/mfdContentTypeStoken/index.vue
index 20c3400..aa2ec17 100644
--- a/src/views/ModelForumDetails/mfdContentTypeStoken/index.vue
+++ b/src/views/ModelForumDetails/mfdContentTypeStoken/index.vue
@@ -23,7 +23,6 @@ export default {
             },
             labelArr: [],
             total: 0,
-            opt: createOpt(),
             colors: [
                 "#3373CC",
                 "#54BF93",
diff --git a/src/views/ModelForumDetails/mfdHeader/index.vue b/src/views/ModelForumDetails/mfdHeader/index.vue
index e9e1a6c..20f15e5 100644
--- a/src/views/ModelForumDetails/mfdHeader/index.vue
+++ b/src/views/ModelForumDetails/mfdHeader/index.vue
@@ -37,10 +37,11 @@
                     <span class="s1">{{(qrCount-hyqrCount).toFixed(2)}}
                         <a-tooltip placement="topRight">
                             <template slot="title">
+                                
                                 <div>千人发帖量算法：</div>
-                                <div>行业千人发帖量=[(行业所有车型主贴量*1000 ÷ 所有阅读量] ÷ 车型数量</div>
-                                <div>千人发帖量=(车型主贴量*1000 ÷ 阅读量</div>
-                                <div>千人发帖量量差=品牌千人发贴量-行业千人发帖量</div>
+                                <div>行业千人发帖量=【（行业所有车型主贴量×1000）÷所有阅读量】÷车型数量</div>
+                                <div>千人发帖量=（车型主贴量×1000）÷阅读量</div>
+                                <div>千人发帖量量差=品牌千人发帖量－行业千人发帖量</div>
                             </template>
                             <a-icon type="question-circle" style="margin-left: 0.3rem;color: #5a9ebc;" />
                         </a-tooltip> 
@@ -62,10 +63,10 @@
                     <span class="s1">{{(replyCount-hyreplyCount).toFixed(2)}}
                         <a-tooltip placement="topRight">
                             <template slot="title">
-                                <div>千人发帖量算法：</div>
-                                <div>行业千人评论量=[(行业所有车型评论量*1000 ÷ 所有阅读量] ÷ 车型数量</div>
-                                <div>千人评论量=(车型主贴量*1000 ÷ 阅读量</div>
-                                <div>千人评论量量差=品牌千人评论量-行业千人评论量</div>
+                                <div>千人评论量算法：</div>
+                                <div>行业千人评论量=【（行业所有车型评论量×1000）÷所有阅读量】÷车型数量</div>
+                                <div>千人评论量=（车型评论量×1000）÷阅读量</div>
+                                <div>千人评论量量差=品牌千人评论量－行业千人评论量</div>
                             </template>
                             <a-icon type="question-circle" style="margin-left: 0.3rem;color: #5a9ebc;" />
                         </a-tooltip>
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/index.vue b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/index.vue
index b23b52c..6679256 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/index.vue
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/index.vue
@@ -1,11 +1,20 @@
 <template>
-    <div class="ttc-outter" :style="getIsLight?{background: '#FFF'}:{}">
-        <v-label-div v-if="!getIsLight" title="新能源车市场">
+    <div class="tpsv-outter" :style="getIsLight?{background: '#FFF'}:{}">
+        <v-label-div v-if="!getIsLight" title="新能源车">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div>
-        <v-label-div-light v-else title="新能源车市场" class="lightSy">
+        <v-label-div-light v-else title="新能源车" class="lightSy">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
+        <div class="d2">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择年份">
+                    <a-select style="width: 146px" v-model="yearNumber" @change="yearChange">
+                        <a-select-option v-for="(item,index) in yearList" :key="index" :value='item'>{{item}}</a-select-option>
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
+        </div>
         <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
@@ -30,21 +39,33 @@ export default {
                 sStartTime: '',
                 sEndTime: '',
             },
+            yearNumber: 0,
+            selTime: ['',''],
             opt: {},
             opt2: {},
+            yearList: []
         }
     },
     created() {
         this.form.token = this.getToken;
         getCheZhuLatestTime({token: this.form.token}).then(res => {
-            this.form.sStartTime = '2021-01';
             this.form.sEndTime = res.data;
+            this.yearNumber = res.data.slice(0,4) * 1;
+            let currYear = res.data.slice(0,4) * 1;
+            this.yearList = [currYear, currYear-1, currYear-2 ,currYear-3 ,currYear-4]
+            this.form.sStartTime = (currYear-1) + '-01';
             this.getData()
         })
     },
     methods: {
         getData() {
-            getSalesGrowthRatioByFuel(this.form).then(res => {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+            }
+            getSalesGrowthRatioByFuel(obj).then(res => {
                 let data = res.data;
                 let firstYearData = []; //0 - 11 count
                 let secondYearData = []; //12+ count
@@ -57,9 +78,9 @@ export default {
                         percent.push(data[i].YearOnYearGrowth)
                     }
                 };
-                this.opt = createOpt(firstYearData,secondYearData,percent)
-                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
-            })
+                this.opt = createOpt(firstYearData,secondYearData,percent,this.yearNumber)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent,this.yearNumber)
+            });
         },
         report() {
             let obj = {
@@ -73,15 +94,20 @@ export default {
                 let data = res.data;
                 window.open(data);
             })
+        },
+        yearChange() {
+            this.form.sStartTime = (this.yearNumber-1) + '-01';
+            this.form.sEndTime = (this.yearNumber) + '-12';
+            this.getData()
         }
     }
 }
 </script>
 
 <style lang="less">
-.ttc-outter {
+.tpsv-outter {
     width: 1552px;
-    height: 492px;
+    height: 532px;
     margin-top: 16px;
     border: 2px solid #0f2a4d;
     .d2 {
@@ -92,7 +118,7 @@ export default {
     .d3 {
         // padding: 0px 16px 16px 16px;
         width: 100%;
-        height: calc(100% - 48px);
+        height: calc(100% - 96px);
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/opt.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/opt.js
index fd7721b..2af1e98 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/opt.js
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/opt.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOpt(firstData = [], secondData = [], percent = []) {
+export default function createOpt(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/optLight.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/optLight.js
index b80fd6e..f587b41 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/optLight.js
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalNewEnergyCar/optLight.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOptLight(firstData = [], secondData = [], percent = []) {
+export default function createOptLight(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/index.vue b/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/index.vue
index 0c2de82..5f567e4 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/index.vue
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/index.vue
@@ -6,6 +6,15 @@
         <v-label-div-light v-else title="狭义乘用车" class="lightSy">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
+        <div class="d2">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择年份">
+                    <a-select style="width: 146px" v-model="yearNumber" @change="yearChange">
+                        <a-select-option v-for="(item,index) in yearList" :key="index" :value='item'>{{item}}</a-select-option>
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
+        </div>
         <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
@@ -30,21 +39,33 @@ export default {
                 sStartTime: '',
                 sEndTime: '',
             },
+            yearNumber: 0,
+            selTime: ['',''],
             opt: {},
             opt2: {},
+            yearList: []
         }
     },
     created() {
         this.form.token = this.getToken;
         getCheZhuLatestTime({token: this.form.token}).then(res => {
-            this.form.sStartTime = '2021-01';
             this.form.sEndTime = res.data;
+            this.yearNumber = res.data.slice(0,4) * 1;
+            let currYear = res.data.slice(0,4) * 1;
+            this.yearList = [currYear, currYear-1, currYear-2 ,currYear-3 ,currYear-4]
+            this.form.sStartTime = (currYear-1) + '-01';
             this.getData()
         })
     },
     methods: {
         getData() {
-            getSalesGrowthRatio(this.form).then(res => {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+            }
+            getSalesGrowthRatio(obj).then(res => {
                 let data = res.data;
                 let firstYearData = []; //0 - 11 count
                 let secondYearData = []; //12+ count
@@ -57,8 +78,8 @@ export default {
                         percent.push(data[i].YearOnYearGrowth)
                     }
                 };
-                this.opt = createOpt(firstYearData,secondYearData,percent)
-                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
+                this.opt = createOpt(firstYearData,secondYearData,percent,this.yearNumber)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent,this.yearNumber)
             });
         },
         report() {
@@ -73,6 +94,11 @@ export default {
                 let data = res.data;
                 window.open(data);
             })
+        },
+        yearChange() {
+            this.form.sStartTime = (this.yearNumber-1) + '-01';
+            this.form.sEndTime = (this.yearNumber) + '-12';
+            this.getData()
         }
     }
 }
@@ -81,7 +107,7 @@ export default {
 <style lang="less">
 .tpsv-outter {
     width: 1552px;
-    height: 492px;
+    height: 532px;
     margin-top: 16px;
     border: 2px solid #0f2a4d;
     .d2 {
@@ -92,7 +118,7 @@ export default {
     .d3 {
         // padding: 0px 16px 16px 16px;
         width: 100%;
-        height: calc(100% - 48px);
+        height: calc(100% - 96px);
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/opt.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/opt.js
index fd7721b..2af1e98 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/opt.js
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/opt.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOpt(firstData = [], secondData = [], percent = []) {
+export default function createOpt(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/optLight.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/optLight.js
index b80fd6e..f587b41 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/optLight.js
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalPassengerVehicle/optLight.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOptLight(firstData = [], secondData = [], percent = []) {
+export default function createOptLight(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/index.vue b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/index.vue
index f4bf20f..c7c8fb3 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/index.vue
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/index.vue
@@ -11,8 +11,8 @@
         <div class="d2">
             <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
                 <a-form-model-item label="选择日期">
-                    <a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[0]" valueFormat="YYYY-MM" placeholder="开始日期"></a-month-picker>
-                    <a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[1]" valueFormat="YYYY-MM" placeholder="结束日期"></a-month-picker>
+                    <a-month-picker style="width: 146px" @change="getData" :allowClear="false" v-model="selTime[0]" valueFormat="YYYY-MM" placeholder="开始日期"></a-month-picker>
+                    <a-month-picker style="width: 146px" @change="getData" :allowClear="false" v-model="selTime[1]" valueFormat="YYYY-MM" placeholder="结束日期"></a-month-picker>
                 </a-form-model-item>
             </a-form-model>
         </div>
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/opt.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/opt.js
index 244f78e..90c36cf 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/opt.js
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/opt.js
@@ -11,7 +11,7 @@ import {doStr} from "@/utils/gol/dataTool"
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 // let colors = ['rgba(84,111,197,1)', 'rgba(145,203,116,1)', 'rgba(90,203,156,1)', 'rgba(248,200,87,1)', 'rgba(237,101,101,1)', "rgba(114,191,222,1)", 'rgba(58,162,114,1)', 'rgba(251,131,81,1)']
 // let colors2 = ['rgba(84,111,197,0.6)', 'rgba(145,203,116,0.6)', 'rgba(90,203,156,0.6)', 'rgba(248,200,87,0.6)', 'rgba(237,101,101,0.6)', "rgba(114,191,222,0.6)", 'rgba(58,162,114,0.6)', 'rgba(251,131,81,0.6)']
-let colors = ['#5B8FF9','#7DAAFF','#9AC5FF','#B9E2FF','#3A9EC0','#5BB9DB','#78D4F8','#63AECC','#19A576','#43C090','#43C090','#9DF5CA']
+let colors = ['#5B8FF9','#7DAAFF','#9AC5FF','#B9E2FF','#3A9EC0','#5BB9DB','#78D4F8','#63AECC','#19A576','#43C090','#43C090','#9DF5CA','#5B8FF9','#7DAAFF','#9AC5FF','#B9E2FF','#3A9EC0','#5BB9DB','#78D4F8','#63AECC','#19A576','#43C090','#43C090','#9DF5CA']
 function createData(ds = []) {
   let arr = [];
   for (let i = 0; i < ds.length; i++) {
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/optLight.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/optLight.js
index 9879a2b..35ace46 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/optLight.js
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTop20/optLight.js
@@ -11,7 +11,7 @@ import {doStr} from "@/utils/gol/dataTool"
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 // let colors = ['rgba(84,111,197,1)', 'rgba(145,203,116,1)', 'rgba(90,203,156,1)', 'rgba(248,200,87,1)', 'rgba(237,101,101,1)', "rgba(114,191,222,1)", 'rgba(58,162,114,1)', 'rgba(251,131,81,1)']
 // let colors2 = ['rgba(84,111,197,0.6)', 'rgba(145,203,116,0.6)', 'rgba(90,203,156,0.6)', 'rgba(248,200,87,0.6)', 'rgba(237,101,101,0.6)', "rgba(114,191,222,0.6)", 'rgba(58,162,114,0.6)', 'rgba(251,131,81,0.6)']
-let colors = ['#5B8FF9','#7DAAFF','#9AC5FF','#B9E2FF','#3A9EC0','#5BB9DB','#78D4F8','#63AECC','#19A576','#43C090','#43C090','#9DF5CA']
+let colors = ['#5B8FF9','#7DAAFF','#9AC5FF','#B9E2FF','#3A9EC0','#5BB9DB','#78D4F8','#63AECC','#19A576','#43C090','#43C090','#9DF5CA','#5B8FF9','#7DAAFF','#9AC5FF','#B9E2FF','#3A9EC0','#5BB9DB','#78D4F8','#63AECC','#19A576','#43C090','#43C090','#9DF5CA']
 function createData(ds = []) {
   let arr = [];
   for (let i = 0; i < ds.length; i++) {
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/index.vue b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/index.vue
index c4394d7..498c2f4 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/index.vue
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/index.vue
@@ -1,11 +1,20 @@
 <template>
     <div class="ttc-outter" :style="getIsLight?{background: '#FFF'}:{}">
-        <v-label-div v-if="!getIsLight" title="传统燃油车市场">
+        <v-label-div v-if="!getIsLight" title="传统燃油车">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div>
-        <v-label-div-light v-else title="传统燃油车市场" class="lightSy">
+        <v-label-div-light v-else title="传统燃油车" class="lightSy">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
+        <div class="d2">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择年份">
+                    <a-select style="width: 146px" v-model="yearNumber" @change="yearChange">
+                        <a-select-option v-for="(item,index) in yearList" :key="index" :value='item'>{{item}}</a-select-option>
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
+        </div>
         <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
@@ -30,21 +39,33 @@ export default {
                 sStartTime: '',
                 sEndTime: '',
             },
+            yearNumber: 0,
+            selTime: ['',''],
             opt: {},
             opt2: {},
+            yearList: []
         }
     },
     created() {
         this.form.token = this.getToken;
         getCheZhuLatestTime({token: this.form.token}).then(res => {
-            this.form.sStartTime = '2021-01';
             this.form.sEndTime = res.data;
+            this.yearNumber = res.data.slice(0,4) * 1;
+            let currYear = res.data.slice(0,4) * 1;
+            this.yearList = [currYear, currYear-1, currYear-2 ,currYear-3 ,currYear-4]
+            this.form.sStartTime = (currYear-1) + '-01';
             this.getData()
         })
     },
     methods: {
         getData() {
-            getSalesGrowthRatioByFuel(this.form).then(res => {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+            }
+            getSalesGrowthRatioByFuel(obj).then(res => {
                 let data = res.data;
                 let firstYearData = []; //0 - 11 count
                 let secondYearData = []; //12+ count
@@ -57,9 +78,9 @@ export default {
                         percent.push(data[i].YearOnYearGrowth)
                     }
                 };
-                this.opt = createOpt(firstYearData,secondYearData,percent)
-                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
-            })
+                this.opt = createOpt(firstYearData,secondYearData,percent,this.yearNumber)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent,this.yearNumber)
+            });
         },
         report() {
             let obj = {
@@ -73,6 +94,11 @@ export default {
                 let data = res.data;
                 window.open(data);
             })
+        },
+        yearChange() {
+            this.form.sStartTime = (this.yearNumber-1) + '-01';
+            this.form.sEndTime = (this.yearNumber) + '-12';
+            this.getData()
         }
     }
 }
@@ -81,7 +107,7 @@ export default {
 <style lang="less">
 .ttc-outter {
     width: 1552px;
-    height: 492px;
+    height: 532px;
     margin-top: 16px;
     border: 2px solid #0f2a4d;
     .d2 {
@@ -92,7 +118,7 @@ export default {
     .d3 {
         // padding: 0px 16px 16px 16px;
         width: 100%;
-        height: calc(100% - 48px);
+        height: calc(100% - 96px);
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/opt.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/opt.js
index fd7721b..2af1e98 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/opt.js
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/opt.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOpt(firstData = [], secondData = [], percent = []) {
+export default function createOpt(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/optLight.js b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/optLight.js
index b80fd6e..f587b41 100644
--- a/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/optLight.js
+++ b/src/views/SaleRank/MarketSaleChina/mscTotal/totalTraditionCar/optLight.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOptLight(firstData = [], secondData = [], percent = []) {
+export default function createOptLight(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/index.vue b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/index.vue
index 091ef34..6ffaf5e 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/index.vue
@@ -1,17 +1,26 @@
 <template>
-    <div class="ttc-outter" :style="getIsLight?{background: '#FFF'}:{}">
+    <div class="tpsv-outter" :style="getIsLight?{background: '#FFF'}:{}">
         <v-label-div v-if="!getIsLight" title="新能源轿车销量">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div>
         <v-label-div-light v-else title="新能源轿车销量" class="lightSy">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
-        <div class="d3" v-if="getIsLight">
-            <v-echarts :opt="opt2"></v-echarts>
+        <div class="d2">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择年份">
+                    <a-select style="width: 146px" v-model="yearNumber" @change="yearChange">
+                        <a-select-option v-for="(item,index) in yearList" :key="index" :value='item'>{{item}}</a-select-option>
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
         </div>
-        <div class="d3" v-else>
+        <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
+        <div v-else class="d3">
+            <v-echarts :opt="opt2"></v-echarts>
+        </div>
     </div>
 </template>
 
@@ -30,21 +39,33 @@ export default {
                 sStartTime: '',
                 sEndTime: '',
             },
+            yearNumber: 0,
+            selTime: ['',''],
             opt: {},
             opt2: {},
+            yearList: []
         }
     },
     created() {
         this.form.token = this.getToken;
         getCheZhuLatestTime({token: this.form.token}).then(res => {
-            this.form.sStartTime = '2021-01';
             this.form.sEndTime = res.data;
+            this.yearNumber = res.data.slice(0,4) * 1;
+            let currYear = res.data.slice(0,4) * 1;
+            this.yearList = [currYear, currYear-1, currYear-2 ,currYear-3 ,currYear-4]
+            this.form.sStartTime = (currYear-1) + '-01';
             this.getData()
         })
     },
     methods: {
         getData() {
-            getSalesSpecName1TypesBySedanE(this.form).then(res => {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+            }
+            getSalesSpecName1TypesBySedanE(obj).then(res => {
                 let data = res.data;
                 let firstYearData = []; //0 - 11 count
                 let secondYearData = []; //12+ count
@@ -57,9 +78,9 @@ export default {
                         percent.push(data[i].YearOnYearGrowth)
                     }
                 };
-                this.opt = createOpt(firstYearData,secondYearData,percent)
-                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
-            })
+                this.opt = createOpt(firstYearData,secondYearData,percent,this.yearNumber)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent,this.yearNumber)
+            });
         },
         report() {
             let obj = {
@@ -69,19 +90,24 @@ export default {
                 sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
-            getSalesSpecName1TypesBySedanE(obj).then(() => {
+            getSalesSpecName1TypesBySedanE(obj).then(res => {
                 let data = res.data;
                 window.open(data);
-            });
+            })
+        },
+        yearChange() {
+            this.form.sStartTime = (this.yearNumber-1) + '-01';
+            this.form.sEndTime = (this.yearNumber) + '-12';
+            this.getData()
         }
     }
 }
 </script>
 
 <style lang="less">
-.ttc-outter {
+.tpsv-outter {
     width: 1552px;
-    height: 492px;
+    height: 532px;
     margin-top: 16px;
     border: 2px solid #0f2a4d;
     .d2 {
@@ -92,7 +118,7 @@ export default {
     .d3 {
         // padding: 0px 16px 16px 16px;
         width: 100%;
-        height: calc(100% - 48px);
+        height: calc(100% - 96px);
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/opt.js b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/opt.js
index fd7721b..2af1e98 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/opt.js
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/opt.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOpt(firstData = [], secondData = [], percent = []) {
+export default function createOpt(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/optLight.js b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/optLight.js
index b80fd6e..f587b41 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/optLight.js
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesAuto/optLight.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOptLight(firstData = [], secondData = [], percent = []) {
+export default function createOptLight(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/index.vue b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/index.vue
index a92e465..7b1160f 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/index.vue
@@ -6,12 +6,21 @@
         <v-label-div-light v-else title="新能源MPV销量" class="lightSy">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
-        <div class="d3" v-if="getIsLight">
-            <v-echarts :opt="opt2"></v-echarts>
+        <div class="d2">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择年份">
+                    <a-select style="width: 146px" v-model="yearNumber" @change="yearChange">
+                        <a-select-option v-for="(item,index) in yearList" :key="index" :value='item'>{{item}}</a-select-option>
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
         </div>
-        <div class="d3" v-else>
+        <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
+        <div v-else class="d3">
+            <v-echarts :opt="opt2"></v-echarts>
+        </div>
     </div>
 </template>
 
@@ -30,21 +39,33 @@ export default {
                 sStartTime: '',
                 sEndTime: '',
             },
+            yearNumber: 0,
+            selTime: ['',''],
             opt: {},
             opt2: {},
+            yearList: []
         }
     },
     created() {
         this.form.token = this.getToken;
         getCheZhuLatestTime({token: this.form.token}).then(res => {
-            this.form.sStartTime = '2021-01';
             this.form.sEndTime = res.data;
+            this.yearNumber = res.data.slice(0,4) * 1;
+            let currYear = res.data.slice(0,4) * 1;
+            this.yearList = [currYear, currYear-1, currYear-2 ,currYear-3 ,currYear-4]
+            this.form.sStartTime = (currYear-1) + '-01';
             this.getData()
         })
     },
     methods: {
         getData() {
-            getSalesSpecName1TypesByMpvE(this.form).then(res => {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+            }
+            getSalesSpecName1TypesByMpvE(obj).then(res => {
                 let data = res.data;
                 let firstYearData = []; //0 - 11 count
                 let secondYearData = []; //12+ count
@@ -57,9 +78,9 @@ export default {
                         percent.push(data[i].YearOnYearGrowth)
                     }
                 };
-                this.opt = createOpt(firstYearData,secondYearData,percent);
-                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
-            })
+                this.opt = createOpt(firstYearData,secondYearData,percent,this.yearNumber)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent,this.yearNumber)
+            });
         },
         report() {
             let obj = {
@@ -69,10 +90,15 @@ export default {
                 sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
-            getSalesSpecName1TypesByMpvE(obj).then(() => {
+            getSalesSpecName1TypesByMpvE(obj).then(res => {
                 let data = res.data;
                 window.open(data);
-            });
+            })
+        },
+        yearChange() {
+            this.form.sStartTime = (this.yearNumber-1) + '-01';
+            this.form.sEndTime = (this.yearNumber) + '-12';
+            this.getData()
         }
     }
 }
@@ -81,7 +107,7 @@ export default {
 <style lang="less">
 .tpsv-outter {
     width: 1552px;
-    height: 492px;
+    height: 532px;
     margin-top: 16px;
     border: 2px solid #0f2a4d;
     .d2 {
@@ -92,7 +118,7 @@ export default {
     .d3 {
         // padding: 0px 16px 16px 16px;
         width: 100%;
-        height: calc(100% - 48px);
+        height: calc(100% - 96px);
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/opt.js b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/opt.js
index fd7721b..2af1e98 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/opt.js
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/opt.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOpt(firstData = [], secondData = [], percent = []) {
+export default function createOpt(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/optLight.js b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/optLight.js
index b80fd6e..f587b41 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/optLight.js
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesMpv/optLight.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOptLight(firstData = [], secondData = [], percent = []) {
+export default function createOptLight(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/index.vue b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/index.vue
index 16dcd05..e346ed3 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/index.vue
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/index.vue
@@ -6,12 +6,21 @@
         <v-label-div-light v-else title="新能源SUV销量" class="lightSy">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
-        <div class="d3" v-if="getIsLight">
-            <v-echarts :opt="opt2"></v-echarts>
+        <div class="d2">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择年份">
+                    <a-select style="width: 146px" v-model="yearNumber" @change="yearChange">
+                        <a-select-option v-for="(item,index) in yearList" :key="index" :value='item'>{{item}}</a-select-option>
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
         </div>
-        <div class="d3" v-else>
+        <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
+        <div v-else class="d3">
+            <v-echarts :opt="opt2"></v-echarts>
+        </div>
     </div>
 </template>
 
@@ -30,21 +39,33 @@ export default {
                 sStartTime: '',
                 sEndTime: '',
             },
+            yearNumber: 0,
+            selTime: ['',''],
             opt: {},
             opt2: {},
+            yearList: []
         }
     },
     created() {
         this.form.token = this.getToken;
         getCheZhuLatestTime({token: this.form.token}).then(res => {
-            this.form.sStartTime = '2021-01';
             this.form.sEndTime = res.data;
+            this.yearNumber = res.data.slice(0,4) * 1;
+            let currYear = res.data.slice(0,4) * 1;
+            this.yearList = [currYear, currYear-1, currYear-2 ,currYear-3 ,currYear-4]
+            this.form.sStartTime = (currYear-1) + '-01';
             this.getData()
         })
     },
     methods: {
         getData() {
-            getSalesSpecName1TypesBySuvE(this.form).then(res => {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+            }
+            getSalesSpecName1TypesBySuvE(obj).then(res => {
                 let data = res.data;
                 let firstYearData = []; //0 - 11 count
                 let secondYearData = []; //12+ count
@@ -57,9 +78,9 @@ export default {
                         percent.push(data[i].YearOnYearGrowth)
                     }
                 };
-                this.opt = createOpt(firstYearData,secondYearData,percent)
-                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
-            })
+                this.opt = createOpt(firstYearData,secondYearData,percent,this.yearNumber)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent,this.yearNumber)
+            });
         },
         report() {
             let obj = {
@@ -69,10 +90,15 @@ export default {
                 sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
-            getSalesSpecName1TypesBySuvE(obj).then(() => {
+            getSalesSpecName1TypesBySuvE(obj).then(res => {
                 let data = res.data;
                 window.open(data);
-            });
+            })
+        },
+        yearChange() {
+            this.form.sStartTime = (this.yearNumber-1) + '-01';
+            this.form.sEndTime = (this.yearNumber) + '-12';
+            this.getData()
         }
     }
 }
@@ -81,7 +107,7 @@ export default {
 <style lang="less">
 .tpsv-outter {
     width: 1552px;
-    height: 492px;
+    height: 532px;
     margin-top: 16px;
     border: 2px solid #0f2a4d;
     .d2 {
@@ -92,7 +118,7 @@ export default {
     .d3 {
         // padding: 0px 16px 16px 16px;
         width: 100%;
-        height: calc(100% - 48px);
+        height: calc(100% - 96px);
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/opt.js b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/opt.js
index fd7721b..2af1e98 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/opt.js
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/opt.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOpt(firstData = [], secondData = [], percent = []) {
+export default function createOpt(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/optLight.js b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/optLight.js
index b80fd6e..f587b41 100644
--- a/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/optLight.js
+++ b/src/views/SaleRank/MarketSaleNE/mneMainPrice/seriesSuv/optLight.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOptLight(firstData = [], secondData = [], percent = []) {
+export default function createOptLight(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/index.vue
index 5d29e2e..19943fe 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/index.vue
@@ -1,17 +1,26 @@
 <template>
-    <div class="ttc-outter" :style="getIsLight?{background: '#FFF'}:{}">
+    <div class="tpsv-outter" :style="getIsLight?{background: '#FFF'}:{}">
         <v-label-div v-if="!getIsLight" title="轿车销量">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div>
         <v-label-div-light v-else title="轿车销量" class="lightSy">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
-        <div class="d3" v-if="getIsLight">
-            <v-echarts :opt="opt2"></v-echarts>
+        <div class="d2">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择年份">
+                    <a-select style="width: 146px" v-model="yearNumber" @change="yearChange">
+                        <a-select-option v-for="(item,index) in yearList" :key="index" :value='item'>{{item}}</a-select-option>
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
         </div>
-        <div class="d3" v-else>
+        <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
+        <div v-else class="d3">
+            <v-echarts :opt="opt2"></v-echarts>
+        </div>
     </div>
 </template>
 
@@ -30,21 +39,33 @@ export default {
                 sStartTime: '',
                 sEndTime: '',
             },
+            yearNumber: 0,
+            selTime: ['',''],
             opt: {},
             opt2: {},
+            yearList: []
         }
     },
     created() {
         this.form.token = this.getToken;
         getCheZhuLatestTime({token: this.form.token}).then(res => {
-            this.form.sStartTime = '2021-01';
             this.form.sEndTime = res.data;
+            this.yearNumber = res.data.slice(0,4) * 1;
+            let currYear = res.data.slice(0,4) * 1;
+            this.yearList = [currYear, currYear-1, currYear-2 ,currYear-3 ,currYear-4]
+            this.form.sStartTime = (currYear-1) + '-01';
             this.getData()
         })
     },
     methods: {
         getData() {
-            getSalesSpecName1TypesBySedan(this.form).then(res => {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+            }
+            getSalesSpecName1TypesBySedan(obj).then(res => {
                 let data = res.data;
                 let firstYearData = []; //0 - 11 count
                 let secondYearData = []; //12+ count
@@ -57,9 +78,9 @@ export default {
                         percent.push(data[i].YearOnYearGrowth)
                     }
                 };
-                this.opt = createOpt(firstYearData,secondYearData,percent);
-                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
-            })
+                this.opt = createOpt(firstYearData,secondYearData,percent,this.yearNumber)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent,this.yearNumber)
+            });
         },
         report() {
             let obj = {
@@ -69,19 +90,24 @@ export default {
                 sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
-            getSalesSpecName1TypesBySedan(obj).then(() => {
+            getSalesSpecName1TypesBySedan(obj).then(res => {
                 let data = res.data;
                 window.open(data);
-            });
+            })
+        },
+        yearChange() {
+            this.form.sStartTime = (this.yearNumber-1) + '-01';
+            this.form.sEndTime = (this.yearNumber) + '-12';
+            this.getData()
         }
     }
 }
 </script>
 
 <style lang="less">
-.ttc-outter {
+.tpsv-outter {
     width: 1552px;
-    height: 492px;
+    height: 532px;
     margin-top: 16px;
     border: 2px solid #0f2a4d;
     .d2 {
@@ -92,7 +118,7 @@ export default {
     .d3 {
         // padding: 0px 16px 16px 16px;
         width: 100%;
-        height: calc(100% - 48px);
+        height: calc(100% - 96px);
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/opt.js b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/opt.js
index fd7721b..2af1e98 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/opt.js
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/opt.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOpt(firstData = [], secondData = [], percent = []) {
+export default function createOpt(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/optLight.js b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/optLight.js
index b80fd6e..f587b41 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/optLight.js
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesAuto/optLight.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOptLight(firstData = [], secondData = [], percent = []) {
+export default function createOptLight(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/index.vue
index eeb69cb..341de58 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/index.vue
@@ -6,12 +6,21 @@
         <v-label-div-light v-else title="MPV销量" class="lightSy">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
-        <div class="d3" v-if="getIsLight">
-            <v-echarts :opt="opt2"></v-echarts>
+        <div class="d2">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择年份">
+                    <a-select style="width: 146px" v-model="yearNumber" @change="yearChange">
+                        <a-select-option v-for="(item,index) in yearList" :key="index" :value='item'>{{item}}</a-select-option>
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
         </div>
-        <div class="d3" v-else>
+        <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
+        <div v-else class="d3">
+            <v-echarts :opt="opt2"></v-echarts>
+        </div>
     </div>
 </template>
 
@@ -30,21 +39,33 @@ export default {
                 sStartTime: '',
                 sEndTime: '',
             },
+            yearNumber: 0,
+            selTime: ['',''],
             opt: {},
             opt2: {},
+            yearList: []
         }
     },
     created() {
         this.form.token = this.getToken;
         getCheZhuLatestTime({token: this.form.token}).then(res => {
-            this.form.sStartTime = '2021-01';
             this.form.sEndTime = res.data;
+            this.yearNumber = res.data.slice(0,4) * 1;
+            let currYear = res.data.slice(0,4) * 1;
+            this.yearList = [currYear, currYear-1, currYear-2 ,currYear-3 ,currYear-4]
+            this.form.sStartTime = (currYear-1) + '-01';
             this.getData()
         })
     },
     methods: {
         getData() {
-            getSalesSpecName1TypesByMpv(this.form).then(res => {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+            }
+            getSalesSpecName1TypesByMpv(obj).then(res => {
                 let data = res.data;
                 let firstYearData = []; //0 - 11 count
                 let secondYearData = []; //12+ count
@@ -57,9 +78,9 @@ export default {
                         percent.push(data[i].YearOnYearGrowth)
                     }
                 };
-                this.opt = createOpt(firstYearData,secondYearData,percent)
-                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
-            })
+                this.opt = createOpt(firstYearData,secondYearData,percent,this.yearNumber)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent,this.yearNumber)
+            });
         },
         report() {
             let obj = {
@@ -69,10 +90,15 @@ export default {
                 sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
-            getSalesSpecName1TypesByMpv(obj).then(() => {
+            getSalesSpecName1TypesByMpv(obj).then(res => {
                 let data = res.data;
                 window.open(data);
-            });
+            })
+        },
+        yearChange() {
+            this.form.sStartTime = (this.yearNumber-1) + '-01';
+            this.form.sEndTime = (this.yearNumber) + '-12';
+            this.getData()
         }
     }
 }
@@ -81,7 +107,7 @@ export default {
 <style lang="less">
 .tpsv-outter {
     width: 1552px;
-    height: 492px;
+    height: 532px;
     margin-top: 16px;
     border: 2px solid #0f2a4d;
     .d2 {
@@ -92,7 +118,7 @@ export default {
     .d3 {
         // padding: 0px 16px 16px 16px;
         width: 100%;
-        height: calc(100% - 48px);
+        height: calc(100% - 96px);
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/opt.js b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/opt.js
index fd7721b..2af1e98 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/opt.js
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/opt.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOpt(firstData = [], secondData = [], percent = []) {
+export default function createOpt(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/optLight.js b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/optLight.js
index b80fd6e..f587b41 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/optLight.js
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesMpv/optLight.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOptLight(firstData = [], secondData = [], percent = []) {
+export default function createOptLight(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/index.vue b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/index.vue
index 8935172..1906de8 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/index.vue
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/index.vue
@@ -6,12 +6,21 @@
         <v-label-div-light v-else title="SUV销量" class="lightSy">
             <a-button type="primary" @click="report">导出报告</a-button>
         </v-label-div-light>
-        <div class="d3" v-if="getIsLight">
-            <v-echarts :opt="opt2"></v-echarts>
+        <div class="d2">
+            <a-form-model :class="getIsLight?'lightSy':'dark'" layout="inline">
+                <a-form-model-item label="选择年份">
+                    <a-select style="width: 146px" v-model="yearNumber" @change="yearChange">
+                        <a-select-option v-for="(item,index) in yearList" :key="index" :value='item'>{{item}}</a-select-option>
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
         </div>
-        <div class="d3" v-else>
+        <div v-if="!getIsLight" class="d3">
             <v-echarts :opt="opt"></v-echarts>
         </div>
+        <div v-else class="d3">
+            <v-echarts :opt="opt2"></v-echarts>
+        </div>
     </div>
 </template>
 
@@ -30,21 +39,33 @@ export default {
                 sStartTime: '',
                 sEndTime: '',
             },
+            yearNumber: 0,
+            selTime: ['',''],
             opt: {},
             opt2: {},
+            yearList: []
         }
     },
     created() {
         this.form.token = this.getToken;
         getCheZhuLatestTime({token: this.form.token}).then(res => {
-            this.form.sStartTime = '2021-01';
             this.form.sEndTime = res.data;
+            this.yearNumber = res.data.slice(0,4) * 1;
+            let currYear = res.data.slice(0,4) * 1;
+            this.yearList = [currYear, currYear-1, currYear-2 ,currYear-3 ,currYear-4]
+            this.form.sStartTime = (currYear-1) + '-01';
             this.getData()
         })
     },
     methods: {
         getData() {
-            getSalesSpecName1TypesBySuv(this.form).then(res => {
+            let obj = {
+                token: this.form.token,
+                sTimeType: 4,
+                sStartTime: this.form.sStartTime,
+                sEndTime: this.form.sEndTime,
+            }
+            getSalesSpecName1TypesBySuv(obj).then(res => {
                 let data = res.data;
                 let firstYearData = []; //0 - 11 count
                 let secondYearData = []; //12+ count
@@ -57,9 +78,9 @@ export default {
                         percent.push(data[i].YearOnYearGrowth)
                     }
                 };
-                this.opt = createOpt(firstYearData,secondYearData,percent)
-                this.opt2 = createOptLight(firstYearData,secondYearData,percent)
-            })
+                this.opt = createOpt(firstYearData,secondYearData,percent,this.yearNumber)
+                this.opt2 = createOptLight(firstYearData,secondYearData,percent,this.yearNumber)
+            });
         },
         report() {
             let obj = {
@@ -69,10 +90,15 @@ export default {
                 sEndTime: this.form.sEndTime,
                 isExcel: 1,
             };
-            getSalesSpecName1TypesBySuv(obj).then(() => {
+            getSalesSpecName1TypesBySuv(obj).then(res => {
                 let data = res.data;
                 window.open(data);
-            });
+            })
+        },
+        yearChange() {
+            this.form.sStartTime = (this.yearNumber-1) + '-01';
+            this.form.sEndTime = (this.yearNumber) + '-12';
+            this.getData()
         }
     }
 }
@@ -81,7 +107,7 @@ export default {
 <style lang="less">
 .tpsv-outter {
     width: 1552px;
-    height: 492px;
+    height: 532px;
     margin-top: 16px;
     border: 2px solid #0f2a4d;
     .d2 {
@@ -92,7 +118,7 @@ export default {
     .d3 {
         // padding: 0px 16px 16px 16px;
         width: 100%;
-        height: calc(100% - 48px);
+        height: calc(100% - 96px);
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/opt.js b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/opt.js
index fd7721b..2af1e98 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/opt.js
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/opt.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOpt(firstData = [], secondData = [], percent = []) {
+export default function createOpt(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOpt(firstData = [], secondData = [], percent = [])
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {
diff --git a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/optLight.js b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/optLight.js
index b80fd6e..f587b41 100644
--- a/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/optLight.js
+++ b/src/views/SaleRank/MarketSaleTraditional/mstSeriesType/seriesSuv/optLight.js
@@ -1,7 +1,7 @@
 
 import { bigNumberTransform } from "@/utils/gol/dataTool"
 import * as echarts from "echarts";
-export default function createOptLight(firstData = [], secondData = [], percent = []) {
+export default function createOptLight(firstData = [], secondData = [], percent = [], yearNumber) {
     return {
         tooltip: {
             trigger: "axis",
@@ -73,7 +73,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
           ],
           series: [
             {
-              name: '2021',
+              name: yearNumber - 1,
               type: 'bar',
               barWidth: 20,
               tooltip: {
@@ -107,7 +107,7 @@ export default function createOptLight(firstData = [], secondData = [], percent
               data: firstData
             },
             {
-              name: '2022',
+              name: yearNumber,
               type: 'bar',
               barWidth: 20,
               tooltip: {