From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001 From: k94314517 <8417338+k94314517@user.noreply.gitee.com> Date: 星期三, 16 十月 2024 15:59:38 +0800 Subject: [PATCH] 代码初始化 --- admin/src/views/statistics/platformStatic.vue | 138 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 138 insertions(+), 0 deletions(-) diff --git a/admin/src/views/statistics/platformStatic.vue b/admin/src/views/statistics/platformStatic.vue index e69de29..6bec585 100644 --- a/admin/src/views/statistics/platformStatic.vue +++ b/admin/src/views/statistics/platformStatic.vue @@ -0,0 +1,138 @@ +<template> + <div class="main_app"> + <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="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> +</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, + selDate: [] + }, + list: [], + total: 0, + queryFormConfig: { + formItems: [ + { + filed: 'name', + type: 'input', + label: '鏈堝彴鍚嶇О' + }, + { + filed: 'groupId', + type: 'select', + label: '鏈堝彴缁�', + placeholder: '鍏ㄩ儴鏈堝彴缁�', + options: [] + }, + { + type: 'slot', + filed: 'fastdate', + label: '' + }, + { + filed: 'selDate', + type: 'daterange', + clearable: false, + label: '鏃ユ湡' + } + ], + online: true + } + } + }, + created() { + this.changeRadio('0') + this.getGroupList() + }, + methods: { + 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!') + } + }) + }, + 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) { + 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 => { + item.useRata = item.useRata + '%' + item.workCountTime = item.workCountTime + '鏃�' + // item.workTime = dayjs.duration(item.workTime, 'seconds').format('H鏃秏鍒唖绉�') + }) + }, () => { + this.loading = false + }) + }, + clear() { + this.filters = { + fastdate: 0, + selDate: [] + } + this.changeRadio('0') + }, + handleSizeChange(capacity) { + this.pagination.pageSize = capacity + } + } +} +</script> + +<style></style> -- Gitblit v1.9.3