From cd33ec4672397c6665665d59ed8ea0d13150367c Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Fri, 31 Dec 2021 18:21:44 +0800
Subject: [PATCH] 智能分析统计修改
---
src/api/system/user.js | 1
src/views/securityAnalysis/index copy.vue | 1034 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
src/views/securityAnalysis/index.vue | 26 -
src/api/securityAnalysis/securityAnalysis.js | 12
4 files changed, 1,051 insertions(+), 22 deletions(-)
diff --git a/src/api/securityAnalysis/securityAnalysis.js b/src/api/securityAnalysis/securityAnalysis.js
index 1337743..9cf21f1 100644
--- a/src/api/securityAnalysis/securityAnalysis.js
+++ b/src/api/securityAnalysis/securityAnalysis.js
@@ -49,7 +49,6 @@
export const getinformationselectSoil = (deptid, jurisdiction) => { //社保缴纳情况统计 只需要公司的deptid
return request({
url: '/api/information/selectSoil',
- // url: 'http://192.168.0.109:81/information/selectExtype',
method: 'post',
params: {
deptid: deptid,
@@ -81,6 +80,17 @@
})
}
+export const getEducationStatistics = (deptid, jurisdiction) => {
+ return request({
+ url: '/api/information/getEducationStatistics',
+ method: 'post',
+ params: {
+ deptid: deptid,
+ jurisdiction: jurisdiction,
+ }
+ })
+}
+
export const getinformationstatisticsXX = (current, size, params) => { //保安员考试情况统计 详细信息 只需要公司的deptid
return request({
url: '/api/examScore/score-page',
diff --git a/src/api/system/user.js b/src/api/system/user.js
index 0c4c448..18d013d 100644
--- a/src/api/system/user.js
+++ b/src/api/system/user.js
@@ -172,6 +172,7 @@
})
}
+
export const getUserPractitionersInfo = (securityid) => {
return request({
url: '/api/experience/selectExperienceInfo',
diff --git a/src/views/securityAnalysis/index copy.vue b/src/views/securityAnalysis/index copy.vue
new file mode 100644
index 0000000..d530621
--- /dev/null
+++ b/src/views/securityAnalysis/index copy.vue
@@ -0,0 +1,1034 @@
+<template>
+ <div class="securityAnalysis">
+ <!-- securityAnalysis -->
+ <div class="securityAnalysisleft">
+ <!-- <div class="examines"> -->
+ <!-- <div class="examine" ref="ech1"></div> -->
+ <!-- <div class="examine1"> -->
+ <!-- <div>审查时间：</div>
+ <div>审查时间：</div>
+ <div>问题保安员人数：</div>
+ <div>问题保安员人数：</div>
+ <div>问题保安员比例：</div>
+ <div>问题保安员比例：</div> -->
+ <!-- <div v-for="(item, index) in examine1" :key="index">
+ {{ item.title }}<br />{{ item.value }}
+ </div>
+ </div> -->
+ <!-- 保安员审查情况统计
+ <div>饼图</div> -->
+ <!-- </div> -->
+ <div class="examines" ref="ech1">
+ <!-- 保安员审查情况统计
+ <div>饼图</div> -->
+ </div>
+ <div class="certificate" ref="ech2">
+ <!-- 保安员持证情况统计
+ <div>饼图</div> -->
+ </div>
+ <!-- <div class="czbut"></div> -->
+ </div>
+ <div class="securityAnalysiscenter">
+ <div class="examination" ref="ech3">
+ <!-- 保安员考试情况统计
+ <div>堆叠面积图</div> -->
+ </div>
+ <div class="dispatchUnit" ref="ech4">
+ <!-- 派遣服务单位统计
+ <div>柱状图</div> -->
+ </div>
+ </div>
+ <div class="securityAnalysisright">
+ <div class="dispatchSecurity" ref="ech5">
+ <!-- 保安派遣情况统计
+ <div>饼图</div> -->
+ </div>
+ <div class="socialSecurity" ref="ech6">
+ <!-- 社保缴纳情况统计
+ <div>饼图</div> -->
+ </div>
+ </div>
+ <div>
+ <el-dialog
+ width="90%"
+ :title="titles"
+ append-to-body
+ :visible.sync="dialogVisible"
+ top="8vh"
+ height="70%"
+ >
+ <situation
+ :card="{ deptId: deptid, jurisdiction: jurisdiction }"
+ v-if="sees == 1"
+ >
+ <!-- 保安员审查情况统计 -->
+ </situation>
+
+ <certificate
+ :card="{ deptId: deptid, jurisdiction: jurisdiction }"
+ v-if="sees == 2"
+ >
+ <!-- 保安员持证情况统计 -->
+ </certificate>
+ <examination
+ :card="{ deptid: deptid, jurisdiction: jurisdiction }"
+ v-if="sees == 3"
+ >
+ <!-- 保安员考试情况统计 -->
+ </examination>
+ <dispatch
+ :card="{ deptId: deptid, jurisdiction: jurisdiction }"
+ v-if="sees == 4"
+ >
+ <!-- 派遣服务单位 注意deptId I为大写 -->
+ </dispatch>
+ <assignment
+ :card="{ deptid: deptid, jurisdiction: jurisdiction }"
+ v-if="sees == 5"
+ >
+ <!-- 保安派遣情况 -->
+ </assignment>
+ <socialSecurity
+ :card="{ deptid: deptid, jurisdiction: jurisdiction }"
+ :reself="dialogVisible"
+ v-if="sees == 6"
+ >
+ <!-- 社保缴纳情况 -->
+ </socialSecurity>
+ </el-dialog>
+ </div>
+ </div>
+</template>
+
+<script>
+import {
+ getinformationselectExtype, //保安员审查情况统计
+ getinformationselectHold, //保安员持证
+ getinformationselectDis, //派遣服务单位
+ getinformationstatistics, //保安员考试情况统计
+ getExamStatisInfo, //保安员考试情况统计
+ getinformationselectDisp, //保安派遣情况
+ getinformationselectSoil, //社保缴纳情况统计
+} from "@/api/securityAnalysis/securityAnalysis";
+import { mapState } from "vuex";
+import { getRoleDetail } from "@/api/system/role";
+import certificate from "./child/certificate.vue";
+import examination from "./child/examination.vue";
+import situation from "./child/situation.vue";
+import dispatch from "./child/dispatch.vue";
+import assignment from "./child/assignment.vue";
+import socialSecurity from "./child/socialSecurity.vue";
+export default {
+ components: {
+ certificate,
+ examination,
+ situation,
+ dispatch,
+ assignment,
+ socialSecurity,
+ },
+ data() {
+ return {
+ EC1: "", //保安员审查情况统计 // 饼图
+ EC2: "", //保安员持证情况统计 // 饼图
+ EC3: "", //保安员考试情况统计 // 堆叠面积图
+ EC4: "", //派遣服务单位统计 // 柱状图
+ EC5: "", //保安派遣情况统计 // 饼图
+ EC6: "", //社保缴纳情况统计 // 饼图
+ deptid: "",
+ jurisdiction: "",
+
+ examine1: [],
+
+ dialogVisible: false,
+ titles: "",
+
+ // czdata: [],
+ sees: "",
+ colors: ["#29C093", "#F34A4A"], //[正常，异常]；
+ };
+ },
+ 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(",");
+ },
+ },
+ watch: {
+ dialogVisible() {
+ if (this.dialogVisible == false && this.sees == "1") {
+ this.getEC1();
+ }
+ if (this.dialogVisible == false && this.sees == "2") {
+ this.getEC2();
+ }
+ if (this.dialogVisible == false && this.sees == "3") {
+ this.getEC3();
+ }
+ if (this.dialogVisible == false && this.sees == "4") {
+ this.getEC4();
+ }
+ if (this.dialogVisible == false && this.sees == "5") {
+ this.getEC5();
+ }
+ if (this.dialogVisible == false && this.sees == "6") {
+ this.getEC6();
+ }
+ },
+ },
+ methods: {
+ creatOurEcharts() {
+ this.EC1 = echarts.init(this.$refs.ech1);
+ this.EC2 = echarts.init(this.$refs.ech2);
+ this.EC3 = echarts.init(this.$refs.ech3);
+ this.EC4 = echarts.init(this.$refs.ech4);
+ this.EC5 = echarts.init(this.$refs.ech5);
+ this.EC6 = echarts.init(this.$refs.ech6);
+ this.biginOUREC();
+ },
+ 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: yes,
+ name: okmsg,
+ },
+ {
+ value: not,
+ name: nomsg,
+ },
+ ];
+ } else {
+ d = [
+ {
+ value: 0,
+ name: okmsg,
+ },
+ {
+ value: 0,
+ name: nomsg,
+ },
+ ];
+ }
+ // console.log(d, ok, no);
+ return d;
+ },
+ getTime() {
+ var data = new Date();
+ var time = data.toLocaleString().slice(0, 9);
+ return time;
+ },
+ GetPercent(num, total) {
+ num = parseFloat(num);
+ total = parseFloat(total);
+ if (isNaN(num) || isNaN(total)) {
+ return "-";
+ }
+ return total <= 0
+ ? "0%"
+ : Math.round((num / total) * 10000) / 100.0 + "%";
+ },
+ gettoolbox(title, titles, id) {
+ var that = this;
+ return {
+ show: true,
+ itemSize: 25,
+ top: 20,
+ right: 20,
+ feature: {
+ myTool1: {
+ show: true,
+ title: "",
+ // icon: "path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891",
+ // icon: "image://http://echarts.baidu.com/images/favicon.png",
+ icon: "image://http://223.82.109.183:2080/img/table.png",
+ // icon: "M271.68 304.64h472a32 32 0 1 0 0-64h-472a32 32 0 0 0 0 64z m0 234.88h408.64a32 32 0 0 0 0-64H271.68a32 32 0 1 0 0 64z m0 198.4h376.64a32 32 0 1 0 0-64H271.68a32 32 0 0 0 0 64z",
+ onclick: function () {
+ that.dialogVisible = true;
+ that.sees = id;
+ that.titles = titles;
+ },
+ },
+ },
+ };
+ },
+ setColor(d, color) {
+ for (var k in d) {
+ var itemStyle = {
+ color: color[k],
+ };
+ d[k]["itemStyle"] = itemStyle;
+ }
+ console.log(d);
+ 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) {
+ // console.log(d, 1);
+ this.examine1 = [
+ {
+ title: "审查时间：",
+ value: this.getTime(),
+ },
+ {
+ title: "问题保安员人数：",
+ value: d[1].value + "人",
+ },
+ {
+ title: "问题保安员比例：",
+ value: this.GetPercent(+d[1].value, +d[0].value + +d[1].value),
+ },
+ ];
+ var option, data;
+ data = this.setColor(d, this.colors);
+ option = {
+ title: {
+ text: "保安员审查情况统计",
+ top: 25,
+ left: "center",
+ },
+ tooltip: {
+ trigger: "item",
+ },
+ legend: {
+ // orient: "vertical",
+ // left: "left",
+ x: "center",
+ y: "90%",
+ },
+ toolbox: this.gettoolbox("审查情况查询", "保安员审查情况明细", 1),
+ // grid: {
+ // // left: "3%",
+ // right: "5%",
+ // // bottom: "3%",
+ // // containLabel: true,
+ // },
+ series: [
+ {
+ // name: "访问来源",
+ type: "pie",
+ radius: "50%",
+ data: data,
+ // data: [
+ // { value: 1, name: "在逃人员" },
+ // { value: 3, name: "吸毒人员" },
+ // { value: 10, name: "刑释解教人员" },
+ // { value: 5, name: "社会闲散青少年" },
+ // { value: 11, name: "艾滋病人" },
+ // { value: 26, name: "其他人员" },
+ // ],
+ emphasis: {
+ itemStyle: {
+ 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",
+ },
+ },
+ },
+ },
+ ],
+ };
+
+ this.EC1.setOption(option);
+ },
+ getEC2() {
+ var that = this;
+ getinformationselectHold(this.deptid, this.jurisdiction)
+ .then((res) => {
+ var a = res.data.data;
+ // console.log(a, "持证");
+ var b = that.changedata(a, "cz", "wcz", "持证", "未持证");
+ that.setEC2(b);
+ // var datas = [];
+ // for (var k in a) {
+ // let b = "";
+ // let c = [];
+ // if (a[k].cz >= 1) {
+ // b = {
+ // czname: a[k].czname.split(","),
+ // czptime: a[k].czptime.split(","),
+ // };
+ // // datas.push(a[k]);
+ // // console.log(b, 123);
+ // if (b.czname.length > 1) {
+ // for (var n in b.czname) {
+ // c.push({
+ // czname: b.czname[n],
+ // czptime: b.czptime[n] == 0 ? "" : b.czptime[n],
+ // tpye: "持证",
+ // });
+ // }
+ // } else {
+ // c = [
+ // {
+ // czname: b.czname[0],
+ // czptime: b.czptime[0] == 0 ? "" : b.czptime[0],
+ // tpye: "持证",
+ // },
+ // ];
+ // }
+ // // console.log(c, 132456);
+ // datas.push(...c);
+ // }
+ // if (a[k].wcz >= 1) {
+ // b = {
+ // wczname: a[k].wczname.split(","),
+ // wczptime: a[k].wczptime.split(","),
+ // };
+ // console.log(b, 123);
+ // }
+ // }
+ // // that.czdata = [...datas, ...datas];
+ // that.czdata = datas;
+ })
+ .catch((res) => {
+ var b = that.changedata([], "cz", "wcz", "持证", "未持证");
+ that.setEC2(b);
+ });
+ },
+ setEC2(data) {
+ var option;
+ var that = this;
+ data = this.setColor(data, this.colors);
+ // console.log(data, "持证");
+ option = {
+ title: {
+ text: "保安员持证情况统计",
+ // subtext: "纯属虚构",
+ top: 25,
+ left: "center",
+ },
+ tooltip: {
+ trigger: "item",
+ },
+ legend: {
+ // orient: "vertical",
+ // left: "left", x: "center",
+ x: "center",
+ y: "83%",
+ },
+ toolbox: this.gettoolbox("持证情况查询", "保安员持证情况明细", 2),
+ series: [
+ {
+ // name: "访问来源",
+ type: "pie",
+ radius: "50%",
+ data: data,
+ emphasis: {
+ itemStyle: {
+ 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",
+ },
+ },
+ },
+ },
+ ],
+ };
+
+ this.EC2.setOption(option);
+ },
+ //备份误删
+ // getEC3() {
+ // var that = this;
+ // 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);
+ // });
+ // },
+ //后改
+ getEC3() {
+ getExamStatisInfo(this.deptid, this.jurisdiction).then((res) => {
+ this.setEC3(res.data.data);
+ });
+ },
+ //备份，误删
+ // setEC3(s, l) {
+ // var xd = [],
+ // sd = [],
+ // ld = [],
+ // that = this;
+ // for (var i = 0; i <= 100; i++) {
+ // xd.push(i + "分");
+ // }
+ // // console.log(sd);
+ // var option = {
+ // title: {
+ // text: "保安员考试情况统计",
+ // left: "center",
+ // top: 20,
+ // },
+ // tooltip: {
+ // trigger: "axis",
+ // axisPointer: {
+ // type: "cross",
+ // label: {
+ // backgroundColor: "#6a7985",
+ // },
+ // },
+ // // formatter(params) {
+ // // console.log(params);
+ // // var str = "";
+ // // for (var x in params) {
+ // // str += params[x].axisValue + ":" + params[x].data + "/n";
+ // // }
+ // // return str;
+ // // },
+ // formatter:
+ // "<span>实操成绩</span>({b0}) : {c0}<span>人</span><br /><span>理论成绩</span>({b1}) : {c1}<span>人</span>",
+ // },
+ // toolbox: this.gettoolbox("考试情况查询", "保安员考试情况明细", 3),
+ // legend: {
+ // data: ["实操成绩", "理论成绩"],
+ // },
+ // // toolbox: {
+ // // feature: {
+ // // saveAsImage: {},
+ // // },
+ // // },
+ // grid: {
+ // left: "3%",
+ // right: "5%",
+ // bottom: "3%",
+ // containLabel: true,
+ // },
+ // xAxis: [
+ // {
+ // type: "category",
+ // boundaryGap: false,
+ // // data: ["0~60分", "60~80分", "80~90分", "90~100分"],
+ // data: xd,
+ // },
+ // ],
+ // yAxis: [
+ // {
+ // type: "value",
+ // },
+ // ],
+ // series: [
+ // {
+ // name: "实操成绩",
+ // type: "line",
+ // stack: "总量",
+ // areaStyle: {},
+ // emphasis: {
+ // 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,
+ // },
+ // {
+ // name: "理论成绩",
+ // type: "line",
+ // stack: "总量",
+ // areaStyle: {},
+ // 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,
+ // },
+ // ],
+ // };
+
+ // this.EC3.setOption(option);
+ // },
+ //后改，考试数据统计
+ setEC3(data) {
+ const seriesdata = [];
+ data.forEach((item) => {
+ if (item.type == 1) {
+ seriesdata.push({
+ name: item.name + "-合格人数",
+ type: "bar",
+ stack: item.name,
+ emphasis: {
+ focus: "series",
+ },
+ data: item.examSocreStatis,
+ });
+ }
+ if (item.type == 2) {
+ seriesdata.push({
+ name: item.name + "-不合格人数",
+ type: "bar",
+ stack: item.name,
+ emphasis: {
+ focus: "series",
+ },
+ data: item.examSocreStatis,
+ });
+ }
+ });
+ //echarts 图表数据
+ var option = {
+ title: {
+ text: "保安员考试情况统计",
+ left: "center",
+ top: 20,
+ },
+ tooltip: {
+ trigger: "axis",
+ axisPointer: {
+ type: "shadow",
+ },
+ },
+ color: ["#91CD76", "#EF6667"],
+ legend: {
+ data: ["a", "b"],
+ icon: "circle",
+ itemWidth: 10,
+ itemHeight: 10,
+ itemGap: 20,
+ },
+ toolbox: this.gettoolbox("考试情况查询", "保安员考试情况明细", 3),
+ grid: {
+ left: "3%",
+ right: "4%",
+ bottom: "3%",
+ containLabel: true,
+ },
+ xAxis: [
+ {
+ type: "category",
+ data: [
+ "1月",
+ "2月",
+ "3月",
+ "4月",
+ "5月",
+ "6月",
+ "7月",
+ "8月",
+ "9月",
+ "10月",
+ "11月",
+ "12月",
+ ],
+ },
+ ],
+ yAxis: [
+ {
+ type: "value",
+ },
+ ],
+ series: seriesdata,
+ };
+
+ this.EC3.setOption(option);
+ },
+ getEC4() {
+ var date = new Date();
+ var nowYear = date.getFullYear();
+ var that = this;
+ 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);
+ }
+ }
+ }
+ // console.log(d, "派遣服务单位");
+
+ // console.log(a, 123456);
+ // for (var k in a) {
+ // d.push(a[k]);
+ // }
+ // console.log(d);
+ that.setEC4(d);
+ });
+ },
+ setEC4(data) {
+ var xxd = [
+ "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: {
+ type: "category",
+ data: xxd,
+ // data: xd,
+ },
+ toolbox: this.gettoolbox("派遣单位查询", "派遣服务单位明细", 4),
+ yAxis: {
+ type: "value",
+ },
+ tooltip: {
+ trigger: "item",
+ formatter: d + "年{b} : {c} 个",
+ },
+ series: [
+ {
+ // data: dd,
+ data: data,
+ type: "bar",
+ },
+ ],
+ };
+ this.EC4.setOption(option);
+ },
+ getEC5() {
+ var that = this;
+ 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.setEC5(b);
+ });
+ },
+ setEC5(d) {
+ var option;
+ d = this.setColor(d, this.colors);
+ option = {
+ title: {
+ text: "保安派遣情况统计",
+ // subtext: "纯属虚构",
+ top: 25,
+ left: "center",
+ },
+ tooltip: {
+ trigger: "item",
+ },
+ toolbox: this.gettoolbox("派遣情况查询", "保安员派遣情况明细", 5),
+ legend: {
+ // orient: "vertical",
+ // left: "left",
+ x: "center",
+ y: "90%",
+ },
+ series: [
+ {
+ // name: "访问来源",
+ type: "pie",
+ radius: "50%",
+ // data: d,
+ data: d,
+ emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: "rgba(0, 0, 0, 0.5)",
+ },
+ },
+ label: {
+ // alignTo: "edge",
+ formatter: "{b}\n({d}%)",
+ },
+ },
+ ],
+ };
+
+ this.EC5.setOption(option);
+ },
+ getEC6() {
+ var that = this;
+ 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.setEC6(b);
+ });
+ },
+ setEC6(d) {
+ var option;
+ d = this.setColor(d, this.colors);
+ option = {
+ title: {
+ text: "社保缴纳情况统计",
+ // subtext: "纯属虚构",
+ top: 25,
+ left: "center",
+ },
+ tooltip: {
+ trigger: "item",
+ },
+ toolbox: this.gettoolbox("社保缴纳查询", "保安员社保缴纳明细", 6),
+ legend: {
+ // orient: "vertical",
+ // left: "left",
+ x: "center",
+ y: "83%",
+ },
+ series: [
+ {
+ // name: "访问来源",
+ type: "pie",
+ radius: "50%",
+ data: d,
+ emphasis: {
+ itemStyle: {
+ 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",
+ },
+ },
+ },
+ },
+ ],
+ };
+
+ this.EC6.setOption(option);
+ },
+ biginOUREC() {
+ this.getEC1();
+ this.getEC2();
+ this.getEC3();
+ this.getEC4();
+ this.getEC5();
+ this.getEC6();
+ // this.setEC1();
+ // this.setEC2();
+ // this.setEC3();
+ // this.setEC4();
+ // this.setEC5();
+ // this.setEC6();
+ },
+ },
+ mounted() {
+ this.$nextTick(() => {
+ 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 != "保安公司管理员") {
+ this.deptid = "";
+ this.jurisdiction = this.userInfo.jurisdiction;
+ } else {
+ this.deptid = this.userInfo.dept_id;
+ this.jurisdiction = "";
+ }
+ this.creatOurEcharts();
+ });
+ });
+ });
+ },
+};
+</script>
+
+<style lang="scss">
+$widths: 20%;
+.securityAnalysis {
+ width: 100%;
+ height: 100%;
+ // border: 1px solid #000;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ box-sizing: border-box;
+ .securityAnalysisleft,
+ .securityAnalysiscenter,
+ .securityAnalysisright {
+ // border: 1px solid #000;
+ width: 29%;
+ height: 100%;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ flex-direction: column;
+ }
+ .securityAnalysiscenter {
+ width: 40% !important;
+ }
+ .examines,
+ .certificate,
+ .examination,
+ .dispatchUnit,
+ .dispatchSecurity,
+ .socialSecurity {
+ width: 100%;
+ height: 49%;
+ // border: 1px solid #000;
+ box-sizing: border-box;
+ background-color: #fff;
+ }
+ // .examines {
+ // width: 100%;
+ // height: 49%;
+ // display: flex;
+ // align-items: center;
+ // background-color: #fff;
+ // }
+ // .examine {
+ // width: 100%;
+ // height: 100%;
+ // }
+ // .examine1 {
+ // width: 200px;
+ // div {
+ // margin-bottom: 10px;
+ // }
+ // }
+ // .securityAnalysisleft {
+ // width: $widths;
+ // }
+ // .securityAnalysiscenter {
+ // width: $widths;
+ // }
+ // .securityAnalysisright {
+ // width: $widths;
+ // }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/securityAnalysis/index.vue b/src/views/securityAnalysis/index.vue
index d530621..3ce72e1 100644
--- a/src/views/securityAnalysis/index.vue
+++ b/src/views/securityAnalysis/index.vue
@@ -109,6 +109,7 @@
getExamStatisInfo, //保安员考试情况统计
getinformationselectDisp, //保安派遣情况
getinformationselectSoil, //社保缴纳情况统计
+ getEducationStatistics
} from "@/api/securityAnalysis/securityAnalysis";
import { mapState } from "vuex";
import { getRoleDetail } from "@/api/system/role";
@@ -849,35 +850,18 @@
},
getEC6() {
var that = this;
- getinformationselectSoil(this.deptid, this.jurisdiction)
+ getEducationStatistics(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.setEC6(b);
+ that.setEC6(a);
});
},
setEC6(d) {
var option;
- d = this.setColor(d, this.colors);
+ // d = this.setColor(d, this.colors);
option = {
title: {
- text: "社保缴纳情况统计",
+ text: "保安员学历分布统计",
// subtext: "纯属虚构",
top: 25,
left: "center",
--
Gitblit v1.9.3