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 @@ ...@@ -121,16 +121,19 @@
<span>数据说明</span> <span>数据说明</span>
</div> </div>
<div style="height: 100%;" class="sjsm"> <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"> <div class="left">
<img v-if="item.StudentType === 1" src="../../assets/img/tongji/zaidu.png" alt /> <img v-if="index === 0" src="../../assets/img/tongji/zaidu.png" alt />
<img v-if="item.StudentType === 2" src="../../assets/img/tongji/biye.png" alt /> <img v-else src="../../assets/img/tongji/biye.png" alt />
<span class="font-size-12">{{item.StudentTypeName}}</span> <span class="font-size-12">{{item.StudentTypeName}}</span>
</div> </div>
<div class="right"> <div class="right">
<p> <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>元 <span class="hight-font">{{item.Unit_Price}}</span>元
</p> </p>
<!-- 关联购物金额<span class="hight-font">{{item.TotalMoney}}</span>万， --> <!-- 关联购物金额<span class="hight-font">{{item.TotalMoney}}</span>万， -->
...@@ -193,7 +196,9 @@ export default { ...@@ -193,7 +196,9 @@ export default {
orders: [], orders: [],
discussID: 12, discussID: 12,
BbsList: [], BbsList: [],
topOne: {} topOne: {},
colorArr:["#0D2481","#FFA475","#99BD7B","#D2C9F1","#6EBCE2"],
orderList:[],
}; };
}, },
watch: {}, watch: {},
...@@ -222,52 +227,85 @@ export default { ...@@ -222,52 +227,85 @@ export default {
}, },
GetSexOrderList() { GetSexOrderList() {
this.loading = true; this.loading = true;
let that=this;
this.apipost("/api/Statistic/GetStudentShopList", {}, res => { this.apipost("/api/Statistic/GetStudentShopList", {}, res => {
// this.SexOrder = res.data.data // this.SexOrder = res.data.data
console.log(res.data.data) console.log(res.data.data)
let m=3-res.data.data.length
if(res.data.data.length<3){ let chartData = [], shopChartData = [];
for (let i = 0; i < m; i++) { let data=res.data.data;
res.data.data.push({ if(data.length==0){
TotalMoney:0, chartData = [0, 0, 0, 0, 0];
StudentCount:0 let strArr = this.strArr;
}) for (let i = 0; i < 5; i++) {
} shopChartData.push({
} num: 0,
let contShop = color: that.colorArr[i],
res.data.data[0].TotalMoney + text: strArr[i]
res.data.data[1].TotalMoney + });
res.data.data[2].TotalMoney, }
zai = res.data.data[0].TotalMoney, }
bi = res.data.data[1].TotalMoney, else{
ot = res.data.data[2].TotalMoney, this.strArr=[];
contNum = let contHouse=0;
res.data.data[0].StudentCount + let contNum=0;
res.data.data[1].StudentCount + data.forEach(item=>{
res.data.data[2].StudentCount, this.strArr.push(item.StudentTypeName);
zaiN = res.data.data[0].StudentCount, contHouse+=item.StudentCount;
biN = res.data.data[1].StudentCount, contNum+=item.TotalMoney;
otN = res.data.data[2].StudentCount; })
let chartData = [], data.forEach((item,i)=>{
shopChartData = []; chartData.push(parseFloat(((item.StudentCount/contHouse)*100).toFixed(2)));
chartData.push(((zaiN / contNum) * 100).toFixed(2)); shopChartData.push({
chartData.push(((biN / contNum) * 100).toFixed(2)); num: parseFloat(((item.TotalMoney/contNum)*100).toFixed(2)),
chartData.push(((otN / contNum) * 100).toFixed(2)); color: that.colorArr[i],
shopChartData.push({ text: that.strArr[i]
num: Number(((zai / contShop) * 100).toFixed(2)), });
color: "#0D2481", })
text: "高校在读生" }
}); // let m=3-res.data.data.length
shopChartData.push({ // if(res.data.data.length<3){
num: Number(((bi / contShop) * 100).toFixed(2)), // for (let i = 0; i < m; i++) {
color: "#FFA475", // res.data.data.push({
text: "高校毕业生" // TotalMoney:0,
}); // StudentCount:0
shopChartData.push({ // })
num: Number(((ot / contShop) * 100).toFixed(2)), // }
color: "#999", // }
text: "非高校" // 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.chartData = chartData;
this.shopChartData = shopChartData; this.shopChartData = shopChartData;
this.orders = res.data.data; this.orders = res.data.data;
...@@ -277,10 +315,10 @@ export default { ...@@ -277,10 +315,10 @@ export default {
}, },
getOrders() { getOrders() {
this.apipost("/api/Statistic/GetStudentOrderList", {}, res => { this.apipost("/api/Statistic/GetStudentOrderList", {}, res => {
console.log(res);
res.data.data.forEach(x => { res.data.data.forEach(x => {
this.orders[x.NewStudentType - 1].LtName = x.LtName; this.orderList=res.data.data;
this.orders[x.NewStudentType - 1].Unit_Price = x.Unit_Price; // this.orders[x.NewStudentType - 1].LtName = x.LtName;
// this.orders[x.NewStudentType - 1].Unit_Price = x.Unit_Price;
}); });
this.loading = false; 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