qichexitong/car-admin-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

7.29(维修分析=>维保产值

Browse Source
This commit is contained in:
Hong
2024-07-29 18:42:13 +08:00
parent aca77fb6a8
commit e499b26662
3 changed files with 154 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@@ -8,7 +8,7 @@ ENV = 'development'
# 花花
# VUE_APP_BASE_API = 'http://192.168.31.16:8080/car_admin_api'
# 薛磊
VUE_APP_BASE_API = 'http://192.168.31.233:8080/car_admin_api'
VUE_APP_BASE_API = 'http://192.168.31.226:8080/car_admin_api'
# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
# It only does one thing by converting all import() to require().

18
src/api/statistics.js
View File

@@ -89,6 +89,15 @@ export function maintenanceAnalysisYieldCompany(data) {
});
}
//维保产值(第二栏格子图) //api/admin/platform/monthly/maintenance/analysis/avg/lattice
export function analysisAvgLattice(data) {
return request({
url: '/admin/platform/monthly/maintenance/analysis/avg/lattice',
method: 'post',
data,
});
}
//维保产值top5和维保产值top公司柱状图 //api/admin/platform/monthly/maintenance/analysis/yield/modelandcompany
export function yieldModelandcompany(data) {
return request({
@@ -98,3 +107,12 @@ export function yieldModelandcompany(data) {
});
}
//维保成本占比车型/所属公司饼图 /api/admin/platform/monthly/maintenance/analysis/cost/modelandcompany/histogram
export function costModelandcompany(data) {
return request({
url: '/admin/platform/monthly/maintenance/analysis/cost/modelandcompany/histogram',
method: 'post',
data,
});
}

128
src/views/statistics/maintenance/index.vue
View File

@@ -139,23 +139,25 @@
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">
<div class="price"> ￥34500元</div>
<div class="price"> ￥{{ average.currentData }}元</div>
<div class="title flex space-between">
<div>维保单车产值</div>
<div>平均单车</div>
</div>
<div class="percentage">
<div class="percentage-s">
<div :class="[average.yearOnYear >= 0 ? 'percentage-s' : 'percentage-j']">
<p>
<i class="el-icon-top" style="font-weight: 700;"></i>
34.5%
<i :class="[average.yearOnYear >= 0 ? 'el-icon-top' : 'el-icon-bottom']"
style="font-weight: 700;"></i>
{{ average.yearOnYear }}%
</p>
同比
</div>
<div class="percentage-j">
<div :class="[average.linkRelativeRatio >= 0 ? 'percentage-s' : 'percentage-j']">
<p>
<i class="el-icon-bottom" style="font-weight: 700;"></i>
34.5%
<i :class="[average.linkRelativeRatio >= 0 ? 'el-icon-top' : 'el-icon-bottom']"
style="font-weight: 700;"></i>
{{ average.linkRelativeRatio }}%
</p>
环比
</div>
@@ -164,23 +166,28 @@
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<div class="price"> ￥34500元</div>
<div class="price"> ￥{{ averageModelData.currentData }}元</div>
<div class="title flex space-between">
<div>维保单车产值</div>
<div>按照车型分</div>
<el-select v-model="modelName" placeholder="按照车型分" @change="changeAverageModelFn">
<el-option v-for="item in averageModel" :key="item.id" :label="item.name" :value="item.name">
</el-option>
</el-select>
</div>
<div class="percentage">
<div class="percentage-s">
<div :class="[averageModelData.yearOnYear >= 0 ? 'percentage-s' : 'percentage-j']">
<p>
<i class="el-icon-top" style="font-weight: 700;"></i>
34.5%
<i :class="[averageModelData.yearOnYear >= 0 ? 'el-icon-top' : 'el-icon-bottom']"
style="font-weight: 700;"></i>
{{ averageModelData.yearOnYear }}%
</p>
同比
</div>
<div class="percentage-j">
<div :class="[averageModelData.linkRelativeRatio >= 0 ? 'percentage-s' : 'percentage-j']">
<p>
<i class="el-icon-bottom" style="font-weight: 700;"></i>
34.5%
<i :class="[averageModelData.linkRelativeRatio >= 0 ? 'el-icon-top' : 'el-icon-bottom']"
style="font-weight: 700;"></i>
{{ averageModelData.linkRelativeRatio }}%
</p>
环比
</div>
@@ -189,23 +196,28 @@
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<div class="price"> ￥34500元</div>
<div class="price"> ￥{{ averageCompanyData.currentData }}元</div>
<div class="title flex space-between">
<div>维保单车产值</div>
<div>按照所属公司分</div>
<el-select v-model="companyName" placeholder="按照所属公司分" @change="changeAverageCompanyFn">
<el-option v-for="item in averageCompany" :key="item.id" :label="item.name" :value="item.name">
</el-option>
</el-select>
</div>
<div class="percentage">
<div class="percentage-s">
<div :class="[averageCompanyData.yearOnYear >= 0 ? 'percentage-s' : 'percentage-j']">
<p>
<i class="el-icon-top" style="font-weight: 700;"></i>
34.5%
<i :class="[averageCompanyData.yearOnYear >= 0 ? 'el-icon-top' : 'el-icon-bottom']"
style="font-weight: 700;"></i>
{{ averageCompanyData.yearOnYear }}%
</p>
同比
</div>
<div class="percentage-j">
<div :class="[averageCompanyData.linkRelativeRatio >= 0 ? 'percentage-s' : 'percentage-j']">
<p>
<i class="el-icon-bottom" style="font-weight: 700;"></i>
34.5%
<i :class="[averageCompanyData.linkRelativeRatio >= 0 ? 'el-icon-top' : 'el-icon-bottom']"
style="font-weight: 700;"></i>
{{ averageCompanyData.linkRelativeRatio }}%
</p>
环比
</div>
@@ -420,7 +432,7 @@
<script>
import { merchantListApi } from "@/api/merchant"
import { maintenanceAnalysisLattice, maintenanceAnalysisModelRatio, maintenanceAnalysisCompany, maintenanceAnalysisYieldModel, maintenanceAnalysisYieldCompany, yieldModelandcompany } from "@/api/statistics.js"
import { maintenanceAnalysisLattice, maintenanceAnalysisModelRatio, maintenanceAnalysisCompany, maintenanceAnalysisYieldModel, maintenanceAnalysisYieldCompany, yieldModelandcompany, analysisAvgLattice, costModelandcompany } from "@/api/statistics.js"
import AccessoryEcharts from '../components/accessoryEcharts';
import ConsumeEcharts from '../components/consumeEcharts';
export default {
@@ -476,7 +488,18 @@ export default {
topTwo: {
labels: ['一', '二', '三', '四'],
values: [10, 20, 30, 40]
}
},
//第二栏选择
//维保单车产值
average: {},
//车型
averageModel: [],
averageModelData: {},
modelName: '',
//所属公司
averageCompany: [],
averageCompanyData: {},
companyName: ''
};
},
mounted() {
@@ -494,6 +517,10 @@ export default {
this.maintenanceAnalysisYieldModelFn()
this.maintenanceAnalysisYieldCompanyFn()
this.yieldModelandcompanyFn()
//二栏格子
this.analysisAvgLatticeFn()
//成本饼图
this.costModelandcompanyFn()
},
//年月日
selectChange(e) {
@@ -545,6 +572,43 @@ export default {
this.profit = res.profit
})
},
//第二栏三个格子
analysisAvgLatticeFn() {
analysisAvgLattice(this.tableFrom).then(res => {
console.log('二蓝壳子', res);
if (res.average) {
this.average = res.average
}
if (res.averageCompany) {
this.averageCompany = res.averageCompany
this.averageCompanyData = this.averageCompany[0]
this.companyName = this.averageCompany[0].name
}
if (res.averageModel) {
this.averageModel = res.averageModel
this.averageModelData = this.averageModel[0]
this.modelName = this.averageModel[0].name
}
})
},
//选择车型
changeAverageModelFn(e) {
console.log(e);
this.averageModel.forEach(item => {
if (item.name == e) {
this.averageModelData = item
}
})
},
//选择所属公司
changeAverageCompanyFn(e) {
console.log(e);
this.averageCompany.forEach(item => {
if (item.name == e) {
this.averageCompanyData = item
}
})
},
//进店台次分车型占比
maintenanceAnalysisModelRatioFn() {
maintenanceAnalysisModelRatio(this.tableFrom).then(res => {
@@ -585,7 +649,7 @@ export default {
}
})
},
//
//top5车型,公司
yieldModelandcompanyFn() {
yieldModelandcompany(this.tableFrom).then(res => {
if (res.topOne) {
@@ -593,6 +657,18 @@ export default {
this.topTwo = res.topTwo
}
})
},
// 维保成本占比车型/所属公司饼图
costModelandcompanyFn() {
costModelandcompany(this.tableFrom).then(res => {
console.log('撒结婚登记卡死', res);
if (res.companyPie) {
this.pieData6 = res.companyPie
}
if (res.modelPie) {
this.pieData5 = res.modelPie
}
})
}
}
};