From 30984fa8beefa49e1eade762be190d4daf6983c6 Mon Sep 17 00:00:00 2001 From: zx <604444282@qq.com> Date: Mon, 14 Mar 2022 17:14:20 +0800 Subject: [PATCH] zx --- src/views/SaleRank/CitySale/index.vue | 79 ++++++++++++++++++++------ src/views/SaleRank/CitySale/tbEvent.js | 35 +++++++++++- src/views/SaleRank/index.vue | 1 + 3 files changed, 96 insertions(+), 19 deletions(-) diff --git a/src/views/SaleRank/CitySale/index.vue b/src/views/SaleRank/CitySale/index.vue index 3a77f5a..fac22e9 100644 --- a/src/views/SaleRank/CitySale/index.vue +++ b/src/views/SaleRank/CitySale/index.vue @@ -7,25 +7,30 @@ - +
- + {{item.name}} - + {{item.value}}
+ + +
+
+
- 查询 + 查询
@@ -42,20 +47,36 @@ - - - - - - - +
+ + + + + + + +
+
+ + + + + +
- - - - - +
+ + + + + +
+
+ + + +
@@ -73,7 +94,24 @@
-
+ + +
+ + + + +
+
+ {{letters[index]}} + +
+
+
+
+
@@ -93,6 +131,7 @@ export default { iPageIndex: 1, sBrand: undefined, sSeriesName: undefined, + sCity: undefined, }, seriesList:[], brandTypeList:[], @@ -129,7 +168,8 @@ export default { }, //窗口1 visible: false, - pValue: 0, btnPro:['省份城市销量排行','省份品牌销量排行','省份车型销量排行'], + pValue: 0, btnPro: ['省份城市销量排行','省份品牌销量排行','省份车型销量排行'], + btnProBrand: ['省份城市销量排行','省份车型销量排行'], columnsProCity: [ {title: "排名",dataIndex: "index",key: "index",width: 120}, {title: "城市",dataIndex: "key",key: "key",width: 120}, @@ -151,6 +191,7 @@ export default { //窗口2 visible2: false, cValue: 0, btnCity:['城市品牌销量排行','城市车型销量排行'], + btnCityBrand: ['城市车型销量排行'], columnsCityBrand: [ {title: "排名",dataIndex: "index",key: "index",width: 120}, {title: "品牌",dataIndex: "key",key: "key",width: 120}, @@ -167,6 +208,8 @@ export default { drVisible: false, brandList: [], letters: [], + cityVisible: false, + cityList: [], } }, created() { diff --git a/src/views/SaleRank/CitySale/tbEvent.js b/src/views/SaleRank/CitySale/tbEvent.js index 753705a..942c0c9 100644 --- a/src/views/SaleRank/CitySale/tbEvent.js +++ b/src/views/SaleRank/CitySale/tbEvent.js @@ -2,6 +2,7 @@ import {getSalesType1,getSalesType0} from "@/api/SaleRankCity"; import {getSalesType6,getSalesType7} from "@/api/SaleRankCity"; import {getExcleTime} from "@/api/SaleRankCity"; import {getBrandType, getUserBrand, getUserSeriesName} from "@/api/comm" +import {getSalesCity} from "@/api/SaleRankCity" import moment from "moment"; export default { @@ -27,6 +28,23 @@ export default { this.brandList = brandList; this.letters = letters; }) + getSalesCity({token: this.getToken}).then(res => { + let data = res.data; + let letters = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']; + let cityList = [[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[]]; + for(let i = 0; i< data.length; i++) { + let index = letters.indexOf(data[i].City_FirstWord) + if(index >= 0) { + let obj = { + label: data[i].City, + value: data[i].City, + prov: data[i].Prov, + }; + cityList[index].push(obj) + } + } + this.cityList = cityList; + }) }, getData() { this.tableLoad = true; @@ -62,7 +80,8 @@ export default { }, //切换类型 handlerTime(activeIndex) { - this.activeIndex = activeIndex + this.activeIndex = activeIndex; + this.tValue = activeIndex; if(this.activeIndex == 0) { getSalesType1(this.form).then(res => { let data = res.data; @@ -88,6 +107,9 @@ export default { this.tableLoad = true; this.form.sStartTime = this.selTime[0]; this.form.sEndTime = this.selTime[1]; + if(this.form.sCity != undefined) { + this.handlerTime(1) + } if(this.activeIndex == 0) { getSalesType1(this.form).then(res => { let data = res.data; @@ -113,6 +135,7 @@ export default { sBrandType: this.form.sBrandType, iPageIndex: 1, sProv: record.key, + sCity: '', sBrand: this.form.sBrand } let o = { @@ -200,6 +223,12 @@ export default { drClose() { this.drVisible = false }, + cityDrawer() { + this.cityVisible = true + }, + cityClose() { + this.cityVisible = false + }, //锚点 anchorClick(e, link) { // 阻止点击的默认事件修改路由 @@ -218,4 +247,8 @@ export default { }) this.drVisible = false; }, + drawerChooseCity(val,prov) { + this.form.sCity = val; + this.cityVisible = false; + } } \ No newline at end of file diff --git a/src/views/SaleRank/index.vue b/src/views/SaleRank/index.vue index c94fdb8..80cc5de 100644 --- a/src/views/SaleRank/index.vue +++ b/src/views/SaleRank/index.vue @@ -174,6 +174,7 @@ export default { } .choose-series { width: 240px; + margin-left: 18px; } } .sr-content {