|
@@ -172,7 +172,7 @@
|
|
|
>
|
|
|
<template #default="scope">
|
|
|
<div class="bar">
|
|
|
- <!-- :style="{
|
|
|
+ <!-- :style="{
|
|
|
width:
|
|
|
row[`${item.code}_count`] && row[`${item.code}_time`]
|
|
|
? (Math.ceil(row[`${item.code}_count`]) /
|
|
@@ -184,15 +184,22 @@
|
|
|
}" -->
|
|
|
<div
|
|
|
class="bar-percent"
|
|
|
- :style="{width: (Math.ceil(scope.row[`${item.code}_count`]) /
|
|
|
- Math.ceil(scope.column.realWidth))*100 + 'px'}"
|
|
|
+ :style="{
|
|
|
+ width:
|
|
|
+ (Math.ceil(scope.row[`${item.code}_count`]) /
|
|
|
+ Math.ceil(scope.column.realWidth)) *
|
|
|
+ 100 +
|
|
|
+ 'px',
|
|
|
+ }"
|
|
|
></div>
|
|
|
- <!-- <span class="value">{{ row[`${item.code}_count`] }} 次数</span> -->
|
|
|
- <span class="value">{{ Math.ceil(scope.row[`${item.code}_count`]) }} 次数</span>
|
|
|
- <!-- <span class="value">{{ showRow(scope) }} 次数</span> -->
|
|
|
+ <!-- <span class="value">{{ row[`${item.code}_count`] }} 次</span> -->
|
|
|
+ <span class="value"
|
|
|
+ >{{ getCalcValue(scope.row[`${item.code}_count`]) }} 次</span
|
|
|
+ >
|
|
|
+ <!-- <span class="value">{{ showRow(scope) }} 次</span> -->
|
|
|
</div>
|
|
|
<div class="bar">
|
|
|
- <!-- :style="{
|
|
|
+ <!-- :style="{
|
|
|
width:
|
|
|
row[`${item.code}_count`] && row[`${item.code}_time`]
|
|
|
? (Math.ceil(row[`${item.code}_time`]) /
|
|
@@ -204,11 +211,18 @@
|
|
|
}" -->
|
|
|
<div
|
|
|
class="bar-percent"
|
|
|
- :style="{width: (Math.ceil(scope.row[`${item.code}_time`]) /
|
|
|
- Math.ceil(scope.column.realWidth))*100 + 'px'}"
|
|
|
+ :style="{
|
|
|
+ width:
|
|
|
+ (Math.ceil(scope.row[`${item.code}_time`]) /
|
|
|
+ Math.ceil(scope.column.realWidth)) *
|
|
|
+ 100 +
|
|
|
+ 'px',
|
|
|
+ }"
|
|
|
></div>
|
|
|
<!-- <span class="value">{{ row[`${item.code}_time`] }} 分钟</span> -->
|
|
|
- <span class="value">{{ Math.ceil(scope.row[`${item.code}_time`]) }} 分钟</span>
|
|
|
+ <span class="value"
|
|
|
+ >{{ getCalcValue(scope.row[`${item.code}_time`]) }} 分钟</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -277,9 +291,9 @@ onMounted(() => {
|
|
|
getWpArray();
|
|
|
getequipmentmodel_list();
|
|
|
getfetchRelatePart();
|
|
|
-// state.tHeard = dataJson.data.data.title;
|
|
|
-// state.tableData = dataJson.data.data.data;
|
|
|
- changeTableData(dataJson.data.data.dataList)
|
|
|
+ // state.tHeard = dataJson.data.data.title;
|
|
|
+ // state.tableData = dataJson.data.data.data;
|
|
|
+ changeTableData(dataJson.data.data.dataList);
|
|
|
// getTableList();
|
|
|
});
|
|
|
const pageTitle = "预警分析";
|
|
@@ -319,6 +333,14 @@ const state = reactive({
|
|
|
dialogVisible: false,
|
|
|
});
|
|
|
|
|
|
+const getCalcValue = (num) => {
|
|
|
+ if (!num) {
|
|
|
+ return 0;
|
|
|
+ } else {
|
|
|
+ return Math.ceil(num);
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
const changeType = async (value) => {
|
|
|
state.typeVal = value;
|
|
|
state.tHeard = [];
|
|
@@ -335,8 +357,8 @@ const changeType = async (value) => {
|
|
|
};
|
|
|
|
|
|
const showRow = (row) => {
|
|
|
- debugger
|
|
|
-}
|
|
|
+ debugger;
|
|
|
+};
|
|
|
|
|
|
const getWpArray = async () => {
|
|
|
const { data } = await getWpList(state.typeVal);
|
|
@@ -626,7 +648,7 @@ function getTableList() {
|
|
|
alarmIds: state.alarmIds,
|
|
|
deviceType: state.typeVal,
|
|
|
}).then((res) => {
|
|
|
- changeTableData(res)
|
|
|
+ changeTableData(res);
|
|
|
});
|
|
|
} else {
|
|
|
BASE.showMsg({
|
|
@@ -636,41 +658,41 @@ function getTableList() {
|
|
|
}
|
|
|
|
|
|
const changeTableData = (res) => {
|
|
|
- if (res.length) {
|
|
|
- let tableData = [];
|
|
|
- let tHeard = [];
|
|
|
- let data = res;
|
|
|
- data.forEach((pEle) => {
|
|
|
- for (let wtId in pEle) {
|
|
|
- let wtItem = data.find((tableItem) => {
|
|
|
- return wtId === tableItem.windturbineId;
|
|
|
- });
|
|
|
- !wtItem && (wtItem = { wtId });
|
|
|
- pEle[wtId].forEach((cEle) => {
|
|
|
- let someRes = tHeard.some((findEle) => {
|
|
|
- return findEle.label == cEle.alertText;
|
|
|
- });
|
|
|
+ if (res.length) {
|
|
|
+ let tableData = [];
|
|
|
+ let tHeard = [];
|
|
|
+ let data = res;
|
|
|
+ data.forEach((pEle) => {
|
|
|
+ for (let wtId in pEle) {
|
|
|
+ let wtItem = data.find((tableItem) => {
|
|
|
+ return wtId === tableItem.windturbineId;
|
|
|
+ });
|
|
|
+ !wtItem && (wtItem = { wtId });
|
|
|
+ pEle[wtId].forEach((cEle) => {
|
|
|
+ let someRes = tHeard.some((findEle) => {
|
|
|
+ return findEle.label == cEle.alertText;
|
|
|
+ });
|
|
|
|
|
|
- if (!someRes) {
|
|
|
- tHeard.push({
|
|
|
- label: cEle.alertText,
|
|
|
- code: cEle.alarmid,
|
|
|
- });
|
|
|
- }
|
|
|
- wtItem[`${cEle.alarmid}_count`] = cEle.count;
|
|
|
- wtItem[`${cEle.alarmid}_time`] = cEle.time;
|
|
|
- wtItem["wtname"] = cEle.windturbineCode;
|
|
|
+ if (!someRes) {
|
|
|
+ tHeard.push({
|
|
|
+ label: cEle.alertText,
|
|
|
+ code: cEle.alarmid,
|
|
|
});
|
|
|
- tableData.push(wtItem);
|
|
|
}
|
|
|
+ wtItem[`${cEle.alarmid}_count`] = cEle.count;
|
|
|
+ wtItem[`${cEle.alarmid}_time`] = cEle.time;
|
|
|
+ wtItem["wtname"] = cEle.windturbineCode;
|
|
|
});
|
|
|
- state.tHeard = tHeard;
|
|
|
- state.tableData = tableData;
|
|
|
- } else {
|
|
|
- state.tHeard = [];
|
|
|
- state.tableData = [];
|
|
|
+ tableData.push(wtItem);
|
|
|
}
|
|
|
-}
|
|
|
+ });
|
|
|
+ state.tHeard = tHeard;
|
|
|
+ state.tableData = tableData;
|
|
|
+ } else {
|
|
|
+ state.tHeard = [];
|
|
|
+ state.tableData = [];
|
|
|
+ }
|
|
|
+};
|
|
|
|
|
|
const handleSort = function (val) {
|
|
|
let item = val.prop;
|