From 4cddb9a71bb532537e26a9fabf94d04a00290f26 Mon Sep 17 00:00:00 2001
From: wwp <782568523@qq.com>
Date: Mon, 30 Sep 2024 16:00:20 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=8E=A5=E5=8F=A3=E8=B0=83?=
 =?UTF-8?q?=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/modules/usermanage/dormitory.ts   |  4 +
 SafeCampus.WEB/src/api/modules/warn/zjrq.ts   |  8 ++
 SafeCampus.WEB/src/views/home/index.vue       | 94 +++++++++----------
 .../components/formDormitory/index.vue        |  4 +-
 4 files changed, 60 insertions(+), 50 deletions(-)

diff --git a/SafeCampus.WEB/src/api/modules/usermanage/dormitory.ts b/SafeCampus.WEB/src/api/modules/usermanage/dormitory.ts
index 5b8f83d..aec6ee6 100644
--- a/SafeCampus.WEB/src/api/modules/usermanage/dormitory.ts
+++ b/SafeCampus.WEB/src/api/modules/usermanage/dormitory.ts
@@ -78,6 +78,10 @@ const userManageDormitoryApi = {
   /** 获取归寝时间 */
   getReturnTime() {
     return httpChamber.get("getReturnTime");
+  },
+  // 获取宿舍楼摄像头列表
+  getBuildCameraList() {
+    return http.get("getBuildCameraList");
   }
 };
 
diff --git a/SafeCampus.WEB/src/api/modules/warn/zjrq.ts b/SafeCampus.WEB/src/api/modules/warn/zjrq.ts
index fe9d0e3..6ed6a6c 100644
--- a/SafeCampus.WEB/src/api/modules/warn/zjrq.ts
+++ b/SafeCampus.WEB/src/api/modules/warn/zjrq.ts
@@ -45,6 +45,14 @@ const warnZJRQApi = {
   /** 处理预警 */
   handWarn(params: ReqId) {
     return http.post("handWarn", params);
+  },
+  // 首页基础数据
+  basicInfo() {
+    return http.get("getBaseStatistics");
+  },
+  // 首页高危预警
+  highWarn() {
+    return http.get("getHighRisk");
   }
 };
 
diff --git a/SafeCampus.WEB/src/views/home/index.vue b/SafeCampus.WEB/src/views/home/index.vue
index f63b5d0..7948175 100644
--- a/SafeCampus.WEB/src/views/home/index.vue
+++ b/SafeCampus.WEB/src/views/home/index.vue
@@ -16,7 +16,7 @@
                   </div>
                   <div class="home-bg-content-item-content">
                     <div class="home-bg-content-item-title">摄像头数量</div>
-                    <div class="home-bg-content-item-value">3</div>
+                    <div class="home-bg-content-item-value">{{ basicInfo.cameraCount }}</div>
                   </div>
                 </div></el-col
               >
@@ -27,7 +27,7 @@
                   </div>
                   <div class="home-bg-content-item-content">
                     <div class="home-bg-content-item-title">预警信息总量</div>
-                    <div class="home-bg-content-item-value">1972</div>
+                    <div class="home-bg-content-item-value">{{ basicInfo.warnCount }}</div>
                   </div>
                 </div></el-col
               >
@@ -38,7 +38,7 @@
                   </div>
                   <div class="home-bg-content-item-content">
                     <div class="home-bg-content-item-title">处理意见提交</div>
-                    <div class="home-bg-content-item-value">40</div>
+                    <div class="home-bg-content-item-value">{{ basicInfo.handCount }}</div>
                   </div>
                 </div></el-col
               >
@@ -49,7 +49,7 @@
                   </div>
                   <div class="home-bg-content-item-content">
                     <div class="home-bg-content-item-title">参与安防教师</div>
-                    <div class="home-bg-content-item-value">22</div>
+                    <div class="home-bg-content-item-value">{{ basicInfo.teacherCount }}</div>
                   </div>
                 </div></el-col
               >
@@ -86,7 +86,7 @@
             <div>高危预警信息统计</div>
           </div>
           <div class="home-bg-content handleBox">
-            <ProTable ref="proTable" title="视频列表" :toolButton="false" :pagination="false" :columns="columns" :data="tableData"> </ProTable>
+            <ProTable ref="proTable" :toolButton="false" :pagination="false" :columns="columns" :data="highTabledata"> </ProTable>
           </div>
         </div>
       </el-col>
@@ -108,7 +108,7 @@
 <script setup lang="ts" name="home">
 import { ref, watch, provide, onMounted, unref, computed, reactive } from "vue";
 import { ElMessage } from "element-plus";
-import { monitorLIVEApi } from "@/api";
+import { warnZJRQApi } from "@/api";
 import { ZJRQ } from "@/api/interface";
 import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
 import { useDictStore } from "@/stores/modules";
@@ -121,9 +121,30 @@ const chart2 = ref(null);
 const chart3 = ref(null);
 
 onMounted(() => {
+  getBasic();
+  getHighWarin();
   getDataChart();
   getWeekData();
 });
+let basicInfo = reactive({
+  cameraCount: 0,
+  handCount: 0,
+  teacherCount: 0,
+  warnCount: 0
+});
+
+// 获取基础数据
+function getBasic() {
+  warnZJRQApi.basicInfo().then((res: any) => {
+    if (res.code == 200) {
+      basicInfo.cameraCount = res.data.cameraCount;
+      basicInfo.handCount = res.data.handCount;
+      basicInfo.teacherCount = res.data.teacherCount;
+      basicInfo.warnCount = res.data.warnCount;
+    }
+  });
+}
+
 function getDataChart() {
   setTimeout(async () => {
     await statistionApi.warnstatistion({}).then(res => {
@@ -158,6 +179,7 @@ function getDataChart() {
     });
   });
 }
+
 function getCharts1(data: any) {
   const chart = echarts.init(chart1.value);
   const option = {
@@ -170,7 +192,7 @@ function getCharts1(data: any) {
     // },
     legend: {
       orient: "vertical",
-      left: "right",
+      right: "0%",
       top: "middle"
     },
     series: [
@@ -220,7 +242,7 @@ function getCharts2(data: any) {
     // },
     legend: {
       orient: "vertical",
-      left: "right",
+      right: "0%",
       top: "middle"
     },
     series: [
@@ -325,61 +347,37 @@ const dictStore = useDictStore();
 // 表格配置项
 const columns: ColumnProps<ZJRQ.WarnInfo>[] = [
   {
-    prop: "type",
+    prop: "name",
     label: "数据类型"
     //   render: () => {
     //     return "楼道";
     //   }
   },
   {
-    prop: "warntotal",
-    label: "预警总量"
+    prop: "day",
+    label: "今日预警"
     //   render: () => {
     //     return "楼道";
     //   }
   },
   {
-    prop: "lowrisk",
-    label: "低危信息	"
+    prop: "week",
+    label: "七日预警	"
   },
   {
-    prop: "highrisk",
-    label: "高危信息"
+    prop: "count",
+    label: "预警总量"
   }
 ];
-const tableData = ref([
-  {
-    type: "今日",
-    warntotal: "20",
-    lowrisk: "10",
-    highrisk: "10"
-  },
-  {
-    type: "本周",
-    warntotal: "50",
-    lowrisk: "20",
-    highrisk: "30"
-  },
-  {
-    type: "本月",
-    warntotal: "198",
-    lowrisk: "176",
-    highrisk: "22"
-  },
-  {
-    type: "上月",
-    warntotal: "10",
-    lowrisk: "5",
-    highrisk: "5"
-  },
-
-  {
-    type: "环比",
-    warntotal: "-9.07%",
-    lowrisk: "0%",
-    highrisk: "0%"
-  }
-]);
+let highTabledata = ref([]);
+// 获取高危预警数据
+function getHighWarin() {
+  warnZJRQApi.highWarn().then((res: any) => {
+    if (res.code == 200) {
+      highTabledata.value = res.data;
+    }
+  });
+}
 const tableLoading = ref(false);
 </script>
 
diff --git a/SafeCampus.WEB/src/views/userManage/dormitory/components/formDormitory/index.vue b/SafeCampus.WEB/src/views/userManage/dormitory/components/formDormitory/index.vue
index 301b366..39a4142 100644
--- a/SafeCampus.WEB/src/views/userManage/dormitory/components/formDormitory/index.vue
+++ b/SafeCampus.WEB/src/views/userManage/dormitory/components/formDormitory/index.vue
@@ -142,8 +142,8 @@ onMounted(() => {
   getCreamaList();
 });
 const getCreamaList = () => {
-  monitorLIVEApi.list({ pageNum: 1, pageSize: 1000 }).then(res => {
-    creamaData.value = res.data.list;
+  userManageDormitoryApi.getBuildCameraList().then((res: any) => {
+    creamaData.value = res.data;
   });
 };
 // 暴露给父组件的方法