| | |
| | | <div class="yyPage"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="14"> |
| | | <div class="rowContent first-menu" style="position: relative;"> |
| | | <div class="rowContent first-menu" style="position: relative"> |
| | | <div class="rowTitle"> |
| | | <img src="../../../public/img/bajgxt/u1618.png" /> |
| | | <span>数据概览</span> |
| | |
| | | <span>预警分析</span> |
| | | </div> |
| | | |
| | | <div class="col-content" style="margin-left: 55px;"> |
| | | <div class="col-content" style="margin-left: 55px"> |
| | | <div |
| | | class="box-card" |
| | | style="margin-right: 50px;cursor: pointer; " |
| | | style="margin-right: 50px; cursor: pointer" |
| | | @click="showTable('fw')" |
| | | > |
| | | <span>服务对象预警(家)</span> |
| | |
| | | </div> |
| | | <div |
| | | class="box-card" |
| | | style="margin-right: 50px;cursor: pointer;" |
| | | style="margin-right: 50px; cursor: pointer" |
| | | @click="showTable('pq')" |
| | | > |
| | | <span>派遣预警(家)</span> |
| | |
| | | </div> |
| | | <div |
| | | class="box-card" |
| | | style="margin-right: 50px;cursor: pointer;" |
| | | style="margin-right: 50px; cursor: pointer" |
| | | @click="showTable('cz')" |
| | | > |
| | | <span>持证上岗预警(家)</span> |
| | |
| | | selectAge, |
| | | getSecurityUnitServerLessPage, |
| | | getSecurityUnitDispatcherLessPage, |
| | | getSecurityUnitHoldLessPage |
| | | getSecurityUnitHoldLessPage, |
| | | } from "../../api/securityUnitOperation/securityUnitOperation"; |
| | | export default { |
| | | data() { |
| | |
| | | sheb: 0, |
| | | addsheb: 0, |
| | | baoanPq: 0, |
| | | addbaoanPq: 0 |
| | | addbaoanPq: 0, |
| | | }, |
| | | yj: { |
| | | fuwu: 0, |
| | | paiqian: 0, |
| | | chizheng: 0 |
| | | chizheng: 0, |
| | | }, |
| | | options0: [ |
| | | { |
| | | value: "2012", |
| | | label: "2012年" |
| | | label: "2012年", |
| | | }, |
| | | { |
| | | value: "2011", |
| | | label: "2011年" |
| | | label: "2011年", |
| | | }, |
| | | { |
| | | value: "2010", |
| | | label: "2010年" |
| | | label: "2010年", |
| | | }, |
| | | { |
| | | value: "2009", |
| | | label: "2009年" |
| | | label: "2009年", |
| | | }, |
| | | { |
| | | value: "2008", |
| | | label: "2008年" |
| | | label: "2008年", |
| | | }, |
| | | { |
| | | value: "2007", |
| | | label: "2007年" |
| | | } |
| | | label: "2007年", |
| | | }, |
| | | ], |
| | | options1: [], |
| | | options2: [], |
| | |
| | | middleEchart1: null, |
| | | middleEchart2: null, |
| | | bottomEchart: null, |
| | | bottomEchart1: null |
| | | bottomEchart1: null, |
| | | }, |
| | | ageData: { |
| | | qing: 0, |
| | | zhong: 0, |
| | | lao: 0 |
| | | lao: 0, |
| | | }, |
| | | props: { |
| | | children: "children", |
| | | label: "title", |
| | | value: "id" |
| | | value: "id", |
| | | }, |
| | | props2: { |
| | | children: "children", |
| | | label: "enterpriseName", |
| | | value: "departmentid" |
| | | value: "departmentid", |
| | | }, |
| | | node: {}, //选中的记录 |
| | | gridData: { |
| | |
| | | total: 0, |
| | | current: 1, |
| | | type: "fw", |
| | | title: "" |
| | | title: "", |
| | | }, |
| | | dialogloading: false, |
| | | dialogTableVisible: false |
| | | dialogTableVisible: false, |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | }, |
| | | //点击节点 |
| | | handleNodeClick(data) { |
| | | debugger |
| | | // debugger |
| | | this.value1 = data; |
| | | this.getCompanys(); |
| | | }, |
| | |
| | | this.loading4 = true; |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | | deptid: this.value2 |
| | | deptid: this.value2, |
| | | }; |
| | | selectAge(params).then(res => { |
| | | selectAge(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | if (!this.echartDom.bottomEchart1) { |
| | | this.echartDom.bottomEchart1 = echarts.init( |
| | |
| | | "&enterpriseName=" + |
| | | this.enterpriseName + |
| | | "&jurisdiction1=" + |
| | | this.value1 |
| | | this.value1, |
| | | }); |
| | | }, |
| | | getFenju() { |
| | | this.options1 = []; |
| | | this.value1 = ""; |
| | | this.node = {}; |
| | | lazyTrees().then(res => { |
| | | lazyTrees().then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.options1 = res.data.data; |
| | | // this.value1 = this.options1[0] ? this.options1[0].id : ""; |
| | | this.node = this.options1[0]; |
| | | debugger |
| | | // debugger |
| | | this.getCompanys(); |
| | | } else { |
| | | this.$message.error(res.msg); |
| | |
| | | }, |
| | | |
| | | getCompanys() { |
| | | getCompanys({ jurisdiction: this.value1 }).then(res => { |
| | | getCompanys({ jurisdiction: this.value1 }).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.options2 = res.data.data; |
| | | // this.value2 = this.options2[0] ? this.options2[0].departmentid : ""; |
| | |
| | | getQueryCounts() { |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | | deptid: this.value2 |
| | | deptid: this.value2, |
| | | }; |
| | | queryCounts(params).then(res => { |
| | | queryCounts(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | let data = res.data.data[0]; |
| | | this.card = { |
| | |
| | | sheb: data.sheb.thisnum, |
| | | addsheb: data.sheb.thisnum - data.sheb.lastnum, |
| | | baoanPq: data.paiq.thisnum, |
| | | addbaoanPq: data.paiq.thisnum - data.paiq.lastnum |
| | | addbaoanPq: data.paiq.thisnum - data.paiq.lastnum, |
| | | }; |
| | | } |
| | | }); |
| | |
| | | this.loading2 = true; |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | | deptid: this.value2 |
| | | deptid: this.value2, |
| | | }; |
| | | queryYearKh(params).then(res => { |
| | | queryYearKh(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | if (!this.echartDom.middleEchart2) { |
| | | this.echartDom.middleEchart2 = echarts.init( |
| | |
| | | this.loading3 = true; |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | | deptid: this.value2 |
| | | deptid: this.value2, |
| | | }; |
| | | queryYearG(params).then(res => { |
| | | queryYearG(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | if (!this.echartDom.middleEchart1) { |
| | | this.echartDom.middleEchart1 = echarts.init( |
| | |
| | | sheb: 0, |
| | | addsheb: 0, |
| | | baoanPq: 0, |
| | | addbaoanPq: 0 |
| | | addbaoanPq: 0, |
| | | }; |
| | | this.yj = { |
| | | fuwu: 0, |
| | | paiqian: 0, |
| | | chizheng: 0 |
| | | chizheng: 0, |
| | | }; |
| | | this.ageData = { |
| | | qing: 0, |
| | | zhong: 0, |
| | | lao: 0 |
| | | lao: 0, |
| | | }; |
| | | }, |
| | | getSecurityUnitServerLessPage() { |
| | |
| | | jurisdiction: this.value1, |
| | | departmentid: this.value2, |
| | | current: this.gridData.current, |
| | | size: 10 |
| | | size: 10, |
| | | }; |
| | | getSecurityUnitServerLessPage(params).then(res => { |
| | | getSecurityUnitServerLessPage(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.yj.fuwu = res.data.data.total; |
| | | this.gridData.data = res.data.data.records; |
| | |
| | | jurisdiction: this.value1, |
| | | departmentid: this.value2, |
| | | current: this.gridData.current, |
| | | size: 10 |
| | | size: 10, |
| | | }; |
| | | getSecurityUnitDispatcherLessPage(params).then(res => { |
| | | getSecurityUnitDispatcherLessPage(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.yj.paiqian = res.data.data.total; |
| | | this.gridData.data = res.data.data.records; |
| | |
| | | jurisdiction: this.value1, |
| | | departmentid: this.value2, |
| | | current: this.gridData.current, |
| | | size: 10 |
| | | size: 10, |
| | | }; |
| | | getSecurityUnitHoldLessPage(params).then(res => { |
| | | getSecurityUnitHoldLessPage(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.yj.chizheng = res.data.data.total; |
| | | this.gridData.data = res.data.data.records; |
| | |
| | | }); |
| | | }, |
| | | changeCompanys() { |
| | | this.options2.forEach(item => { |
| | | this.options2.forEach((item) => { |
| | | if (item.departmentid === this.value2) { |
| | | this.enterpriseName = item.enterpriseName; |
| | | } |
| | |
| | | this.getSecurityUnitServerLessPage(); |
| | | this.getSecurityUnitDispatcherLessPage(); |
| | | this.getSecurityUnitHoldLessPage(); |
| | | } |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.getFenju(); |
| | | } |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |