补全角标

src/api/iot/donghuan.js

@@ -36,6 +36,7 @@ export function getDonghuanBadge(orgId){
   return request({
     url: `/iot/sensor/app/badge/${orgId}`,
     method: 'get',
+    hideLoading:true
   });
 }
 // // 获取某天的录像完整性

src/api/iot/dvrRecorder.js

@@ -9,6 +9,19 @@ export function list(query) {
   })
 }
 
+/**
+ * 获取角标
+ * @param {} orgId 
+ * @returns 
+ */
+ export function getDvrRecorderBadge(orgId){
+  return request({
+    url: `/iot/dvrdisk/app/badge/${orgId}`,
+    method: 'get',
+    hideLoading:true
+  });
+}
+
 // // 查询详情
 // export function detail(hostCode, channelCode) {
 //   return request({

src/api/iot/videoDiagnosis.js

@@ -25,3 +25,16 @@ export function integrity(hostCode, channelCode,date) {
   });
 }
 
+
+/**
+ * 获取角标
+ * @param {} orgId 
+ * @returns 
+ */
+ export function getVideoDiagnosisBadge(orgId){
+  return request({
+    url: `/iot/VideoDiagnosis/app/badge/${orgId}`,
+    method: 'get',
+    hideLoading:true
+  });
+}

src/views/home/menu.vue

@@ -39,6 +39,8 @@ import Card from '@/components/card'
 import { mapGetters } from 'vuex'
 import { getMenu, getTheAreaWeather } from '@/api/public'
 import { getDonghuanBadge } from '@/api/iot/donghuan.js'
+import { getDvrRecorderBadge } from '@/api/iot/dvrRecorder.js'
+import { getVideoDiagnosisBadge } from '@/api/iot/videoDiagnosis.js'
 export default {
   name: 'menus',
   components: { TopBar, Scroll, Card },
@@ -62,6 +64,8 @@ export default {
         this.menuList = res.data
         this.$refs.Scroll.refresh()
         this.getBadge('/iot/donghuan', getDonghuanBadge)        
+        this.getBadge('/iot/dvrDisk', getDvrRecorderBadge)  
+        this.getBadge('/iot/videoDiagnosis', getVideoDiagnosisBadge)  
       })
     },
     getBadge(url, method) {

src/views/menu/iot/dvrRecorder/components/item.vue

@@ -3,10 +3,13 @@
     <van-cell-group>
       <van-cell :title="data.equipmentName" @click="onTitleClicked">
         <template #default>
-          <van-tag v-if="data.state == 0" type="success">正常</van-tag>
-          <van-tag v-else-if="data.state == 1" type="warning">异常</van-tag>
-          <van-tag v-else type="primary">未知</van-tag>
-          <van-icon style="margin-left: 10px" :name="expanded ? 'arrow-up' : 'arrow-down'"></van-icon>
+          <span v-if="data.diskInfos && data.diskInfos.length > 0">
+            <van-tag v-if="data.state == 0" type="success">正常</van-tag>
+            <van-tag v-else-if="data.state == 1" type="warning">异常</van-tag>
+            <van-tag v-else type="primary">未知</van-tag>
+            <van-icon style="margin-left: 10px" :name="expanded ? 'arrow-up' : 'arrow-down'"></van-icon>
+          </span>
+          <van-tag v-else type="primary">无硬盘</van-tag>
         </template>
       </van-cell>
       <van-cell title="所属机构" :value="data.orgName" />
@@ -97,8 +100,8 @@ export default {
     //   this.$router.push(`/iot/videoDiagnosis/detail?hostCode=${hostCode}&channelCode=${channelCode}`)
     // },
 
-    onTitleClicked(){
-      this.expanded=!this.expanded
+    onTitleClicked() {
+      this.expanded = !this.expanded
     },
     renderDiskDesc(disk, index) {
       return `(${index + 1})${(disk.available / 1024).toFixed(0)}G剩余/(共${(disk.total / 1024).toFixed(0)}G)`
@@ -139,18 +142,17 @@ export default {
 .cell-disklist {
   width: 100%;
 
-  >div{
+  > div {
     width: 50%;
-  display: inline-block;
-  margin-bottom: 3vw;
+    display: inline-block;
+    margin-bottom: 3vw;
   }
 
-  >div:nth-child(odd){
+  > div:nth-child(odd) {
     padding-right: 3vw;
   }
-  >div:nth-child(even){
+  > div:nth-child(even) {
     padding-left: 3vw;
   }
 }
-
 </style>

src/views/menu/iot/videoDiagnosis/components/item.vue

@@ -3,11 +3,14 @@
     <van-cell-group>
       <van-cell :title="data.hostName">
         <template #default>
-          <van-tag v-if="data.state == 0" type="success">正常</van-tag>
-          <van-tag v-else-if="data.state == 1" type="warning">异常</van-tag>
-          <van-tag v-else type="primary">未知</van-tag>
+          <span v-if="data.channels && data.channels.length > 0">
+            <van-tag v-if="data.state == 0" type="success">正常</van-tag>
+            <van-tag v-else-if="data.state == 1" type="warning">异常</van-tag>
+            <van-tag v-else type="primary">未知</van-tag></span
+          >
+          <van-tag v-else type="primary">无通道</van-tag>
         </template>
-        <template #right-icon>
+        <template #right-icon v-if="data.channels && data.channels.length > 0">
           <van-icon
             style="margin-left: 10px"
             :name="expanded ? 'arrow-up' : 'arrow-down'"