|
|
@@ -2,420 +2,420 @@
|
|
|
<div class="home">
|
|
|
<Row type="flex">
|
|
|
<Col :span="6">
|
|
|
- <Row type="flex">
|
|
|
- <Col :span="24">
|
|
|
- <com-panel title="银川" sub-title="AM 10:52 实况" icon="fa fa-map-marker">
|
|
|
- <weather />
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- <Row type="flex">
|
|
|
- <Col :span="24">
|
|
|
- <com-panel title="预测电量" sub-title="（单位：万KWh）">
|
|
|
- <list-bar-chart :list="ForecastPower" height="16.6667vh" />
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- <Row type="flex">
|
|
|
- <Col :span="24">
|
|
|
- <com-panel title="功率复核" sub-title="（单位：万KW）">
|
|
|
- <power-review />
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
+ <Row type="flex">
|
|
|
+ <Col :span="24">
|
|
|
+ <com-panel title="银川" sub-title="AM 10:52 实况" icon="fa fa-map-marker">
|
|
|
+ <weather />
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <Row type="flex">
|
|
|
+ <Col :span="24">
|
|
|
+ <com-panel title="预测电量" sub-title="（单位：万KWh）">
|
|
|
+ <list-bar-chart :list="ForecastPower" height="16.6667vh" />
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <Row type="flex">
|
|
|
+ <Col :span="24">
|
|
|
+ <com-panel title="功率复核" sub-title="（单位：万KW）">
|
|
|
+ <power-review :data="powerData" />
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
</Col>
|
|
|
<Col :span="12">
|
|
|
- <Map></Map>
|
|
|
+ <Map></Map>
|
|
|
</Col>
|
|
|
<Col :span="6">
|
|
|
- <Row type="flex">
|
|
|
- <Col :span="24">
|
|
|
- <com-panel title="电量分析" sub-title="（单位：万KWh）">
|
|
|
- <coulometric-analysis />
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- <Row type="flex">
|
|
|
- <Col :span="24">
|
|
|
- <com-panel title="计划电量完成情况" sub-title="（单位：万KWh）">
|
|
|
- <power-plan />
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
+ <Row type="flex">
|
|
|
+ <Col :span="24">
|
|
|
+ <com-panel title="电量分析" sub-title="（单位：万KWh）">
|
|
|
+ <coulometric-analysis />
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <Row type="flex">
|
|
|
+ <Col :span="24">
|
|
|
+ <com-panel title="计划电量完成情况" sub-title="（单位：万KWh）">
|
|
|
+ <power-plan />
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<Row type="flex">
|
|
|
<Col :span="12">
|
|
|
- <toolbar-panel title="日发电量">
|
|
|
- <template v-slot:tools>
|
|
|
+ <toolbar-panel title="日发电量">
|
|
|
+ <template v-slot:tools>
|
|
|
+ <div class="tools">
|
|
|
+ <div class="tool-block">
|
|
|
+ <div class="legend bg-green"></div>
|
|
|
+ <div class="legend-text">日发电量(单位:万KWh)</div>
|
|
|
+ </div>
|
|
|
+ <div class="tool-block">
|
|
|
+ <div class="legend bg-purple"></div>
|
|
|
+ <div class="legend-text">上网电量（单位：万KWh）</div>
|
|
|
+ </div>
|
|
|
+ <div class="tool-block">
|
|
|
+ <div class="legend bg-orange"></div>
|
|
|
+ <div class="legend-text">购网电量（单位：万KWh）</div>
|
|
|
+ </div>
|
|
|
+ <div class="tool-block">
|
|
|
+ <div class="legend bg-yellow"></div>
|
|
|
+ <div class="legend-text">风速</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-slot:default>
|
|
|
+ <!-- 日发电量 -->
|
|
|
+ <multiple-bar-chart :list="DayPower.value" :units="DayPower.units" height="12.963vh" />
|
|
|
+ </template>
|
|
|
+ </toolbar-panel>
|
|
|
+ </Col>
|
|
|
+ <Col :span="12">
|
|
|
+ <toolbar-panel title="72小时功率趋势图">
|
|
|
+ <template v-slot:tools>
|
|
|
+ <div class="tools">
|
|
|
<div class="tools">
|
|
|
<div class="tool-block">
|
|
|
- <div class="legend bg-green"></div>
|
|
|
- <div class="legend-text">日发电量(单位:万KWh)</div>
|
|
|
- </div>
|
|
|
- <div class="tool-block">
|
|
|
- <div class="legend bg-purple"></div>
|
|
|
- <div class="legend-text">上网电量（单位：万KWh）</div>
|
|
|
+ <div class="legend long bg-green"></div>
|
|
|
+ <div class="legend-text">应发功率</div>
|
|
|
</div>
|
|
|
<div class="tool-block">
|
|
|
- <div class="legend bg-orange"></div>
|
|
|
- <div class="legend-text">购网电量（单位：万KWh）</div>
|
|
|
+ <div class="legend long bg-yellow"></div>
|
|
|
+ <div class="legend-text">实发功率</div>
|
|
|
</div>
|
|
|
<div class="tool-block">
|
|
|
- <div class="legend bg-yellow"></div>
|
|
|
- <div class="legend-text">风速</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-slot:default>
|
|
|
- <!-- 日发电量 -->
|
|
|
- <multiple-bar-chart :list="DayPower.value" :units="DayPower.units" height="12.963vh" />
|
|
|
- </template>
|
|
|
- </toolbar-panel>
|
|
|
- </Col>
|
|
|
- <Col :span="12">
|
|
|
- <toolbar-panel title="72小时功率趋势图">
|
|
|
- <template v-slot:tools>
|
|
|
- <div class="tools">
|
|
|
- <div class="tools">
|
|
|
- <div class="tool-block">
|
|
|
- <div class="legend long bg-green"></div>
|
|
|
- <div class="legend-text">平均风速</div>
|
|
|
- </div>
|
|
|
- <div class="tool-block">
|
|
|
- <div class="legend long bg-yellow"></div>
|
|
|
- <div class="legend-text">应发功率</div>
|
|
|
- </div>
|
|
|
- <div class="tool-block">
|
|
|
- <div class="legend long bg-purple"></div>
|
|
|
- <div class="legend-text">实际功率</div>
|
|
|
- </div>
|
|
|
+ <div class="legend long bg-purple"></div>
|
|
|
+ <div class="legend-text">理论功率</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <template v-slot:default>
|
|
|
- <multiple-line-chart :list="Powertrend.value" :units="Powertrend.units" height="12.963vh" />
|
|
|
- </template>
|
|
|
- </toolbar-panel>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-slot:default>
|
|
|
+ <multiple-line-chart :list="Powertrend.value" :units="Powertrend.units" height="12.963vh" />
|
|
|
+ </template>
|
|
|
+ </toolbar-panel>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<Row type="flex">
|
|
|
<!-- 下方 table -->
|
|
|
<Col :span="16">
|
|
|
- <row>
|
|
|
- <Col>
|
|
|
- <com-panel>
|
|
|
- <table class="table-card">
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">装机容量</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">上网电量(日)</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化硫</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化碳</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用水</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用煤</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- <Col>
|
|
|
- <com-panel>
|
|
|
- <table class="table-card">
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">装机容量</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">上网电量(日)</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化硫</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化碳</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用水</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用煤</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- <Col>
|
|
|
- <com-panel>
|
|
|
- <table class="table-card">
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">装机容量</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">上网电量(日)</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化硫</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化碳</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用水</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用煤</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- <Col>
|
|
|
- <com-panel>
|
|
|
- <table class="table-card">
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">装机容量</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">上网电量(日)</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化硫</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化碳</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用水</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用煤</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- <Col>
|
|
|
- <com-panel>
|
|
|
- <table class="table-card">
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">装机容量</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">上网电量(日)</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化硫</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">减排二氧化碳</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用水</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- <tr class="">
|
|
|
- <td class="text gray">节约用煤</td>
|
|
|
- <td class="value green">361033.3</td>
|
|
|
- <td class="unit gray">MW</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </com-panel>
|
|
|
- </Col>
|
|
|
- </row>
|
|
|
+ <row>
|
|
|
+ <Col>
|
|
|
+ <com-panel>
|
|
|
+ <table class="table-card">
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">装机容量</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">上网电量(日)</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化硫</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化碳</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用水</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用煤</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ <Col>
|
|
|
+ <com-panel>
|
|
|
+ <table class="table-card">
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">装机容量</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">上网电量(日)</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化硫</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化碳</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用水</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用煤</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ <Col>
|
|
|
+ <com-panel>
|
|
|
+ <table class="table-card">
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">装机容量</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">上网电量(日)</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化硫</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化碳</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用水</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用煤</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ <Col>
|
|
|
+ <com-panel>
|
|
|
+ <table class="table-card">
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">装机容量</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">上网电量(日)</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化硫</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化碳</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用水</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用煤</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ <Col>
|
|
|
+ <com-panel>
|
|
|
+ <table class="table-card">
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">装机容量</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">上网电量(日)</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化硫</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">减排二氧化碳</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用水</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="">
|
|
|
+ <td class="text gray">节约用煤</td>
|
|
|
+ <td class="value green">361033.3</td>
|
|
|
+ <td class="unit gray">MW</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </com-panel>
|
|
|
+ </Col>
|
|
|
+ </row>
|
|
|
</Col>
|
|
|
<!-- 右下角 panel -->
|
|
|
<Col :span="8">
|
|
|
- <panel-3 class="situation">
|
|
|
- <div class="situation-body">
|
|
|
- <row align="middle">
|
|
|
- <div class="situation-item fengji">
|
|
|
- <div class="icon fengji-icon svg-icon svg-icon-white">
|
|
|
- <svg-icon class="" svgid="svg-风机" />
|
|
|
- </div>
|
|
|
- <div class="info">
|
|
|
- <div class="title green">接入风机</div>
|
|
|
- <div class="value">30</div>
|
|
|
- </div>
|
|
|
+ <panel-3 class="situation">
|
|
|
+ <div class="situation-body">
|
|
|
+ <row align="middle">
|
|
|
+ <div class="situation-item fengji">
|
|
|
+ <div class="icon fengji-icon svg-icon svg-icon-white">
|
|
|
+ <svg-icon class="" svgid="svg-风机" />
|
|
|
</div>
|
|
|
- <div class="situation-item">
|
|
|
- <div class="icon svg-icon svg-icon-purple">
|
|
|
- <svg-icon class="" svgid="svg-待机图标" />
|
|
|
+ <div class="info">
|
|
|
+ <div class="title green">接入风机</div>
|
|
|
+ <div class="value">30</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="situation-item">
|
|
|
+ <div class="icon svg-icon svg-icon-purple">
|
|
|
+ <svg-icon class="" svgid="svg-待机图标" />
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title green">待机</div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123 </span>
|
|
|
</div>
|
|
|
- <div class="info">
|
|
|
- <div class="title green">待机</div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123 </span>
|
|
|
- </div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123</span>
|
|
|
- </div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="situation-item">
|
|
|
- <div class="icon svg-icon svg-icon-green">
|
|
|
- <svg-icon class="" svgid="svg-运行图标" />
|
|
|
+ </div>
|
|
|
+ <div class="situation-item">
|
|
|
+ <div class="icon svg-icon svg-icon-green">
|
|
|
+ <svg-icon class="" svgid="svg-运行图标" />
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title green">运行</div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123 </span>
|
|
|
</div>
|
|
|
- <div class="info">
|
|
|
- <div class="title green">运行</div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123 </span>
|
|
|
- </div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123</span>
|
|
|
- </div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="situation-item">
|
|
|
- <div class="icon svg-icon svg-icon-yellow">
|
|
|
- <svg-icon class="" svgid="svg-限电图标" />
|
|
|
+ </div>
|
|
|
+ <div class="situation-item">
|
|
|
+ <div class="icon svg-icon svg-icon-yellow">
|
|
|
+ <svg-icon class="" svgid="svg-限电图标" />
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title green">待机</div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123 </span>
|
|
|
</div>
|
|
|
- <div class="info">
|
|
|
- <div class="title green">待机</div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123 </span>
|
|
|
- </div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123</span>
|
|
|
- </div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </row>
|
|
|
- <row align="middle">
|
|
|
- <div class="situation-item">
|
|
|
- <div class="icon svg-icon svg-icon-red">
|
|
|
- <svg-icon class="" svgid="svg-故障图标" />
|
|
|
+ </div>
|
|
|
+ </row>
|
|
|
+ <row align="middle">
|
|
|
+ <div class="situation-item">
|
|
|
+ <div class="icon svg-icon svg-icon-red">
|
|
|
+ <svg-icon class="" svgid="svg-故障图标" />
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title green">待机</div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123 </span>
|
|
|
</div>
|
|
|
- <div class="info">
|
|
|
- <div class="title green">待机</div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123 </span>
|
|
|
- </div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123</span>
|
|
|
- </div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="situation-item">
|
|
|
- <div class="icon svg-icon svg-icon-orange">
|
|
|
- <svg-icon class="" svgid="svg-检修图标" />
|
|
|
+ </div>
|
|
|
+ <div class="situation-item">
|
|
|
+ <div class="icon svg-icon svg-icon-orange">
|
|
|
+ <svg-icon class="" svgid="svg-检修图标" />
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title green">待机</div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123 </span>
|
|
|
</div>
|
|
|
- <div class="info">
|
|
|
- <div class="title green">待机</div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123 </span>
|
|
|
- </div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123</span>
|
|
|
- </div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="situation-item">
|
|
|
- <div class="icon svg-icon svg-icon-gray">
|
|
|
- <svg-icon class="" svgid="svg-离线图标" />
|
|
|
+ </div>
|
|
|
+ <div class="situation-item">
|
|
|
+ <div class="icon svg-icon svg-icon-gray">
|
|
|
+ <svg-icon class="" svgid="svg-离线图标" />
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title green">待机</div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123 </span>
|
|
|
</div>
|
|
|
- <div class="info">
|
|
|
- <div class="title green">待机</div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123 </span>
|
|
|
- </div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123</span>
|
|
|
- </div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="situation-item">
|
|
|
- <div class="icon svg-icon svg-icon-darkblue">
|
|
|
- <svg-icon class="" svgid="svg-受累图标" />
|
|
|
+ </div>
|
|
|
+ <div class="situation-item">
|
|
|
+ <div class="icon svg-icon svg-icon-darkblue">
|
|
|
+ <svg-icon class="" svgid="svg-受累图标" />
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title green">待机</div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123 </span>
|
|
|
</div>
|
|
|
- <div class="info">
|
|
|
- <div class="title green">待机</div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123 </span>
|
|
|
- </div>
|
|
|
- <div class="value">
|
|
|
- <span class="text gray">手动停机</span>
|
|
|
- <span>123</span>
|
|
|
- </div>
|
|
|
+ <div class="value">
|
|
|
+ <span class="text gray">手动停机</span>
|
|
|
+ <span>123</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </row>
|
|
|
- </div>
|
|
|
- </panel-3>
|
|
|
+ </div>
|
|
|
+ </row>
|
|
|
+ </div>
|
|
|
+ </panel-3>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
</div>
|
|
|
@@ -456,8 +456,11 @@ export default {
|
|
|
SvgIcon,
|
|
|
Map,
|
|
|
},
|
|
|
- data() {
|
|
|
+
|
|
|
+ data () {
|
|
|
return {
|
|
|
+ timmer: null, // 计时器
|
|
|
+ powerData:{},
|
|
|
// 预测电量
|
|
|
ForecastPower: [
|
|
|
{
|
|
|
@@ -480,257 +483,148 @@ export default {
|
|
|
// 日发电量
|
|
|
DayPower: {
|
|
|
// 图表所用单位
|
|
|
- units: ["(万KWh)", "(风速)"],
|
|
|
+ units: [""],
|
|
|
value: [
|
|
|
{
|
|
|
- title: "日发电量",
|
|
|
+ title: "",
|
|
|
yAxisIndex: 0, // 使用单位
|
|
|
- value: [
|
|
|
- {
|
|
|
- text: "1日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "2日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "3日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "4日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "5日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "6日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "7日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: "上网电量",
|
|
|
- yAxisIndex: 0,
|
|
|
- value: [
|
|
|
- {
|
|
|
- text: "1日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "2日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "3日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "4日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "5日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "6日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "7日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: "购网电量",
|
|
|
- yAxisIndex: 0,
|
|
|
- value: [
|
|
|
- {
|
|
|
- text: "1日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "2日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "3日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "4日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "5日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "6日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "7日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: "风速",
|
|
|
- yAxisIndex: 1,
|
|
|
- value: [
|
|
|
- {
|
|
|
- text: "1日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "2日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "3日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "4日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "5日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "6日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "7日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
+ value: [],
|
|
|
+ }
|
|
|
],
|
|
|
},
|
|
|
// 72小时功率趋势图
|
|
|
Powertrend: {
|
|
|
// 图表所用单位
|
|
|
- units: ["(万KWh)", "(风速)"],
|
|
|
+ units: [""],
|
|
|
value: [
|
|
|
{
|
|
|
- title: "平均风速",
|
|
|
- yAxisIndex: 1, // 使用单位
|
|
|
- value: [
|
|
|
- {
|
|
|
- text: "1日",
|
|
|
- value: 0,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "2日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "3日",
|
|
|
- value: 0,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "4日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "5日",
|
|
|
- value: 0,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "6日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "7日",
|
|
|
- value: 0,
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: "应发功率",
|
|
|
- yAxisIndex: 0,
|
|
|
- value: [
|
|
|
- {
|
|
|
- text: "1日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "2日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "3日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "4日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "5日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "6日",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "7日",
|
|
|
- value: 4,
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: "实际功率",
|
|
|
- yAxisIndex: 0,
|
|
|
- value: [
|
|
|
- {
|
|
|
- text: "1日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "2日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "3日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "4日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "5日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "6日",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- {
|
|
|
- text: "7日",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
+ title: "",
|
|
|
+ yAxisIndex: 0, // 使用单位
|
|
|
+ value: [],
|
|
|
+ }
|
|
|
],
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
+
|
|
|
+ methods: {
|
|
|
+ // 请求服务
|
|
|
+ requestData (showLoading) {
|
|
|
+ let that = this;
|
|
|
+ that.API.requestData({
|
|
|
+ showLoading,
|
|
|
+ method: "POST",
|
|
|
+ subUrl: "genreset/findBasicDataInfo",
|
|
|
+ data: {
|
|
|
+ id: "MHS_FDC"
|
|
|
+ },
|
|
|
+ success (res) {
|
|
|
+ let glvos = [];
|
|
|
+
|
|
|
+ let rdlKey=["value1","value2","value3"];
|
|
|
+ let DayPower = {
|
|
|
+ // 图表所用单位
|
|
|
+ units: ["(万KWh)"],
|
|
|
+ value: [{
|
|
|
+ title: "发电量",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: []
|
|
|
+ },{
|
|
|
+ title: "上网电量",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: []
|
|
|
+ },{
|
|
|
+ title: "购网电量",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: []
|
|
|
+ }]
|
|
|
+ };
|
|
|
+
|
|
|
+ let glKey=["value1","value2","value3","value4","value5","value6"];
|
|
|
+ let Powertrend = {
|
|
|
+ // 图表所用单位
|
|
|
+ units: ["(万KWh)","(m/s)"],
|
|
|
+ value: [{
|
|
|
+ title: "应发功率",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: []
|
|
|
+ },{
|
|
|
+ title: "实发功率",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: []
|
|
|
+ },{
|
|
|
+ title: "理论功率",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: []
|
|
|
+ },{
|
|
|
+ title: "预测功率",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: []
|
|
|
+ },{
|
|
|
+ title: "保证功率",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: []
|
|
|
+ },{
|
|
|
+ title: "平均风速",
|
|
|
+ yAxisIndex: 1,
|
|
|
+ value: []
|
|
|
+ }]
|
|
|
+ };
|
|
|
+
|
|
|
+ rdlKey.forEach((keyEle,keyIndex)=>{
|
|
|
+ res.data.rdlvos.forEach(cEle=>{
|
|
|
+ DayPower.value[keyIndex].value.push({
|
|
|
+ text: cEle.timestr,
|
|
|
+ value: cEle[keyEle]
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ glKey.forEach((keyEle,keyIndex)=>{
|
|
|
+ res.data.glvos.forEach(cEle=>{
|
|
|
+ Powertrend.value[keyIndex].value.push({
|
|
|
+ text: cEle.timestr,
|
|
|
+ value: cEle[keyEle]
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ that.powerData=[{
|
|
|
+ title: "风速",
|
|
|
+ value: res.data.jczbmap.ssfs
|
|
|
+ },{
|
|
|
+ title: "保证功率",
|
|
|
+ value: res.data.jczbmap.bzgl
|
|
|
+ },{
|
|
|
+ title: "应发功率",
|
|
|
+ value: res.data.jczbmap.yfgl
|
|
|
+ },{
|
|
|
+ title: "实际功率",
|
|
|
+ value: res.data.jczbmap.sjgl
|
|
|
+ }];
|
|
|
+
|
|
|
+ that.DayPower=DayPower;
|
|
|
+ that.Powertrend=Powertrend;
|
|
|
+ console.log(111, res);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+
|
|
|
+ created () {
|
|
|
+ let that = this;
|
|
|
+ that.$nextTick(() => {
|
|
|
+ that.requestData(false);
|
|
|
+ that.timmer = setInterval(() => {
|
|
|
+ that.requestData(false);
|
|
|
+ }, that.$store.state.websocketTimeSec);
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ unmounted () {
|
|
|
+ clearInterval(this.timmer);
|
|
|
+ this.timmer = null;
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
yangxiao