Browse Source

风机详情信息点uniformcode更新,标题栏弹窗模型

xushili 3 years ago
parent
commit
676ae8f095
4 changed files with 378 additions and 112 deletions
  1. 9 1
      package.json
  2. 7 5
      src/assets/script/UniformCodes.js
  3. 156 0
      src/components/AttentionCardWindow.vue
  4. 206 106
      src/components/TitleBar.vue

+ 9 - 1
package.json

@@ -14,7 +14,14 @@
     "postuninstall": "electron-builder install-app-deps",
     "start": "electron-forge start",
     "package": "electron-forge package",
-    "make": "electron-forge make"
+    "make": "electron-forge make",
+
+    "pack": "electron-builder --dir",
+    "dist": "electron-builder",
+    "dist-win": "electron-builder --win --ia32",
+    "dist-win64": "electron-builder --win --x64",
+    "dist-mac": "electron-builder --mac",
+    "dist-linux": "electron-builder --linux"
   },
   "main": "background.js",
   "dependencies": {
@@ -39,6 +46,7 @@
     "babel-eslint": "^10.1.0",
     "electron": "^12.0.0",
     "electron-devtools-installer": "^3.1.0",
+    "electron-packager": "^15.2.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^7.0.0",
     "vue-cli-plugin-electron-builder": "~2.0.0"

+ 7 - 5
src/assets/script/UniformCodes.js

@@ -20,7 +20,7 @@ export default class UniformCodes {
                         {
                           "name": "风速",
                           "num": "2",
-                          "code": "AI005",
+                          "code": "AI007",
                           "unit": "m/s"
                         },
                         {
@@ -729,6 +729,7 @@ export default class UniformCodes {
                         },
                         {
                           "name": "环境温度",
+                          "code": "AI056",
                           "num": "9",
                           "unit": "℃"
                         },
@@ -806,12 +807,13 @@ export default class UniformCodes {
                         {
                           "name": "转子转速",
                           "num": "4",
-                          "code": "DI1269",
+                          "code": "AI300",
                           "unit": "rp"
                         },
                         {
                           "name": "偏航位置",
                           "num": "5",
+                          "code": "AI034",
                           "unit": "度"
                         }
                       ]
@@ -906,7 +908,7 @@ export default class UniformCodes {
                         {
                           "name": "机舱温度",
                           "num": "6",
-                          "code": "MHSFJ.NX_GD_MHSF_FJ_P2_L4_034_AI0042",
+                          "code": "AI070",
                           "unit": "℃"
                         },
                         {
@@ -1656,7 +1658,7 @@ export default class UniformCodes {
                         {
                           "name": "齿箱侧转子轴承温度",
                           "num": "7",
-                          "code": "AI071",
+                          "code": "AI036",
                           "unit": "℃"
                         },
                         {
@@ -1674,7 +1676,7 @@ export default class UniformCodes {
                         {
                           "name": "电机侧转子轴承温度",
                           "num": "10",
-                          "code": "AI072",
+                          "code": "AI037",
                           "unit": "℃"
                         }
                       ]

+ 156 - 0
src/components/AttentionCardWindow.vue

@@ -0,0 +1,156 @@
+<template>
+    <el-table
+      :data="tableData"
+      style="width: 100%">
+  <el-table-column
+        prop="station"
+        label="站点"
+        width="180">
+    </el-table-column>
+  <el-table-column
+        prop="date"
+        label="运行指标"
+        width="180">
+      <el-table-column
+        prop="date"
+        label="日发电量(万kwh)"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="平均风速(m/s)\n日照强度(w/m²)"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="实时功率(MW)">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="AGC有功设定(MW)"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="理论功率(MW)"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="预测功率(MW)"
+        width="180">
+      </el-table-column>
+  </el-table-column>
+  
+  <el-table-column
+        prop="date"
+        label="发电设备状态汇总"
+        width="180">
+      <el-table-column
+        prop="date"
+        label="接入"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="运行"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="待机">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="维护"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="故障"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="限电"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="离线"
+        width="180">
+      </el-table-column>
+  </el-table-column>
+    </el-table>
+</template>
+<script>
+
+export default{
+    data() {
+        return {
+          tableData: [{
+            station:'麻黄山',
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            station:'牛首山',
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1517 弄'
+          }, {
+            station:'青山',
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1519 弄'
+          }, {
+            station:'石板泉',
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '江路 1516 '
+          }, {
+            station:'香山',
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '江路 1516 '
+          }, {
+            station:'风场汇总',
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '江路 1516 '
+          }, {
+            station:'大武口',
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '江路 1516 '
+          }, {
+            station:'平罗',
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '江路 1516 '
+          }, {
+            station:'宣和',
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '江路 1516 '
+          }, {
+            station:'马场湖',
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '江路 1516 '
+          }, {
+            station:'海子井',
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '江路 1516 '
+          }, {
+            station:'光伏汇总',
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '江路 1516 '
+          }
+          ]
+        }
+      }
+}
+</script>

+ 206 - 106
src/components/TitleBar.vue

@@ -73,115 +73,215 @@
           </el-dialog>
         </div>
       </el-col>
-      <el-col :span="2.3">
-        <div class="titleinfo">
-          <ul>
-            <li>
-              <TitleBarCard
-                title="装机容量"
-                unit="MW"
-                :value="installedCapacity"
-              ></TitleBarCard>
-            </li>
-          </ul>
-        </div>
-      </el-col>
-      <el-col :span="2.3">
-        <div class="titleinfo">
-          <ul>
-            <li>
-              <TitleBarCard
-                title="实时功率"
-                unit="MW"
-                :value="totalPower"
-              ></TitleBarCard>
-            </li>
-          </ul>
-        </div>
-      </el-col>
-      <el-col :span="2.3">
-        <div class="titleinfo">
-          <ul>
-            <li>
-              <TitleBarCard
-                title="日发电量"
-                unit="kWh"
-                :value="dailyPowerGeneration"
-              ></TitleBarCard>
-            </li>
-          </ul>
-        </div>
-      </el-col>
-      <el-col :span="2.3">
-        <div class="titleinfo">
-          <ul>
-            <li>
-              <TitleBarCard
-                title="上网电量"
-                unit="kWh"
-                :value="gridPower"
-              ></TitleBarCard>
-            </li>
-          </ul>
-        </div>
-      </el-col>
-      <el-col :span="2.3">
-        <div class="titleinfo">
-          <ul>
-            <li>
-              <TitleBarCard
-                title="月发电量"
-                unit="kWh"
-                :value="monthlyPowerGeneration"
-              ></TitleBarCard>
-            </li>
-          </ul>
-        </div>
-      </el-col>
-      <el-col :span="2.3">
-        <div class="titleinfo">
-          <ul>
-            <li>
-              <TitleBarCard
-                title="年发电量"
-                unit="kWh"
-                :value="annualPowerGeneration"
-              ></TitleBarCard>
-            </li>
-          </ul>
-        </div>
-      </el-col>
-      <el-col :span="2.3">
-        <div class="titleinfo">
-          <ul>
-            <li>
-              <TitleBarCard
-                title="月利用小时"
-                unit="小时"
-                :value="monthlyUtilizationHours"
-              ></TitleBarCard>
-            </li>
-          </ul>
-        </div>
-      </el-col>
-      <el-col :span="2.3">
-        <div class="titleinfo">
-          <ul>
-            <li>
-              <TitleBarCard
-                title="年利用小时"
-                unit="小时"
-                :value="annualUtilizationHours"
-              ></TitleBarCard>
-            </li>
-          </ul>
-        </div>
+
+      <el-col :span="19">
+            <el-popover
+          placement="bottom"
+          :width="1500"
+          trigger="hover"
+          :show-arrow="false"
+        >
+          <template #reference>
+            <el-row>
+            <el-col :span="2.1">
+              <div class="titleinfo">
+                <ul>
+                  <li>
+                    <TitleBarCard
+                      title="装机容量"
+                      unit="MW"
+                      :value="installedCapacity"
+                    ></TitleBarCard>
+                  </li>
+                </ul>
+              </div>
+            </el-col>
+            <el-col :span="3">
+              <div class="titleinfo">
+                <ul>
+                  <li>
+                    <TitleBarCard
+                      title="实时功率"
+                      unit="MW"
+                      :value="totalPower"
+                    ></TitleBarCard>
+                  </li>
+                </ul>
+              </div>
+            </el-col>
+            <el-col :span="3">
+              <div class="titleinfo">
+                <ul>
+                  <li>
+                    <TitleBarCard
+                      title="日发电量"
+                      unit="kWh"
+                      :value="dailyPowerGeneration"
+                    ></TitleBarCard>
+                  </li>
+                </ul>
+              </div>
+            </el-col>
+            <el-col :span="3">
+              <div class="titleinfo">
+                <ul>
+                  <li>
+                    <TitleBarCard
+                      title="上网电量"
+                      unit="kWh"
+                      :value="gridPower"
+                    ></TitleBarCard>
+                  </li>
+                </ul>
+              </div>
+            </el-col>
+            <el-col :span="3.3">
+              <div class="titleinfo">
+                <ul>
+                  <li>
+                    <TitleBarCard
+                      title="月发电量"
+                      unit="kWh"
+                      :value="monthlyPowerGeneration"
+                    ></TitleBarCard>
+                  </li>
+                </ul>
+              </div>
+            </el-col>
+            <el-col :span="3.3">
+              <div class="titleinfo">
+                <ul>
+                  <li>
+                    <TitleBarCard
+                      title="年发电量"
+                      unit="kWh"
+                      :value="annualPowerGeneration"
+                    ></TitleBarCard>
+                  </li>
+                </ul>
+              </div>
+            </el-col>
+            <el-col :span="3">
+              <div class="titleinfo">
+                <ul>
+                  <li>
+                    <TitleBarCard
+                      title="月利用小时"
+                      unit="小时"
+                      :value="monthlyUtilizationHours"
+                    ></TitleBarCard>
+                  </li>
+                </ul>
+              </div>
+            </el-col>
+            <el-col :span="3.3">
+              <div class="titleinfo">
+                <ul>
+                  <li>
+                    <TitleBarCard
+                      title="年利用小时"
+                      unit="小时"
+                      :value="annualUtilizationHours"
+                    ></TitleBarCard>
+                  </li>
+                </ul>
+              </div>
+            </el-col>
+            </el-row>
+          </template>
+
+          <el-table
+            :data="tableData"
+            style="width: 100%">
+        <el-table-column
+              prop="station"
+              label="站点"
+              width="80">
+          </el-table-column>
+        <el-table-column
+              prop="date"
+              label="运行指标"
+              width="80">
+            <el-table-column
+              prop="date"
+              label="日发电量(万kwh)"
+              width="80">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="平均风速(m/s)\n日照强度(w/m²)"
+              width="80">
+            </el-table-column>
+            <el-table-column
+              prop="address"
+              label="实时功率(MW)">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="AGC有功设定(MW)"
+              width="80">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="理论功率(MW)"
+              width="80">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="预测功率(MW)"
+              width="80">
+            </el-table-column>
+        </el-table-column>
+        
+        <el-table-column
+              prop="date"
+              label="发电设备状态汇总"
+              width="80">
+            <el-table-column
+              prop="date"
+              label="接入"
+              width="80">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="运行"
+              width="80">
+            </el-table-column>
+            <el-table-column
+              prop="address"
+              label="待机">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="维护"
+              width="80">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="故障"
+              width="80">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="限电"
+              width="80">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="离线"
+              width="80">
+            </el-table-column>
+        </el-table-column>
+          </el-table>
+
+        </el-popover>
       </el-col>
+      
 
-      <el-col :span="1.6">
+      <el-col :span="1">
         <el-popover  placement="bottom" :width="150" trigger="hover" :show-arrow="false">
           <template #reference>
-            <el-button @click="userClick" style="top: 10px; right: 76px; color: #ffffff; position: absolute;background-color:black;border:none;font-size:16px;">{{usreName}}</el-button>
+            <el-button @click="userClick" style="top: 10px; right: 70px; color: #ffffff; position: absolute;background-color:black;border:none;font-size:16px;">{{usreName}}</el-button>
           </template>
           <div style="background-color: #363636;">
             <!-- <el-button class="loginoption">编&emsp;辑</el-button>
@@ -217,7 +317,7 @@ import BackgroundData from "../assets/script/BackgroundData";
 export default {
   name: "TitleBar",
   components: {
-    TitleBarCard,
+    TitleBarCard
   },
   data() {
     return {