diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/leftCenter.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/leftCenter.vue
index 6f715483..1b8ada58 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/leftCenter.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/leftCenter.vue
@@ -1,42 +1,91 @@
 <template>
-<!-- 安全预警 -->
-<div class="container">
-    <div class="titleTxt">{{ title }}</div>
-
-</div>
+  <div class="safety-warning">
+    <div class="title">{{ title }}</div>
+    <div class="content">
+      <div class="table">
+        <div class="thead">
+          <div class="row">
+            <div class="td">预警时间</div>
+            <div class="td">预警类型</div>
+            <div class="td"></div>
+          </div>
+        </div>
+        <div class="tbody">
+          <div class="row" v-for="i in 5" :key="i">
+            <div class="td">2022.03.05 15:23:22</div>
+            <div class="td">边临防护</div>
+            <div class="td">详情</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
+import JRingChart from '../jChart/pie/JRingChart.vue'
 export default {
-
+  components: { JRingChart },
   props: {
     title: {
       type: String,
-      default: "default title"
+      default: 'default title'
     }
   },
   data() {
-    return {
-
-    };
-  },
-
-
+    return {}
+  }
 }
 </script>
 
 <style lang="less" scoped>
-.container {
+.safety-warning {
   width: 100%;
   height: 100%;
   border: 1px solid #0081c3;
-
-  .titleTxt {
+  .title {
+    padding-left: 6px;
+    height: 30px;
+    line-height: 30px;
     font-size: 18px;
     color: #6ee4f0;
-    margin-top: 5px;
-    margin-left: 5px;
+  }
+  .content {
+    height: calc(100% - 30px);
+    .table {
+      padding: 0 6px;
+      height: 100%;
+      font-size: 14px;
+      color: #fff;
+      .thead,
+      .tbody {
+        &.thead {
+          margin-bottom: 5px;
+          padding-bottom: 5px;
+          color: #6ee4f0;
+          border-bottom: 1px solid #fff;
+        }
+        .row {
+          width: 100%;
+          display: flex;
+          .td {
+            height: 30px;
+            line-height: 30px;
+            &:nth-child(1) {
+              width: 40%;
+            }
+            &:nth-child(2) {
+              flex: 1;
+            }
+            &:nth-child(3) {
+              margin-right: 10px;
+              color: #6ee4f0;
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
   }
 }
 </style>
-