Skip to content

C
CRM
Commit c45eb387 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

111

parent e5941864
Hide whitespace changes
Inline Side-by-side
Showing with 89 additions and 51 deletions
src/components/statistics/gaoxiao.vue
View file @ c45eb387
......@@ -121,16 +121,19 @@
<span>数据说明</span>
</div>
<div style="height: 100%;" class="sjsm">
<div v-for="(item, index) in orders" :key="index">
<div v-for="(item, index) in orderList" :key="index">
<div class="left">
<img v-if="item.StudentType === 1" src="../../assets/img/tongji/zaidu.png" alt />
<img v-if="item.StudentType === 2" src="../../assets/img/tongji/biye.png" alt />
<img v-if="index === 0" src="../../assets/img/tongji/zaidu.png" alt />
<img v-else src="../../assets/img/tongji/biye.png" alt />
<span class="font-size-12">{{item.StudentTypeName}}</span>
</div>
<div class="right">
<p>
累计报名
<span class="hight-font">{{item.StudentCount}}</span>人，报名均价为
<span class="hight-font">
<span v-if="orders[index] && orders[index].StudentCount">{{orders[index].StudentCount}}</span>
<span v-else>0</span>
</span>人，报名均价为
<span class="hight-font">{{item.Unit_Price}}</span>元
</p>
<!-- 关联购物金额<span class="hight-font">{{item.TotalMoney}}</span>万， -->
......@@ -193,7 +196,9 @@ export default {
orders: [],
discussID: 12,
BbsList: [],
topOne: {}
topOne: {},
colorArr:["#0D2481","#FFA475","#99BD7B","#D2C9F1","#6EBCE2"],
orderList:[],
};
},
watch: {},
......@@ -222,52 +227,85 @@ export default {
},
GetSexOrderList() {
this.loading = true;
let that=this;
this.apipost("/api/Statistic/GetStudentShopList", {}, res => {
// this.SexOrder = res.data.data
console.log(res.data.data)
let m=3-res.data.data.length
if(res.data.data.length<3){
for (let i = 0; i < m; i++) {
res.data.data.push({
TotalMoney:0,
StudentCount:0
})
}
}
let contShop =
res.data.data[0].TotalMoney +
res.data.data[1].TotalMoney +
res.data.data[2].TotalMoney,
zai = res.data.data[0].TotalMoney,
bi = res.data.data[1].TotalMoney,
ot = res.data.data[2].TotalMoney,
contNum =
res.data.data[0].StudentCount +
res.data.data[1].StudentCount +
res.data.data[2].StudentCount,
zaiN = res.data.data[0].StudentCount,
biN = res.data.data[1].StudentCount,
otN = res.data.data[2].StudentCount;
let chartData = [],
shopChartData = [];
chartData.push(((zaiN / contNum) * 100).toFixed(2));
chartData.push(((biN / contNum) * 100).toFixed(2));
chartData.push(((otN / contNum) * 100).toFixed(2));
shopChartData.push({
num: Number(((zai / contShop) * 100).toFixed(2)),
color: "#0D2481",
text: "高校在读生"
});
shopChartData.push({
num: Number(((bi / contShop) * 100).toFixed(2)),
color: "#FFA475",
text: "高校毕业生"
});
shopChartData.push({
num: Number(((ot / contShop) * 100).toFixed(2)),
color: "#999",
text: "非高校"
});
let chartData = [], shopChartData = [];
let data=res.data.data;
if(data.length==0){
chartData = [0, 0, 0, 0, 0];
let strArr = this.strArr;
for (let i = 0; i < 5; i++) {
shopChartData.push({
num: 0,
color: that.colorArr[i],
text: strArr[i]
});
}
}
else{
this.strArr=[];
let contHouse=0;
let contNum=0;
data.forEach(item=>{
this.strArr.push(item.StudentTypeName);
contHouse+=item.StudentCount;
contNum+=item.TotalMoney;
})
data.forEach((item,i)=>{
chartData.push(parseFloat(((item.StudentCount/contHouse)*100).toFixed(2)));
shopChartData.push({
num: parseFloat(((item.TotalMoney/contNum)*100).toFixed(2)),
color: that.colorArr[i],
text: that.strArr[i]
});
})
}
// let m=3-res.data.data.length
// if(res.data.data.length<3){
// for (let i = 0; i < m; i++) {
// res.data.data.push({
// TotalMoney:0,
// StudentCount:0
// })
// }
// }
// let contShop =
// res.data.data[0].TotalMoney +
// res.data.data[1].TotalMoney +
// res.data.data[2].TotalMoney,
// zai = res.data.data[0].TotalMoney,
// bi = res.data.data[1].TotalMoney,
// ot = res.data.data[2].TotalMoney,
// contNum =
// res.data.data[0].StudentCount +
// res.data.data[1].StudentCount +
// res.data.data[2].StudentCount,
// zaiN = res.data.data[0].StudentCount,
// biN = res.data.data[1].StudentCount,
// otN = res.data.data[2].StudentCount;
// let chartData = [],
// shopChartData = [];
// chartData.push(((zaiN / contNum) * 100).toFixed(2));
// chartData.push(((biN / contNum) * 100).toFixed(2));
// chartData.push(((otN / contNum) * 100).toFixed(2));
// shopChartData.push({
// num: Number(((zai / contShop) * 100).toFixed(2)),
// color: "#0D2481",
// text: "高校在读生"
// });
// shopChartData.push({
// num: Number(((bi / contShop) * 100).toFixed(2)),
// color: "#FFA475",
// text: "高校毕业生"
// });
// shopChartData.push({
// num: Number(((ot / contShop) * 100).toFixed(2)),
// color: "#999",
// text: "非高校"
// });
this.chartData = chartData;
this.shopChartData = shopChartData;
this.orders = res.data.data;
......@@ -277,10 +315,10 @@ export default {
},
getOrders() {
this.apipost("/api/Statistic/GetStudentOrderList", {}, res => {
console.log(res);
res.data.data.forEach(x => {
this.orders[x.NewStudentType - 1].LtName = x.LtName;
this.orders[x.NewStudentType - 1].Unit_Price = x.Unit_Price;
this.orderList=res.data.data;
// this.orders[x.NewStudentType - 1].LtName = x.LtName;
// this.orders[x.NewStudentType - 1].Unit_Price = x.Unit_Price;
});
this.loading = false;
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment