From 65cf2722eec21e1d07ce958f4298eec7ae620c85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98lijianhao=E2=80=99?= <li.jianhao@free-sun.com.cn>
Date: Fri, 22 Jul 2022 17:54:28 +0800
Subject: [PATCH] =?UTF-8?q?'=E5=85=BB=E6=8A=A4=E5=A4=A7=E5=B1=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../footer/conserve/left/left-top.js          | 30 ++++++++++++++-----
 1 file changed, 23 insertions(+), 7 deletions(-)

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
index 6cf714ea..89333c1e 100644
--- 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
@@ -1,6 +1,7 @@
 import React, { useEffect, useRef } from 'react';
 import Module from '../../../public/module'
 import * as echarts from 'echarts';
+import { Badge } from 'antd';
 
 
 const LeftTop = () => {
@@ -134,9 +135,6 @@ const LeftTop = () => {
           roundCap: true,
           barWidth: 30,
           showBackground: true,
-          backgroundStyle: {
-            color: "rgba(66, 66, 66, .3)",
-          },
           data: [40],
           coordinateSystem: "polar",
           itemStyle: {
@@ -154,6 +152,8 @@ const LeftTop = () => {
             },
           },
         },
+
+
       ],
     };
     chartInstance.setOption(frequentlyOption);
@@ -163,11 +163,27 @@ const LeftTop = () => {
   return (
     <>
       <Module style={style} title={"道路养护周期统计"}>
-        <div style={{ width: '100%', display: 'flex' }}>
-          <div ref={seasonChartRef} style={{ height: "23vh", width: "50%" }}></div>
-          <div ref={frequentlyChartRef} style={{ height: "23vh", width: "50%" }}></div>
-        </div>
+        <div style={{ position: 'relative' }}>
+          <div style={{ width: '100%', display: 'flex' }}>
+            <div ref={seasonChartRef} style={{ height: "23vh", width: "50%" }}>
+
+            </div>
 
+            <div ref={frequentlyChartRef} style={{ height: "23vh", width: "50%" }}></div>
+          </div>
+          <img src='assets/images/quanju/circle.png' style={{
+            position: 'absolute',
+            left: '19%',
+            top: '70%',
+            zIndex: 999
+          }} />
+          <img src='assets/images/quanju/circle.png' style={{
+            position: 'absolute',
+            right: '27%',
+            top: '70%',
+            zIndex: 999
+          }} />
+        </div>
       </Module>
     </>
   )