| | |
| | | <template> |
| | | <div class="main_app" style="overflow: auto;height: calc(100% - 100px);"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear"> |
| | | <template #selDate> |
| | | <div> |
| | | <el-date-picker v-model="filters.queryDateStart" type="date" value-format="yyyy-MM-dd" class="w200" :clearable="false" |
| | | @change="getList(1)" /> |
| | | <el-date-picker v-model="filters.queryDateEnd" type="date" value-format="yyyy-MM-dd" class="w200" :clearable="false" |
| | | @change="getList(1)" /> |
| | | </div> |
| | | </template> |
| | | <template #fastdate> |
| | | <el-radio-group v-model="filters.fastdate" size="small" @input="changeRadio"> |
| | | <el-radio-button label="0">当天</el-radio-button> |
| | |
| | | <div v-if="this.list" style="width: 100%;display: flex;height: 50px;padding-top: 20px;font-size: 18px;color: red"> |
| | | <div style="flex: 1;min-width: 100px"></div> |
| | | <div style="flex: 1;min-width: 100px;">合计:</div> |
| | | <div style="flex: 1;min-width: 100px;"> <span style="font-weight: bold; ">{{totalStopCount}}</span>次 </div> |
| | | <div style="flex: 2;min-width: 100px;"> <span style="font-weight: bold;">{{totalWorkTime.toFixed(2)}}</span>时</div> |
| | | <div style="flex: 1;min-width: 100px;"> <span style="font-weight: bold; ">{{ totalStopCount }}</span>次 </div> |
| | | <div style="flex: 2;min-width: 100px;"> <span style="font-weight: bold;">{{ totalWorkTime.toFixed(2) }}</span>时 |
| | | </div> |
| | | </div> |
| | | <!-- <pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> --> |
| | | </div> |
| | |
| | | }, |
| | | filters: { |
| | | fastdate: 0, |
| | | selDate: [] |
| | | queryDateStart: '', |
| | | queryDateEnd: '' |
| | | }, |
| | | totalStopCount:0, |
| | | totalWorkTime:0, |
| | | totalStopCount: 0, |
| | | totalWorkTime: 0, |
| | | list: [], |
| | | total: 0, |
| | | queryFormConfig: { |
| | |
| | | }, |
| | | { |
| | | type: 'slot', |
| | | filed: 'selDate', |
| | | label: '日期' |
| | | }, |
| | | { |
| | | type: 'slot', |
| | | filed: 'fastdate', |
| | | label: '' |
| | | }, |
| | | { |
| | | filed: 'selDate', |
| | | type: 'daterange', |
| | | clearable: false, |
| | | label: '日期' |
| | | } |
| | | ], |
| | | online: true |
| | | } |
| | |
| | | }, |
| | | methods: { |
| | | getSummaries(param) { |
| | | const { columns, data } = param; |
| | | const sums = []; |
| | | const { columns, data } = param |
| | | const sums = [] |
| | | columns.forEach((column, index) => { |
| | | if (index === 0) { |
| | | sums[index] = '合计'; |
| | | sums[index] = '合计' |
| | | } else { |
| | | const values = data.map(item => parseInt(item[column.property])); |
| | | const values = data.map(item => parseInt(item[column.property])) |
| | | if (!values.every(value => isNaN(value))) { |
| | | sums[index] = values.reduce((prev, curr) => { |
| | | const value = parseInt(curr); |
| | | const value = parseInt(curr) |
| | | if (!isNaN(value)) { |
| | | return prev + curr; |
| | | return prev + curr |
| | | } else { |
| | | return prev; |
| | | return prev |
| | | } |
| | | }, 0); |
| | | }, 0) |
| | | } else { |
| | | sums[index] = '0'; |
| | | sums[index] = '0' |
| | | } |
| | | } |
| | | }); |
| | | return sums; |
| | | }) |
| | | return sums |
| | | }, |
| | | changeRadio(day) { |
| | | const arr = [dayjs().subtract(day, 'day').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')] |
| | | this.$set(this.filters, 'selDate', arr) |
| | | this.filters.queryDateStart = arr[0] |
| | | this.filters.queryDateEnd = arr[1] |
| | | this.filters.fastdate = day |
| | | this.getList() |
| | | }, |
| | | handleSub() { |
| | |
| | | this.totalStopCount = 0 |
| | | this.totalWorkTime = 0 |
| | | const { pagination, filters } = this |
| | | if (filters.queryDateStart > filters.queryDateEnd) { |
| | | this.filters.queryDateStart = this.filters.queryDateEnd |
| | | return this.$message.error('开始时间不能大于结束时间') |
| | | } |
| | | this.loading = true |
| | | platformWorkReportPage({ |
| | | ...filters, |
| | | queryDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | queryDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, |
| | | // queryDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | // queryDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, |
| | | }).then(res => { |
| | | this.loading = false |
| | | this.list = res || [] |
| | |
| | | selDate: [], |
| | | fastdate: '' |
| | | } |
| | | this.getList() |
| | | // this.changeRadio('0') |
| | | // this.getList() |
| | | this.changeRadio('0') |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |