From e67d9519a81907d30ffc31469dd0a542555c4281 Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Thu, 2 Feb 2023 11:51:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=A7=86=E9=A2=91=E4=B8=AD=E5=BF=83?=
 =?UTF-8?q?=E4=BB=AA=E8=A1=A8=E7=9B=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/media/home.ts                         |  4 +-
 src/utils/utils.ts                            | 31 +++++++++++
 .../media/DashBoard/components/TopCard.vue    |  3 +-
 src/views/media/DashBoard/index.vue           | 53 +++++++++++++++++--
 src/views/media/DashBoard/typings.d.ts        |  2 +-
 5 files changed, 86 insertions(+), 7 deletions(-)

diff --git a/src/api/media/home.ts b/src/api/media/home.ts
index 8385fd80..131f9745 100644
--- a/src/api/media/home.ts
+++ b/src/api/media/home.ts
@@ -2,8 +2,8 @@ import server from '@/utils/request'
 
 export default {
     // 设备数量
-    deviceCount: () => server.get<number>(`/media/device/_count`),
+    deviceCount: (params: any) => server.get<number>(`/media/device/_count`, params),
     // 通道数量
-    channelCount: () => server.post<number>(`/media/channel/_count`),
+    channelCount: (data: any) => server.post<number>(`/media/channel/_count`, data),
 
 }
\ No newline at end of file
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index d9d3e290..7be52fc8 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -84,3 +84,34 @@ export const randomString = (length?: number) => {
   }
   return pwd;
 };
+
+/**
+ * 时间戳转时分秒文本
+ * @param time 
+ * @returns 
+ */
+export const timestampFormat = (time: number) => {
+    let hour = 0;
+    let minute = 0;
+    let second = 0;
+    const timeStr = 'hh小时mm分钟ss秒';
+    
+    if (time) {
+        if (time >= 60 * 60 * 1000) {
+            hour = Math.trunc(time / (60 * 60 * 1000));
+        }
+
+        if (time >= 60 * 1000) {
+            minute = Math.trunc((time - hour * 60 * 60 * 1000) / (60 * 1000));
+        }
+
+        second = Math.trunc(
+            (time - hour * (60 * 60 * 1000) - minute * 60 * 1000) / 1000,
+        );
+    }
+
+    return timeStr
+        .replace('hh', hour.toString())
+        .replace('mm', minute.toString())
+        .replace('ss', second.toString());
+};
\ No newline at end of file
diff --git a/src/views/media/DashBoard/components/TopCard.vue b/src/views/media/DashBoard/components/TopCard.vue
index 8e7469a4..c82d296c 100644
--- a/src/views/media/DashBoard/components/TopCard.vue
+++ b/src/views/media/DashBoard/components/TopCard.vue
@@ -19,7 +19,8 @@
         </div>
         <div class="top-card-footer">
             <template v-for="(item, index) in footer" :key="index">
-                <a-badge :text="item.title" :status="item.status" />
+                <span v-if="!item.status">{{ item.title }}</span>
+                <a-badge v-else :text="item.title" :status="item.status" />
                 <div class="footer-item-value">{{ item.value }}</div>
             </template>
         </div>
diff --git a/src/views/media/DashBoard/index.vue b/src/views/media/DashBoard/index.vue
index 94dcb0f2..602ec600 100644
--- a/src/views/media/DashBoard/index.vue
+++ b/src/views/media/DashBoard/index.vue
@@ -39,19 +39,40 @@
 </template>
 
 <script setup lang="ts">
-import TopCard from '@/views/media/DashBoard/components/TopCard.vue'
+import TopCard from '@/views/media/DashBoard/components/TopCard.vue';
 import { getImage } from '@/utils/comm';
 import homeApi from '@/api/media/home';
 import dashboardApi from '@/api/media/dashboard';
 import type { Footer } from '@/views/media/DashBoard/typings';
+import encodeQuery from '@/utils/encodeQuery';
+import { timestampFormat } from '@/utils/utils';
 
 // 设备
 const deviceFooter = ref<Footer[]>([]);
 const deviceTotal = ref(0);
 const getDeviceData = () => {
-    homeApi.deviceCount().then((res) => {
+    homeApi.deviceCount({}).then((res) => {
         deviceTotal.value = res.result;
     });
+
+    homeApi
+        .deviceCount(encodeQuery({ terms: { state: 'online' } }))
+        .then((res) => {
+            deviceFooter.value[0] = {
+                title: '在线',
+                value: res.result,
+                status: 'success',
+            };
+        });
+    homeApi
+        .deviceCount(encodeQuery({ terms: { state: 'offline' } }))
+        .then((res) => {
+            deviceFooter.value[1] = {
+                title: '离线',
+                value: res.result,
+                status: 'error',
+            };
+        });
 };
 getDeviceData();
 
@@ -59,9 +80,27 @@ getDeviceData();
 const channelFooter = ref<Footer[]>([]);
 const channelTotal = ref(0);
 const getChannelData = () => {
-    homeApi.channelCount().then((res) => {
+    homeApi.channelCount({}).then((res) => {
         channelTotal.value = res.result;
     });
+    homeApi
+        .channelCount({ terms: [{ column: 'status', value: 'online' }] })
+        .then((res) => {
+            channelFooter.value[0] = {
+                title: '在线',
+                value: res.result,
+                status: 'success',
+            };
+        });
+    homeApi
+        .channelCount({ terms: [{ column: 'status$not', value: 'online' }] })
+        .then((res) => {
+            channelFooter.value[1] = {
+                title: '离线',
+                value: res.result,
+                status: 'error',
+            };
+        });
 };
 getChannelData();
 
@@ -71,6 +110,10 @@ const aggTotal = ref(0);
 const getAggData = () => {
     dashboardApi.agg().then((res) => {
         aggTotal.value = res.result.total;
+        aggFooter.value.push({
+            title: '总时长',
+            value: timestampFormat(res.result.duration),
+        });
     });
 };
 getAggData();
@@ -81,6 +124,10 @@ const aggPlayingTotal = ref(0);
 const getAggPlayingData = () => {
     dashboardApi.aggPlaying().then((res) => {
         aggTotal.value = res.result.playingTotal;
+        aggPlayingFooter.value.push({
+            title: '播放人数',
+            value: res.result.playerTotal,
+        });
     });
 };
 getAggPlayingData();
diff --git a/src/views/media/DashBoard/typings.d.ts b/src/views/media/DashBoard/typings.d.ts
index 2a2a62f2..67b6e20c 100644
--- a/src/views/media/DashBoard/typings.d.ts
+++ b/src/views/media/DashBoard/typings.d.ts
@@ -10,7 +10,7 @@ export type AggPlaying = {
 
 export type Footer = {
     title: string;
-    value: number;
+    value: number | string;
     status?: "default" | "error" | "success" | "warning" | "processing"
 }