| | |
| | | } |
| | | .el-table__body-wrapper { |
| | | height: calc(100% - 50px); |
| | | overflow: auto; |
| | | overflow-x: hidden; |
| | | overflow-y: auto; |
| | | } |
| | | } |
| | | .el-pagination { |
| | |
| | | }, |
| | | methods: { |
| | | sexFormatter(row, column) { |
| | | return (row.sex = row.sex === 1 ? "男" : "女"); |
| | | if (row.sex === 1) { |
| | | return "男"; |
| | | } else if (row.sex === 2) { |
| | | return "女"; |
| | | } |
| | | }, |
| | | examinationFormatter(row) { |
| | | return (row.examinationType = |
| | | row.examinationType === "1" ? "不正常" : "正常"); |
| | | if (row.examinationType === "1") { |
| | | return "异常"; |
| | | } else if (row.examinationType === "0") { |
| | | return "正常"; |
| | | } |
| | | }, |
| | | |
| | | // 左侧表的接口返回数据 |
| | |
| | | mounted() { |
| | | this.initEchart(); |
| | | this.getHolderNum(0); |
| | | this.getPoorPerformance(3); |
| | | // this.getPoorPerformance(3); |
| | | // this.getTableData("car"); |
| | | // this.initMap(); |
| | | this.getTableData(0); |
| | |
| | | // let legend = ["自招保安单位", "保安培训公司", "保安服务公司", "武装守押公司"]; |
| | | allData.forEach(item => { |
| | | nameArr.push(item.name); |
| | | data1.push(item.server.confess); |
| | | data2.push(item.server.staff); |
| | | data3.push(item.server.security); |
| | | data4.push(item.server.armed); |
| | | data5.push(item.server.region); |
| | | data1.push(item.server.confess || 0); |
| | | data2.push(item.server.staff || 0); |
| | | data3.push(item.server.security || 0); |
| | | data4.push(item.server.armed || 0); |
| | | data5.push(item.server.region || 0); |
| | | }); |
| | | nameArr.reverse(); |
| | | data1.reverse(); |
| | |
| | | legend: { |
| | | data: ["持证人数", "未持证人数"], |
| | | bottom: "1%", |
| | | left :'13%', |
| | | left: "13%", |
| | | itemWidth: 20, |
| | | textStyle: { |
| | | color: "#fff" |
| | |
| | | top: "5%", |
| | | itemHeight: 10, |
| | | show: true, |
| | | itemGap:8, |
| | | itemGap: 8, |
| | | selectedMode: false, |
| | | textStyle: { |
| | | color: "#fff", |
| | | fontSize:9 |
| | | fontSize: 9 |
| | | }, |
| | | data: legendData, |
| | | orient: "vertical" |
| | |
| | | methods: { |
| | | setAgeEchart() { |
| | | this.loading4 = true; |
| | | selectAge().then(res => { |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | | deptid: this.value2 |
| | | }; |
| | | selectAge(params).then(res => { |
| | | if (res.data.code === 200) { |
| | | if (!this.echartDom.bottomEchart1) { |
| | | this.echartDom.bottomEchart1 = echarts.init( |
| | |
| | | let mm = urlArr[i].split("="); |
| | | object[decodeURIComponent(mm[0])] = decodeURIComponent(mm[1]); |
| | | } |
| | | const deptid = object["departmentid"] || ""; |
| | | this.deptid = object["departmentid"] || ""; |
| | | let jurisdiction = object["jurisdiction"] || ""; |
| | | let obj = { jurisdiction: jurisdiction, deptid: deptid }; |
| | | let obj = { jurisdiction: jurisdiction, deptid: this.deptid }; |
| | | this.onLoad(this.page, obj); |
| | | this.onLoad(this.page, this.query); |
| | | } |
| | |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | onLoad(page, params = {}) { |
| | | debugger |
| | | this.loading = true; |
| | | params["deptName"] = params["enterpriseName"]; |
| | | params["jurisdiction"] = this.jurisdiction; |