From 69dba32755926a6422ffeb95b05b24827990df13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Tue, 30 Aug 2022 16:15:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E5=8F=8C?=
 =?UTF-8?q?=E7=A2=B3=E7=AE=A1=E7=90=86):=E4=BB=8A=E6=97=A5=E6=8A=A5?=
 =?UTF-8?q?=E8=AD=A6=E7=BB=9F=E8=AE=A1=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectAdmin/zjsj/carbon/rightCenter.vue  | 80 +++++++++++++++++--
 1 file changed, 75 insertions(+), 5 deletions(-)

diff --git a/src/views/projectAdmin/zjsj/carbon/rightCenter.vue b/src/views/projectAdmin/zjsj/carbon/rightCenter.vue
index 2a2ad3ee..aa74d3bb 100644
--- a/src/views/projectAdmin/zjsj/carbon/rightCenter.vue
+++ b/src/views/projectAdmin/zjsj/carbon/rightCenter.vue
@@ -1,14 +1,84 @@
 <template>
   <Card title="今日报警统计">
-    今日报警统计
+    <div class="contentBox">
+      <div class="chart">
+        <JNestedRingChart
+          :title="{ text: '27', subTitle: '质量问题数' }"
+          :series="series"
+          :legend="{ show: false }"
+        />
+      </div>
+      <div class="right">
+        <span class="point"></span>
+        <span>扬尘噪声报警<p class="num">13</p></span>
+        
+        <span class="point point2"></span>
+        <span>PM2.5超标报警</span>
+        <div class="num">14</div>
+      </div>
+    </div>
   </Card>
 </template>
 
 <script>
-import Card from '../components/Card.vue'
+import Card from "../components/Card.vue";
+import JNestedRingChart from "../../common/jChart/pie/JNestedRingChart.vue";
 export default {
-  components: { Card }
-}
+  components: { Card, JNestedRingChart },
+  data() {
+    return {
+      series: [
+        {
+          roseType: "area",
+          radius: ["62%", "65%"],
+          color: ["#080a17", "#47939a"],
+          data: [50, 50]
+        },
+        {
+          radius: ["75%", "82%"],
+          color: ["#65d3d8", "#e5612a"],
+          data: [
+            { value: 13, name: "扬尘噪声报警" },
+            { value: 14, name: "PM2.5超标报警" }
+          ]
+        }
+      ]
+    };
+  }
+};
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.contentBox {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .chart {
+    box-sizing: border-box;
+    padding-top: 20px;
+    height: 100%;
+    width: 50%;
+  }
+  .right {
+    flex: 1;
+    margin-top: 30px;
+    .point {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      display: inline-block;
+      background-color: #fb6a2e;
+      margin-right: 15px;
+    }
+    .point2{
+      background-color: #65d3d8;
+    }
+    .num{
+      color: #d2a104;
+      margin: 5px 0px 30px 25px;
+    }
+  }
+}
+</style>