diff --git a/web/client/src/sections/quanju/containers/footer/conserve/left.js b/web/client/src/sections/quanju/containers/footer/conserve/left.js
new file mode 100644
index 00000000..18d2ee4b
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/conserve/left.js
@@ -0,0 +1,15 @@
+import React from 'react'
+import LeftBottom from './left/left-bottom'
+import LeftCenter from './left/left-center'
+import LeftTop from './left/left-top'
+
+const Left = () => {
+    return (
+        <div style={{ display: 'flex',flexDirection: 'column', width: "23%", height: "100%", marginLeft: "1%" }}>
+            <LeftTop />
+            <LeftCenter />
+            <LeftBottom />
+        </div>
+    )
+}
+export default Left
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/conserve/left/left-bottom.js b/web/client/src/sections/quanju/containers/footer/conserve/left/left-bottom.js
new file mode 100644
index 00000000..1d4a813a
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/conserve/left/left-bottom.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import Module from '../../../public/module'
+
+const LeftBottom = () => {
+  const style = { height: "30%", marginTop: "5%" }
+  return (
+      <>
+          <Module style={style} title={"已绿化里程统计"}>
+
+          </Module>
+      </>
+  )
+}
+export default LeftBottom
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/conserve/left/left-center.js b/web/client/src/sections/quanju/containers/footer/conserve/left/left-center.js
new file mode 100644
index 00000000..58152ac3
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/conserve/left/left-center.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import Module from '../../../public/module'
+
+const LeftCenter = () => {
+  const style = { height: "30%", marginTop: "5%" }
+  return (
+      <>
+          <Module style={style} title={"可绿化里程统计"}>
+
+          </Module>
+      </>
+  )
+}
+export default LeftCenter
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/conserve/left/left-top.js b/web/client/src/sections/quanju/containers/footer/conserve/left/left-top.js
new file mode 100644
index 00000000..909f6e1b
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/conserve/left/left-top.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import Module from '../../../public/module'
+
+const LeftTop = () => {
+  const style = { height: "30%", marginTop: "5%" }
+  return (
+      <>
+          <Module style={style} title={"道路养护周期统计"}>
+        
+          </Module>
+      </>
+  )
+}
+export default LeftTop
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/conserve/right.js b/web/client/src/sections/quanju/containers/footer/conserve/right.js
new file mode 100644
index 00000000..eb16ed5c
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/conserve/right.js
@@ -0,0 +1,15 @@
+import React from 'react'
+import RightBottom from './right/right-bottom'
+import RightCenter from './right/right-center'
+import RightTop from './right/right-top'
+
+const Right = () => {
+    return (
+        <div style={{ display: 'flex',flexDirection: 'column',  width: "23%", height: "100%", marginLeft: "1%", }}>
+            <RightTop />
+            <RightCenter />
+            <RightBottom />
+        </div>
+    )
+}
+export default Right
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/conserve/right/right-bottom.js b/web/client/src/sections/quanju/containers/footer/conserve/right/right-bottom.js
new file mode 100644
index 00000000..80e9a9d5
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/conserve/right/right-bottom.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import Module from '../../../public/module'
+
+const RightBottom = () => {
+  const style = { height: "30%", marginTop: "5%" }
+  return (
+      <>
+          <Module style={style} title={"养护完成情况"}>
+
+          </Module>
+      </>
+  )
+}
+export default RightBottom
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/conserve/right/right-center.js b/web/client/src/sections/quanju/containers/footer/conserve/right/right-center.js
new file mode 100644
index 00000000..c3dd6cf0
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/conserve/right/right-center.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import Module from '../../../public/module'
+
+const RightCenter = () => {
+  const style = { height: "30%", marginTop: "5%" }
+  return (
+      <>
+          <Module style={style} title={"各类附属设施数量统计"}>
+
+          </Module>
+      </>
+  )
+}
+export default RightCenter
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/conserve/right/right-top.js b/web/client/src/sections/quanju/containers/footer/conserve/right/right-top.js
new file mode 100644
index 00000000..bea2ad12
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/conserve/right/right-top.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import Module from '../../../public/module'
+
+const RightTop= () => {
+  const style = { height: "30%", marginTop: "5%" }
+  return (
+      <>
+          <Module style={style} title={"道路设施数量统计"}>
+
+          </Module>
+      </>
+  )
+}
+export default RightTop
\ No newline at end of file