by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

同比
Some checks are pending
Gitea Actions Demo / Explore-Gitea-Actions (push) Waiting to run
Details

Browse Source
This commit is contained in:
FLL
2025-07-27 16:55:48 +08:00
parent dfe7138438
commit 08b738f0f4
10 changed files with 759 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
apps/web-antd/src/views/property/electricEnergy/elctricityCost/data.ts Normal file
View File

@@ -0,0 +1,305 @@
import type { FormSchemaGetter } from '#/adapter/form';
import type { VxeGridProps } from '#/adapter/vxe-table';
import {getDictOptions} from "#/utils/dict";
import dayjs from 'dayjs';
export const querySchema: FormSchemaGetter = () => [
{
component: 'Select',
componentProps: {
options: getDictOptions('pro_qoq_type'),
},
fieldName: 'date',
label: '日期',
defaultValue: '0',
},
{
component: 'DatePicker',
componentProps: (formData) => {
const type: 0 | 1 | 2 | 3 = formData.date ?? 0;
const today = dayjs();
const propsMap = {
0: {
picker: 'date',
format: 'YYYY-MM-DD',
valueFormat: 'YYYY-MM-DD',
showTime: false,
defaultValue: today.format('YYYY-MM-DD'),
},
1: {
picker: 'week',
format: 'YYYY-MM-DD',
valueFormat: 'YYYY-MM-DD',
showTime: false,
defaultValue: today.startOf('week').format('YYYY-MM-DD'),
},
2: {
picker: 'month',
format: 'YYYY-MM',
valueFormat: 'YYYY-MM',
showTime: false,
defaultValue: today.format('YYYY-MM'),
},
3: {
picker: 'year',
format: 'YYYY',
valueFormat: 'YYYY',
showTime: false,
defaultValue: today.format('YYYY'),
},
};
return propsMap[type];
},
fieldName: 'chioceDate',
dependencies: {
triggerFields: ['date'],
},
},
];
export const columns: VxeGridProps['columns'] = [
{
title: '名称',
fixed: 'left',
width: 'auto',
field: 'roomNumber',
},
{
title: '00',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
]
},
{
title: '01',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '02',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '03',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '04',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '05',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '06',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '07',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '08',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '09',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '10',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '11',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '12',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '合计',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(kw.h)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
];

69
apps/web-antd/src/views/property/electricEnergy/elctricityCost/index.vue
View File

@@ -1,11 +1,78 @@
<script setup lang="ts"> <script setup lang="ts">
import { Page, type VbenFormProps } from '@vben/common-ui';
import {
useVbenVxeGrid,
type VxeGridProps
} from '#/adapter/vxe-table';
import {
paymentReviewList,
} from '#/api/property/costManagement/paymentReview';
import { columns, querySchema } from './data';
import FloorTree from "#/views/property/electricEnergy/elctricitySituation/floor-tree.vue";
const formOptions: VbenFormProps = {
commonConfig: {
labelWidth: 30,
componentProps: {
allowClear: true,
},
},
schema: querySchema(),
wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',
};
const gridOptions: VxeGridProps = {
checkboxConfig: {
highlight: true,
reserve: true,
},
columns,
height: 'auto',
keepSource: true,
pagerConfig: {},
proxyConfig: {
ajax: {
query: async ({ page }, formValues = {}) => {
return await paymentReviewList({
pageNum: page.currentPage,
pageSize: page.pageSize,
...formValues,
});
},
},
},
rowConfig: {
keyField: 'id',
},
id: 'property-paymentReview-index'
};
const [BasicTable, tableApi] = useVbenVxeGrid({
formOptions,
gridOptions,
});
</script> </script>
<template> <template>
<div class="box">
<div class="left" style="margin: 16px 0 16px 16px"><FloorTree></FloorTree></div>
<div class="right">
<Page :auto-content-height="true">
<BasicTable table-title="用电费用报表"/>
</Page>
</div>
</div>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
.box{
display: grid;
grid-template-columns: 1fr 3fr;
gap: 30px;
.right {
width: 100%;
overflow: hidden;
}
}
</style> </style>

3
apps/web-antd/src/views/property/electricEnergy/electricTrend/index.vue
View File

