17 changed files with 251 additions and 32 deletions
@ -0,0 +1,9 @@ |
|||||
|
import request from "@/utils/request"; |
||||
|
|
||||
|
// 查询项目人员名单信息列表
|
||||
|
export function personnelAttendanceStatistics(proNo) { |
||||
|
return request({ |
||||
|
url: `/site/personDetails/personnelAttendanceStatistics/${proNo}`, |
||||
|
method: "get", |
||||
|
}); |
||||
|
} |
||||
@ -0,0 +1,98 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div |
||||
|
ref="personnelAttendanceStatistics" |
||||
|
style="width: 100%; height: 500px" |
||||
|
></div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import * as echarts from "echarts"; |
||||
|
import { personnelAttendanceStatistics } from "@/api/site/personnelAttendanceStatistics"; |
||||
|
export default { |
||||
|
name: "personnelAttendanceStatistics", |
||||
|
props: ["proNo", "proCode"], |
||||
|
data() { |
||||
|
return { |
||||
|
labelOptions: { |
||||
|
noWorkCount: "缺勤人员数", |
||||
|
totle: "总参建人员数", |
||||
|
workCount: "实时在场人员数", |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
created() {}, |
||||
|
mounted() { |
||||
|
this.getPersonnelAttendanceStatistics(); |
||||
|
}, |
||||
|
methods: { |
||||
|
getPersonnelAttendanceStatistics() { |
||||
|
personnelAttendanceStatistics(this.proNo).then((res) => { |
||||
|
console.log("personnelAttendanceStatistics", res); |
||||
|
this.chartInit(res.data); |
||||
|
}); |
||||
|
}, |
||||
|
chartInit(dataList) { |
||||
|
let xAxisData = []; |
||||
|
let seriesData = [ |
||||
|
{ |
||||
|
name: "实时在场人员数", |
||||
|
type: "bar", |
||||
|
data: [], |
||||
|
}, |
||||
|
{ |
||||
|
name: "总参建人员数", |
||||
|
type: "bar", |
||||
|
data: [], |
||||
|
}, |
||||
|
{ |
||||
|
name: "缺勤人员数", |
||||
|
type: "bar", |
||||
|
data: [], |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
|
dataList.forEach((item) => { |
||||
|
xAxisData.push(item.dte); |
||||
|
seriesData[0].data.push(item.workCount); |
||||
|
seriesData[1].data.push(item.totle); |
||||
|
seriesData[2].data.push(item.noWorkCount); |
||||
|
}); |
||||
|
|
||||
|
let myChart = echarts.init(this.$refs.personnelAttendanceStatistics); |
||||
|
let option = { |
||||
|
tooltip: { |
||||
|
trigger: "axis", |
||||
|
axisPointer: { |
||||
|
type: "shadow", |
||||
|
}, |
||||
|
}, |
||||
|
legend: {}, |
||||
|
grid: { |
||||
|
left: "3%", |
||||
|
right: "4%", |
||||
|
bottom: "3%", |
||||
|
containLabel: true, |
||||
|
}, |
||||
|
xAxis: { |
||||
|
type: "category", |
||||
|
data: xAxisData, |
||||
|
}, |
||||
|
yAxis: { |
||||
|
type: "value", |
||||
|
boundaryGap: [0, 1], |
||||
|
minInterval: 1, |
||||
|
}, |
||||
|
series: seriesData, |
||||
|
}; |
||||
|
|
||||
|
option && myChart.setOption(option); |
||||
|
window.addEventListener("resize", function () { |
||||
|
myChart.resize(); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped></style> |
||||
Loading…
Reference in new issue