Commit 73e73739 authored by xinzhedeai's avatar xinzhedeai

设备信息

parent 75619be6
......@@ -8,6 +8,14 @@ export function getDepts(params) {
})
}
export function getDeptList(params) {
return request({
url: 'api/dept/tree',
method: 'get',
params
})
}
export function getDeptSuperior(ids) {
const data = ids.length || ids.length === 0 ? ids : Array.of(ids)
return request({
......
<template>
<div class="app-container">
<!--工具栏-->
<!-- <span style="color: red;font-size: 10px;">* 原型图菜单叫监控数据,但其他2处监控叫实时数据,此页面查询的也是最新的测点数据,为措辞统一,这里也叫实时数据了。</span>
<span style="color: red;font-size: 10px;">* 测点类型在新增时是填写的,在这里是选择的?在填过的内容里选择吗?等对接了硬件可能会更清楚这个类型是干什么用的。</span> -->
<div class="head-container">
<div>
<el-input clearable size="small" placeholder="测点名称" style="width: 200px;" class="filter-item" />
<el-select v-model="value" placeholder="测点类型?" style="width: 200px;" class="filter-item">
<el-option label="测点类型?" value="1" />
</el-select>
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="$message('等待硬件对接中')">搜索</el-button>
<el-button class="filter-item" size="mini" type="warning" icon="el-icon-refresh-left">重置</el-button>
</div>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<div>
<el-input
v-model="equipname"
clearable
size="small"
placeholder="测点名称"
style="width: 200px"
class="filter-item"
/>
<date-range-picker v-model="datarealtime" class="date-item" />
<el-button
class="filter-item"
size="mini"
type="success"
icon="el-icon-search"
@click="search"
>搜索</el-button
>
<el-button
class="filter-item"
size="mini"
type="warning"
icon="el-icon-refresh-left"
@click="clearSearch"
>重置</el-button
>
</div>
<!--表格-->
<el-table ref="table" v-loading="searching" :data="tableData" row-key="id">
<el-table-column :show-overflow-tooltip="true" prop="id" label="编号" width="100px" align="center" />
<el-table-column :show-overflow-tooltip="true" prop="mineName" label="测点名称" align="center" />
<el-table-column :show-overflow-tooltip="true" prop="name" label="测点编号" align="center" />
<el-table-column :show-overflow-tooltip="true" prop="code" label="监测值" align="center" />
<el-table-column :show-overflow-tooltip="true" prop="monitoringType" label="监测时间" align="center" />
<el-table-column :show-overflow-tooltip="true" prop="unit" label="报警状态" align="center" />
</el-table>
<el-pagination
:page-sizes="[10, 20, 50, 100]"
:current-page.sync="searchParam.page"
:page-size.sync="searchParam.count"
:total="searchResult.total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="searchSubmit"
@current-change="searchSubmit"
/>
</div>
</template>
<script>
export default {
name: 'EIotEnvironmentData', // 本页面名
data() {
return {
searching: false,
searchParam: {},
searchResult: {
results: []
}
}
<!--表格-->
<el-table ref="table" v-loading="loading" :data="tableData" row-key="id">
<el-table-column
:show-overflow-tooltip="true"
prop="sensorid"
label="站点编号"
width="130px"
align="center"
/>
<el-table-column
:show-overflow-tooltip="true"
prop="sensorname"
label="测站名称"
align="center"
/>
<el-table-column
:show-overflow-tooltip="true"
prop="dispx"
label="X变化量"
align="center"
/>
<el-table-column
:show-overflow-tooltip="true"
prop="dispy"
label="Y变化量"
align="center"
/>
<el-table-column
:show-overflow-tooltip="true"
prop="disph"
label="Z变化量"
align="center"
/>
<el-table-column
:show-overflow-tooltip="true"
prop="time"
label="监测时间"
align="center"
>
</el-table-column>
</el-table>
<el-pagination
:page-sizes="[10, 20, 50, 100]"
:current-page.sync="page"
:page-size.sync="size"
:total="totalElement"
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</template>
<script>
import API from "@/api/newResource/data.js";
import { getToken } from "@/utils/auth";
import { mapGetters } from "vuex";
import DateRangePicker from '@/components/DateRangePicker'
export default {
name: "newResourceDisplaceMachine", // 本页面名
data() {
return {
equipname: '',
datarealtime: '',
loading: false,
tableData: [],
// 总的个数
totalElement: 0,
// 当前页的条数
size: 10,
// 当前页码
page: 1,
};
},
components: { DateRangePicker },
mounted() {
this.search()
},
methods: {
getData() {
this.loading = true;
API.getDataList({
page: this.page,
size: this.size,
time: this.datarealtime && this.datarealtime.join(',') || '',
sensorname: this.equipname,
})
.then((response) => {
this.loading = false;
this.tableData = response.body.list;
})
.catch(() => {
this.loading = false;
});
},
// 模糊搜索
search() {
this.getData();
},
clearSearch() {
this.equipname = ''
this.datarealtime = ''
this.size = 10;
this.page = 0;
this.getData();
},
computed: {
tableData() {
// 此处对返回值进行算法重组
return this.searchResult.results
}
// 当前页的条数变化
handleSizeChange(val) {
this.size = val;
this.getData();
},
mounted() {
// 当前第几页
handleCurrentChange(val) {
this.page = val;
this.getData();
},
methods: {
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
::v-deep .el-input-number .el-input__inner {
text-align: left;
}
::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
height: 30px;
line-height: 30px;
}
</style>
\ No newline at end of file
},
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
::v-deep .el-input-number .el-input__inner {
text-align: left;
}
::v-deep .vue-treeselect__control,
::v-deep .vue-treeselect__placeholder,
::v-deep .vue-treeselect__single-value {
height: 30px;
line-height: 30px;
}
</style>
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment