'大屏养护模块提交'

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

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

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

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

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

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

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

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