|
|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="photoStatisBox">
|
|
|
|
|
<div class="searchBox" ref="searchref">
|
|
|
|
|
<div class="photoStatisBox" :height="statisHeight" ref="statisRef">
|
|
|
|
|
<div class="searchBox" ref="searchref" v-if="drawerSearch">
|
|
|
|
|
<el-form :inline="true" :model="formdata" class="demo-form-inline">
|
|
|
|
|
<el-form-item label="电压等级" class="dyclass">
|
|
|
|
|
<el-select v-model="formdata.dyid" @change="getSearchxl">
|
|
|
|
|
@ -64,14 +64,14 @@
|
|
|
|
|
>
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-form-item label="模糊查询" class="schclass">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="formdata.search"
|
|
|
|
|
placeholder="请输入线路/杆塔/设备名称"
|
|
|
|
|
clearable
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-form-item class="onsubBtn">
|
|
|
|
|
<el-button type="primary" @click="onSubmit">查询</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
@ -84,7 +84,7 @@
|
|
|
|
|
tooltip-effect="dark"
|
|
|
|
|
stripe
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
height="calc(100% - 0px)"
|
|
|
|
|
:height="tableheight"
|
|
|
|
|
fit
|
|
|
|
|
>
|
|
|
|
|
<template slot="empty">
|
|
|
|
|
@ -95,17 +95,18 @@
|
|
|
|
|
{{ (page - 1) * pageSize + scope.$index + 1 }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="id" label="ID" width="80px"> </el-table-column>
|
|
|
|
|
<!-- <el-table-column prop="id" label="ID" width="80px"> </el-table-column> -->
|
|
|
|
|
<el-table-column prop="dyName" label="电压等级"> </el-table-column>
|
|
|
|
|
<el-table-column prop="lineName" label="线路名称"> </el-table-column>
|
|
|
|
|
<el-table-column prop="lineName" label="线路名称" show-overflow-tooltip>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="towerName"
|
|
|
|
|
label="杆塔名称"
|
|
|
|
|
width="180"
|
|
|
|
|
min-width="180"
|
|
|
|
|
show-overflow-tooltip
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="cmdid" label="装置id">
|
|
|
|
|
<el-table-column prop="cmdid" label="装置id" min-width="140">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-link
|
|
|
|
|
type="primary"
|
|
|
|
|
@ -115,8 +116,13 @@
|
|
|
|
|
></template
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="protocolName" label="规约"> </el-table-column>
|
|
|
|
|
<el-table-column prop="lastHeartbeat" label="最后心跳时间">
|
|
|
|
|
<el-table-column prop="protocolName" label="规约" show-overflow-tooltip>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="lastHeartbeat"
|
|
|
|
|
label="最后心跳时间"
|
|
|
|
|
min-width="130"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-link
|
|
|
|
|
type="primary"
|
|
|
|
|
@ -132,18 +138,30 @@
|
|
|
|
|
></template
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="firstPhotoTime" label="当天第一张照片时间">
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="firstPhotoTime"
|
|
|
|
|
label="当天第一张照片时间"
|
|
|
|
|
min-width="130"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.photoInfo.firstPhotoTime }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="lastRecvTime" label="照片最后接收时间">
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="lastRecvTime"
|
|
|
|
|
label="照片最后接收时间"
|
|
|
|
|
min-width="130"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.photoInfo.lastRecvTime }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="rebootCount" label="重启次数"> </el-table-column>
|
|
|
|
|
<el-table-column prop="workingStatus.bootTime" label="最后重启时间">
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="workingStatus.bootTime"
|
|
|
|
|
label="最后重启时间"
|
|
|
|
|
min-width="130"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{
|
|
|
|
|
scope.row.workingStatus.bootTime == null ||
|
|
|
|
|
@ -174,6 +192,7 @@
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ipDialog ref="ipDialogref"></ipDialog>
|
|
|
|
|
<photoDialog ref="photoDialogref"></photoDialog>
|
|
|
|
|
</div>
|
|
|
|
|
@ -219,6 +238,8 @@ export default {
|
|
|
|
|
pageSize: 20, // 每页数量
|
|
|
|
|
total: 0, //总条数
|
|
|
|
|
photoLoading: false,
|
|
|
|
|
drawerSearch: false,
|
|
|
|
|
tableheight: "100%",
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {},
|
|
|
|
|
@ -328,13 +349,38 @@ export default {
|
|
|
|
|
handleShowIp(row) {
|
|
|
|
|
this.$refs.ipDialogref.display(row);
|
|
|
|
|
},
|
|
|
|
|
showSearch() {
|
|
|
|
|
this.drawerSearch = !this.drawerSearch;
|
|
|
|
|
console.log(this.drawerSearch);
|
|
|
|
|
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
if (this.drawerSearch) {
|
|
|
|
|
// 如果抽屉现在是可见的，获取其高度
|
|
|
|
|
console.log(this.$refs.statisRef.offsetHeight);
|
|
|
|
|
const searchBoxHeight = this.$refs.searchref.offsetHeight;
|
|
|
|
|
console.log("搜索框的高度:", searchBoxHeight);
|
|
|
|
|
this.tableheight =
|
|
|
|
|
this.$refs.statisRef.offsetHeight - searchBoxHeight - 36;
|
|
|
|
|
console.log(this.tableheight);
|
|
|
|
|
} else {
|
|
|
|
|
this.tableheight = "100%";
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="less">
|
|
|
|
|
.photoStatisBox {
|
|
|
|
|
height: 100%;
|
|
|
|
|
//background-color: #fcc;
|
|
|
|
|
.searchBox {
|
|
|
|
|
.el-form {
|
|
|
|
|
.el-form-item--small.el-form-item {
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dyclass {
|
|
|
|
|
.el-select {
|
|
|
|
|
width: 120px;
|
|
|
|
|
@ -363,7 +409,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.deviceTable {
|
|
|
|
|
height: calc(100% - 94px);
|
|
|
|
|
height: calc(100% - 32px);
|
|
|
|
|
//background: #fcc;
|
|
|
|
|
.el-table {
|
|
|
|
|
.cell {
|
|
|
|
|
@ -371,6 +417,23 @@ export default {
|
|
|
|
|
vertical-align: middle; /* 如果需要垂直居中 */
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.el-table {
|
|
|
|
|
color: #000;
|
|
|
|
|
thead {
|
|
|
|
|
color: #000;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
th.el-table__cell {
|
|
|
|
|
background: #dcdcdc !important;
|
|
|
|
|
}
|
|
|
|
|
td.el-table__cell,
|
|
|
|
|
th.el-table__cell.is-leaf {
|
|
|
|
|
border-bottom: 1px solid #dcdcdc;
|
|
|
|
|
}
|
|
|
|
|
.el-table__cell {
|
|
|
|
|
border-right: 1px solid #dcdcdc;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
fanluyan
1 year ago