|
@@ -165,44 +165,50 @@
|
|
|
v-for="(item, index) in state.tHeard"
|
|
|
:key="index"
|
|
|
:prop="item"
|
|
|
+ min-width="170"
|
|
|
header-align="center"
|
|
|
show-overflow-tooltip
|
|
|
sortable="custom"
|
|
|
>
|
|
|
- <template #default="{ row }">
|
|
|
+ <template #default="scope">
|
|
|
<div class="bar">
|
|
|
- <div
|
|
|
- class="bar-percent"
|
|
|
- :data-type="$store.state.moreSty"
|
|
|
- :style="{
|
|
|
+ <!-- :style="{
|
|
|
width:
|
|
|
row[`${item.code}_count`] && row[`${item.code}_time`]
|
|
|
- ? (row[`${item.code}_count`] /
|
|
|
- (row[`${item.code}_count`] +
|
|
|
- row[`${item.code}_time`])) *
|
|
|
+ ? (Math.ceil(row[`${item.code}_count`]) /
|
|
|
+ (Math.ceil(row[`${item.code}_count`]) +
|
|
|
+ Math.ceil(row[`${item.code}_time`]))) *
|
|
|
100 +
|
|
|
'px'
|
|
|
: '0px',
|
|
|
- }"
|
|
|
+ }" -->
|
|
|
+ <div
|
|
|
+ class="bar-percent"
|
|
|
+ :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">{{ row[`${item.code}_count`] }} 次数</span> -->
|
|
|
+ <span class="value">{{ Math.ceil(scope.row[`${item.code}_count`]) }} 次数</span>
|
|
|
+ <!-- <span class="value">{{ showRow(scope) }} 次数</span> -->
|
|
|
</div>
|
|
|
<div class="bar">
|
|
|
- <div
|
|
|
- class="bar-percent"
|
|
|
- :data-type="$store.state.moreSty"
|
|
|
- :style="{
|
|
|
+ <!-- :style="{
|
|
|
width:
|
|
|
row[`${item.code}_count`] && row[`${item.code}_time`]
|
|
|
- ? (row[`${item.code}_time`] /
|
|
|
- (row[`${item.code}_count`] +
|
|
|
- row[`${item.code}_time`])) *
|
|
|
+ ? (Math.ceil(row[`${item.code}_time`]) /
|
|
|
+ (Math.ceil(row[`${item.code}_count`]) +
|
|
|
+ Math.ceil(row[`${item.code}_time`]))) *
|
|
|
100 +
|
|
|
'px'
|
|
|
: '0px',
|
|
|
- }"
|
|
|
+ }" -->
|
|
|
+ <div
|
|
|
+ class="bar-percent"
|
|
|
+ :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">{{ row[`${item.code}_time`] }} 分钟</span> -->
|
|
|
+ <span class="value">{{ Math.ceil(scope.row[`${item.code}_time`]) }} 分钟</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -271,8 +277,9 @@ onMounted(() => {
|
|
|
getWpArray();
|
|
|
getequipmentmodel_list();
|
|
|
getfetchRelatePart();
|
|
|
- state.tHeard = dataJson.data.data.title;
|
|
|
- state.tableData = dataJson.data.data.data;
|
|
|
+// state.tHeard = dataJson.data.data.title;
|
|
|
+// state.tableData = dataJson.data.data.data;
|
|
|
+ changeTableData(dataJson.data.data.dataList)
|
|
|
// getTableList();
|
|
|
});
|
|
|
const pageTitle = "预警分析";
|
|
@@ -293,10 +300,10 @@ const state = reactive({
|
|
|
label: "风机",
|
|
|
value: "windturbine",
|
|
|
},
|
|
|
- {
|
|
|
- label: "光伏",
|
|
|
- value: "inverter",
|
|
|
- },
|
|
|
+ // {
|
|
|
+ // label: "光伏",
|
|
|
+ // value: "inverter",
|
|
|
+ // },
|
|
|
],
|
|
|
tableData: [],
|
|
|
tHeard: [],
|
|
@@ -327,6 +334,10 @@ const changeType = async (value) => {
|
|
|
getWpArray();
|
|
|
};
|
|
|
|
|
|
+const showRow = (row) => {
|
|
|
+ debugger
|
|
|
+}
|
|
|
+
|
|
|
const getWpArray = async () => {
|
|
|
const { data } = await getWpList(state.typeVal);
|
|
|
changZhanArray.value = data;
|
|
@@ -615,7 +626,17 @@ function getTableList() {
|
|
|
alarmIds: state.alarmIds,
|
|
|
deviceType: state.typeVal,
|
|
|
}).then((res) => {
|
|
|
- if (res.length) {
|
|
|
+ changeTableData(res)
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ BASE.showMsg({
|
|
|
+ msg: "部件至少选择一项才可查询",
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+const changeTableData = (res) => {
|
|
|
+ if (res.length) {
|
|
|
let tableData = [];
|
|
|
let tHeard = [];
|
|
|
let data = res;
|
|
@@ -649,12 +670,6 @@ function getTableList() {
|
|
|
state.tHeard = [];
|
|
|
state.tableData = [];
|
|
|
}
|
|
|
- });
|
|
|
- } else {
|
|
|
- BASE.showMsg({
|
|
|
- msg: "部件至少选择一项才可查询",
|
|
|
- });
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
const handleSort = function (val) {
|
|
@@ -763,7 +778,7 @@ const compare = function (property) {
|
|
|
}
|
|
|
}
|
|
|
.table_all {
|
|
|
- width: calc(100% - 40px);
|
|
|
+ width: calc(100% - 20px);
|
|
|
height: calc(100% - 130px);
|
|
|
padding: 20px;
|
|
|
.leftContent[data-type~="greenSty"] {
|
|
@@ -803,15 +818,9 @@ const compare = function (property) {
|
|
|
align-items: center;
|
|
|
height: 16px;
|
|
|
margin: 8px 0;
|
|
|
-
|
|
|
- .bar-percent[data-type~="greenSty"] {
|
|
|
- background: @green;
|
|
|
- }
|
|
|
- .bar-percent[data-type~="blueSty"] {
|
|
|
- background: @darkBlue;
|
|
|
- }
|
|
|
.bar-percent {
|
|
|
height: 100%;
|
|
|
+ background: #2169c3;
|
|
|
margin-right: 8px;
|
|
|
}
|
|
|
}
|