修改工艺图

src/views/scadaCraftMap/index.vue

@@ -361,9 +361,11 @@ export default {
                 for (let j = 0, jl = node.value, jj = jl.length; j < jj; j++) {
                   var text = jl[j];
                   let value = text.value;
+                  let styleRed = '';
                   if (text.isType == "1") {
                     let types = text.type;
                     value = types[text.value] ? types[text.value] : text.value;
+                    if(text.hasOwnProperty('alarmValue') && text.alarmValue === text.value) styleRed = 'color:#E63F32;'
                   }
                   if (text.isType == "2" && text.hasOwnProperty("toFixed")) {
                     value = parseFloat(value).toFixed(parseInt(text.toFixed));
@@ -378,7 +380,7 @@ export default {
                     text.name +
                     '</span><span class="value tfStyle"' +
                     (text.hasOwnProperty("style")
-                      ? 'style="' + text.style + '"'
+                      ? 'style="' + text.style + styleRed +'"'
                       : "") +
                     ">" +
                     value +
@@ -673,9 +675,11 @@ export default {
                 for (let j = 0, jl = node.value, jj = jl.length; j < jj; j++) {
                   var text = jl[j];
                   let value = text.value;
+                  let styleRed = '';
                   if (text.isType == "1") {
                     let types = text.type;
                     value = types[text.value] ? types[text.value] : text.value;
+                    if(text.hasOwnProperty('alarmValue') && text.alarmValue === text.value) styleRed = 'color:#E63F32;'
                   }
                   if (text.isType == "2" && text.hasOwnProperty("toFixed")) {
                     value = parseFloat(value).toFixed(parseInt(text.toFixed));
@@ -690,7 +694,7 @@ export default {
                     text.name +
                     '</span><span class="value tfStyle"' +
                     (text.hasOwnProperty("style")
-                      ? 'style="' + text.style + '"'
+                      ? 'style="' + text.style + styleRed +'"'
                       : "") +
                     ">" +
                     value +

src/views/scadaCraftMap/siteIndex.js

@@ -40,10 +40,10 @@ const siteIndex = {
         {
             'type': 'text', 'id': 'm1t1', 'name': '', 'point': [1, 0.5], 'from': 'm1p1', 'margin': { 'x': [0, 120], 'y': [0, -140] }, 'value': [
                 { 'id': 't1', 'name': '计量泵1', 'value': '', 'unit': '', 'itnm': '', 'isType': '0' },
-                { 'id': 't1', 'name': '频率：', 'value': '', 'unit': 'Hz', 'itnm': 'S7.300.1#JLB_HZ', 'isType': '0' },
-                { 'id': 't1', 'name': '远程：', 'value': 0, 'unit': '', 'itnm': 'S7.300.1#JBL_YC', 'isType': '1', 'type': { '0': '就地', '1': '远程' } },
-                { 'id': 't1', 'name': '运行：', 'value': 0, 'unit': '', 'itnm': 'S7.300.1#JBL_RUN', 'isType': '1', 'type': { '0': '停止', '1': '运行' } },
-                { 'id': 't1', 'name': '故障：', 'value': 0, 'unit': '', 'itnm': 'S7.300.1#JBL_FAULT', 'isType': '1', 'type': { '0': '正常', '1': '故障' } }
+                { 'id': 't1', 'name': '频率：', 'value': '', 'unit': 'Hz', 'itnm': 'S7.300.1#JLB_HZ', 'isType': '0', },
+                { 'id': 't1', 'name': '远程：', 'value': 0, 'unit': '', 'itnm': 'S7.300.1#JBL_YC', 'isType': '1', 'type': { '0': '就地', '1': '远程' },"style":"" },
+                { 'id': 't1', 'name': '运行：', 'value': 0, 'unit': '', 'itnm': 'S7.300.1#JBL_RUN', 'isType': '1', 'type': { '0': '停止', '1': '运行' },"style":"",'alarmValue':0 },
+                { 'id': 't1', 'name': '故障：', 'value': 0, 'unit': '', 'itnm': 'S7.300.1#JBL_FAULT', 'isType': '1', 'type': { '0': '正常', '1': '故障' },"style":"",'alarmValue':1 }
             ]
         },
         // 计量泵2
@@ -51,54 +51,54 @@ const siteIndex = {
             'type': 'text', 'id': 'm1t2', 'name': '', 'point': [1, 0.5], 'from': 'm1p1', 'margin': { 'x': [0, 330], 'y': [0, -140] }, 'value': [
                 { 'id': 't1', 'name': '计量泵2', 'value': '', 'unit': '', 'itnm': '', 'isType': '0' },
                 { 'id': 't1', 'name': '频率：', 'value': '', 'unit': 'Hz', 'itnm': 'S7.300.2#JLB_HZ', 'isType': '0' },
-                { 'id': 't1', 'name': '远程：', 'value': 0, 'unit': '', 'itnm': 'S7.300.2#JBL_YC', 'isType': '1', 'type': { '0': '就地', '1': '远程' } },
-                { 'id': 't1', 'name': '运行：', 'value': 0, 'unit': '', 'itnm': 'S7.300.2#JBL_RUN', 'isType': '1', 'type': { '0': '停止', '1': '运行' } },
-                { 'id': 't1', 'name': '故障：', 'value': 0, 'unit': '', 'itnm': 'S7.300.2#JBL_FAULT', 'isType': '1', 'type': { '0': '正常', '1': '故障' } }
+                { 'id': 't1', 'name': '远程：', 'value': 0, 'unit': '', 'itnm': 'S7.300.2#JBL_YC', 'isType': '1', 'type': { '0': '就地', '1': '远程' },"style":"" },
+                { 'id': 't1', 'name': '运行：', 'value': 0, 'unit': '', 'itnm': 'S7.300.2#JBL_RUN', 'isType': '1', 'type': { '0': '停止', '1': '运行' },"style":"",'alarmValue':0 },
+                { 'id': 't1', 'name': '故障：', 'value': 0, 'unit': '', 'itnm': 'S7.300.2#JBL_FAULT', 'isType': '1', 'type': { '0': '正常', '1': '故障' },"style":"",'alarmValue':1 }
             ]
         },
         // 取水口
-        // {
-        //     'type': 'text', 'id': 'm1t8', 'name': '', 'point': [1, 0.5], 'from': 'm2p2', 'margin': { 'x': [0, 300], 'y': [0, 200] }, 'value': [
-        //         { 'id': 't1', 'name': '进水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.JIN_SS','isType':'2' },
-        //         { 'id': 't1', 'name': '进水流量：', 'value': 0.0, 'unit': 'm³/h', 'itnm': 'S7.300.JIN_FT','isType':'2' }
-        //     ]
-        // },
+        {
+            'type': 'text', 'id': 'm1t8', 'name': '', 'point': [1, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 180], 'y': [0, -150] }, 'value': [
+                { 'id': 't1', 'name': '进水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.JIN_SS', 'isType': '2',"style":"color:#EEEEEE;font-size:40px;" },
+                { 'id': 't1', 'name': '进水流量：', 'value': 0.0, 'unit': 'm³/h', 'itnm': 'S7.300.JIN_FT', 'isType': '2',"style":"color:#EEEEEE;font-size:40px;" },
+            ]
+        },
         // 电动阀1
         {
             'type': 'text', 'id': 'm1t3', 'name': '', 'point': [1, 0.5], 'from': 'm2p4', 'margin': { 'x': [0, 90], 'y': [0, 50] }, 'value': [
-                { 'id': 't1', 'name': '电源：', 'value': 0.0, 'unit': '', 'itnm': 'S7.300.1#F_POWER_FAULT', 'isType': '1', 'type': { '0': '关闭', '1': '打开' } },
-                { 'id': 't1', 'name': '开关状态：', 'value': 0, 'unit': '', 'itnm': 'S7.300.1#F_OPEN', 'isType': '1', 'type': { '0': '关', '1': '开' } }
+                // { 'id': 't1', 'name': '电源：', 'value': 0.0, 'unit': '', 'itnm': 'S7.300.1#F_POWER_FAULT', 'isType': '1', 'type': { '0': '关闭', '1': '打开' } },
+                { 'id': 't1', 'name': '开关状态：', 'value': 0, 'unit': '', 'itnm': 'S7.300.1#F_OPEN', 'isType': '1', 'type': { '0': '关', '1': '开' },"style":"",'alarmValue':1 }
             ]
         },
         // 电动阀2
         {
             'type': 'text', 'id': 'm1t4', 'name': '', 'point': [1, 0.5], 'from': 'm2p5', 'margin': { 'x': [0, 90], 'y': [0, 50] }, 'value': [
-                { 'id': 't1', 'name': '电源：', 'value': 0.0, 'unit': '', 'itnm': 'S7.300.2#F_POWER_FAULT', 'isType': '1', 'type': { '0': '关闭', '1': '打开' } },
-                { 'id': 't1', 'name': '开关状态：', 'value': 0, 'unit': '', 'itnm': 'S7.300.2#F_OPEN', 'isType': '1', 'type': { '0': '关', '1': '开' } }
+                // { 'id': 't1', 'name': '电源：', 'value': 0.0, 'unit': '', 'itnm': 'S7.300.2#F_POWER_FAULT', 'isType': '1', 'type': { '0': '关闭', '1': '打开' } },
+                { 'id': 't1', 'name': '开关状态：', 'value': 0, 'unit': '', 'itnm': 'S7.300.2#F_OPEN', 'isType': '1', 'type': { '0': '关', '1': '开' },"style":"",'alarmValue':1 }
             ]
         },
         {
-            'type': 'text', 'id': 'm1t5', 'name': '', 'point': [1, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 260], 'y': [0, 160] },
+            'type': 'text', 'id': 'm1t5', 'name': '', 'point': [1, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 260], 'y': [0, 100] },
             'device': 'S7.300',
             'value': [
                 // { 'id': 't1', 'name': '进水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.JIN_SS','isType':'0' },
-                { 'id': 't1', 'name': '进水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.JIN_SS', 'isType': '2',"style":"color:#2F7437;font-size:40px;" },
-                { 'id': 't1', 'name': '进水流量：', 'value': 0.0, 'unit': 'm³/h', 'itnm': 'S7.300.JIN_FT', 'isType': '2',"style":"color:#2F7437;font-size:40px;" },
-                { 'id': 't2', 'name': '出水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.CHU_SS', 'isType': '2', 'toFixed': '3',"style":"color:#2F7437;font-size:40px;" },
-                { 'id': 't3', 'name': '出水余氯：', 'value': 0.0, 'unit': 'mg/L', 'itnm': 'S7.300.CHU_CL', 'isType': '2', 'toFixed': '3',"style":"color:#2F7437;font-size:40px;" },
-                { 'id': 't3', 'name': '出水流量：', 'value': 0.0, 'unit': 'm³/h', 'itnm': 'S7.300.CHU_FT', 'isType': '2', 'toFixed': '3',"style":"color:#2F7437;font-size:40px;" }
+                // { 'id': 't1', 'name': '进水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.JIN_SS', 'isType': '2',"style":"color:#2F7437;font-size:40px;" },
+                // { 'id': 't1', 'name': '进水流量：', 'value': 0.0, 'unit': 'm³/h', 'itnm': 'S7.300.JIN_FT', 'isType': '2',"style":"color:#2F7437;font-size:40px;" },
+                { 'id': 't2', 'name': '出水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.CHU_SS', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" },
+                { 'id': 't3', 'name': '出水余氯：', 'value': 0.0, 'unit': 'mg/L', 'itnm': 'S7.300.CHU_CL', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" },
+                { 'id': 't3', 'name': '出水流量：', 'value': 0.0, 'unit': 'm³/h', 'itnm': 'S7.300.CHU_FT', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" }
             ]
         },
         // 一号清水箱水位
         {
             'type': 'text', 'id': 'm1t6', 'name': '', 'point': [1, 0.5], 'from': 'm2p10', 'margin': { 'x': [0, 190], 'y': [0, 70] }, 'value': [
-                { 'id': 't1', 'name': '水位：', 'value': 0.0, 'unit': 'L', 'itnm': 'S7.300.1#QSYW', 'isType': '2', 'toFixed': '3' }
+                { 'id': 't1', 'name': '水位：', 'value': 0.0, 'unit': 'L', 'itnm': 'S7.300.1#QSYW', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" }
             ]
         },
         // 二号清水箱水位
         {
             'type': 'text', 'id': 'm1t7', 'name': '', 'point': [1, 0.5], 'from': 'm2p11', 'margin': { 'x': [0, 190], 'y': [0, 70] }, 'value': [
-                { 'id': 't1', 'name': '水位：', 'value': 0.0, 'unit': 'L', 'itnm': 'S7.300.2#QSYW', 'isType': '2', 'toFixed': '3' }
+                { 'id': 't1', 'name': '水位：', 'value': 0.0, 'unit': 'L', 'itnm': 'S7.300.2#QSYW', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" }
             ]
         },
     ],