|
|
@ -2,13 +2,13 @@
|
|
|
|
<div class="container">
|
|
|
|
<div class="container">
|
|
|
|
<div class="centerImg"></div>
|
|
|
|
<div class="centerImg"></div>
|
|
|
|
<div class="leftMenu">
|
|
|
|
<div class="leftMenu">
|
|
|
|
<div v-for="(i,k) in deviceList" class="item" @click="getRightData(i)" :key="k">
|
|
|
|
<div v-for="(i,k) in deviceList" :key="k" class="item" @click="getRightData(i)">
|
|
|
|
<span>{{ i.deviceModeName }}</span>
|
|
|
|
<span>{{ i.deviceModeName }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div ref="right" class="right">
|
|
|
|
<div ref="right" class="right">
|
|
|
|
<div ref="search" class="search" style="min-height: 60px">
|
|
|
|
<div ref="search" class="search" style="min-height: 60px">
|
|
|
|
<el-form :inline="true" :model="form" class="demo-form-inline" v-show="tableShow">
|
|
|
|
<el-form v-show="tableShow" :inline="true" :model="form" class="demo-form-inline">
|
|
|
|
<el-form-item label="传感器编号">
|
|
|
|
<el-form-item label="传感器编号">
|
|
|
|
<el-input v-model="form.data1" placeholder="传感器编号"></el-input>
|
|
|
|
<el-input v-model="form.data1" placeholder="传感器编号"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
@ -18,10 +18,10 @@
|
|
|
|
<el-form-item label="采集时间">
|
|
|
|
<el-form-item label="采集时间">
|
|
|
|
<el-date-picker
|
|
|
|
<el-date-picker
|
|
|
|
v-model="form.data3"
|
|
|
|
v-model="form.data3"
|
|
|
|
type="datetimerange"
|
|
|
|
end-placeholder="结束日期"
|
|
|
|
range-separator="至"
|
|
|
|
range-separator="至"
|
|
|
|
start-placeholder="开始日期"
|
|
|
|
start-placeholder="开始日期"
|
|
|
|
end-placeholder="结束日期">
|
|
|
|
type="datetimerange">
|
|
|
|
</el-date-picker>
|
|
|
|
</el-date-picker>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-form-item>
|
|
|
@ -32,14 +32,20 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div :style="{height:maxHeight+'px'}" class="table">
|
|
|
|
<div :style="{height:maxHeight+'px'}" class="table">
|
|
|
|
<el-table
|
|
|
|
<el-table
|
|
|
|
v-loading="loading"
|
|
|
|
|
|
|
|
v-if='tableShow'
|
|
|
|
v-if='tableShow'
|
|
|
|
|
|
|
|
v-loading="loading"
|
|
|
|
:cell-style="setStyle"
|
|
|
|
:cell-style="setStyle"
|
|
|
|
:data="tableData"
|
|
|
|
:data="tableData"
|
|
|
|
:header-cell-style="{ textAlign: 'center',backgroundColor:'#0a457d' }"
|
|
|
|
:header-cell-style="{ textAlign: 'center',backgroundColor:'#0a457d' }"
|
|
|
|
:max-height="maxHeight">
|
|
|
|
:max-height="maxHeight">
|
|
|
|
style="width: 100%">
|
|
|
|
style="width: 100%">
|
|
|
|
<el-table-column v-for="i in deviceDataColumns" :label="i.columnName" :prop="i.columnKey">
|
|
|
|
<el-table-column v-for="i in deviceDataColumns" :label="i.columnName" :prop="i.columnKey">
|
|
|
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
|
|
|
<img v-if="tableData[scope.$index][i.columnKey].toString().includes('http')"
|
|
|
|
|
|
|
|
:src="tableData[scope.$index][i.columnKey]" alt="" height="100px"
|
|
|
|
|
|
|
|
width="100px">
|
|
|
|
|
|
|
|
<span v-else> {{ tableData[scope.$index][i.columnKey].toString() }}</span>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<!-- <el-table-column-->
|
|
|
|
<!-- <el-table-column-->
|
|
|
|
<!-- label="rssi"-->
|
|
|
|
<!-- label="rssi"-->
|
|
|
@ -69,18 +75,21 @@
|
|
|
|
<!-- label="voltage"-->
|
|
|
|
<!-- label="voltage"-->
|
|
|
|
<!-- prop="voltage">-->
|
|
|
|
<!-- prop="voltage">-->
|
|
|
|
<!-- </el-table-column>-->
|
|
|
|
<!-- </el-table-column>-->
|
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
|
<el-table-column align="center" class-name="small-padding fixed-width" label="操作">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<el-button
|
|
|
|
<el-button
|
|
|
|
type="primary"
|
|
|
|
type="primary"
|
|
|
|
@click="toHistory(scope.row.deviceid,scope.row.devicemodeid)"
|
|
|
|
@click="toHistory(scope.row.deviceid,scope.row.devicemodeid)"
|
|
|
|
>查看历史</el-button>
|
|
|
|
>查看历史
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
|
|
</el-table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div ref="pagination" style="margin-top: 12px;height: 36px;">
|
|
|
|
<div ref="pagination" style="margin-top: 12px;height: 36px;">
|
|
|
|
<el-pagination :current-page="offset" :total="total" background layout="prev, pager, next" style="display: inline-block;float:right;" :pageSize="limit" @current-change="currentChange">
|
|
|
|
<el-pagination :current-page="offset" :pageSize="limit" :total="total" background
|
|
|
|
|
|
|
|
layout="prev, pager, next" style="display: inline-block;float:right;"
|
|
|
|
|
|
|
|
@current-change="currentChange">
|
|
|
|
</el-pagination>
|
|
|
|
</el-pagination>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -94,8 +103,7 @@ import {
|
|
|
|
} from '@/api/board/equipmentMonitoring'
|
|
|
|
} from '@/api/board/equipmentMonitoring'
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
components: {},
|
|
|
|
},
|
|
|
|
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
loading: false,
|
|
|
|
loading: false,
|
|
|
@ -122,6 +130,9 @@ export default {
|
|
|
|
await this.getData()
|
|
|
|
await this.getData()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
log(e) {
|
|
|
|
|
|
|
|
console.log(e)
|
|
|
|
|
|
|
|
},
|
|
|
|
query() {
|
|
|
|
query() {
|
|
|
|
this.getRightData({deviceModeId: this.deviceModeId})
|
|
|
|
this.getRightData({deviceModeId: this.deviceModeId})
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -253,6 +264,7 @@ export default {
|
|
|
|
color: #25bffc;
|
|
|
|
color: #25bffc;
|
|
|
|
border-color: #25bffc;
|
|
|
|
border-color: #25bffc;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .el-range-input {
|
|
|
|
/deep/ .el-range-input {
|
|
|
|
background-color: #0000;
|
|
|
|
background-color: #0000;
|
|
|
|
}
|
|
|
|
}
|
|
|
|