| | |
| | | await this.initRiskLevel() |
| | | }, |
| | | changeInspectionTask() { |
| | | this.updateMission(this.personListQuery) |
| | | this.updateMission(this.taskListQuery) |
| | | }, |
| | | changeTimeTask(){ |
| | | if(this.value3 !== null){ |
| | | this.taskListQuery.startTime = this.value1[0] |
| | | this.taskListQuery.endTime = this.value1[1] |
| | | this.taskListQuery.startTime = this.value3[0] |
| | | this.taskListQuery.endTime = this.value3[1] |
| | | } |
| | | this.updateMission(this.personListQuery) |
| | | this.updateMission(this.taskListQuery) |
| | | }, |
| | | |
| | | // 各部门预约 |
| | |
| | | option.dataZoom[0].startValue = option.dataZoom[0].startValue + 1; |
| | | } |
| | | myChart.setOption(option); |
| | | }, 3000) |
| | | }, 6000) |
| | | } |
| | | window.addEventListener('resize', myChart.resize); |
| | | setTimeout(()=>{ |
| | |
| | | }, |
| | | series: [ |
| | | { |
| | | name: '任务数量', |
| | | name: '当日认领数量', |
| | | type: 'bar', |
| | | data: this.claimedData, |
| | | itemStyle:{ |
| | |
| | | } |
| | | }, |
| | | { |
| | | name: '已完成', |
| | | name: '当日完成数量', |
| | | type: 'bar', |
| | | data: this.completedData, |
| | | itemStyle:{ |
| | |
| | | } |
| | | }, |
| | | { |
| | | name: '未完成', |
| | | name: '累计领取未完成数量', |
| | | type: 'bar', |
| | | data: this.uncompletedData, |
| | | itemStyle:{ |
| | |
| | | .main-cont { |
| | | display: grid; |
| | | grid-template-columns: repeat(3, minmax(100px, 1fr)); |
| | | grid-template-rows: repeat(2, 1fr); |
| | | grid-template-rows: repeat(2, calc(50% - 20px)); |
| | | grid-auto-flow: row; |
| | | padding: 10px; |
| | | margin-bottom: 20px; |
| | |
| | | .main-cont { |
| | | display: grid; |
| | | grid-template-columns: repeat(3, minmax(100px, 1fr)); |
| | | grid-template-rows: repeat(2, 1fr); |
| | | grid-template-rows: repeat(2, calc((100% - 35px)/2)); |
| | | grid-auto-flow: row; |
| | | padding: 10px; |
| | | margin-bottom: 20px; |