Browse Source

feat: 修改物联概览页面预警类型的颜色

yanglzh 1 year ago
parent
commit
05589348f5
1 changed files with 7 additions and 2 deletions
  1. 7 2
      src/views/iot/iotmanager/dashboard.vue

+ 7 - 2
src/views/iot/iotmanager/dashboard.vue

@@ -331,8 +331,13 @@ export default defineComponent({
 			for (var i = 0; i < getname.length; i++) {
 				data.push({ name: getname[i], value: getvalue[i] });
 			}
-
-			const colorList = ['#FF0000', '#4285F4', '#FBBB04', '#34A853', '#669'];
+			// 提醒 - 蓝色(#3498db)
+			// 一般 - 绿色(#2ecc71)
+			// 严重 - 黄色(#f1c40f)
+			// 紧急 - 橙色(#e67e22)
+			// 超紧急 - 红色(#e74c3c)
+			const colorList = ['#3498db', '#2ecc71', '#f1c40f', '#e67e22', '#e74c3c'].reverse()
+			// const colorList = ['#FF0000', '#4285F4', '#FBBB04', '#34A853', '#669'];
 			const color = state.pieChartLevel.map(level => colorList[level - 1])
 
 			const option = {