Commit 463c9c83 authored by yanzhongrong's avatar yanzhongrong

add Query history

parent 872045ff
......@@ -13,6 +13,7 @@ const path = {
ConnectMaintainList: 'sysHistoryConnectMaintain/selectPage',
ConnectMaintainDelete: 'sysHistoryConnectMaintain/batchDeleteHistoryConnectMaintain',
commonQuery: 'sysHistoryCommon/getSiteAndAlarmAll',
}
export function MonitorStatusList() {
......@@ -43,3 +44,7 @@ export function ConnectMaintainDelete() {
return request.post(path.ConnectMaintainDelete, ...arguments)
}
export function commonQuery() {
return request.post(path.commonQuery, ...arguments)
}
<template>
<div>
<el-form class="search-form" :model="form" ref="form" label-width="130px" :inline="true" size="mini">
<el-form-item label="网元设备" >
<el-input v-model="form.pointDeviceName" clearable placeholder="请输入网元设备"></el-input>
</el-form-item>
<el-form-item label="维修人员信息" >
<el-input v-model="form.userName" clearable placeholder="请输入维修人员信息"></el-input>
</el-form-item>
<el-form-item label="连接告警维修时间">
<el-date-picker
v-model="dateRange"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="success" @click="toSearch">查询</el-button>
<el-button type="primary" @click="reset">重置</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
name: 'search',
data() {
return {
form: formInit(),
dateRange: [],
}
},
mounted() {
},
methods: {
toSearch() {
this.form.startConnectAlarmMaintainTime = this.dateRange[0]
this.form.endConnectAlarmMaintainTime = this.dateRange[1]
this.$emit('search', this.form)
},
reset() {
this.dateRange = []
this.form = formInit()
},
}
}
function formInit() {
return {
pointDeviceName: '',
startConnectAlarmMaintainTime: '',
endConnectAlarmMaintainTime: '',
userName: ''
}
}
</script>
<style scoped lang="scss">
.w200 {
width: 200px;
}
.search-form {
padding: 10px;
background-color: #EAF1FE;
margin-bottom: 20px;
border-radius: 8px;
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
margin-bottom: 0;
}
}
</style>
\ No newline at end of file
......@@ -4,20 +4,17 @@
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<el-button
:type="multipleSelection.length ? 'primary' : 'info'"
:disabled="!multipleSelection.length"
@click="toDelete"
>删除</el-button
>
<delids :multipleSelection2="multipleSelection" @del="toDelete"
>删除</delids>
<el-button type="primary" @click="getTableData">刷新</el-button>
<el-button type="primary">查询</el-button>
<el-button type="primary" @click="isQuery = !isQuery">查询</el-button>
<el-button type="primary">导出</el-button>
<el-button type="primary">清空数据</el-button>
</div>
</div>
<div v-if="isQuery">
<search @search="getTableData" />
</div>
<el-table
:data="tableData"
style="width: 100%"
......@@ -56,6 +53,7 @@
<script>
import { ConnectMaintainList, ConnectMaintainDelete } from '../api'
import { ConnectStatusEnum } from '@/const/index'
import search from './components/search.vue'
export default {
data() {
......@@ -68,9 +66,12 @@ export default {
},
total: 14,
tableData: [],
isQuery: false
};
},
computed: {},
components: {
search
},
methods: {
handleSelectionChange(val) {
let deleteIds = val.map(item => item.id)
......@@ -81,8 +82,12 @@ export default {
this.params.current = pageData.page;
this.getTableData()
},
getTableData() {
ConnectMaintainList(this.params).then(res => {
getTableData(option) {
let params = {
...this.params,
...option
}
ConnectMaintainList(params).then(res => {
let list = res.records || []
list.forEach(item => {
item.pointConnectStatus_text = this.ConnectStatusEnum[item.pointConnectStatus]
......
<template>
<div>
<el-form class="search-form" :model="form" ref="form" label-width="80px" :inline="true" size="mini">
<el-form-item label="网元设备" >
<el-input v-model="form.pointDeviceName" clearable placeholder="请输入网元设备"></el-input>
</el-form-item>
<el-form-item label="上传时间">
<el-date-picker
v-model="uploadRange"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item label="取消时间">
<el-date-picker
v-model="cancelRange"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="success" @click="toSearch">查询</el-button>
<el-button type="primary" @click="reset">重置</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
name: 'search',
data() {
return {
form: formInit(),
uploadRange: [],
cancelRange: [],
}
},
mounted() {
},
methods: {
toSearch() {
this.form.startUploadTime = this.uploadRange[0]
this.form.endUploadTime = this.uploadRange[1]
this.form.startCancelTime = this.cancelRange[0]
this.form.endCancelTime = this.cancelRange[1]
this.$emit('search', this.form)
},
reset() {
this.uploadRange = []
this.cancelRange = []
this.form = formInit()
},
}
}
function formInit() {
return {
pointDeviceName: '',
startUploadTime: '',
endUploadTime: '',
startCancelTime: '',
endCancelTime: '',
}
}
</script>
<style scoped lang="scss">
.w200 {
width: 200px;
}
.search-form {
padding: 10px;
background-color: #EAF1FE;
margin-bottom: 20px;
border-radius: 8px;
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
margin-bottom: 0;
}
}
</style>
\ No newline at end of file
......@@ -10,11 +10,14 @@
>删除</delids
>
<el-button type="primary" @click="getTableData">刷新</el-button>
<el-button type="primary">查询</el-button>
<el-button type="primary" @click="isQuery = !isQuery">查询</el-button>
<el-button type="primary">导出</el-button>
<el-button type="primary">清空数据</el-button>
</div>
</div>
<div v-if="isQuery">
<search @search="getTableData" />
</div>
<el-table
:data="tableData"
style="width: 100%"
......@@ -53,6 +56,7 @@
<script>
import { ConnectStatusList, ConnectStatusDelete } from '../api'
import { ConnectStatusEnum } from '@/const/index'
import search from './components/search.vue'
export default {
props: [],
......@@ -66,21 +70,28 @@ export default {
},
total: 10,
tableData: [],
};
isQuery: false
}
},
components: {
search
},
computed: {},
methods: {
handleSelectionChange(val) {
let deleteIds = val.map(item => item.id)
this.multipleSelection = deleteIds
},
handlePageChange(pageData) {
this.params.size = pageData.size;
this.params.current = pageData.page;
this.params.size = pageData.size
this.params.current = pageData.page
this.getTableData()
},
getTableData() {
ConnectStatusList(this.params).then(res => {
getTableData(option) {
let params = {
...this.params,
...option
}
ConnectStatusList(params).then(res => {
let list = res.records || []
list.forEach(item => {
item.pointConnectStatus_text = this.ConnectStatusEnum[item.pointConnectStatus]
......
<template>
<div>
<el-form class="search-form" :model="form" ref="form" label-width="80px" :inline="true" size="mini">
<el-form-item label="基站名称" >
<el-select v-model="form.siteId" placeholder="请选择基站名称" clearable >
<el-option v-for="item in siteList"
:key="item.id"
:label="item.siteName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="告警对象">
<el-select v-model="form.alarmTargetId" placeholder="请选择告警对象" clearable >
<el-option v-for="item in alarmObj"
:key="item.id"
:label="item.dictValue"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="告警级别">
<el-select v-model="form.alarmLevelName" placeholder="请选择告警级别" clearable >
<el-option v-for="(val,key) in alarmLeval"
:key="key"
:label="val"
:value="val">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="success" @click="toSearch">查询</el-button>
<el-button type="primary" @click="reset">重置</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { commonQuery } from '../../api'
import { alarmLeval } from '@/const'
export default {
name: 'search',
data() {
return {
siteList: [],
alarmObj: [],
form: formInit(),
alarmLeval
}
},
mounted() {
this.getInit()
},
methods: {
toSearch() {
this.$emit('search', this.form)
},
reset() {
this.form = formInit()
},
getInit() {
commonQuery().then(res => {
this.siteList = res.siteList || []
this.alarmObj = res.alarmObjectList || []
})
}
}
}
function formInit() {
return {
siteId: null,
alarmTargetId: null,
alarmLevelName: null,
}
}
</script>
<style scoped lang="scss">
.w200 {
width: 200px;
}
.search-form {
padding: 10px;
background-color: #EAF1FE;
margin-bottom: 20px;
border-radius: 8px;
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
margin-bottom: 0;
}
}
</style>
\ No newline at end of file
......@@ -10,10 +10,13 @@
>删除</delids
>
<el-button type="primary" @click="getTableData">刷新</el-button>
<el-button type="primary">查询</el-button>
<el-button type="primary" @click="isQuery = !isQuery">查询</el-button>
<el-button type="primary">导出</el-button>
</div>
</div>
<div v-if="isQuery">
<search @search="getTableData" />
</div>
<el-table
:data="tableData"
style="width: 100%"
......@@ -52,6 +55,8 @@
</template>
<script>
import { MonitorMaintainList, MonitorMaintainDelete } from '../api'
import search from './components/search.vue'
export default {
props: [],
data() {
......@@ -63,9 +68,12 @@ export default {
},
total: 10,
tableData: [],
isQuery: false
};
},
computed: {},
components: {
search
},
methods: {
handleSelectionChange(val) {
let deleteIds = val.map(item => item.id)
......@@ -76,8 +84,13 @@ export default {
this.params.current = pageData.page;
this.getTableData()
},
getTableData() {
MonitorMaintainList(this.params).then(res => {
getTableData(option) {
let params = {
current: this.params.pageNum,
size: this.params.pageSize,
...option
}
MonitorMaintainList(params).then(res => {
let list = res.records || []
this.tableData = list
this.total = res.total
......
<template>
<div>
<el-form class="search-form" :model="form" ref="form" label-width="80px" :inline="true" size="mini">
<el-form-item label="基站名称" >
<el-select v-model="form.siteId" placeholder="请选择基站名称" clearable >
<el-option v-for="item in siteList"
:key="item.id"
:label="item.siteName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="告警对象">
<el-select v-model="form.alarmTargetId" placeholder="请选择告警对象" clearable >
<el-option v-for="item in alarmObj"
:key="item.id"
:label="item.dictValue"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="success" @click="toSearch">查询</el-button>
<el-button type="primary" @click="reset">重置</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { commonQuery } from '../../api'
export default {
name: 'search',
data() {
return {
siteList: [],
alarmObj: [],
form: formInit()
}
},
mounted() {
this.getInit()
},
methods: {
toSearch() {
this.$emit('search', this.form)
},
reset() {
this.form = formInit()
},
getInit() {
commonQuery().then(res => {
this.siteList = res.siteList || []
this.alarmObj = res.alarmObjectList || []
})
}
}
}
function formInit() {
return {
alarmTargetId: null,
siteId: null,
}
}
</script>
<style scoped lang="scss">
.w200 {
width: 200px;
}
.search-form {
padding: 10px;
background-color: #EAF1FE;
margin-bottom: 20px;
border-radius: 8px;
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
margin-bottom: 0;
}
}
</style>
\ No newline at end of file
<template>
<!-- 漏缆实时状态 -->
<!-- 漏缆监测历史状态 -->
<div class="leakage-cable">
<div class="leakage-top">
<div style="color: #666666"></div>
......@@ -10,11 +10,14 @@
>删除</delids
>
<el-button type="primary" @click="getTableData">刷新</el-button>
<el-button type="primary">查询</el-button>
<el-button type="primary" @click="isQuery = !isQuery">查询</el-button>
<el-button type="primary">导出</el-button>
<el-button type="primary">图形报表</el-button>
</div>
</div>
<div v-if="isQuery">
<search @search="getTableData" />
</div>
<el-table
ref="multipleTable"
:data="tableData"
......@@ -42,6 +45,8 @@
<script>
import { MonitorStatusList, MonitorStatusDelete } from '../api'
import search from './components/search.vue'
export default {
data() {
return {
......@@ -51,9 +56,13 @@ export default {
},
total: 10,
tableData: [],
multipleSelection: []
multipleSelection: [],
isQuery: false
}
},
components: {
search
},
methods: {
// 表格背景图颜色
cellClassFn({ row, column, rowIndex, columnIndex }) {
......@@ -71,8 +80,12 @@ export default {
this.params.current = pageData.page
this.getTableData()
},
getTableData() {
MonitorStatusList(this.params).then(res => {
getTableData(option) {
let params = {
...this.params,
...option
}
MonitorStatusList(params).then(res => {
let list = res.records || []
this.tableData = list
this.total = res.total
......
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