diff --git a/apps/web-antd/src/views/property/electricEnergy/elctricityCost/index.vue b/apps/web-antd/src/views/property/electricEnergy/elctricityCost/index.vue
new file mode 100644
index 00000000..63cf316b
--- /dev/null
+++ b/apps/web-antd/src/views/property/electricEnergy/elctricityCost/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/apps/web-antd/src/views/property/electricEnergy/elctricitySituation/index.vue b/apps/web-antd/src/views/property/electricEnergy/elctricitySituation/index.vue
new file mode 100644
index 00000000..e3ba3c35
--- /dev/null
+++ b/apps/web-antd/src/views/property/electricEnergy/elctricitySituation/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+aaaaaaaaaaaaa
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/apps/web-antd/src/views/property/electricEnergy/electricTrend/index.vue b/apps/web-antd/src/views/property/electricEnergy/electricTrend/index.vue
new file mode 100644
index 00000000..8600d414
--- /dev/null
+++ b/apps/web-antd/src/views/property/electricEnergy/electricTrend/index.vue
@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import * as echarts from 'echarts';
+import {onMounted} from "vue";
+
+onMounted(()=>{
+  const chartDom = document.getElementById('main');
+  const myChart = echarts.init(chartDom);
+  const option = {
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      data: ['当日', '昨日']
+    },
+    toolbox: {
+      show: true,
+      feature: {
+        magicType: { show: true, type: ['line', 'bar'] },
+        restore: { show: true },
+      }
+    },
+    calculable: true,
+    xAxis: [
+      {
+        type: 'category',
+        name:'时',
+        data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+      }
+    ],
+    yAxis: [
+      {
+        type: 'value',
+        name:'KW.h'
+      }
+    ],
+    series: [
+      {
+        name: '当日',
+        type: 'bar',
+        data: [
+          2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
+        ],
+        markPoint: {
+          data: [
+            { type: 'max', name: 'Max' },
+            { type: 'min', name: 'Min' }
+          ]
+        },
+      },
+      {
+        name: '昨日',
+        type: 'bar',
+        data: [
+          2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+        ],
+        markPoint: {
+          data: [
+            { type: 'max', name: 'Max' },
+            { type: 'min', name: 'Min' }
+          ]
+        },
+      }
+    ]
+  };
+  option && myChart.setOption(option);
+})
+
+</script>
+
+<template>
+<div>
+  <div>
+    <div>
+    </div>
+    <div id="main" style="height: 400px;width: 100%"></div>
+    <div></div>
+  </div>
+</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/apps/web-antd/src/views/property/electricEnergy/electricityQOQ/index.vue b/apps/web-antd/src/views/property/electricEnergy/electricityQOQ/index.vue
new file mode 100644
index 00000000..63cf316b
--- /dev/null
+++ b/apps/web-antd/src/views/property/electricEnergy/electricityQOQ/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/apps/web-antd/src/views/property/electricEnergy/electricityYOY/index.vue b/apps/web-antd/src/views/property/electricEnergy/electricityYOY/index.vue
new file mode 100644
index 00000000..63cf316b
--- /dev/null
+++ b/apps/web-antd/src/views/property/electricEnergy/electricityYOY/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/apps/web-antd/src/views/property/waterPower/waterCost/index.vue b/apps/web-antd/src/views/property/waterPower/waterCost/index.vue
new file mode 100644
index 00000000..63cf316b
--- /dev/null
+++ b/apps/web-antd/src/views/property/waterPower/waterCost/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/apps/web-antd/src/views/property/waterPower/waterQOQ/index.vue b/apps/web-antd/src/views/property/waterPower/waterQOQ/index.vue
new file mode 100644
index 00000000..63cf316b
--- /dev/null
+++ b/apps/web-antd/src/views/property/waterPower/waterQOQ/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/apps/web-antd/src/views/property/waterPower/waterSituation/index.vue b/apps/web-antd/src/views/property/waterPower/waterSituation/index.vue
new file mode 100644
index 00000000..63cf316b
--- /dev/null
+++ b/apps/web-antd/src/views/property/waterPower/waterSituation/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/apps/web-antd/src/views/property/waterPower/waterTrend/index.vue b/apps/web-antd/src/views/property/waterPower/waterTrend/index.vue
new file mode 100644
index 00000000..63cf316b
--- /dev/null
+++ b/apps/web-antd/src/views/property/waterPower/waterTrend/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/apps/web-antd/src/views/property/waterPower/waterYOY/index.vue b/apps/web-antd/src/views/property/waterPower/waterYOY/index.vue
new file mode 100644
index 00000000..63cf316b
--- /dev/null
+++ b/apps/web-antd/src/views/property/waterPower/waterYOY/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>