@@ -4,6 +4,7 @@ import {onMounted, ref} from "vue";
import type { Dayjs } from 'dayjs'; import type { Dayjs } from 'dayjs';
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import { DatePicker } from 'ant-design-vue'; import { DatePicker } from 'ant-design-vue';
import FloorTree from "#/views/property/electricEnergy/elctricitySituation/floor-tree.vue";
const currentDay = ref<Dayjs>(dayjs()); const currentDay = ref<Dayjs>(dayjs());
const currentMonth = ref<Dayjs>(dayjs()); const currentMonth = ref<Dayjs>(dayjs());
@@ -287,7 +288,7 @@ onMounted(()=>{
<template> <template>
<div class="box"> <div class="box">
<div class="left" style="background: red"></div> <div class="left"><FloorTree></FloorTree></div>
<div class="right"> <div class="right">
<div style="background: #fff;border-radius: 8px;padding: 10px"> <div style="background: #fff;border-radius: 8px;padding: 10px">
<div> <div>

3
apps/web-antd/src/views/property/electricEnergy/electricityQOQ/index.vue
View File

@@ -8,6 +8,7 @@ import {
paymentReviewList, paymentReviewList,
} from '#/api/property/costManagement/paymentReview'; } from '#/api/property/costManagement/paymentReview';
import { columns, querySchema } from './data'; import { columns, querySchema } from './data';
import FloorTree from "#/views/property/electricEnergy/elctricitySituation/floor-tree.vue";
const formOptions: VbenFormProps = { const formOptions: VbenFormProps = {
commonConfig: { commonConfig: {
@@ -54,7 +55,7 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
<template> <template>
<div class="box"> <div class="box">
<div class="left" style="background: red;margin: 16px 0 16px 16px"></div> <div class="left" style="margin: 16px 0 16px 16px"><FloorTree></FloorTree></div>
<div class="right"> <div class="right">
<Page :auto-content-height="true"> <Page :auto-content-height="true">
<BasicTable table-title="用电环比分析列表"/> <BasicTable table-title="用电环比分析列表"/>

4
apps/web-antd/src/views/property/electricEnergy/electricityYOY/index.vue
View File

@@ -6,6 +6,7 @@ import dayjs from 'dayjs';
import { Table } from 'ant-design-vue' import { Table } from 'ant-design-vue'
import { DatePicker } from 'ant-design-vue'; import { DatePicker } from 'ant-design-vue';
import { SearchOutlined } from '@ant-design/icons-vue'; import { SearchOutlined } from '@ant-design/icons-vue';
import FloorTree from "#/views/property/electricEnergy/elctricitySituation/floor-tree.vue";
const currentYear = ref<Dayjs>(dayjs()); const currentYear = ref<Dayjs>(dayjs());
const disabledYear = (current: Dayjs) => { const disabledYear = (current: Dayjs) => {
@@ -131,7 +132,7 @@ const data = [...Array(32)].map((_, i) => ({
<template> <template>
<div class="box"> <div class="box">
<div class="left" style="background: red;"></div> <div class="left"><FloorTree></FloorTree></div>
<div class="right"> <div class="right">
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 10px;"> <div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 10px;">
<div> <div>
@@ -164,7 +165,6 @@ const data = [...Array(32)].map((_, i) => ({
<style scoped lang="scss"> <style scoped lang="scss">
.box{ .box{
background-color: blue;
display: grid; display: grid;
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
gap: 30px; gap: 30px;

305
apps/web-antd/src/views/property/waterPower/waterCost/data.ts Normal file
View File

@@ -0,0 +1,305 @@
import type { FormSchemaGetter } from '#/adapter/form';
import type { VxeGridProps } from '#/adapter/vxe-table';
import {getDictOptions} from "#/utils/dict";
import dayjs from 'dayjs';
export const querySchema: FormSchemaGetter = () => [
{
component: 'Select',
componentProps: {
options: getDictOptions('pro_qoq_type'),
},
fieldName: 'date',
label: '日期',
defaultValue: '0',
},
{
component: 'DatePicker',
componentProps: (formData) => {
const type: 0 | 1 | 2 | 3 = formData.date ?? 0;
const today = dayjs();
const propsMap = {
0: {
picker: 'date',
format: 'YYYY-MM-DD',
valueFormat: 'YYYY-MM-DD',
showTime: false,
defaultValue: today.format('YYYY-MM-DD'),
},
1: {
picker: 'week',
format: 'YYYY-MM-DD',
valueFormat: 'YYYY-MM-DD',
showTime: false,
defaultValue: today.startOf('week').format('YYYY-MM-DD'),
},
2: {
picker: 'month',
format: 'YYYY-MM',
valueFormat: 'YYYY-MM',
showTime: false,
defaultValue: today.format('YYYY-MM'),
},
3: {
picker: 'year',
format: 'YYYY',
valueFormat: 'YYYY',
showTime: false,
defaultValue: today.format('YYYY'),
},
};
return propsMap[type];
},
fieldName: 'chioceDate',
dependencies: {
triggerFields: ['date'],
},
},
];
export const columns: VxeGridProps['columns'] = [
{
title: '名称',
fixed: 'left',
width: 'auto',
field: 'roomNumber',
},
{
title: '00',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
]
},
{
title: '01',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '02',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '03',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '04',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '05',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '06',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '07',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '08',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '09',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '10',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '11',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '12',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
{
title: '合计',
width: 'auto',
field: 'roomNumber',
children: [
{
title: '用能(t)',
width: 'auto',
field: 'roomNumber',
},
{
title: '费用(元)',
width: 'auto',
field: 'roomNumber',
}
],
},
];

69
apps/web-antd/src/views/property/waterPower/waterCost/index.vue
View File

@@ -1,11 +1,78 @@
<script setup lang="ts"> <script setup lang="ts">
import { Page, type VbenFormProps } from '@vben/common-ui';
import {
useVbenVxeGrid,
type VxeGridProps
} from '#/adapter/vxe-table';
import {
paymentReviewList,
} from '#/api/property/costManagement/paymentReview';
import { columns, querySchema } from './data';
import FloorTree from "#/views/property/electricEnergy/elctricitySituation/floor-tree.vue";
const formOptions: VbenFormProps = {
commonConfig: {
labelWidth: 30,
componentProps: {
allowClear: true,
},
},
schema: querySchema(),
wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',
};
const gridOptions: VxeGridProps = {
checkboxConfig: {
highlight: true,
reserve: true,
},
columns,
height: 'auto',
keepSource: true,
pagerConfig: {},
proxyConfig: {
ajax: {
query: async ({ page }, formValues = {}) => {
return await paymentReviewList({
pageNum: page.currentPage,
pageSize: page.pageSize,
...formValues,
});
},
},
},
rowConfig: {
keyField: 'id',
},
id: 'property-paymentReview-index'
};
const [BasicTable, tableApi] = useVbenVxeGrid({
formOptions,
gridOptions,
});
</script> </script>
<template> <template>
<div class="box">
<div class="left" style="margin: 16px 0 16px 16px"><FloorTree></FloorTree></div>
<div class="right">
<Page :auto-content-height="true">
<BasicTable table-title="用水费用报表"/>
</Page>
</div>
</div>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
.box{
display: grid;
grid-template-columns: 1fr 3fr;
gap: 30px;
.right {
width: 100%;
overflow: hidden;
}
}
</style> </style>

5
apps/web-antd/src/views/property/waterPower/waterQOQ/index.vue
View File

@@ -8,6 +8,7 @@ import {
paymentReviewList, paymentReviewList,
} from '#/api/property/costManagement/paymentReview'; } from '#/api/property/costManagement/paymentReview';
import { columns, querySchema } from './data'; import { columns, querySchema } from './data';
import FloorTree from "#/views/property/electricEnergy/elctricitySituation/floor-tree.vue";
const formOptions: VbenFormProps = { const formOptions: VbenFormProps = {
commonConfig: { commonConfig: {
@@ -54,10 +55,10 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
<template> <template>
<div class="box"> <div class="box">
<div class="left" style="background: red;margin: 16px 0 16px 16px"></div> <div class="left" style="margin: 16px 0 16px 16px"><FloorTree></FloorTree></div>
<div class="right"> <div class="right">
<Page :auto-content-height="true"> <Page :auto-content-height="true">
<BasicTable table-title="用电环比分析列表"/> <BasicTable table-title="用水环比分析列表"/>
</Page> </Page>
</div> </div>
</div> </div>

3
apps/web-antd/src/views/property/waterPower/waterTrend/index.vue
View File

@@ -4,6 +4,7 @@ import {onMounted, ref} from "vue";
import type { Dayjs } from 'dayjs'; import type { Dayjs } from 'dayjs';
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import { DatePicker } from 'ant-design-vue'; import { DatePicker } from 'ant-design-vue';
import FloorTree from "#/views/property/electricEnergy/elctricitySituation/floor-tree.vue";
const currentMonth = ref<Dayjs>(dayjs()); const currentMonth = ref<Dayjs>(dayjs());
const currentYear = ref<Dayjs>(dayjs()); const currentYear = ref<Dayjs>(dayjs());
@@ -195,7 +196,7 @@ onMounted(()=>{
<template> <template>
<div class="box"> <div class="box">
<div class="left" style="background: red"></div> <div class="left"><FloorTree></FloorTree></div>
<div class="right"> <div class="right">
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;"> <div style="background: #fff;border-radius: 8px;padding: 10px;margin-top: 10px;">
<div> <div>

4
apps/web-antd/src/views/property/waterPower/waterYOY/index.vue
View File

@@ -6,6 +6,7 @@ import dayjs from 'dayjs';
import { Table } from 'ant-design-vue' import { Table } from 'ant-design-vue'
import { DatePicker } from 'ant-design-vue'; import { DatePicker } from 'ant-design-vue';
import { SearchOutlined } from '@ant-design/icons-vue'; import { SearchOutlined } from '@ant-design/icons-vue';
import FloorTree from "#/views/property/electricEnergy/elctricitySituation/floor-tree.vue";
const currentYear = ref<Dayjs>(dayjs()); const currentYear = ref<Dayjs>(dayjs());
const disabledYear = (current: Dayjs) => { const disabledYear = (current: Dayjs) => {
@@ -131,7 +132,7 @@ const data = [...Array(32)].map((_, i) => ({
<template> <template>
<div class="box"> <div class="box">
<div class="left" style="background: red;"></div> <div class="left"><FloorTree></FloorTree></div>
<div class="right"> <div class="right">
<div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 10px;"> <div style="background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 10px;">
<div> <div>
@@ -164,7 +165,6 @@ const data = [...Array(32)].map((_, i) => ({
<style scoped lang="scss"> <style scoped lang="scss">
.box{ .box{
background-color: blue;
display: grid; display: grid;
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
gap: 30px; gap: 30px;