From e4a06e0730dc0aa6ced97cbb3362d6b8ef473d39 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 27 三月 2025 15:56:34 +0800
Subject: [PATCH] 最新版本541200007
---
admin/src/views/statistics/platformStatic.vue | 191 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 191 insertions(+), 0 deletions(-)
diff --git a/admin/src/views/statistics/platformStatic.vue b/admin/src/views/statistics/platformStatic.vue
index e69de29..2228e48 100644
--- a/admin/src/views/statistics/platformStatic.vue
+++ b/admin/src/views/statistics/platformStatic.vue
@@ -0,0 +1,191 @@
+<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>
+ <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="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>
+ <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() {
+ return {
+ loading: false,
+ pagination: {
+ pageSize: 10,
+ page: 1,
+ total: 0
+ },
+ filters: {
+ fastdate: 0,
+ queryDateStart: '',
+ queryDateEnd: ''
+ },
+ totalStopCount: 0,
+ totalWorkTime: 0,
+ list: [],
+ total: 0,
+ queryFormConfig: {
+ formItems: [
+ {
+ filed: 'name',
+ type: 'input',
+ label: '鏈堝彴鍚嶇О'
+ },
+ {
+ filed: 'groupId',
+ type: 'select',
+ label: '鏈堝彴缁�',
+ placeholder: '鍏ㄩ儴鏈堝彴缁�',
+ options: []
+ },
+ {
+ type: 'slot',
+ filed: 'selDate',
+ label: '鏃ユ湡'
+ },
+ {
+ type: 'slot',
+ filed: 'fastdate',
+ label: ''
+ },
+ ],
+ online: true
+ }
+ }
+ },
+ created() {
+ this.changeRadio('0')
+ this.getGroupList()
+ },
+ methods: {
+ 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.filters.queryDateStart = arr[0]
+ this.filters.queryDateEnd = arr[1]
+ this.filters.fastdate = day
+ this.getList()
+ },
+ handleSub() {
+ this.$refs.ruleForm.validate((valid) => {
+ if (valid) {
+ alert('submit!')
+ }
+ })
+ },
+ 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
+ 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,
+ }).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(1)
+ }
+ }
+}
+</script>
+
+<style></style>
--
Gitblit v1.9.3