|
@@ -5,15 +5,31 @@
|
|
|
<div class="query-item">
|
|
|
<div class="lable">场站:</div>
|
|
|
<div class="search-input">
|
|
|
- <el-select v-model="wpId" clearable placeholder="请选择" popper-class="select">
|
|
|
- <el-option v-for="item in wpArray" :key="item.id" :value="item.id" :label="item.name" />
|
|
|
+ <el-select
|
|
|
+ v-model="wpId"
|
|
|
+ clearable
|
|
|
+ placeholder="请选择"
|
|
|
+ popper-class="select"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in wpArray"
|
|
|
+ :key="item.id"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="query-item">
|
|
|
<div class="lable">日期:</div>
|
|
|
<div class="search-input">
|
|
|
- <el-date-picker v-model="recorddate" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" popper-class="date-select">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="recorddate"
|
|
|
+ type="date"
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
+ placeholder="选择日期"
|
|
|
+ popper-class="date-select"
|
|
|
+ >
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -23,101 +39,286 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="df-table curTable">
|
|
|
- <el-table class="custom-table" :data="tableData.data" height="88vh" max-height="88vh" stripe style="width: 100%" :border="true">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="wtname" label="风机" width="150px"></el-table-column>
|
|
|
+ <el-table
|
|
|
+ class="custom-table"
|
|
|
+ :data="tableData.data"
|
|
|
+ height="88vh"
|
|
|
+ max-height="88vh"
|
|
|
+ stripe
|
|
|
+ style="width: 100%"
|
|
|
+ :border="true"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="wtname"
|
|
|
+ label="风机"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" :label="tableTitle">
|
|
|
<el-table-column :show-overflow-tooltip="true" label="近一天">
|
|
|
<el-table-column :show-overflow-tooltip="true" label="1">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day1top1name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day1top1" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day1top1name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day1top1"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="2">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day1top2name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day1top2" label="频次" :sortable="true"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day1top2name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day1top2"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="3">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day1top3name" label="故障"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day1top3" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day1top3name"
|
|
|
+ label="故障"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day1top3"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="近三天">
|
|
|
<el-table-column :show-overflow-tooltip="true" label="1">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day3top1name" label="故障"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day3top1" label="频次" :sortable="true"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day3top1name"
|
|
|
+ label="故障"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day3top1"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="2">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day3top2name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day3top2" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day3top2name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day3top2"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="3">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day3top3name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day3top3" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day3top3name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day3top3"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="近七天">
|
|
|
<el-table-column :show-overflow-tooltip="true" label="1">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day7top1name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day7top1" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day7top1name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day7top1"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="2">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day7top2name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day7top2" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day7top2name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day7top2"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="3">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day7top3name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day7top3" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day7top3name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day7top3"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="近十五天">
|
|
|
<el-table-column :show-overflow-tooltip="true" label="1">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day15top1name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day15top1" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day15top1name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day15top1"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="2">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day15top2name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day15top2" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day15top2name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day15top2"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="3">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day15top3name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="day15top3" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day15top3name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="day15top3"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="近一个月">
|
|
|
<el-table-column :show-overflow-tooltip="true" label="1">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="month1top1name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="month1top1" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="month1top1name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="month1top1"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="2">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="month1top2name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="month1top2" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="month1top2name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="month1top2"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
<el-table-column :show-overflow-tooltip="true" label="3">
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="month1top3name" label="故障" width="200px"></el-table-column>
|
|
|
- <el-table-column :show-overflow-tooltip="true" prop="month1top3" label="频次" :sortable="true" width="150px"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="month1top3name"
|
|
|
+ label="故障"
|
|
|
+ width="200px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ prop="month1top3"
|
|
|
+ label="频次"
|
|
|
+ :sortable="true"
|
|
|
+ width="150px"
|
|
|
+ ></el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- <el-dialog title="切入切出风速整合历史" v-model="dialogShow" width="85%" top="10vh" custom-class="modal"
|
|
|
- :close-on-click-modal="true" @closed="dialogType = ''">
|
|
|
+ <el-dialog
|
|
|
+ title="切入切出风速整合历史"
|
|
|
+ v-model="dialogShow"
|
|
|
+ width="85%"
|
|
|
+ top="10vh"
|
|
|
+ custom-class="modal"
|
|
|
+ :close-on-click-modal="true"
|
|
|
+ @closed="dialogType = ''"
|
|
|
+ >
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import apis from "@api/wisdomOverhaul/health/index.js";
|
|
|
+import api from "@api/wisdomOverhaul/reliability/index.js";
|
|
|
export default {
|
|
|
// 名称
|
|
|
name: "cutAnalyse",
|
|
|
|
|
|
// 数据
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
const that = this;
|
|
|
return {
|
|
|
isAsc: "asc",
|
|
|
wpArray: [],
|
|
|
wpId: "",
|
|
|
- recorddate: new Date((new Date().getTime() - 3600 * 1000 * 24)).formatDate("yyyy-MM-dd"),
|
|
|
+ recorddate: new Date(new Date().getTime() - 3600 * 1000 * 24).formatDate(
|
|
|
+ "yyyy-MM-dd"
|
|
|
+ ),
|
|
|
tableTitle: "",
|
|
|
tableData: {
|
|
|
column: [
|
|
@@ -126,8 +327,8 @@ export default {
|
|
|
field: "windturbineid",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
- sortable: true
|
|
|
- }
|
|
|
+ sortable: true,
|
|
|
+ },
|
|
|
],
|
|
|
data: [],
|
|
|
},
|
|
@@ -137,56 +338,46 @@ export default {
|
|
|
// 函数
|
|
|
methods: {
|
|
|
// 请求服务
|
|
|
- requestData () {
|
|
|
- let that = this;
|
|
|
- that.API.requestData({
|
|
|
- method: "GET",
|
|
|
- subUrl: "powercompare/windfarmAjax",
|
|
|
- success (res) {
|
|
|
- that.wpArray = res.data;
|
|
|
- that.wpId = res.data[0].id;
|
|
|
- that.getTableData();
|
|
|
- }
|
|
|
+ requestData() {
|
|
|
+ apis.powercompareWindfarmAjax().then((res) => {
|
|
|
+ this.wpArray = res.data;
|
|
|
+ this.wpId = res.data[0].id;
|
|
|
+ this.getTableData();
|
|
|
});
|
|
|
},
|
|
|
|
|
|
- getTableData () {
|
|
|
- let that = this;
|
|
|
- if (!that.wpId || !that.recorddate) {
|
|
|
- that.BASE.showMsg({
|
|
|
- msg: "场站与日期不可为空"
|
|
|
+ getTableData() {
|
|
|
+ if (!this.wpId || !this.recorddate) {
|
|
|
+ this.BASE.showMsg({
|
|
|
+ msg: "场站与日期不可为空",
|
|
|
});
|
|
|
} else {
|
|
|
- that.API.requestData({
|
|
|
- method: "GET",
|
|
|
- baseURL: "http://10.155.32.4:8034/",
|
|
|
- subUrl: "reliability/earlyWarn",
|
|
|
- data: {
|
|
|
- wpid: that.wpId,
|
|
|
- date: that.recorddate
|
|
|
- },
|
|
|
- success (res) {
|
|
|
+ api
|
|
|
+ .earlyWarn({
|
|
|
+ wpid: this.wpId,
|
|
|
+ date: this.recorddate,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
if (res.data.length) {
|
|
|
- that.tableTitle = res.data[0].wpname + "预警统计";
|
|
|
- that.tableData.data = res.data;
|
|
|
+ this.tableTitle = res.data[0].wpname + "预警统计";
|
|
|
+ this.tableData.data = res.data;
|
|
|
}
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- search () {
|
|
|
+ search() {
|
|
|
this.getTableData();
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
|
|
|
- created () {
|
|
|
+ created() {
|
|
|
this.requestData();
|
|
|
},
|
|
|
|
|
|
- mounted () { },
|
|
|
+ mounted() {},
|
|
|
|
|
|
- unmounted () { },
|
|
|
+ unmounted() {},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
@@ -214,7 +405,7 @@ export default {
|
|
|
margin-top: 1.481vh;
|
|
|
|
|
|
&:before {
|
|
|
- content: '';
|
|
|
+ content: "";
|
|
|
width: 0.37vh;
|
|
|
height: 0.37vh;
|
|
|
background: @write;
|