diff --git a/src/assets/img/humanResources/10.png b/src/assets/img/humanResources/10.png new file mode 100644 index 0000000..49ab892 Binary files /dev/null and b/src/assets/img/humanResources/10.png differ diff --git a/src/assets/img/humanResources/11.png b/src/assets/img/humanResources/11.png new file mode 100644 index 0000000..507fd18 Binary files /dev/null and b/src/assets/img/humanResources/11.png differ diff --git a/src/assets/img/humanResources/5.png b/src/assets/img/humanResources/5.png new file mode 100644 index 0000000..beedf6a Binary files /dev/null and b/src/assets/img/humanResources/5.png differ diff --git a/src/assets/img/humanResources/6.png b/src/assets/img/humanResources/6.png new file mode 100644 index 0000000..eda5c81 Binary files /dev/null and b/src/assets/img/humanResources/6.png differ diff --git a/src/assets/img/humanResources/7.png b/src/assets/img/humanResources/7.png new file mode 100644 index 0000000..3d6c911 Binary files /dev/null and b/src/assets/img/humanResources/7.png differ diff --git a/src/assets/img/humanResources/8.png b/src/assets/img/humanResources/8.png new file mode 100644 index 0000000..6adb0de Binary files /dev/null and b/src/assets/img/humanResources/8.png differ diff --git a/src/assets/img/humanResources/9.png b/src/assets/img/humanResources/9.png new file mode 100644 index 0000000..2dce8f7 Binary files /dev/null and b/src/assets/img/humanResources/9.png differ diff --git a/src/components/header.vue b/src/components/header.vue index 97cb77c..3582e82 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -107,7 +107,7 @@ export default { }, mounted() { this.getTime(); - this.carousel(); + // this.carousel(); }, methods: { getTime: function () { diff --git a/src/pages/humanResources/home.vue b/src/pages/humanResources/home.vue index 11e6b65..76cedee 100644 --- a/src/pages/humanResources/home.vue +++ b/src/pages/humanResources/home.vue @@ -20,12 +20,64 @@ - +
+ + +
- - +
+ +
+
+
+
+
+
+
+
+ 当前员工男女和职称比例 + (%) +
+
+
+ +
+
+ + +
+ +
+
+ +
+ +
+
+
+
+
+
+
+
+ 岗位分析 + (人) +
+
+
+ +
+
+ + + +
+ +
+
+
@@ -220,8 +272,135 @@ export default { }, ] }, - echartObj5: {}, - echartObj6: {}, + echartObj5: { + tooltip: { + trigger: 'item', + formatter: '{a}
{b} : {c} ({d}%)' + }, + legend: { + right: '10', + top: 'center', + orient: 'vertical', + data: ['高级职称', '中级职称', '初级职称','其他'], + textStyle: { + color: '#FFFFFF', + lineHeight: 18 + }, + formatter: (name) => { + let data = this.echartObj5.series[0].data + let total = 0 + let tarValue + for (let i = 0; i < data.length; i++) { + total += data[i].value + if (data[i].name == name) { + tarValue = data[i].value + } + } + //计算出百分比 + let p = Math.round((tarValue / total) * 100, 2) + '%' + return `${name}(${p})` + } + }, + color: ['#4AA2CB','#91CC75','#68A400','#3D7DFA','#48E5E5','#FAC858'], + toolbox: { + show: false, + feature: { + mark: {show: true}, + dataView: {show: true, readOnly: false}, + magicType: { + show: true, + type: ['pie', 'funnel'] + }, + restore: {show: true}, + saveAsImage: {show: true} + } + }, + series: [ + { + name: '占比分析', + type: 'pie', + radius: [60, 100], + top: 'middle', + label: { + show: false, + position: 'inside', + formatter: '{d}%', + }, + data: [ + {value: 30, name: '高级职称'}, + {value: 40, name: '中级职称'}, + {value: 20, name: '初级职称'}, + {value: 10, name: '其他'}, + ] + } + ] + }, + echartObj6: { + tooltip: { + trigger: 'item', + formatter: '{a}
{b} : {c} ({d}%)' + }, + legend: { + right: '10', + top: 'center', + orient: 'vertical', + data: ['护理长', '护理员', '生活管家','经理','会计','销售','客服'], + textStyle: { + color: '#FFFFFF', + lineHeight: 18 + }, + formatter: (name) => { + let data = this.echartObj6.series[0].data + let total = 0 + let tarValue + for (let i = 0; i < data.length; i++) { + total += data[i].value + if (data[i].name == name) { + tarValue = data[i].value + } + } + //计算出百分比 + let p = Math.round((tarValue / total) * 100, 2) + '%' + return `${name}(${p})` + } + }, + color: ['#4AA2CB','#91CC75','#68A400','#3D7DFA','#48E5E5','#FAC858','#2B8EF3'], + toolbox: { + show: false, + feature: { + mark: {show: true}, + dataView: {show: true, readOnly: false}, + magicType: { + show: true, + type: ['pie', 'funnel'] + }, + restore: {show: true}, + saveAsImage: {show: true} + } + }, + series: [ + { + name: '占比分析', + type: 'pie', + radius: [60, 100], + top: 'middle', + label: { + show: false, + position: 'inside', + formatter: '{d}%', + }, + data: [ + {value: 20, name: '护理长'}, + {value: 25, name: '护理员'}, + {value: 25, name: '生活管家'}, + {value: 10, name: '经理'}, + {value: 10, name: '会计'}, + {value: 5, name: '销售'}, + {value: 5, name: '客服'}, + ] + } + ] + }, } }, created() {