cq

ui/src/views/monitor/elec/bottomLeft.vue

@@ -6,7 +6,7 @@
           <icon name="chart-bar"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2">Environmental Emission Control</span>
+          <span class="fs-xl text mx-2">环境排放控制</span>
         </div>
       </div>
       <div>

ui/src/views/monitor/elec/bottomRight.vue

@@ -6,7 +6,7 @@
           <icon name="chart-area"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2">Natural Gas Consumption</span>
+          <span class="fs-xl text mx-2">天然气消耗</span>
           <div class="decoration2">
             <dv-decoration-2 :reverse="true" style="width:5px;height:480px;" />
           </div>

ui/src/views/monitor/elec/center.vue

@@ -13,17 +13,17 @@
         <span style="color:#5cd9e8">
           <icon name="align-left"></icon>
         </span>
-        <span class="fs-xl text mx-2 mb-1">Team Ranking
+        <span class="fs-xl text mx-2 mb-1">装置耗电量排名
 </span>
         <dv-scroll-ranking-board :config="ranking" style="height:2.75rem" />
       </div>
       <div class="percent">
         <div class="item bg-color-black">
-          <span>Task Pass</span>
+          <span>实际能耗/计划能耗</span>
           <centerChart :id="rate[0].id" :tips="rate[0].tips" :colorObj="rate[0].colorData" />
         </div>
         <div class="item bg-color-black">
-          <span>Task Compliance</span>
+          <span>任务合规性</span>
           <centerChart :id="rate[1].id" :tips="rate[1].tips" :colorObj="rate[1].colorData" />
         </div>
         <div class="water">
@@ -42,7 +42,7 @@ export default {
     return {
       titleItem: [
         {
-          title: "Year Power Generation(mw)",
+          title: "年发电量n(mw)",
           number: {
             number: [120],
             toFixed: 1,
@@ -50,7 +50,7 @@ export default {
           }
         },
         {
-          title: "Month Power Generation(mw)",
+          title: "月发电量(mw)",
           number: {
             number: [18],
             toFixed: 1,
@@ -58,7 +58,7 @@ export default {
           }
         },
         {
-          title: "Day Power Generation(mw)",
+          title: "日发电量(mw)",
           number: {
             number: [2],
             toFixed: 1,
@@ -66,7 +66,7 @@ export default {
           }
         },
         {
-          title: "Year Power Generation(mw)",
+          title: "年消耗量(mw)",
           number: {
             number: [14],
             toFixed: 1,
@@ -74,7 +74,7 @@ export default {
           }
         },
         {
-          title: "Month Power Generation(mw)",
+          title: "月消耗量(mw)",
           number: {
             number: [106],
             toFixed: 1,
@@ -82,7 +82,7 @@ export default {
           }
         },
         {
-          title: "Day Power Generation(mw)",
+          title: "日消耗量(mw)",
           number: {
             number: [100],
             toFixed: 1,
@@ -93,41 +93,41 @@ export default {
       ranking: {
         data: [
           {
-            name: "周口",
+            name: "公应工程",
             value: 55
           },
           {
-            name: "南阳",
+            name: "BCC",
             value: 120
           },
           {
-            name: "西峡",
+            name: "碳一",
             value: 78
           },
           {
-            name: "驻马店",
+            name: "EU",
             value: 66
           },
           {
-            name: "新乡",
+            name: "电厂",
             value: 80
           },
           {
-            name: "新乡",
+            name: "AE",
             value: 80
           },
           {
-            name: "新乡",
+            name: "AA",
             value: 80
           },
           {
-            name: "新乡",
+            name: "苯乙烯",
             value: 80
           }
         ],
         waitTime: 4000,
         carousel: "page",
-        unit: "份"
+        unit: "mw"
       },
       water: {
         data: [24, 45],

ui/src/views/monitor/elec/centerLeft1.vue

@@ -6,7 +6,7 @@
           <icon name="chart-bar"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2">Source of Power</span>
+          <span class="fs-xl text mx-2">燃料情况</span>
           <dv-decoration-3 style="width:1.25rem;height:.25rem; position:relative;top:-.0375rem;" />
         </div>
       </div>
@@ -70,7 +70,7 @@ export default {
             toFixed: 1,
             content: "{nt}"
           },
-          text: "Power Genration Capacity"
+          text: "发电能力"
         },
         {
           number: {
@@ -78,7 +78,7 @@ export default {
             toFixed: 1,
             content: "{nt}"
           },
-          text: "Power Genration Capacity"
+          text: "发电能力"
         },
         {
           number: {
@@ -86,7 +86,7 @@ export default {
             toFixed: 1,
             content: "{nt}"
           },
-          text: "Power Genration Capacity"
+          text: "发电能力"
         },
         {
           number: {
@@ -94,7 +94,7 @@ export default {
             toFixed: 1,
             content: "{nt}"
           },
-          text: "Power Genration Capacity"
+          text: "发电能力"
         }
       ]
     };

ui/src/views/monitor/elec/centerLeft2.vue

@@ -6,7 +6,7 @@
           <icon name="chart-pie"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2">Radar Chart</span>
+          <span class="fs-xl text mx-2">装机容量</span>
           <dv-decoration-1 style="width:1.25rem;height:.25rem; position:relative;top:-.0375rem;" />
         </div>
       </div>

ui/src/views/monitor/elec/centerRight1.vue

@@ -6,7 +6,7 @@
           <icon name="chart-line"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2"> Task Completion Ranking </span>
+          <span class="fs-xl text mx-2"> 计划完成排名 </span>
         </div>
       </div>
       <div class="d-flex jc-center body-box">
@@ -21,18 +21,18 @@ export default {
   data() {
     return {
       config: {
-        header: ["组件", "分支", "覆盖率"],
+        header: ["班组", "分支", "覆盖率"],
         data: [
-          ["组件1", "dev-1", "<span  class='colorGrass'>↑75%</span>"],
-          ["组件2", "dev-2", "<span  class='colorRed'>↓33%</span>"],
-          ["组件3", "dev-3", "<span  class='colorGrass'>↑100%</span>"],
-          ["组件4", "rea-1", "<span  class='colorGrass'>↑94%</span>"],
-          ["组件5", "rea-2", "<span  class='colorGrass'>↑95%</span>"],
-          ["组件6", "fix-2", "<span  class='colorGrass'>↑63%</span>"],
-          ["组件7", "fix-4", "<span  class='colorGrass'>↑84%</span>"],
-          ["组件8", "fix-7", "<span  class='colorRed'>↓46%</span>"],
-          ["组件9", "dev-2", "<span  class='colorRed'>↓13%</span>"],
-          ["组件10", "dev-9", "<span  class='colorGrass'>↑76%</span>"]
+          ["班组1", "dev-1", "<span  class='colorGrass'>↑75%</span>"],
+          ["班组2", "dev-2", "<span  class='colorRed'>↓33%</span>"],
+          ["班组3", "dev-3", "<span  class='colorGrass'>↑100%</span>"],
+          ["班组4", "rea-1", "<span  class='colorGrass'>↑94%</span>"],
+          ["班组5", "rea-2", "<span  class='colorGrass'>↑95%</span>"],
+          ["班组6", "fix-2", "<span  class='colorGrass'>↑63%</span>"],
+          ["班组7", "fix-4", "<span  class='colorGrass'>↑84%</span>"],
+          ["班组8", "fix-7", "<span  class='colorRed'>↓46%</span>"],
+          ["班组9", "dev-2", "<span  class='colorRed'>↓13%</span>"],
+          ["班组10", "dev-9", "<span  class='colorGrass'>↑76%</span>"]
         ],
         rowNum: 7, //表格行数
         headerHeight: 35,

ui/src/views/monitor/elec/centerRight2.vue

@@ -5,11 +5,18 @@
         <span style="color:#5cd9e8">
           <icon name="align-left"></icon>
         </span>
-        <span class="fs-xl text mx-2">Capacity Analysis</span>
+        <span class="fs-xl text mx-2">容量分析</span>
       </div>
       <div class="d-flex jc-center body-box" style=" margin-top: 0;">
         <dv-capsule-chart :config="config" style="width: 100%;height:2rem" />
-        <!-- ---------------------------------------- -->
+      </div>
+      <div class="d-flex pt-2 pl-2">
+        <span style="color:#5cd9e8">
+          <icon name="align-left"></icon>
+        </span>
+        <span class="fs-xl text mx-2">气体分析</span>
+      </div>
+      <div class="d-flex jc-center body-box" style=" margin-top: 0;">
         <centreRight2Chart1></centreRight2Chart1>
       </div>
     </div>
@@ -25,23 +32,23 @@ export default {
       config: {
         data: [
           {
-            name: "南阳",
+            name: "BCC",
             value: 167
           },
           {
-            name: "周口",
+            name: "公应工程",
             value: 67
           },
           {
-            name: "漯河",
+            name: "电厂",
             value: 123
           },
           {
-            name: "郑州",
+            name: "苯乙烯",
             value: 55
           },
           {
-            name: "西峡",
+            name: "碳一",
             value: 98
           }
         ]

ui/src/views/monitor/elec/echart/centerLeft2/centreLeft1Chart.vue

@@ -47,7 +47,7 @@ export default {
           icon: "circle",
           bottom: 0,
           x: "center",
-          data: ["rose1", "rose2", "rose3", "rose4", "rose5", "rose6"],
+          data: ["天然气", "长焰煤", "不粘煤", "弱粘煤", "贫煤", "燃气"],
           textStyle: {
             color: "#fff"
           }
@@ -60,12 +60,12 @@ export default {
             roseType: "area",
             center: ["50%", "40%"],
             data: [
-              { value: 10, name: "rose1" },
-              { value: 5, name: "rose2" },
-              { value: 15, name: "rose3" },
-              { value: 25, name: "rose4" },
-              { value: 20, name: "rose5" },
-              { value: 35, name: "rose6" }
+              { value: 10, name: "天然气" },
+              { value: 5, name: "长焰煤" },
+              { value: 15, name: "不粘煤" },
+              { value: 25, name: "弱粘煤" },
+              { value: 20, name: "贫煤" },
+              { value: 35, name: "燃气" }
             ]
           }
         ]

ui/src/views/monitor/elec/echart/centerLeft2/centreLeft2Chart.vue

@@ -28,16 +28,15 @@ export default {
           interval: 1,
           type: "category",
           data: [
-            "there1",
-            "there2",
-            "there3",
-            "there4",
-            "there5",
-            "there6",
-            "there7",
-            "there8",
-            "there9",
-            "there10 "
+            "核电",
+            "火电",
+            "机电",
+            "煤电",
+            "水电",
+            "风电",
+            "太阳能",
+            "光伏",
+            "其他 "
           ],
           z: 10,
           axisLine: {
@@ -177,14 +176,14 @@ export default {
                   }
                 }
               },
-              {
+              /*{
                 value: 33,
                 itemStyle: {
                   normal: {
                     color: "#ff62e8"
                   }
                 }
-              }
+              }*/
             ],
             coordinateSystem: "polar"
           }

ui/src/views/monitor/elec/echart/centreRight2/centreRight2Chart1.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div id="centreRight2Chart1" style="width:3.25rem; height: 2.60rem;">123</div>
+    <div id="centreRight2Chart1" style="width:3.25rem; height: 2.60rem;" />
   </div>
 </template>
 

ui/src/views/monitor/elec/elecindex.vue

@@ -7,7 +7,7 @@
         <div class="d-flex jc-center">
           <dv-decoration-8 :color="['#568aea', '#000000']" style="width:2.5rem;height:.625rem;" />
           <div class="title">
-            <span class="title-text">Electricity Power Plant Monitoring</span>
+            <span class="title-text">电厂监控大屏</span>
             <dv-decoration-6
               class="title-bototm"
               :reverse="true"
@@ -32,15 +32,15 @@
             style="width: 6.25rem; text-align: left;background-color: #0f1325;"
           >
             <span class="react-before"></span>
-            <span class="text">数据分析1</span>
+            <span class="text"></span>
           </div>
           <div class="react-right ml-3" style="background-color: #0f1325;">
-            <span class="text colorBlue">数据分析2</span>
+            <span class="text colorBlue"></span>
           </div>
         </div>
         <div style="width: 40%" class="d-flex">
           <div class="react-left bg-color-blue mr-3">
-            <span class="text fw-b">vue-big-screen</span>
+            <span class="text fw-b">北京时间</span>
           </div>
           <div
             class="react-left mr-4"
@@ -206,13 +206,13 @@ export default {
       background-repeat: no-repeat;
 
       .title-text {
-        font-size: 0.3rem;
+        font-size: 0.4rem;
         position: absolute;
         bottom: 0;
         left: 50%;
-        top: 6%;
+        top: 30%;
         transform: translate(-50%);
-        font-weight: 900;
+        font-weight: 600;
       }
 
       .title-bototm {