diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
new file mode 100644
index 0000000..c1111da
--- /dev/null
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">巡查任务</div>
+  <div class="ConstrucClass">巡查任务</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>

diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
new file mode 100644
index 0000000..c1111da
--- /dev/null
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">巡查任务</div>
+  <div class="ConstrucClass">巡查任务</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/ManualSampling.vue b/src/views/sponeScreen/longYW/ManualSampling.vue
new file mode 100644
index 0000000..4e742cb
--- /dev/null
+++ b/src/views/sponeScreen/longYW/ManualSampling.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">人工采样</div>
+    <div class="ConstrucClass">人工采样</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>

diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
new file mode 100644
index 0000000..c1111da
--- /dev/null
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">巡查任务</div>
+  <div class="ConstrucClass">巡查任务</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/ManualSampling.vue b/src/views/sponeScreen/longYW/ManualSampling.vue
new file mode 100644
index 0000000..4e742cb
--- /dev/null
+++ b/src/views/sponeScreen/longYW/ManualSampling.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">人工采样</div>
+    <div class="ConstrucClass">人工采样</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/MonitoringStation.vue b/src/views/sponeScreen/longYW/MonitoringStation.vue
new file mode 100644
index 0000000..bb56aa7
--- /dev/null
+++ b/src/views/sponeScreen/longYW/MonitoringStation.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">监测站点统计</div>
+    <div class="ConstrucClass">监测站点统计</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>

diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
new file mode 100644
index 0000000..c1111da
--- /dev/null
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">巡查任务</div>
+  <div class="ConstrucClass">巡查任务</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/ManualSampling.vue b/src/views/sponeScreen/longYW/ManualSampling.vue
new file mode 100644
index 0000000..4e742cb
--- /dev/null
+++ b/src/views/sponeScreen/longYW/ManualSampling.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">人工采样</div>
+    <div class="ConstrucClass">人工采样</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/MonitoringStation.vue b/src/views/sponeScreen/longYW/MonitoringStation.vue
new file mode 100644
index 0000000..bb56aa7
--- /dev/null
+++ b/src/views/sponeScreen/longYW/MonitoringStation.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">监测站点统计</div>
+    <div class="ConstrucClass">监测站点统计</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/PromotionTraining.vue b/src/views/sponeScreen/longYW/PromotionTraining.vue
new file mode 100644
index 0000000..7c9d927
--- /dev/null
+++ b/src/views/sponeScreen/longYW/PromotionTraining.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">宣传培训</div>
+    <div class="ConstrucClass">宣传培训</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>

diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
new file mode 100644
index 0000000..c1111da
--- /dev/null
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">巡查任务</div>
+  <div class="ConstrucClass">巡查任务</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/ManualSampling.vue b/src/views/sponeScreen/longYW/ManualSampling.vue
new file mode 100644
index 0000000..4e742cb
--- /dev/null
+++ b/src/views/sponeScreen/longYW/ManualSampling.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">人工采样</div>
+    <div class="ConstrucClass">人工采样</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/MonitoringStation.vue b/src/views/sponeScreen/longYW/MonitoringStation.vue
new file mode 100644
index 0000000..bb56aa7
--- /dev/null
+++ b/src/views/sponeScreen/longYW/MonitoringStation.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">监测站点统计</div>
+    <div class="ConstrucClass">监测站点统计</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/PromotionTraining.vue b/src/views/sponeScreen/longYW/PromotionTraining.vue
new file mode 100644
index 0000000..7c9d927
--- /dev/null
+++ b/src/views/sponeScreen/longYW/PromotionTraining.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">宣传培训</div>
+    <div class="ConstrucClass">宣传培训</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/PublicAdvice.vue b/src/views/sponeScreen/longYW/PublicAdvice.vue
new file mode 100644
index 0000000..8014cc0
--- /dev/null
+++ b/src/views/sponeScreen/longYW/PublicAdvice.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">公众建议</div>
+  <div class="ConstrucClass">公众建议</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>

diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
new file mode 100644
index 0000000..c1111da
--- /dev/null
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">巡查任务</div>
+  <div class="ConstrucClass">巡查任务</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/ManualSampling.vue b/src/views/sponeScreen/longYW/ManualSampling.vue
new file mode 100644
index 0000000..4e742cb
--- /dev/null
+++ b/src/views/sponeScreen/longYW/ManualSampling.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">人工采样</div>
+    <div class="ConstrucClass">人工采样</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/MonitoringStation.vue b/src/views/sponeScreen/longYW/MonitoringStation.vue
new file mode 100644
index 0000000..bb56aa7
--- /dev/null
+++ b/src/views/sponeScreen/longYW/MonitoringStation.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">监测站点统计</div>
+    <div class="ConstrucClass">监测站点统计</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/PromotionTraining.vue b/src/views/sponeScreen/longYW/PromotionTraining.vue
new file mode 100644
index 0000000..7c9d927
--- /dev/null
+++ b/src/views/sponeScreen/longYW/PromotionTraining.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">宣传培训</div>
+    <div class="ConstrucClass">宣传培训</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/PublicAdvice.vue b/src/views/sponeScreen/longYW/PublicAdvice.vue
new file mode 100644
index 0000000..8014cc0
--- /dev/null
+++ b/src/views/sponeScreen/longYW/PublicAdvice.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">公众建议</div>
+  <div class="ConstrucClass">公众建议</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/SewageBOD.vue b/src/views/sponeScreen/longYW/SewageBOD.vue
new file mode 100644
index 0000000..f549cdf
--- /dev/null
+++ b/src/views/sponeScreen/longYW/SewageBOD.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">污水厂进口BOD</div>
+    <div class="ConstrucClass">污水厂进口BOD</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>

diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
new file mode 100644
index 0000000..c1111da
--- /dev/null
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">巡查任务</div>
+  <div class="ConstrucClass">巡查任务</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/ManualSampling.vue b/src/views/sponeScreen/longYW/ManualSampling.vue
new file mode 100644
index 0000000..4e742cb
--- /dev/null
+++ b/src/views/sponeScreen/longYW/ManualSampling.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">人工采样</div>
+    <div class="ConstrucClass">人工采样</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/MonitoringStation.vue b/src/views/sponeScreen/longYW/MonitoringStation.vue
new file mode 100644
index 0000000..bb56aa7
--- /dev/null
+++ b/src/views/sponeScreen/longYW/MonitoringStation.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">监测站点统计</div>
+    <div class="ConstrucClass">监测站点统计</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/PromotionTraining.vue b/src/views/sponeScreen/longYW/PromotionTraining.vue
new file mode 100644
index 0000000..7c9d927
--- /dev/null
+++ b/src/views/sponeScreen/longYW/PromotionTraining.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">宣传培训</div>
+    <div class="ConstrucClass">宣传培训</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/PublicAdvice.vue b/src/views/sponeScreen/longYW/PublicAdvice.vue
new file mode 100644
index 0000000..8014cc0
--- /dev/null
+++ b/src/views/sponeScreen/longYW/PublicAdvice.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="partTitleHM">公众建议</div>
+  <div class="ConstrucClass">公众建议</div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/SewageBOD.vue b/src/views/sponeScreen/longYW/SewageBOD.vue
new file mode 100644
index 0000000..f549cdf
--- /dev/null
+++ b/src/views/sponeScreen/longYW/SewageBOD.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="longYW">
+    <div class="partTitleHM">污水厂进口BOD</div>
+    <div class="ConstrucClass">污水厂进口BOD</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.longYW {
+  margin-top: 10px;
+}
+.ConstrucClass {
+  width: 100%;
+  height: 30%;
+  background: #07347f;
+}
+</style>
diff --git a/src/views/sponeScreen/longYW/index.vue b/src/views/sponeScreen/longYW/index.vue
index 6a72c57..5bbfa03 100644
--- a/src/views/sponeScreen/longYW/index.vue
+++ b/src/views/sponeScreen/longYW/index.vue
@@ -1,9 +1,33 @@
 <template>
   <!-- 海绵综合一张图 长效运维 -->
-  <div class="publicContainer">长效运维</div>
+  <div class="publicContainer">
+    <div class="publicLeftHM">
+      <!-- 巡查任务 -->
+      <InspectionTasks></InspectionTasks>
+      <!-- 污水厂进口BOD -->
+      <SewageBOD></SewageBOD>
+      <!-- 监测站点统计 -->
+      <MonitoringStation></MonitoringStation>
+    </div>
+    <div class="publicRightHM">
+      <!-- 公众建议 -->
+      <PublicAdvice></PublicAdvice>
+      <!-- 宣传培训 -->
+      <PromotionTraining></PromotionTraining>
+      <!-- 人工采样 -->
+      <ManualSampling></ManualSampling>
+    </div>
+  </div>
 </template>
 
 <script setup>
+import InspectionTasks from '@/views/sponeScreen/longYW/InspectionTasks.vue'; //建设状态
+import SewageBOD from '@/views/sponeScreen/longYW/SewageBOD.vue'; //建设状态
+import MonitoringStation from '@/views/sponeScreen/longYW/MonitoringStation.vue'; //监测站点统计
+import PublicAdvice from '@/views/sponeScreen/longYW/PublicAdvice.vue'; //公众建议
+import PromotionTraining from '@/views/sponeScreen/longYW/PromotionTraining.vue'; //宣传培训
+import ManualSampling from '@/views/sponeScreen/longYW/ManualSampling.vue'; //人工采样
+
 const { proxy } = getCurrentInstance();
 
 onMounted(() => {});