| | |
| | | </div> |
| | | </div> |
| | | <div class="chart" :id="zyfb"></div> |
| | | <el-radio-group v-model="chartSearch1.period" size="small"> |
| | | <el-radio label="week" border>近7天</el-radio> |
| | | <el-radio label="month" border>近30天</el-radio> |
| | | <el-radio label="season" border>近90天</el-radio> |
| | | <el-radio label="year" border>近一年</el-radio> |
| | | <el-radio-group v-model="chartSearch1.days" size="small" @change="(value)=>changeTime1(value)"> |
| | | <el-radio :label='7' border>近7天</el-radio> |
| | | <el-radio :label='30' border>近30天</el-radio> |
| | | <el-radio :label='90' border>近90天</el-radio> |
| | | <el-radio :label='365' border>近一年</el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | <div class="chart-item"> |
| | |
| | | active-text="作业人" |
| | | inactive-text="监护人" |
| | | /> |
| | | <el-select :teleported="false" v-model="chartSearch4.period" size="small"> |
| | | <el-option label="近7天" value="week"/> |
| | | <el-option label="近30天" value="month"/> |
| | | <el-option label="近90天" value="season"/> |
| | | <el-option label="近1年" value="year"/> |
| | | </el-select> |
| | | <el-radio-group v-model="chartSearch4.days" size="small" @change="(value)=>changeTime2(value)"> |
| | | <el-radio :label='7' border>近7天</el-radio> |
| | | <el-radio :label='30' border>近30天</el-radio> |
| | | <el-radio :label='90' border>近90天</el-radio> |
| | | <el-radio :label='365' border>近一年</el-radio> |
| | | </el-radio-group> |
| | | <el-select :teleported="false" v-model="chartSearch4.workType" size="small"> |
| | | <el-option |
| | | v-for="item in workType1" |
| | |
| | | reviewRules: object; |
| | | warningData: Array<any>; |
| | | isFull:boolean; |
| | | themeColor:string |
| | | themeColor:string; |
| | | endTime:string |
| | | } |
| | | interface type { |
| | | id: number; |
| | |
| | | chosenIndex: null, |
| | | searchWord: null, |
| | | searchStatus: null, |
| | | endTime: '', |
| | | chartSearch1: { |
| | | searchDep: null, |
| | | startTime: '2023-03-08', |
| | | endTime: '2023-02-08', |
| | | period: 'month' |
| | | startTime: '', |
| | | days: 30 |
| | | }, |
| | | chartSearch2: { |
| | | searchDep: null, |
| | |
| | | searchDep: null |
| | | }, |
| | | chartSearch4: { |
| | | searchDep: null |
| | | searchDep: null, |
| | | startTime: '', |
| | | days: 30 |
| | | }, |
| | | searchDep2: null, |
| | | searchDep: null, |
| | |
| | | initZyfb() |
| | | initSlfx() |
| | | initZyqs() |
| | | state.endTime = formatDate(new Date()) |
| | | // state.chartSearch1.startTime = getPeriod(30) |
| | | console.log(state.chartSearch1.startTime,state.endTime,'默认时间段') |
| | | }); |
| | | const getPeriod =(num)=> { |
| | | const currentDate = new Date(); |
| | | const startTime = new Date(); |
| | | startTime.setDate(currentDate.getDate() - num); |
| | | return formatDate(startTime) |
| | | } |
| | | const formatDate =(date)=> { |
| | | const year = date.getFullYear().toString().slice(-2); |
| | | const month = ('0' + (date.getMonth() + 1)).slice(-2); |
| | | const day = ('0' + date.getDate()).slice(-2); |
| | | return `${year}-${month}-${day} 00:00:00`; |
| | | } |
| | | const changeTime1=(value:number)=>{ |
| | | state.chartSearch1.startTime = getPeriod(value) |
| | | console.log(state.chartSearch1.startTime,state.endTime,'结束段') |
| | | } |
| | | const changeTime2=(value:number)=>{ |
| | | state.chartSearch4.startTime = getPeriod(value) |
| | | console.log(state.chartSearch4.startTime,state.endTime,'结束段') |
| | | } |
| | | const toFullscreen =()=>{ |
| | | const element = document.getElementById('bigScreen') |
| | | if (!screenfull.isEnabled) { |
| | |
| | | zyfb, |
| | | slfx, |
| | | zyqs, |
| | | changeTime1, |
| | | changeTime2, |
| | | toFullscreen, |
| | | handleReview, |
| | | openVideo, |