From 22c4be57bd51aac52f872e52c4a9a1b4c24ca625 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期一, 10 三月 2025 18:14:21 +0800
Subject: [PATCH] ll
---
admin/src/views/statistics/platformStatic.vue | 180 +++++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 124 insertions(+), 56 deletions(-)
diff --git a/admin/src/views/statistics/platformStatic.vue b/admin/src/views/statistics/platformStatic.vue
index 4e69412..8d495d2 100644
--- a/admin/src/views/statistics/platformStatic.vue
+++ b/admin/src/views/statistics/platformStatic.vue
@@ -1,108 +1,176 @@
<template>
- <div class="main_app">
- <QueryForm
- v-model="filters"
- :query-form-config="queryFormConfig"
- @handleQuery="getList(1)"
- @clear="clear"
- />
+ <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 #fastdate>
+ <el-radio-group v-model="filters.fastdate" size="small" @input="changeRadio">
+ <el-radio-button label="0">褰撳ぉ</el-radio-button>
+ <el-radio-button label="6">杩�7澶�</el-radio-button>
+ <el-radio-button label="29">杩�30澶�</el-radio-button>
+ </el-radio-group>
+ </template>
+ </QueryForm>
<el-table v-loading="loading" :data="list" stripe>
- <el-table-column
- prop="name"
- label="鏈堝彴鍚嶇О"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="鏈堝彴缁�"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="鍋滈潬娆℃暟(娆�)"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="宸ヤ綔鏃堕暱"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="鏈堝彴浣跨敤鐜�"
- min-width="100"
- show-overflow-tooltip
- />
+ <el-table-column prop="name" label="鏈堝彴鍚嶇О" min-width="100" show-overflow-tooltip />
+ <el-table-column prop="groupName" label="鏈堝彴缁�" min-width="100" show-overflow-tooltip />
+ <el-table-column prop="stopCount" label="鍋滈潬娆℃暟(娆�)" min-width="100" show-overflow-tooltip />
+ <el-table-column prop="workCountTime" label="宸ヤ綔鏃堕暱" min-width="100" show-overflow-tooltip />
+ <el-table-column prop="useRata" label="鏈堝彴浣跨敤鐜�" min-width="100" show-overflow-tooltip />
</el-table>
- <pagination
- @size-change="handleSizeChange"
- @current-change="getList"
- :pagination="pagination"
- />
+ <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>
+ <!-- <pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> -->
</div>
</template>
<script>
import Pagination from '@/components/common/Pagination'
import QueryForm from '@/components/common/QueryForm'
+import dayjs from 'dayjs'
+import { platformWorkReportPage, getPlatformGroupList } from '@/api'
export default {
components: {
Pagination,
QueryForm
},
- data () {
+ data() {
return {
loading: false,
pagination: {
- capacity: 10,
- page: 1
+ pageSize: 10,
+ page: 1,
+ total: 0
},
- filters: {},
+ filters: {
+ fastdate: 0,
+ selDate: []
+ },
+ totalStopCount:0,
+ totalWorkTime:0,
list: [],
total: 0,
queryFormConfig: {
formItems: [
{
- filed: 'aaaa',
+ filed: 'name',
type: 'input',
label: '鏈堝彴鍚嶇О'
},
{
- filed: 'bbb',
+ filed: 'groupId',
type: 'select',
label: '鏈堝彴缁�',
+ placeholder: '鍏ㄩ儴鏈堝彴缁�',
options: []
+ },
+ {
+ type: 'slot',
+ filed: 'fastdate',
+ label: ''
},
{
filed: 'selDate',
type: 'daterange',
- label: '閫夋嫨鏃堕棿'
+ clearable: false,
+ label: '鏃ユ湡'
}
],
online: true
}
}
},
+ created() {
+ this.changeRadio('0')
+ this.getGroupList()
+ },
methods: {
- handleSub () {
+ getSummaries(param) {
+ const { columns, data } = param;
+ const sums = [];
+ columns.forEach((column, index) => {
+ if (index === 0) {
+ sums[index] = '鍚堣';
+ } else {
+ 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);
+ if (!isNaN(value)) {
+ return prev + curr;
+ } else {
+ return prev;
+ }
+ }, 0);
+ } else {
+ sums[index] = '0';
+ }
+ }
+ });
+ 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.getList()
+ },
+ handleSub() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
alert('submit!')
}
})
},
- getList (page) { },
- clear () { },
- handleSizeChange (capacity) {
- this.pagination.capacity = capacity
+ getGroupList() {
+ getPlatformGroupList({ queryData: 0, queryType: 0 }).then(res => {
+ this.queryFormConfig.formItems[1].options = res.map(i => {
+ return {
+ value: i.id,
+ label: i.name
+ }
+ })
+ // this.queryFormConfig.formItems[1].options.unshift({ value: '', label: '鍏ㄩ儴鏈堝彴缁�' })
+ })
+ },
+ getList(page) {
+ this.totalStopCount = 0
+ this.totalWorkTime = 0
+ const { pagination, filters } = this
+ 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,
+ }).then(res => {
+ this.loading = false
+ this.list = res || []
+ this.list.forEach(item => {
+ this.totalStopCount = this.totalStopCount + (item.stopCount || 0)
+ this.totalWorkTime = this.totalWorkTime + (item.workCountTime || 0)
+ item.useRata = item.useRata + '%'
+ item.workCountTime = item.workCountTime + '鏃�'
+ // item.workTime = dayjs.duration(item.workTime, 'seconds').format('H鏃秏鍒唖绉�')
+ })
+ }, () => {
+ this.loading = false
+ })
+ },
+ clear() {
+ this.filters = {
+ selDate: [],
+ fastdate: ''
+ }
+ this.getList()
+ // this.changeRadio('0')
+ },
+ handleSizeChange(capacity) {
+ this.pagination.pageSize = capacity
+ this.getList()
}
}
}
</script>
-<style>
-</style>
+<style></style>
--
Gitblit v1.9.3