修改工艺图

src/views/scadaCraftMap/craftConfig.js

@@ -49,20 +49,6 @@ export const allConfig2 = [ // 一二期
   { 'type': 'image', 'id': 'm2i10', 'name': '用水点', 'text': '用水点', 'class': 'onWhiteText', 'point': [0, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 0], 'y': [0, -20] }, 'width': 70, 'height': 70, 'src': '阀门.png' },
   { 'type': 'point', 'id': 'm2p14', 'name': '用水点后基准点', 'from': 'm2p13', 'margin': { 'x': [0, 100], 'y': [0, 0] }},
 
-  // { 'type': 'text', 'id': 'm1t1', 'name': '', 'point': [1, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 100], 'y': [0, 80] }, 'value': [
-  //   { 'id': 't1', 'name': '进水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.JIN_SS' },
-  //   { 'id': 't2', 'name': '出水浊度：', 'value': 0.82, 'unit': 'NTU', 'itnm': 'S7.300.JIN_FT' },
-  //   { 'id': 't3', 'name': '出水余氯：', 'value': 7.7, 'unit': 'mg/L', 'itnm': '' },
-  //   { 'id': 't3', 'name': '出水流量：', 'value': 7.7, 'unit': 'm³/h', 'itnm': '' }
-  // ] },
-  // // 一号清水箱水位
-  // { 'type': 'text', 'id': 'm1t2', 'name': '', 'point': [1, 0.5], 'from': 'm2p10', 'margin': { 'x': [0, 130], 'y': [0, 20] }, 'value': [
-  //   { 'id': 't1', 'name': '水位：', 'value': 0.0, 'unit': 'L', 'itnm': '' }
-  // ] },
-  // // 二号清水箱水位
-  // { 'type': 'text', 'id': 'm1t3', 'name': '', 'point': [1, 0.5], 'from': 'm2p11', 'margin': { 'x': [0, 130], 'y': [0, 20] }, 'value': [
-  //   { 'id': 't1', 'name': '水位：', 'value': 0.0, 'unit': 'L', 'itnm': '' }
-  // ] },
   // 箭头
   { 'type': 'arrow', 'id': 'a1', 'from': 'm1p1', 'to': 'm2p14', 'road': [
     { 'id': 'm2p1', 'x': [0, 0], 'y': [0, 0] },
@@ -111,11 +97,7 @@ export const allConfig = [ // 一二期
 
   { 'type': 'point', 'id': 'm2p1', 'name': '取水口基准点', 'from': 'm1p1', 'margin': { 'x': [0, 400], 'y': [0, 0] }},
   { 'type': 'image', 'id': 'm2i1', 'name': '取水口', 'text': '取水口', 'class': 'onWhiteText', 'point': [0, 0.5], 'from': 'm2p1', 'margin': { 'x': [0, -70], 'y': [0, 0] }, 'width': 160, 'height': 260, 'src': '取水口.png' },
-  // { 'type': 'text', 'id': 'm2t7', 'name': '一厂进水指标', 'point': [0, 1], 'from': 'm2p1', 'margin': { 'x': [0, 180], 'y': [0, 0] }, 'value': [
-  //   { 'id': 't1', 'name': '进水瞬时流量1', 'value': 0, 'unit': 'm³/h', 'itnm': '净水厂\\ccsll1.PV' },
-  //   { 'id': 't2', 'name': '进水瞬时流量2', 'value': 0, 'unit': 'm³/h', 'itnm': '净水厂\\ccsll2.PV' },
-  //   { 'id': 't3', 'name': '进水浊度', 'value': 0, 'unit': 'NTU', 'itnm': '净水厂\\yszd.PV' }
-  // ] },
+
   { 'type': 'point', 'id': 'm2p2', 'name': '取水口基准点-上', 'from': 'm2p1', 'margin': { 'x': [0, 0], 'y': [0, -200] }},
   { 'type': 'point', 'id': 'm2p3', 'name': '取水口基准点-下', 'from': 'm2p1', 'margin': { 'x': [0, 0], 'y': [0, 200] }},
   { 'type': 'point', 'id': 'm2p4', 'name': '电动阀1基准点', 'from': 'm2p2', 'margin': { 'x': [0, 200], 'y': [0, 0] }},
@@ -150,20 +132,7 @@ export const allConfig = [ // 一二期
   { 'type': 'image', 'id': 'm2i10', 'name': '用水点', 'text': '用水点', 'class': 'onWhiteText', 'point': [0, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 0], 'y': [0, -20] }, 'width': 70, 'height': 70, 'src': '阀门.png' },
   { 'type': 'point', 'id': 'm2p14', 'name': '用水点后基准点', 'from': 'm2p13', 'margin': { 'x': [0, 100], 'y': [0, 0] }},
 
-  // { 'type': 'text', 'id': 'm1t1', 'name': '', 'point': [1, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 100], 'y': [0, 80] }, 'value': [
-  //   { 'id': 't1', 'name': '进水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.JIN_SS' },
-  //   { 'id': 't2', 'name': '出水浊度：', 'value': 0.82, 'unit': 'NTU', 'itnm': 'S7.300.JIN_FT' },
-  //   { 'id': 't3', 'name': '出水余氯：', 'value': 7.7, 'unit': 'mg/L', 'itnm': '' },
-  //   { 'id': 't3', 'name': '出水流量：', 'value': 7.7, 'unit': 'm³/h', 'itnm': '' }
-  // ] },
-  // // 一号清水箱水位
-  // { 'type': 'text', 'id': 'm1t2', 'name': '', 'point': [1, 0.5], 'from': 'm2p10', 'margin': { 'x': [0, 130], 'y': [0, 20] }, 'value': [
-  //   { 'id': 't1', 'name': '水位：', 'value': 0.0, 'unit': 'L', 'itnm': '' }
-  // ] },
-  // // 二号清水箱水位
-  // { 'type': 'text', 'id': 'm1t3', 'name': '', 'point': [1, 0.5], 'from': 'm2p11', 'margin': { 'x': [0, 130], 'y': [0, 20] }, 'value': [
-  //   { 'id': 't1', 'name': '水位：', 'value': 0.0, 'unit': 'L', 'itnm': '' }
-  // ] },
+
   // 箭头
   { 'type': 'arrow', 'id': 'a1', 'from': 'm1p1', 'to': 'm2p14', 'road': [
     { 'id': 'm2p1', 'x': [0, 0], 'y': [0, 0] },
@@ -184,8 +153,6 @@ export const allConfig = [ // 一二期
     { 'id': 'm3p3', 'x': [0, 0], 'y': [0, 0] },
     { 'id': 'm3p4', 'x': [0, 0], 'y': [0, 0] },
     { 'id': 'm4p4', 'x': [0, 0], 'y': [0, 0] },
-    // { 'id': 'm2p7', 'x': [0, 0], 'y': [0, 0] },
-    // { 'id': 'm2p9', 'x': [0, 0], 'y': [0, 0] },
     { 'id': 'm2p11', 'x': [0, 0], 'y': [0, 0] }
   ], 'style': 'strokeColor=#33f3fe;', 'flow': true }, //
   { 'type': 'arrow', 'id': 'a3', 'from': 'm1p2', 'to': 'm1p8', 'road': [

src/views/scadaCraftMap/index.vue

@@ -386,7 +386,7 @@ export default {
                   str +=
                     '<li class="tf-li" data="' +
                     (text.itnm || "") +
-                    '" style="margin-bottom: 16px;list-style-type:none;"><span class="' +
+                    '" style="margin-bottom: 10px;list-style-type:none;"><span class="' +
                     (node.class || "title") +
                     " tfStyleTitle" +
                     '">' +
@@ -829,6 +829,6 @@ export default {
   margin-bottom: 10px !important;
 }
 >>> .tf-li {
-  margin-bottom: 16px !important;
+  margin-bottom: 10px !important;
 }
 </style>

src/views/scadaCraftMap/siteIndex.js

@@ -58,8 +58,11 @@ const siteIndex = {
         },
         // 取水口
         {
-            '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;" },
+            'type': 'text', 'id': 'm1t8', 'name': '', 'point': [1, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 220], 'y': [0, -240] }, 'value': [
+                { 'id': 't1', 'name': '进水PH：', 'value': 0, 'unit': 'PH', 'itnm': 'S8.300.JIN_PH', 'isType': '2',"style":"color:#EEEEEE;font-size:40px;" },
+                { 'id': 't1', 'name': '进水温度：', 'value': 0.0, 'unit': '℃', 'itnm': 'S8.300.JIN_WD', 'isType': '2',"style":"color:#EEEEEE;font-size:40px;" },
+                { 'id': 't1', 'name': '进水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S8.300.JIN_SS', 'isType': '2',"style":"color:#EEEEEE;font-size:40px;" },
+                // { 'id': 't1', 'name': '进水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S7.300.JIN_SS', 'isType': '2','toFixed': '3',"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;" },
             ]
         },
@@ -78,15 +81,17 @@ const siteIndex = {
             ]
         },
         {
-            'type': 'text', 'id': 'm1t5', 'name': '', 'point': [1, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 260], 'y': [0, 100] },
+            'type': 'text', 'id': 'm1t5', 'name': '', 'point': [1, 0.5], 'from': 'm2p13', 'margin': { 'x': [0, 260], 'y': [0, 200] },
             '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:#EEEEEE;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': 't2', 'name': '出水浊度：', 'value': 0.0, 'unit': 'NTU', 'itnm': 'S8.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;" }
+                { 'id': 't3', 'name': '出水流量：', 'value': 0.0, 'unit': 'm³/h', 'itnm': 'S7.300.CHU_FT', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" },
+                { 'id': 't2', 'name': '出水PH：', 'value': 0.0, 'unit': 'PH', 'itnm': 'S8.300.CHU_PH', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" },
+                { 'id': 't2', 'name': '出水温度：', 'value': 0.0, 'unit': '℃', 'itnm': 'S8.300.CHU_WD', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" },
+                { 'id': 't2', 'name': '出水二氧化氯：', 'value': 0.0, 'ppm': 'NTU', 'itnm': 'S8.300.CHU_CL', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" },
+                { 'id': 't2', 'name': '瞬时流速：', 'value': 0.0, 'unit': 'm/s', 'itnm': 'S8.300.CHU_S', 'isType': '2', 'toFixed': '3',"style":"color:#EEEEEE;font-size:40px;" }
             ]
         },
         // 一号清水箱水位