From d09564dfe3b1a86f8059e13a26ba6ca0798c4101 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 28 Aug 2021 16:29:54 +0800
Subject: [PATCH] 保安 社保添加更改 保安单位情况智能分析
---
src/views/securityAnalysis/index.vue | 405 ++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 268 insertions(+), 137 deletions(-)
diff --git a/src/views/securityAnalysis/index.vue b/src/views/securityAnalysis/index.vue
index 63d6cd8..7806a6a 100644
--- a/src/views/securityAnalysis/index.vue
+++ b/src/views/securityAnalysis/index.vue
@@ -43,7 +43,8 @@
getinformationselectDisp, //保安派遣数量
getinformationselectSoil, //社保缴纳情况统计
} from "@/api/securityAnalysis/securityAnalysis";
-import { lang } from "moment";
+import { mapState } from "vuex";
+import { getRoleDetail } from "@/api/system/role";
export default {
data() {
return {
@@ -53,8 +54,28 @@
EC4: "", //派遣服务单位统计 // 柱状图
EC5: "", //保安派遣情况统计 // 饼图
EC6: "", //社保缴纳情况统计 // 饼图
- deptid: "1412222599212257282",
+ deptid: "",
+ jurisdiction: "",
};
+ },
+ computed: {
+ ...mapState({
+ userInfo: (state) => state.user.userInfo,
+ }),
+ ids1() {
+ let ids1 = [];
+ this.selectionList1.forEach((ele) => {
+ ids1.push(ele.id);
+ });
+ return ids1.join(",");
+ },
+ ids2() {
+ let ids2 = [];
+ this.selectionList2.forEach((ele) => {
+ ids2.push(ele.id);
+ });
+ return ids2.join(",");
+ },
},
methods: {
creatOurEcharts() {
@@ -66,24 +87,52 @@
this.EC6 = echarts.init(this.$refs.ech6);
this.biginOUREC();
},
- getEC1() {
- var that = this;
- getinformationselectExtype(this.deptid).then((res) => {
- // console.log(res);
- var a = res.data.data[0];
- var d = [
+ changedata(a, ok, no, okmsg, nomsg) {
+ var d = [];
+ if (a.length != 0) {
+ var yes = 0,
+ not = 0;
+ for (var k in a) {
+ yes += a[k][ok];
+ not += a[k][no];
+ }
+ d = [
{
- value: a.bzc,
- name: "审查情况正常",
+ value: yes,
+ name: okmsg,
},
{
- value: a.zc,
- name: "审查情况异常",
+ value: not,
+ name: nomsg,
},
];
-
- that.setEC1(d);
- });
+ } else {
+ d = [
+ {
+ value: 0,
+ name: okmsg,
+ },
+ {
+ value: 0,
+ name: nomsg,
+ },
+ ];
+ }
+ // console.log(d, ok, no);
+ return d;
+ },
+ getEC1() {
+ var that = this;
+ getinformationselectExtype(this.deptid, this.jurisdiction)
+ .then((res) => {
+ var a = res.data.data;
+ var b = that.changedata(a, "zc", "bzc", "情况正常", "情况异常");
+ that.setEC1(b);
+ })
+ .catch((res) => {
+ var b = that.changedata([], "zc", "bzc", "情况正常", "情况异常");
+ that.setEC1(b);
+ });
},
setEC1(d) {
var option, data;
@@ -103,6 +152,7 @@
title: {
text: "保安员审查情况统计",
// subtext: "纯属虚构",
+ top: 25,
left: "center",
},
tooltip: {
@@ -135,6 +185,19 @@
shadowColor: "rgba(0, 0, 0, 0.5)",
},
},
+ label: {
+ // alignTo: "edge",
+ formatter: "{name|{b}}\n({d}%)",
+ // minMargin: 5,
+ // edgeDistance: 10,
+ // lineHeight: 15,
+ rich: {
+ time: {
+ fontSize: 10,
+ color: "#999",
+ },
+ },
+ },
},
],
};
@@ -143,42 +206,24 @@
},
getEC2() {
var that = this;
- getinformationselectHold(this.deptid).then((res) => {
- var a = res.data.data[0];
- console.log(res, "持证情况");
- var d = [
- {
- value: a.wcz,
- name: "未持证",
- },
- {
- value: a.cz,
- name: "持证",
- },
- ];
-
- that.setEC2(d);
- });
+ getinformationselectHold(this.deptid, this.jurisdiction)
+ .then((res) => {
+ var a = res.data.data;
+ var b = that.changedata(a, "cz", "wcz", "持证", "未持证");
+ that.setEC2(b);
+ })
+ .catch((res) => {
+ var b = that.changedata([], "cz", "wcz", "持证", "未持证");
+ that.setEC1(b);
+ });
},
- setEC2(d) {
+ setEC2(data) {
var option;
- var option, data;
- if (d) {
- data = d;
- } else {
- data = [
- { value: 1048, name: "搜索引擎" },
- { value: 735, name: "直接访问" },
- { value: 580, name: "邮件营销" },
- { value: 484, name: "联盟广告" },
- { value: 300, name: "视频广告" },
- ];
- }
- // console.log(data);
option = {
title: {
text: "保安员持证情况统计",
// subtext: "纯属虚构",
+ top: 25,
left: "center",
},
tooltip: {
@@ -203,6 +248,19 @@
shadowColor: "rgba(0, 0, 0, 0.5)",
},
},
+ label: {
+ // alignTo: "edge",
+ formatter: "{name|{b}}\n({d}%)",
+ // minMargin: 5,
+ // edgeDistance: 10,
+ // lineHeight: 15,
+ rich: {
+ time: {
+ fontSize: 10,
+ color: "#999",
+ },
+ },
+ },
},
],
};
@@ -211,15 +269,19 @@
},
getEC3() {
var that = this;
- getinformationstatistics(this.deptid).then((res) => {
- var a = res.data.data,
- s = [],
- l = [];
- console.log(a); // 0 :理论 1：实操
- for (var k in a[0]) {
- l.push(a[0][k]);
- s.push(a[1][k]);
- }
+ getinformationstatistics(this.deptid, this.jurisdiction).then((res) => {
+ var a = res.data.data;
+ console.log(a, 22222222222222222222);
+ // var a = res.data.data,
+ // s = [],
+ // l = [];
+ // console.log(a); // 0 :理论 1：实操
+ // for (var k in a[0]) {
+ // l.push(a[0][k]);
+ // s.push(a[1][k]);
+ // }
+ var l = a.llcj;
+ var s = a.sccj;
this.setEC3(s, l);
});
},
@@ -230,7 +292,7 @@
for (var i = 0; i < 100; i++) {
xd.push(i + "分");
}
- console.log(sd);
+ // console.log(sd);
var option = {
title: {
text: "保安员考试情况统计",
@@ -293,14 +355,14 @@
focus: "series",
},
// data: [1, 2, 3, 1],
- data: [
- 1, 0, 0, 0, 3, 2, 1, 0, 4, 0, 5, 0, 4, 0, 0, 9, 7, 0, 2, 0, 5, 0,
- 0, 0, 7, 9, 0, 0, 7, 0, 5, 0, 7, 1, 0, 9, 2, 0, 0, 0, 3, 0, 0, 0,
- 7, 9, 0, 0, 7, 0, 5, 0, 7, 24, 2, 9, 7, 37, 0, 3, 5, 0, 0, 0, 7,
- 9, 1, 0, 7, 0, 5, 4, 2, 0, 0, 9, 7, 35, 0, 0, 3, 0, 0, 12, 7, 9,
- 0, 0, 7, 0, 2, 0, 7, 0, 0, 9, 7, 0, 0, 1,
- ],
- // data: s,
+ // data: [
+ // 1, 0, 0, 0, 3, 2, 1, 0, 4, 0, 5, 0, 4, 0, 0, 9, 7, 0, 2, 0, 5, 0,
+ // 0, 0, 7, 9, 0, 0, 7, 0, 5, 0, 7, 1, 0, 9, 2, 0, 0, 0, 3, 0, 0, 0,
+ // 7, 9, 0, 0, 7, 0, 5, 0, 7, 24, 2, 9, 7, 37, 0, 3, 5, 0, 0, 0, 7,
+ // 9, 1, 0, 7, 0, 5, 4, 2, 0, 0, 9, 7, 35, 0, 0, 3, 0, 0, 12, 7, 9,
+ // 0, 0, 7, 0, 2, 0, 7, 0, 0, 9, 7, 0, 0, 1,
+ // ],
+ data: s,
},
{
name: "理论成绩",
@@ -310,14 +372,14 @@
emphasis: {
focus: "series",
},
- data: [
- 4, 0, 5, 0, 7, 3, 2, 9, 7, 1, 0, 3, 5, 0, 9, 7, 0, 2, 0, 0, 7, 0,
- 2, 0, 7, 0, 0, 9, 5, 0, 0, 0, 7, 9, 0, 0, 7, 0, 5, 0, 7, 1, 0, 9,
- 2, 0, 0, 50, 3, 0, 30, 0, 7, 9, 0, 20, 7, 40, 0, 0, 0, 7, 9, 1, 0,
- 7, 0, 5, 4, 2, 0, 0, 9, 7, 35, 0, 0, 3, 0, 0, 12, 7, 9, 0, 7, 0,
- 0, 11, 0, 0, 0, 3, 2, 1, 0, 4, 0, 5, 0, 3,
- ],
- // data: l,
+ // data: [
+ // 4, 0, 5, 0, 7, 3, 2, 9, 7, 1, 0, 3, 5, 0, 9, 7, 0, 2, 0, 0, 7, 0,
+ // 2, 0, 7, 0, 0, 9, 5, 0, 0, 0, 7, 9, 0, 0, 7, 0, 5, 0, 7, 1, 0, 9,
+ // 2, 0, 0, 50, 3, 0, 30, 0, 7, 9, 0, 20, 7, 40, 0, 0, 0, 7, 9, 1, 0,
+ // 7, 0, 5, 4, 2, 0, 0, 9, 7, 35, 0, 0, 3, 0, 0, 12, 7, 9, 0, 7, 0,
+ // 0, 11, 0, 0, 0, 3, 2, 1, 0, 4, 0, 5, 0, 3,
+ // ],
+ data: l,
},
],
};
@@ -325,38 +387,72 @@
this.EC3.setOption(option);
},
getEC4() {
+ var date = new Date();
+ var nowYear = date.getFullYear();
var that = this;
- getinformationselectDis(this.deptid).then((res) => {
- var a = res.data.data,
- xd = [],
- d = [];
- // console.log(a);
- for (var k in a) {
- xd.push(a[k].name);
- d.push(a[k].num);
+ getinformationselectDis(this.deptid, this.jurisdiction).then((res) => {
+ var a = res.data,
+ d = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+
+ var setNum = (start, end, i) => {
+ // console.log(start, end, i);
+ for (let a = +start - 1; a < +end; a++) {
+ ++d[a];
+ }
+ };
+ for (var k = 0; k < a.length; k++) {
+ // console.log(a[k], k);
+
+ var overYear = a[k].end_time.slice(0, 4);
+ var overMout = a[k].end_time.slice(5, 7);
+ var bigYear = a[k].start_time.slice(0, 4);
+ var bigMout = a[k].start_time.slice(5, 7);
+ if (overYear > nowYear) {
+ if (bigYear < nowYear) {
+ setNum(1, 12, k);
+ } else if (bigYear == nowYear) {
+ setNum(+bigMout, 12, k);
+ }
+ } else if (overYear == nowYear) {
+ if (bigYear < nowYear) {
+ setNum(1, +overMout, k);
+ } else if (bigYear == nowYear) {
+ setNum(+bigMout, +overMout, k);
+ }
+ }
}
- that.setEC4(d, xd);
+ console.log(d, "派遣服务单位");
+
+ // console.log(a, 123456);
+ // for (var k in a) {
+ // d.push(a[k]);
+ // }
+ // console.log(d);
+ that.setEC4(d);
});
},
- setEC4(d, xd) {
+ setEC4(data) {
var xxd = [
- "一月",
- "二月",
- "三月",
- "四月",
- "五月",
- "六月",
- "七月",
- "八月",
- "九月",
- "十月",
- "一月",
- "二月",
- ],
- dd = [120, 200, 150, 80, 70, 110, 130, 120, 200, 150, 80, 70];
+ "1月",
+ "2月",
+ "3月",
+ "4月",
+ "5月",
+ "6月",
+ "7月",
+ "8月",
+ "9月",
+ "10月",
+ "11月",
+ "12月",
+ ];
+ var date = new Date();
+ var d = date.getFullYear();
+ // console.log(d);
var option = {
title: {
text: "派遣服务单位统计",
+ top: 20,
left: "center",
},
xAxis: {
@@ -369,11 +465,12 @@
},
tooltip: {
trigger: "item",
+ formatter: d + "年{b} : {c} 个",
},
series: [
{
- data: dd,
- // data: d,
+ // data: dd,
+ data: data,
type: "bar",
},
],
@@ -382,18 +479,17 @@
},
getEC5() {
var that = this;
- getinformationselectDisp(this.deptid).then((res) => {
- var a = res.data.data,
- d = [];
- // console.log(a);
- for (var k in a) {
- d.push({
- value: a[k].num,
- name: a[k].real_name,
- });
- }
- that.setEC5(d);
- });
+ getinformationselectDisp(this.deptid, this.jurisdiction)
+ .then((res) => {
+ var a = res.data.data;
+ // console.log(a, "111111");
+ var b = that.changedata(a, "pnum", "wpnum", "已派遣", "未派遣");
+ that.setEC5(b);
+ })
+ .catch((res) => {
+ var b = that.changedata([], "pnum", "wpnum", "已派遣", "未派遣");
+ that.setEC1(b);
+ });
},
setEC5(d) {
var option;
@@ -402,6 +498,7 @@
title: {
text: "保安派遣情况统计",
// subtext: "纯属虚构",
+ top: 25,
left: "center",
},
tooltip: {
@@ -419,22 +516,17 @@
type: "pie",
radius: "50%",
// data: d,
- data: [
- {
- value: 4,
- name: "未派遣",
- },
- {
- value: 3,
- name: "已派遣",
- },
- ],
+ data: d,
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: "rgba(0, 0, 0, 0.5)",
},
+ },
+ label: {
+ // alignTo: "edge",
+ formatter: "{b}\n({d}%)",
},
},
],
@@ -444,22 +536,28 @@
},
getEC6() {
var that = this;
- getinformationselectSoil(this.deptid).then((res) => {
- var a = res.data.data[0];
- // console.log(a);
- var d = [
- {
- value: a.nmuwj,
- name: "未缴纳社保",
- },
- {
- value: a.numj,
- name: "已缴纳社保",
- },
- ];
-
- that.setEC6(d);
- });
+ getinformationselectSoil(this.deptid, this.jurisdiction)
+ .then((res) => {
+ var a = res.data.data;
+ var b = that.changedata(
+ a,
+ "numj",
+ "nmuwj",
+ "已缴纳社保",
+ "未缴纳社保"
+ );
+ that.setEC6(b);
+ })
+ .catch((res) => {
+ var b = that.changedata(
+ [],
+ "numj",
+ "nmuwj",
+ "已缴纳社保",
+ "未缴纳社保"
+ );
+ that.setEC1(b);
+ });
},
setEC6(d) {
var option;
@@ -468,6 +566,7 @@
title: {
text: "社保缴纳情况统计",
// subtext: "纯属虚构",
+ top: 25,
left: "center",
},
tooltip: {
@@ -490,6 +589,19 @@
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: "rgba(0, 0, 0, 0.5)",
+ },
+ },
+ label: {
+ // alignTo: "edge",
+ formatter: "{name|{b}}\n({d}%)",
+ // minMargin: 5,
+ // edgeDistance: 10,
+ // lineHeight: 15,
+ rich: {
+ time: {
+ fontSize: 10,
+ color: "#999",
+ },
},
},
},
@@ -515,9 +627,28 @@
},
mounted() {
this.$nextTick(() => {
- this.creatOurEcharts();
+ var roleIds = this.userInfo.role_id.split(",");
+ // console.log(this.userInfo);
+ // this.deptid = this.userInfo.role_id;
+ roleIds.forEach((roleId) => {
+ getRoleDetail(roleId).then((res) => {
+ var roleAlias = res.data.data.roleAlias;
+ var roleName = res.data.data.roleName;
+
+ // console.log(roleName);
+ // console.log(res.data.data);
+ // console.log(roleAlias);
+ if (roleName == "超级管理员" || roleName == "公安管理员") {
+ this.deptid = "";
+ this.jurisdiction = this.userInfo.jurisdiction;
+ } else if (roleName == "保安公司管理员") {
+ this.deptid = this.userInfo.dept_id;
+ this.jurisdiction = "";
+ }
+ this.creatOurEcharts();
+ });
+ });
});
- // console.log(echarts);
},
};
</script>
--
Gitblit v1.9.3