fix: 修复组件分组取值逻辑bug

js/dashboard.js

@@ -28,7 +28,7 @@ let requestLoopTimer = null // 轮询定时器
 let requestLoopDataPool = [] // 各个组件实时刷新的请求数据，放到一个集合里，原来的多个组件请求合并成一个请求发送
 let requestLoopStopFlag = false // requestLoopDataPool请求中标志，正在请求时不进行下一波轮询，前一波请求完成才执行下一波
 let requestLoopTime = 5000 // 轮询定时器间隔
-let requestLoopWaitingTime = 1000 // 每一个请求的间隔时间，减轻服务器压力，请求之间隔一秒
+let requestLoopWaitingTime = 2000 // 每一个请求的间隔时间，减轻服务器压力，请求之间隔一秒
 let requestLoopGroupSliceNum = 1 // 请求池requestLoopDataPool分组，每组多少个
 let requestLoopGroupSliceRes = [] // 分组结果
 
@@ -320,7 +320,7 @@ function nodeCLick(e, treeId, treeNode, type) {
         appTips.errorMsg(res.data.msg)
         return
       }
-      
+
       if (treeNode.id !== warpList[warpList.length - 1]) {
         if (warpList.length > 2) {
           warpList.splice(0, 1)
@@ -1399,7 +1399,6 @@ function loopRenderImage(poolData, resData, label) {
     image: 'presetText'
   }
 
-  let flagItem = null
   poolData.DataList.forEach((dlItem, dlIndex) => {
     // 拼装跟返回的数据一样的key，然后找到对应的数据
     let key = `${poolData.dataPoolMapIndex}-${dlIndex}-${dlItem.variable}`
@@ -1437,15 +1436,25 @@ function loopRenderImage(poolData, resData, label) {
       (flag === '!=' && itemValue != dlItem[labelMap[label]])
     )
 
-    if (isMeet && !flagItem) {
-      flagItem = dlItem
+    if (isMeet && !poolData.flagItem) {
+      poolData.flagItem = dlItem
     }
   })
 
-  if (!flagItem) {
-    if (poolData.isSameGroupCount !== poolData.DataList.length) {
-      return
+  // 只要有一个满足条件，则渲染该条件
+  if (poolData.flagItem) {    
+    if (label === 'image') {
+      $(`#image-img${poolData.dataPoolMapIndex}`).attr('src', poolData.flagItem.img)
+    } 
+    if (label === 'dynamictext') {
+      $(`#dynamictext-text${poolData.dataPoolMapIndex}`).text(poolData.flagItem.presetText)
+      $(`#dynamictext-text${poolData.dataPoolMapIndex}`).css('color', poolData.flagItem.backColor)
     }
+    return
+  }
+  
+  // 如果找遍了组件的变量都没有满足条件的，就给默认值
+  if (!poolData.flagItem && poolData.isSameGroupCount === poolData.DataList.length) {
     // 给默认值
     if (label === 'image') {
       $(`#image-img${poolData.dataPoolMapIndex}`).attr('src', poolData.DefaultImg)
@@ -1455,21 +1464,10 @@ function loopRenderImage(poolData, resData, label) {
       $(`#dynamictext-text${poolData.dataPoolMapIndex}`).css('color', poolData.DefaultColor)
     }
   }
-
-  // 只要有一个满足条件，则渲染该条件
-  if (label === 'image') {
-    $(`#image-img${poolData.dataPoolMapIndex}`).attr('src', flagItem.img)
-  } 
-  if (label === 'dynamictext') {
-    $(`#dynamictext-text${poolData.dataPoolMapIndex}`).text(flagItem.presetText)
-    $(`#dynamictext-text${poolData.dataPoolMapIndex}`).css('color', flagItem.backColor)
-  }
 }
 
 // 渲染矩形、圆形状态灯 label: commonlamp矩形状态灯  ellipselamp圆形状态灯
 function loopRenderLamp(poolData, resData, label) {
-  let flagItem = null
-
   poolData.DataList.forEach((dlItem, dlIndex) => {
     let key = `${poolData.dataPoolMapIndex}-${dlIndex}-${dlItem.variable}`    
     // 只要DataList中有一个变量没有在resData找到对应的key，则说明这个组件的请求数据不是在同一组的
@@ -1507,15 +1505,23 @@ function loopRenderLamp(poolData, resData, label) {
       (flag === '!=' && itemValue != dlItem.num)
     )
 
-    if(isMeet && !flagItem) {
-      flagItem = dlItem
+    if(isMeet && !poolData.flagItem) {
+      poolData.flagItem = dlItem
     }
   })
 
-  if (!flagItem) {
-    if (poolData.isSameGroupCount !== poolData.DataList.length) {
-      return
+  // 只要有一个满足条件，则渲染该条件
+  if (poolData.flagItem) {
+    $(`#${label}${poolData.dataPoolMapIndex}`).css('background-color', poolData.flagItem.backColor)
+    if (poolData.flagItem.flashing) {
+      $(`#${label}${poolData.dataPoolMapIndex}`).addClass('animated-flash')
+    } else {
+      $(`#${label}${poolData.dataPoolMapIndex}`).removeClass('animated-flash')
     }
+  }
+
+  // 如果找遍了组件的变量都没有满足条件的，就给默认值
+  if (!poolData.flagItem && poolData.isSameGroupCount === poolData.DataList.length) {
     // 给默认颜色、闪烁
     $(`#${label}${poolData.dataPoolMapIndex}`).css('background-color', poolData.DefaultColor)
     if (poolData.DefaultFlashing) { // 默认闪烁
@@ -1523,15 +1529,6 @@ function loopRenderLamp(poolData, resData, label) {
     } else {
       $(`#${label}${poolData.dataPoolMapIndex}`).removeClass('animated-flash')
     }
-    return
-  }
-
-  // 只要有一个满足条件，则渲染该条件的颜色
-  $(`#${label}${poolData.dataPoolMapIndex}`).css('background-color', flagItem.backColor)
-  if (flagItem.flashing) {
-    $(`#${label}${poolData.dataPoolMapIndex}`).addClass('animated-flash')
-  } else {
-    $(`#${label}${poolData.dataPoolMapIndex}`).removeClass('animated-flash')
   }
 }
 

js/tokenSetting.js

@@ -3,7 +3,7 @@
  * @description: 文件描述
  * @Date: 2021-09-16 18:33:55
  * @LastEditors: 莫靓仔
- * @LastEditTime: 2021-09-28 14:57:07
+ * @LastEditTime: 2021-09-29 09:56:55
  */
 let setObj = {
     // 厂家大佬
@@ -23,10 +23,16 @@ let setObj = {
         devToken: '94e6b95f-1e96-47dd-8a69-b6753bc5b83f',
         devAppId: 'ASAS_3Y73',
         devTenantId: 'ASAS_3Y73'
+    },
+    // ashu1
+    set4: {
+        devToken: 'd59bfc52-4f36-4284-b02b-9ab0a3b7f3e2',
+        devAppId: 'CESHI0000001_d09i',
+        devTenantId: 'CESHI0000001_d09i'
     }
 }
 
-let defaultObj = 'set3'
+let defaultObj = 'set4'
 window.devToken = setObj[defaultObj].devToken
 window.devAppId = setObj[defaultObj].devAppId
 window.devTenantId = setObj[defaultObj].devTenantId