初步完成所有人才盘点页面的功能
yzw
parent
f4ed0d0b5d
commit
c8df773aa4
|
|
@ -32,6 +32,14 @@ export function getReviewEducation(params) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function getReviewParty(params) {
|
||||||
|
return request({
|
||||||
|
url: '/person/review/party',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
export function getReviewPerformance(params) {
|
export function getReviewPerformance(params) {
|
||||||
return request({
|
return request({
|
||||||
url: '/person/review/performance',
|
url: '/person/review/performance',
|
||||||
|
|
|
||||||
|
|
@ -115,14 +115,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="slide">
|
|
||||||
<div class="section-title">员工专业统计</div>
|
|
||||||
<div class="section-body">
|
|
||||||
<div class="sbody-left"></div>
|
|
||||||
<div class="sbody-right"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="slide">
|
<div class="slide">
|
||||||
<div class="tab-title">员工学校统计</div>
|
<div class="tab-title">员工学校统计</div>
|
||||||
<div class="section-body">
|
<div class="section-body">
|
||||||
|
|
@ -156,6 +148,63 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- <div class="slide">
|
||||||
|
<div class="section-title">员工专业统计</div>
|
||||||
|
<div class="section-body">
|
||||||
|
<div class="sbody-left"></div>
|
||||||
|
<div class="sbody-right"></div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<div class="slide">
|
||||||
|
<h3>员工党务信息统计</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="slide">
|
||||||
|
<div class="section-title">员工政治面貌统计</div>
|
||||||
|
<div class="section-body">
|
||||||
|
<div class="sbody-left">
|
||||||
|
<div id="pic_party_face" class="pic"></div>
|
||||||
|
</div>
|
||||||
|
<div class="sbody-right">
|
||||||
|
<p>
|
||||||
|
恩施卷烟厂的员工中群众占比最多，达40.21%；其次是中共党员，占比32.09%；
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="slide">
|
||||||
|
<div class="section-title">员工党龄统计</div>
|
||||||
|
<div class="section-body">
|
||||||
|
<div class="sbody-left">
|
||||||
|
<div id="pic_party_year" class="pic"></div>
|
||||||
|
</div>
|
||||||
|
<div class="sbody-right">
|
||||||
|
<p>
|
||||||
|
恩施卷烟厂党员员工的党龄大致可分为两簇，一簇党龄区间为1~17，另一簇党龄为19~32。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="slide">
|
||||||
|
<div class="section-title">历年优秀党员统计</div>
|
||||||
|
<div class="section-body">
|
||||||
|
<div class="sbody-left">
|
||||||
|
<div id="pic_party_excellent" class="pic"></div>
|
||||||
|
</div>
|
||||||
|
<div class="sbody-right">
|
||||||
|
<p>
|
||||||
|
历年优秀党员评选中，2021年获得优秀党员荣誉的员工最多，达40人。
|
||||||
|
</p>
|
||||||
|
<p>从人数变化率来看，也是2021年变化率最大，较2020年提升了近30%。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section">
|
<div class="section">
|
||||||
|
|
@ -455,11 +504,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section">
|
|
||||||
<h3>最后一屏</h3>
|
|
||||||
<p>这是最后一屏</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -491,6 +535,11 @@ export default {
|
||||||
workSchoolData: {},
|
workSchoolData: {},
|
||||||
schoolCategory: ["211", "985"],
|
schoolCategory: ["211", "985"],
|
||||||
|
|
||||||
|
// 党务
|
||||||
|
partyFaceData: [],
|
||||||
|
partyYearData: {},
|
||||||
|
partyExcellentData: {},
|
||||||
|
|
||||||
// 绩效
|
// 绩效
|
||||||
fullYearRange: [0, 0],
|
fullYearRange: [0, 0],
|
||||||
fullCheckData: null,
|
fullCheckData: null,
|
||||||
|
|
@ -631,11 +680,11 @@ export default {
|
||||||
"#1bbc9b",
|
"#1bbc9b",
|
||||||
"#4BBFC3",
|
"#4BBFC3",
|
||||||
"#f3a694",
|
"#f3a694",
|
||||||
|
"#8ba3c7",
|
||||||
"#99bcac",
|
"#99bcac",
|
||||||
"#e5a84b",
|
"#e5a84b",
|
||||||
"#c4c97d",
|
"#c4c97d",
|
||||||
"#94784f",
|
"#94784f",
|
||||||
"#8ba3c7",
|
|
||||||
],
|
],
|
||||||
// navigation: true,
|
// navigation: true,
|
||||||
// navigationTooltips: ["人口", "二", "三", "四"],
|
// navigationTooltips: ["人口", "二", "三", "四"],
|
||||||
|
|
@ -671,10 +720,10 @@ export default {
|
||||||
// 学位
|
// 学位
|
||||||
this.showDegreeBar();
|
this.showDegreeBar();
|
||||||
} else if (destination == 3) {
|
} else if (destination == 3) {
|
||||||
// 专业
|
|
||||||
} else if (destination == 4) {
|
|
||||||
// 学校
|
// 学校
|
||||||
this.showFullSchoolPie();
|
this.showFullSchoolPie();
|
||||||
|
} else if (destination == 4) {
|
||||||
|
// 专业
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -682,6 +731,7 @@ export default {
|
||||||
});
|
});
|
||||||
|
|
||||||
// 初始化echarts
|
// 初始化echarts
|
||||||
|
// 人口
|
||||||
let chartDom = document.getElementById("pic_gender");
|
let chartDom = document.getElementById("pic_gender");
|
||||||
this.genderChart = echarts.init(chartDom);
|
this.genderChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_age");
|
chartDom = document.getElementById("pic_age");
|
||||||
|
|
@ -692,6 +742,7 @@ export default {
|
||||||
this.regionChart = echarts.init(chartDom);
|
this.regionChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_region_city");
|
chartDom = document.getElementById("pic_region_city");
|
||||||
this.regionCityChart = echarts.init(chartDom);
|
this.regionCityChart = echarts.init(chartDom);
|
||||||
|
// 教育
|
||||||
chartDom = document.getElementById("pic_full_edu");
|
chartDom = document.getElementById("pic_full_edu");
|
||||||
this.fullEduChart = echarts.init(chartDom);
|
this.fullEduChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_work_edu");
|
chartDom = document.getElementById("pic_work_edu");
|
||||||
|
|
@ -702,6 +753,14 @@ export default {
|
||||||
this.fullSchoolChart = echarts.init(chartDom);
|
this.fullSchoolChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_work_school");
|
chartDom = document.getElementById("pic_work_school");
|
||||||
this.workSchoolChart = echarts.init(chartDom);
|
this.workSchoolChart = echarts.init(chartDom);
|
||||||
|
// 党
|
||||||
|
chartDom = document.getElementById("pic_party_face");
|
||||||
|
this.partyFaceChart = echarts.init(chartDom);
|
||||||
|
chartDom = document.getElementById("pic_party_year");
|
||||||
|
this.partyYearChart = echarts.init(chartDom);
|
||||||
|
chartDom = document.getElementById("pic_party_excellent");
|
||||||
|
this.partyExcellentChart = echarts.init(chartDom);
|
||||||
|
// 绩效
|
||||||
chartDom = document.getElementById("pic_full_check");
|
chartDom = document.getElementById("pic_full_check");
|
||||||
this.fullCheckChart = echarts.init(chartDom);
|
this.fullCheckChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_middle_check");
|
chartDom = document.getElementById("pic_middle_check");
|
||||||
|
|
@ -710,22 +769,26 @@ export default {
|
||||||
this.enshiAdvanceChart = echarts.init(chartDom);
|
this.enshiAdvanceChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_center_advance");
|
chartDom = document.getElementById("pic_center_advance");
|
||||||
this.centerAdvanceChart = echarts.init(chartDom);
|
this.centerAdvanceChart = echarts.init(chartDom);
|
||||||
|
// 阵容
|
||||||
chartDom = document.getElementById("pic_work_year");
|
chartDom = document.getElementById("pic_work_year");
|
||||||
this.workYearChart = echarts.init(chartDom);
|
this.workYearChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_professional");
|
chartDom = document.getElementById("pic_professional");
|
||||||
this.pSkillChart = echarts.init(chartDom);
|
this.pSkillChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_vocational");
|
chartDom = document.getElementById("pic_vocational");
|
||||||
this.vSkillChart = echarts.init(chartDom);
|
this.vSkillChart = echarts.init(chartDom);
|
||||||
|
// 创新
|
||||||
chartDom = document.getElementById("pic_center_innovation");
|
chartDom = document.getElementById("pic_center_innovation");
|
||||||
this.centerInnovationChart = echarts.init(chartDom);
|
this.centerInnovationChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_enshi_innovation");
|
chartDom = document.getElementById("pic_enshi_innovation");
|
||||||
this.enshiInnovationChart = echarts.init(chartDom);
|
this.enshiInnovationChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_paper");
|
chartDom = document.getElementById("pic_paper");
|
||||||
this.paperChart = echarts.init(chartDom);
|
this.paperChart = echarts.init(chartDom);
|
||||||
|
// 活动
|
||||||
chartDom = document.getElementById("pic_person_activity");
|
chartDom = document.getElementById("pic_person_activity");
|
||||||
this.personActivityChart = echarts.init(chartDom);
|
this.personActivityChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_activity");
|
chartDom = document.getElementById("pic_activity");
|
||||||
this.activityChart = echarts.init(chartDom);
|
this.activityChart = echarts.init(chartDom);
|
||||||
|
// 事务
|
||||||
chartDom = document.getElementById("pic_person_meeting");
|
chartDom = document.getElementById("pic_person_meeting");
|
||||||
this.personMeetingChart = echarts.init(chartDom);
|
this.personMeetingChart = echarts.init(chartDom);
|
||||||
chartDom = document.getElementById("pic_meeting");
|
chartDom = document.getElementById("pic_meeting");
|
||||||
|
|
@ -919,6 +982,70 @@ export default {
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
// 请求党数据
|
||||||
|
personApi.getReviewParty().then(
|
||||||
|
(res) => {
|
||||||
|
let resData = res.data;
|
||||||
|
// 处理政治面貌
|
||||||
|
let partyFaceData = resData["政治面貌"];
|
||||||
|
let tempArr = [];
|
||||||
|
for (let key in partyFaceData) {
|
||||||
|
tempArr.push({ name: key, value: partyFaceData[key] });
|
||||||
|
}
|
||||||
|
this.partyFaceData = tempArr;
|
||||||
|
this.showPartyFaceChart();
|
||||||
|
// 处理党龄
|
||||||
|
let partyYearData = resData["党龄"];
|
||||||
|
let maxAge = 0,
|
||||||
|
categoryData = [],
|
||||||
|
valueData = [];
|
||||||
|
for (let i in partyYearData) {
|
||||||
|
if (parseInt(i) > maxAge) {
|
||||||
|
maxAge = i;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
for (let i = 1; i <= maxAge; i++) {
|
||||||
|
categoryData.push(i);
|
||||||
|
if (i in partyYearData) {
|
||||||
|
valueData.push(partyYearData[i]);
|
||||||
|
} else {
|
||||||
|
valueData.push(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.partyYearData = {
|
||||||
|
category: categoryData,
|
||||||
|
value: valueData,
|
||||||
|
};
|
||||||
|
this.showPartyYearData();
|
||||||
|
// 处理历年优秀
|
||||||
|
let partyExcellentData = resData["历年优秀"];
|
||||||
|
(categoryData = []), (valueData = []);
|
||||||
|
let rateData = [],
|
||||||
|
preValue = 0;
|
||||||
|
for (let key in partyExcellentData) {
|
||||||
|
let curValue = partyExcellentData[key];
|
||||||
|
let rate = 0.0;
|
||||||
|
if (preValue != 0) {
|
||||||
|
rate = ((curValue - preValue) / preValue) * 100;
|
||||||
|
rate = Number(rate.toFixed(2));
|
||||||
|
}
|
||||||
|
preValue = curValue;
|
||||||
|
rateData.push(rate);
|
||||||
|
categoryData.push(key);
|
||||||
|
valueData.push(curValue);
|
||||||
|
}
|
||||||
|
this.partyExcellentData = {
|
||||||
|
category: categoryData,
|
||||||
|
value: valueData,
|
||||||
|
rate: rateData,
|
||||||
|
};
|
||||||
|
this.showPartyExcellentChart();
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
console.log("error", err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
// 请求绩效数据
|
// 请求绩效数据
|
||||||
personApi.getReviewPerformance().then(
|
personApi.getReviewPerformance().then(
|
||||||
(res) => {
|
(res) => {
|
||||||
|
|
@ -2817,6 +2944,154 @@ export default {
|
||||||
};
|
};
|
||||||
this.projectChart.setOption(option);
|
this.projectChart.setOption(option);
|
||||||
},
|
},
|
||||||
|
showPartyFaceChart() {
|
||||||
|
let option = {
|
||||||
|
title: {
|
||||||
|
text: "员工政治面貌分布饼图",
|
||||||
|
left: "center",
|
||||||
|
y: "1%",
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: "item",
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
left: "center",
|
||||||
|
y: "10%",
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: "政治面貌",
|
||||||
|
type: "pie",
|
||||||
|
radius: "50%",
|
||||||
|
data: this.partyFaceData,
|
||||||
|
emphasis: {
|
||||||
|
itemStyle: {
|
||||||
|
shadowBlur: 10,
|
||||||
|
shadowOffsetX: 0,
|
||||||
|
shadowColor: "rgba(0, 0, 0, 0.5)",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
option && this.partyFaceChart.setOption(option);
|
||||||
|
},
|
||||||
|
showPartyYearData() {
|
||||||
|
let option = {
|
||||||
|
title: {
|
||||||
|
text: "员工党龄分布条状图",
|
||||||
|
left: "center",
|
||||||
|
y: "1%",
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: "axis",
|
||||||
|
axisPointer: {
|
||||||
|
type: "shadow",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// legend: {},
|
||||||
|
grid: {
|
||||||
|
left: "3%",
|
||||||
|
right: "8%",
|
||||||
|
bottom: "3%",
|
||||||
|
containLabel: true,
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
type: "value",
|
||||||
|
name: "人数",
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: "category",
|
||||||
|
name: "入党年岁",
|
||||||
|
data: this.partyYearData["category"],
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: "人数",
|
||||||
|
type: "bar",
|
||||||
|
data: this.partyYearData["value"],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
this.partyYearChart.setOption(option);
|
||||||
|
},
|
||||||
|
showPartyExcellentChart() {
|
||||||
|
let option = {
|
||||||
|
title: {},
|
||||||
|
tooltip: {
|
||||||
|
trigger: "axis",
|
||||||
|
axisPointer: {
|
||||||
|
type: "cross",
|
||||||
|
crossStyle: {
|
||||||
|
color: "#999",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
legend: {},
|
||||||
|
xAxis: [
|
||||||
|
{
|
||||||
|
type: "category",
|
||||||
|
data: this.partyExcellentData["category"],
|
||||||
|
axisPointer: {
|
||||||
|
type: "shadow",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
yAxis: [
|
||||||
|
{
|
||||||
|
type: "value",
|
||||||
|
name: "优秀人数",
|
||||||
|
axisLabel: {
|
||||||
|
formatter: "{value} 人",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "value",
|
||||||
|
name: "变化率",
|
||||||
|
axisLabel: {
|
||||||
|
formatter: "{value} %",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataZoom: [
|
||||||
|
{
|
||||||
|
show: true,
|
||||||
|
start: 0,
|
||||||
|
end: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "inside",
|
||||||
|
start: 0,
|
||||||
|
end: 100,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: "历年优秀",
|
||||||
|
type: "bar",
|
||||||
|
tooltip: {
|
||||||
|
valueFormatter: function (value) {
|
||||||
|
return value + " 人";
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data: this.partyExcellentData["value"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "变化率",
|
||||||
|
type: "line",
|
||||||
|
yAxisIndex: 1,
|
||||||
|
tooltip: {
|
||||||
|
valueFormatter: function (value) {
|
||||||
|
return value + " %";
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data: this.partyExcellentData["rate"],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
this.partyExcellentChart.setOption(option);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue