|
@@ -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">编 辑</el-button>
|
|
@@ -217,7 +317,7 @@ import BackgroundData from "../assets/script/BackgroundData";
|
|
|
export default {
|
|
|
name: "TitleBar",
|
|
|
components: {
|
|
|
- TitleBarCard,
|
|
|
+ TitleBarCard
|
|
|
},
|
|
|
data() {
|
|
|
return {
|