|
|
@@ -1,11 +1,225 @@
|
|
|
<template>
|
|
|
- <div>离散率分析</div>
|
|
|
+ <div class="lslfx-wrapper">
|
|
|
+ <div class="lslfx-search">
|
|
|
+ <div class="station">
|
|
|
+ 场站：
|
|
|
+ <el-select
|
|
|
+ size="mini"
|
|
|
+ v-model="stationVal"
|
|
|
+ placeholder="请选择"
|
|
|
+ clearable
|
|
|
+ @change="changeStation"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in stationOptions"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.aname"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="station">
|
|
|
+ 时间：
|
|
|
+ <div class="">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="pickerTimer"
|
|
|
+ type="month"
|
|
|
+ value-format="YYYY-MM"
|
|
|
+ placeholder="选择月份"
|
|
|
+ popper-class="date-select"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="but">
|
|
|
+ <el-button round size="mini" class="buttons" @click="seachData"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="lslfx-content">
|
|
|
+ <div class="leftContent"><span>离散率分析</span></div>
|
|
|
+ <div class="lslfx-table">
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ stripe
|
|
|
+ size="mini"
|
|
|
+ height="100%"
|
|
|
+ ref="Eval_table"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column prop="equipmentId" label="设备编号" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ v-for="(item, index) in tableHeader"
|
|
|
+ :key="index"
|
|
|
+ sortable
|
|
|
+ :prop="item.code"
|
|
|
+ :label="item.title"
|
|
|
+ align="center"
|
|
|
+ />
|
|
|
+ </el-table>
|
|
|
+ <div style="text-align: right">
|
|
|
+ <el-pagination
|
|
|
+ @current-change="handlePageChange"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ :current-page="page.currentPage"
|
|
|
+ :page-size="page.pagesize"
|
|
|
+ :page-sizes="[22, 50, 100, 500]"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="page.total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { getApiwpByCplistlist } from "@/api/monthlyPerformanceAnalysis";
|
|
|
+import dayjs from "dayjs";
|
|
|
export default {
|
|
|
name: "Lslfx", //离散率分析
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ stationVal: "",
|
|
|
+ stationOptions: [],
|
|
|
+ pickerTimer: "",
|
|
|
+ tableHeader: [
|
|
|
+ { title: "日照强度(W/m²)", code: "scatter" },
|
|
|
+ { title: "平均功率(kW)", code: "scatter" },
|
|
|
+ { title: "离散率(%)", code: "scatter" },
|
|
|
+ { title: "标准差", code: "conversionEfficiency" },
|
|
|
+ { title: "逆变器推荐状态", code: "equivalentGeneratingTime" },
|
|
|
+ ],
|
|
|
+ page: {
|
|
|
+ currentPage: 1,
|
|
|
+ pagesize: 22,
|
|
|
+ total: 0,
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.pickerTimer = dayjs().add(-1, "day").format("YYYY-MM-DD");
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 获取场站列表
|
|
|
+ async getStationData() {
|
|
|
+ this.stationOptions = [];
|
|
|
+ let params = {
|
|
|
+ type: -2,
|
|
|
+ companyid: 0,
|
|
|
+ };
|
|
|
+ const { data: datas } = await getApiwpByCplistlist(params);
|
|
|
+ if (datas.data.length) {
|
|
|
+ this.stationOptions = datas.data;
|
|
|
+ // this.stationVal = "SXJ_KGDL_HR_GDC_STA";
|
|
|
+ this.getTableData();
|
|
|
+ } else {
|
|
|
+ this.stationOptions = [];
|
|
|
+ this.stationVal = "";
|
|
|
+ this.EvaluationData = [];
|
|
|
+ this.page.total = 0;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handlePageChange(val) {
|
|
|
+ this.page.currentPage = val;
|
|
|
+ this.getTableData();
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.page.currentPage = 1;
|
|
|
+ this.page.pagesize = val;
|
|
|
+ this.getTableData();
|
|
|
+ },
|
|
|
+ async getTableData() {
|
|
|
+ let params = {
|
|
|
+ time: this.pickerTimer,
|
|
|
+ stationId: this.stationVal,
|
|
|
+ type: this.tabEvent,
|
|
|
+ pageNum: this.page.currentPage,
|
|
|
+ pageSize: this.page.pagesize,
|
|
|
+ };
|
|
|
+ // const { data } = await getApiequipmentinfoDayListGf(params);
|
|
|
+ // this.tableData = data.records;
|
|
|
+ // this.page.total = data.total;
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+.lslfx-wrapper {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 20px 10px 20px;
|
|
|
+ .lslfx-search {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ padding-top: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ .station {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #b3b3b3;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search-input {
|
|
|
+ margin-left: 10px;
|
|
|
+ .el-input__inner {
|
|
|
+ width: 175px;
|
|
|
+ }
|
|
|
+ .el-input__suffix {
|
|
|
+ right: -50px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .but {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-content: center;
|
|
|
+ margin-left: 20px;
|
|
|
+ .buttons:nth-child(1) {
|
|
|
+ background: rgba(5, 187, 76, 0.6);
|
|
|
+ border: 1px solid #3b6c53;
|
|
|
+ border-radius: 13px;
|
|
|
+ color: #fff;
|
|
|
+ &:hover {
|
|
|
+ background: rgba(5, 187, 76, 0.9);
|
|
|
+ border-radius: 13px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .lslfx-content {
|
|
|
+ height: calc(100% - 40px);
|
|
|
+ width: 100%;
|
|
|
+ .leftContent {
|
|
|
+ width: 242px;
|
|
|
+ height: 41px;
|
|
|
+ line-height: 41px;
|
|
|
+ background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
|
|
|
+ span {
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #05bb4c;
|
|
|
+ margin-left: 25px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .lslfx-table {
|
|
|
+ height: calc(100% - 36px);
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
baiyanting