查询条件变化时 tab 角标跟随变化

src/api/iot/videoDiagnosis.js

@@ -45,11 +45,12 @@ export function integrity(hostCode, channelCode,date) {
  * @param {} orgId 
  * @returns 
  */
-   export function getSmartOprationBadge(orgId){
+   export function getSmartOprationBadge(query){
     return request({
-      url: `/iot/smartopration/app/badge/${orgId}`,
-      method: 'get',
-      hideLoading:true
+      url: `/iot/smartopration/app/tab/badge`,
+      method: 'post',
+      hideLoading:true,
+      data: query
     });
   }
 

src/views/menu/iot/smartOpration/index.vue

@@ -72,6 +72,7 @@ export default {
   data() {
     return {
       activeTab:"videoCheck",
+      historySearch:null,
       search: {
         orgId: this.orgId,
         checkSub: true,
@@ -96,11 +97,26 @@ export default {
       dicts: ["app_video_diagnosis_status"]
     }
   },
-  watch: {},
+  watch: {
+    search: {
+      deep: true,
+      handler: function (value) {
+        if(this.historySearch && value)
+        {
+          if(this.historySearch.orgId==value.orgId && this.historySearch.checkSub ==value.checkSub)
+          {
+            return;
+          }
+        }
+        this.historySearch={...value};
+        this.getBadge();
+      }
+    }
+  },
   created() {},
   mounted() {
     this.search.orgId = this.orgId
-    this.getBadge();
+    
   },  
   computed: {
     ...mapGetters(['orgName', 'orgId', 'dictionary']),
@@ -183,9 +199,9 @@ export default {
     },
     getBadge()
     {
-      getSmartOprationBadge(this.orgId).then(r => {
+      getSmartOprationBadge({orgId:this.search.orgId,checkSub:this.search.checkSub}).then(r => {
         console.log("getSmartOprationBadge",r)
-          if (r.videoCheckBadge) {            
+          if (r.videoCheckBadge) {
             this.videoCheckBadge=r.videoCheckBadge> 99 ? '99+' : r.videoCheckBadge;          
           } else {
             this.videoCheckBadge=null;