| | |
| | | <!-- <el-switch v-model="isShowTable" class="mb-2" active-text="数据表" inactive-text="统计图" /> --> |
| | | </el-col> |
| | | <el-col :span="20" style='text-align: right;'> |
| | | <el-date-picker :max-range="3" :clearable="false" value-format="YYYY-MM-DD" |
| | | <el-date-picker :max-range="3" :clearable="true" value-format="YYYY-MM-DD" |
| | | style="width: 250px" v-model="time" type="daterange" range-separator="-" |
| | | start-placeholder="" end-placeholder="" :disabled-date="disabledDate" |
| | | @calendar-change="change" /> |
| | |
| | | treeChecked() { |
| | | this.query() |
| | | }, |
| | | time() { |
| | | time(val) { |
| | | if (!val?.[0]) return |
| | | this.query() |
| | | }, |
| | | timeRange(val) { |
| | |
| | | activeList: [0, 1, 2, 3, 4, 5, 6, 7, 8], |
| | | timeRange: '', |
| | | treeChecked: [], |
| | | timeStart: moment().format('YYYY-MM-DD'), |
| | | timeStart: '', |
| | | time: [moment().format('YYYY-MM-DD'), moment().format('YYYY-MM-DD')], |
| | | disabledDate: Date => { |
| | | if (!this.timeStart) return false |
| | | let max = moment(this.timeStart, 'YYYY-MM-DD').add(3, 'd').format('YYYY-MM-DD') |
| | | let min = moment(this.timeStart, 'YYYY-MM-DD').subtract(3, 'd').format('YYYY-MM-DD') |
| | | return !moment(Date).isBetween(min, max); |
| | |
| | | }) |
| | | }, |
| | | setLineOptions(data, myname) { |
| | | if (!data) return |
| | | console.log(data, myname) |
| | | let xAxis = data.map(item => { |
| | | let xAxis = data?.map(item => { |
| | | return item.time |
| | | }) |
| | | let yAxisData = data.map(item => { |
| | | let yAxisData = data?.map(item => { |
| | | return item.value |
| | | }) |
| | | let dayCharts = { |
| | |
| | | }, |
| | | change(e) { |
| | | this.timeStart = e[0] || moment().format('YYYY-MM-DD') |
| | | if (e[1]) this.timeStart = '' |
| | | } |
| | | }, |
| | | } |