Skip to content

Z
zhxf_vue
Commit 74f59da1 authored by co_dengxiongwen's avatar co_dengxiongwen
Browse files
Options

报警类型维护，报警中心

parent 0a4c0665
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1910 additions and 3359 deletions
public/index.html
View file @ 74f59da1
......@@ -13,10 +13,10 @@
<title>城市轨道交通安防系统</title>
<script>
//禁用所有控制台输出
var console={};
console.log=function(){};
console.warn=function(){};
console.error=function(){};
// var console={};
// console.log=function(){};
// console.warn=function(){};
// console.error=function(){};
</script>
<script src="./config.js"></script>
<style>
......
src/App.vue
View file @ 74f59da1
This diff is collapsed.
src/layout/header-aside/components/components/menu-item/index.vue
View file @ 74f59da1
<template>
<el-menu-item v-if="menu.name != '报警中心'" :index="menu.path || uniqueId" @click="handleMenuClick" >
<el-menu-item
v-if="menu.name != '报警中心'"
:index="menu.path || uniqueId"
@click="handleMenuClick"
>
<!-- <i v-if="menu.icon" :class="`fa fa-${menu.icon}`"></i> -->
<span :class="menu.icon" class="menu_icon"></span>
<!-- <d2-icon-svg v-else-if="menu.iconSvg" :name="menu.iconSvg"/> -->
<!-- <i v-else class="fa fa-file-o"></i> -->
<span class="zMenu_item" slot="title">{{menu.title || '未命名菜单'}}</span>
<span class="zMenu_item" slot="title">{{
menu.title || '未命名菜单'
}}</span>
</el-menu-item>
</template>
......@@ -17,23 +23,23 @@ export default {
menu: {
type: Object,
required: false,
default: () => {}
}
default: () => {},
},
},
data() {
return {
uniqueId: uniqueId('d2-menu-empty-')
uniqueId: uniqueId('d2-menu-empty-'),
}
},
methods: {
handleMenuClick () {
handleMenuClick() {
//点击菜单时重新刷新页面
//this.reload()
}
}
},
},
}
</script>
<style >
<style>
.menu_icon {
width: 22px;
height: 22px;
......@@ -43,7 +49,7 @@ export default {
background: url(../../../imgs/iconImg/sys.png);
background-size: 100% 100%;
}
.em {
.scene {
background: url(../../../imgs/iconImg/em.png);
background-size: 100% 100%;
}
......@@ -55,7 +61,7 @@ export default {
background: url(../../../imgs/iconImg/plan.png);
background-size: 100% 100%;
}
.linkage {
.stats {
background: url(../../../imgs/iconImg/linkage.png);
background-size: 100% 100%;
}
......@@ -63,7 +69,7 @@ export default {
background: url(../../../imgs/iconImg/monitor.png);
background-size: 100% 100%;
}
.access {
.fire {
background: url(../../../imgs/iconImg/access.png);
background-size: 100% 100%;
}
......
src/pages/alarms/processed/dispose-info.vue deleted 100644 → 0
View file @ 0a4c0665
This diff is collapsed.
src/pages/alarms/processed/history-video-info.vue deleted 100644 → 0
View file @ 0a4c0665
<template lang="pug">
el-dialog.my_dialog(:close-on-click-modal='false' :visible.sync='visible' append-to-body width='60%' :before-close='handleClose' :destroy-on-close='true')
div.title-bold(slot='title') 历史视频
el-row()
div(v-if='videoList.length === 0' style='height:500px;display:flex')
font(style='margin:auto;font-size:27px') 暂无视频
el-col(v-else :span="(index === 0 && videoList.length === 1) || index ===2 ? 24 : 12" v-for="(item, index) in videoList" :key="index")
el-card(:body-style="{ padding: '0px' }")
div(slot="header" align='center' class='my_dialog_header')
font() {{item.name}}
video( style="width:100%" :src="item.path" :id="item.id" autoplay loop controls muted="true")
</template>
<script>
export default {
name: 'history-video-info',
data() {
return {
visible: false,
videoList: [
// {
// id: 1,
// src: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
// name: 'ceshi1'
// },
// {
// id: 2,
// src: 'http://mirror.aarnet.edu.au/pub/TED-talks/911Mothers_2010W-480p.mp4',
// name: 'ceshi2'
// },
// {
// id: 3,
// src: 'https://media.w3.org/2010/05/sintel/trailer.mp4',
// name: 'ceshi3'
// }
]
}
},
methods: {
init(row) {
this.visible = true
// console.log(row)
this.initData(row.id)
},
initData(id) {
console.log(id)
this.$http({
url: this.$http.adornUrlAlarm('/alarmsInfo/getHistoryVideInfo'),
method: 'get',
params: { id: id }
}).then(data => {
if (data && data.code === 0) {
this.videoList = data.list
}
})
},
//关闭页面前调用
handleClose() {
this.visible = false
//关闭视频
this.videoList.map(item => {
var vide = document.getElementById(item.id)
if (vide.paused) {
// vide.play()
} else if (vide.play()) {
vide.pause()
}
})
this.videoList = []
}
}
}
</script>
<style scoped>
.title-bold {
font-weight: bold;
font-size: 17px;
}
.my_dialog >>> .el-dialog__body {
padding: 0px;
}
.my_dialog >>> .el-card__header {
padding: 8px 0px;
}
</style>
src/pages/alarms/processed/index.vue deleted 100644 → 0
View file @ 0a4c0665
<template lang='pug'>
el-container(style="height:77vh")
el-aside( width="18vw" v-loading="leftLoading" style="z-index:1000;")
div.left_aside(style="height:auto")
el-header.left_header 报警统计
el-main.left_main
div.left_main_body(v-for="item in eventList")
div.left_col_header {{item.systemName}}
el-row.row_style
el-col(:span="8")
div(style="color:#F56C6C;font-size:18px;font-weight:400;font-family:Microsoft YaHei;") {{item.oneCount}}
div(style="font-size:12px;color:#656565;font-family:Microsoft YaHei;font-weight:400;") 特别重大
el-col(:span="8")
div(style="color:#E6A23C;font-size:18px;font-weight:400;font-family:Microsoft YaHei;") {{item.twoCount}}
div(style="font-size:12px;color:#656565;font-family:Microsoft YaHei;font-weight:400;") 重大
el-col(:span="8")
div(style="color:#409EFF;font-size:18px;font-weight:400;font-family:Microsoft YaHei;") {{item.threeCount}}
div(style="font-size:12px;color:#656565;font-family:Microsoft YaHei;font-weight:400;") 一般
div.left_aside(style="height:auto;margin-bottom:0px;")
el-header.left_header 等级分布
div(id="myCharts" style="height:232px;background:#ffffff")
//ve-pie.untreated_canvas(:data="chartData" :extend="chartExtend" legend-position="bottom" width="260px" height="350px" )
el-main(style="padding:0px;z-index:1001;height:77vh" class="alarms-untreated-main")
el-tabs(v-model="activeName" type="border-card" @tab-click="handleClick")
el-tab-pane(label="全部" name="0")
query-list(v-if="activeName == 0" ref="queryList")
el-tab-pane(label="视频监控系统" name="438c30d3d7f241b573f22a1a36c60485")
query-list(v-if="activeName == '438c30d3d7f241b573f22a1a36c60485'" ref="queryList")
el-tab-pane(label="出入口控制系统" name="ed401f7d9291b508d411d8192b016c6e")
query-list(v-if="activeName == 'ed401f7d9291b508d411d8192b016c6e'" ref="queryList")
el-tab-pane(label="入侵报警系统" name="75c7c11716713edfd2ce3581f5e7c193")
query-list(v-if="activeName == '75c7c11716713edfd2ce3581f5e7c193'" ref="queryList")
el-tab-pane(label="安全检查及探测系统" name="3a64b86b1a5dead8ff9d2ad913744e50")
query-list(v-if="activeName == '3a64b86b1a5dead8ff9d2ad913744e50'" ref="queryList")
</template>
<script>
import QueryList from '../processed/query-list'
export default {
data() {
return {
leftLoading: false,
activeName: '0',
eventList: [],
chartData: null
}
},
components: {
QueryList
},
created() {
this.eventList = []
this.$nextTick(() => {
this.$refs.queryList.init('0')
})
this.getGroupList()
},
methods: {
groupInit() {
let dom = document.getElementById('myCharts')
if (!dom) return
let myCharts = this.$echarts.init(dom)
let option = {
tooltip: {
trigger: 'item',
formatter: '{b}: {c} ({d}%)'
},
legend: {
orient: 'horizontal',
bottom: 10,
data: ['特别重大', '重大', '一般']
},
series: [
{
bottom: 30,
type: 'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
formatter: (element) => {
//自定义文字
//return element.name + '：' + element.value + '(' + element.percent + '%)'
return element.percent + '%'
}
},
itemStyle: {
normal: {
color: function (params) {
//自定义颜色
let colorList = [
'#F56C6C', '#E6A23C', '#409EFF'
]
return colorList[params.dataIndex]
}
}
},
labelLine: {
show: true
},
data: this.chartData
}
]
}
myCharts.setOption(option)
},
//获取按报警等级统计信息
getGroupList() {
this.leftLoading = true
this.$http({
url: this.$http.adornUrlAlarm(`/alarmsInfo/queryGroupProcessed`),
method: 'get',
params: this.$http.adornParams({
stationId: localStorage.getItem('stationId')
})
}).then(data => {
this.leftLoading = false
if (data && data.code === 0) {
this.eventList = data.list
let oneCount, twoCount, threeCount
oneCount = twoCount = threeCount = 0
for (let i in this.eventList) {
oneCount += this.eventList[i].oneCount
twoCount += this.eventList[i].twoCount
threeCount += this.eventList[i].threeCount
}
this.chartData = [
{ value: oneCount, name: '特别重大' },
{ value: twoCount, name: '重大' },
{ value: threeCount, name: '一般' }
]
this.groupInit()
}
})
},
handleClick(tab, event) {
this.$nextTick(() => {
this.$refs.queryList.init(this.activeName)
})
}
}
}
</script>
<style lang='scss'>
.left_aside {
margin-bottom: 10px;
border: 1px #DCDFE6 solid;
background: #f4f4f4;
box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.left_header {
line-height: 40px;
height: 40px !important;
background-color: #E1EDF4;
border-bottom: 1px #E4E7ED solid;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:bold;
}
.left_main {
padding: 0rem 1rem 1rem 1rem;
overflow: hidden;
background: #FFFFFF;
}
.left_main_char {
/*padding:0rem 1rem 1rem 1rem;*/
/*overflow: hidden;*/
background: #FFFFFF;
/*height: 300px;*/
.untreated_canvas {
margin: 0 auto;
/*transform: translateY(-80px);*/
top: -80px
}
}
.left_main_body {
margin-top: 1rem;
border: 1px #D1D1D1 solid;
/*height:120px;*/
background: #fff;
}
.left_col_header {
background-color: #E1EDF4;
height: 30px;
line-height: 30px;
color: #000000;
text-align: center;
font-size:15px;
font-family:Adobe Heiti Std;
font-weight:bold;
}
.row_style {
line-height: 24px;
text-align: center;
/*height:60px;*/
/*padding:3px;*/
}
.alarms-untreated-main > .el-tabs {
box-shadow: none;
border: none;
}
.alarms-untreated-main > .el-tabs > .el-tabs__content {
padding: 0 !important;
margin-top: 10px;
}
.el-tanle th {
background: #EEF8FF !important
}
.el-tabs__nav-scroll {
height: 42px;
/*padding-top: 10px;*/
/*padding-left: 10px;*/
line-height:42px;
background: #f4f4f4;
border-bottom: 1px solid rgba(196, 196, 196, 1);
.el-tabs__item {
border-top-color: #DCDFE6 !important;
}
}
</style>
src/pages/alarms/processed/query-list.vue deleted 100644 → 0
View file @ 0a4c0665
This diff is collapsed.
src/pages/alarms/untreated/dispose-info - 副本.vue deleted 100644 → 0
View file @ 0a4c0665
This diff is collapsed.
src/pages/alarms/untreated/dispose-info.vue deleted 100644 → 0
View file @ 0a4c0665
This diff is collapsed.
src/pages/alarms/untreated/history-video-info.vue deleted 100644 → 0
View file @ 0a4c0665
<template lang="pug">
el-dialog.my_dialog(:close-on-click-modal='false' :visible.sync='visible' append-to-body width='60%' :before-close='handleClose' :destroy-on-close='true')
div.title-bold(slot='title') 历史视频
el-row()
div(v-if='videoList.length === 0' style='height:500px;display:flex')
font(style='margin:auto;font-size:27px') 暂无视频
el-col(v-else :span="(index === 0 && videoList.length === 1) || index ===2 ? 24 : 12" v-for="(item, index) in videoList" :key="index")
el-card(:body-style="{ padding: '0px' }")
div(slot="header" align='center' class='my_dialog_header')
font() {{item.name}}
video( style="width:100%" :src="item.path" :id="item.id" autoplay loop controls muted="true")
</template>
<script>
export default {
name: 'history-video-info',
data() {
return {
visible: false,
videoList: [
// {
// id: 1,
// src: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
// name: 'ceshi1'
// },
// {
// id: 2,
// src: 'http://mirror.aarnet.edu.au/pub/TED-talks/911Mothers_2010W-480p.mp4',
// name: 'ceshi2'
// },
// {
// id: 3,
// src: 'https://media.w3.org/2010/05/sintel/trailer.mp4',
// name: 'ceshi3'
// }
]
}
},
methods: {
init(row) {
this.visible = true
// console.log(row)
this.initData(row.id)
},
initData(id) {
console.log(id)
this.$http({
url: this.$http.adornUrlAlarm('/alarmsInfo/getHistoryVideInfo'),
method: 'get',
params: { id: id,
stationId: localStorage.getItem('stationId') }
}).then(data => {
if (data && data.code === 0) {
this.videoList = data.list
}
})
},
//关闭页面前调用
handleClose() {
this.visible = false
//关闭视频
this.videoList.map(item => {
var vide = document.getElementById(item.id)
if (vide.paused) {
// vide.play()
} else if (vide.play()) {
vide.pause()
}
})
this.videoList = []
}
}
}
</script>
<style scoped>
.title-bold {
font-weight: bold;
font-size: 17px;
}
.my_dialog >>> .el-dialog__body {
padding: 0px;
}
.my_dialog >>> .el-card__header {
padding: 8px 0px;
}
</style>
src/pages/alarms/untreated/index.vue
View file @ 74f59da1
This diff is collapsed.
src/pages/alarms/untreated/query-list.vue
View file @ 74f59da1
This diff is collapsed.
src/pages/sys/dictionary/index.vue
View file @ 74f59da1
This diff is collapsed.
src/pages/sys/event/add-or-update.vue 0 → 100644
View file @ 74f59da1
<template lang="pug">
el-dialog(:visible.sync='visible' append-to-body width='37%')
div.title-bold(slot='title') {{dataForm.id ? '编辑报警类型' :'新增报警类型'}}
el-form( :model='dataForm' :rules='dataRule' ref='dataForm' label-width='120px')
el-row( )
el-col(:span='14' :offset='4')
el-form-item(label='报警类型编码:' prop='eventCode')
el-input(v-model='dataForm.eventCode' placeholder='请填写报警类型编码')
el-col(:span='14' :offset='4')
el-form-item(label='报警类型名称:' prop='eventName')
el-input(v-model='dataForm.eventName' placeholder='请填写报警类型名称' clearable)
el-col(:span='14' :offset='4')
el-form-item(label='报警类型等级:' prop='eventLevel')
el-select(style='width:100%;' v-model='dataForm.eventLevel' placeholder="请选择报警类型等级" clearable)
el-option(v-for="(item,index) in levelList" :key="index" :label="item.name" :value="item.id")
span.dialog-footer(slot='footer')
el-button(size='medium' type='primary' @click='cancel') 取消
el-button(size='medium' type='primary' @click='dataFormSubmit()' v-prevent-re-click) 保存
</template>
<script>
export default {
data() {
return {
visible: false,
dataForm: {},
levelList: [
{ id: 1, name: '特别重大' },
{ id: 2, name: '重大' },
{ id: 3, name: '一般' },
],
dataRule: {
eventName: [
{ required: true, message: '报警类型名称不能为空', trigger: 'blur' },
{
min: 1,
max: 50,
message: '长度在 1 到 50 个字符',
trigger: 'blur',
},
],
eventCode: [
{ required: true, message: '报警类型编码不能为空', trigger: 'blur' },
{
min: 1,
max: 20,
message: '长度在 1 到 20 个字符',
trigger: 'blur',
},
],
eventLevel: [
{ required: true, message: '报警类型等级不能为空', trigger: 'blur' },
],
},
}
},
watch: {
visible: {
handler(val) {
if (val === false) {
this.$refs.dataForm.resetFields()
}
},
deep: true,
},
},
methods: {
init(row, resourceType) {
this.visible = true
if (row.id) {
this.dataForm = JSON.parse(JSON.stringify(row))
} else {
this.dataForm = {
id: '',
eventName: '',
eventCode: '',
eventLevel: '',
resourceType: resourceType,
stationId: localStorage.getItem('stationId'),
}
}
},
// 表单提交
dataFormSubmit() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.clickFlag = true
this.$http({
url: this.$http.adornUrl(
`/linkEvent/${!this.dataForm.id ? 'save' : 'update'}`
),
method: 'post',
data: this.dataForm,
}).then((data) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.visible = false
this.$emit('refreshdatalist')
},
})
} else {
this.clickFlag = false
this.$message.error(data.msg)
}
})
}
})
},
//取消
cancel() {
this.$confirm(
'确认取消?',
this.dataForm.id ? '编辑报警类型' : '新增报警类型',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
this.visible = false
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消退出',
})
})
},
},
}
</script>
<style>
.el-table__header {
width: 100% !important;
}
.el-table__body {
width: 100% !important;
}
</style>
src/pages/sys/event/index.vue 0 → 100644
View file @ 74f59da1
<template lang="pug">
el-container(style="height:77vh")
el-aside( width="18vw" v-loading="leftLoading" style="z-index:1000;box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.2);")
el-table(v-loading="leftLoading" ref="resourceTable" highlight-current-row :data="resourceData" style="width: 100%;" @row-click="chooseResource" :header-cell-style="{height:'42px',padding:'0',background:'#EEF8FF',color:'#333333','text-align':'left'}")
el-table-column( prop="name" label="设备类型" align='center')
template( slot="header" slot-scope="scope")
div.title-bold(style="margin-left:10px") 设备类型
el-container(style="height:77vh")
el-header(style='height:42px;line-height:42px;background: #f4f4f4;z-index:1001;border:1px solid rgba(196, 196, 196, 1);')
template()
span.title-bold.title-left-color 报警类型列表
el-popover( placement="bottom" width="150")
el-button( slot="reference" size='mini' type="primary" icon="el-icon-s-tools" style='float:right;transform:translateY(6px)') 筛选
el-checkbox-group( v-model="checkList")
el-col( :span="24")
el-checkbox( v-for="(item,index) in tableHeader" :label="item" :key="index" )
span {{item.label}}
el-button( type="primary" style='float:right;margin-top: 6px;margin-right:20px;' icon="el-icon-plus" size="mini" :disabled="flag" v-if="isAuth('sys:event:save')" @click="addOrUpdateHandle" ) 新增
el-main().box_main
el-card()
drag-table( :data="eventData" :header="checkList" :isToLine='true' :option="tableOption" @getDataList="getEvent" :operationNum="2" :isShowOperate="true")
//- -- 插槽
el-table-column(slot="fixed" fixed prop="" label="序号" width="80" header-align="center" align="center")
template( slot-scope="scope")
span {{scope.$index+(pageIndex - 1) * pageSize + 1}}
template(slot='eventLevel' slot-scope='scope')
span(v-if='scope.row.eventLevel == 1') 特别重大
span(v-if='scope.row.eventLevel == 2') 重大
span(v-if='scope.row.eventLevel == 3') 一般
//- 操作项
template.operation( slot-scope="scope")
el-button(v-if="isAuth('sys:event:update')" size="mini" type="text" @click="addOrUpdateHandle(scope.row)") 编辑
el-button(v-if="isAuth('sys:event:delete')" size="mini" type="text" @click="handleDelete(scope.row.id)") 删除
el-footer.box_footer
el-pagination(background @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage" layout="total, sizes, prev, pager, next, jumper")
add-or-update(v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshdatalist="getEvent")
</template>
<script>
import AddOrUpdate from './add-or-update'
import dragTable from '../../components/tab'
export default {
data() {
return {
flag: true,
resourceType: '',
leftLoading: false,
rightLoading: false,
stationId: localStorage.getItem('stationId'),
resourceData: [],
eventData: [],
addOrUpdateVisible: false,
pageIndex: 1,
pageSize: 10,
totalPage: 0,
checkList: [], //筛选数据
tableHeader: [
{ label: '报警类型编码', prop: 'eventCode', sort: false },
{ label: '报警类型名称', prop: 'eventName', sort: false },
{ label: '报警类型等级', prop: 'eventLevel', sort: false, slot: true },
],
tableOption: {
border: false, //是否边框
maxHeight: 500, //高度
},
}
},
components: {
AddOrUpdate,
dragTable,
},
watch: {
totalPage() {
//注意这个函数的名字必须和你监听data中的属性的名字一样，这样才能当你data中的属性发生变化时，触发这个函数
let pages = Math.ceil(this.totalPage / this.pageSize) //新数据总页数
//总页数小于当前页数则重新加载列表数据
if (pages < this.pageIndex) {
this.pageIndex = pages || 1
this.getEvent() //获取表格数据的方法
}
},
},
created() {
this.checkList = [...this.tableHeader]
},
mounted() {
this.getResource()
},
methods: {
// 新增或修改
addOrUpdateHandle(row) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(row, this.resourceType)
})
},
chooseResource(row) {
// if (!isAuth('linkage:baseEvent:distribution')) {
// this.$message({
// type: 'warning',
// message: '没有权限操作！',
// duration: 500
// })
// return
// }
this.flag = false
this.resourceType = row.id
this.getEvent()
},
getEvent() {
if (!this.resourceType) {
return
}
this.rightLoading = true
this.$http({
url: this.$http.adornUrl(`/linkEvent/pageList`),
method: 'post',
data: {
page: this.pageIndex,
rows: this.pageSize,
resourceType: this.resourceType,
},
}).then((data) => {
if (data && data.code === 0) {
console.log('--data--', data.page.rows)
this.eventData = data.page.rows
this.totalPage = data.page.total
}
this.rightLoading = false
})
},
getResource() {
this.leftLoading = true
this.$http({
url: this.$http.adornUrl(`/sysDictionary/getResourceTypeDicList`),
method: 'get',
params: { stationId: this.stationId },
})
.then((data) => {
if (data && data.code === 0) {
this.resourceData = data.list
if (this.resourceData && this.resourceData.length > 0) {
this.$refs.resourceTable.setCurrentRow(this.resourceData[0])
this.resourceType = this.resourceData[0].id
this.flag = false
}
}
this.leftLoading = false
})
.then(() => {
this.getEvent()
})
},
// 每页数
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.getEvent()
},
// 当前页
currentChangeHandle(val) {
this.pageIndex = val
this.getEvent()
},
handleDelete(id) {
var ids = [id]
this.$confirm('确认删除该报警类型?', '删除报警类型', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
closeOnClickModal: false,
})
.then(() => {
this.$http({
url: this.$http.adornUrlAlarm(`/linkEvent/deleteByFlag`),
method: 'post',
data: this.$http.adornData(ids, false),
}).then((data) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.getEvent()
},
})
} else {
this.$message.error(data.msg)
}
})
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消删除',
})
})
},
},
}
</script>
<style lang="scss"></style>
src/pages/sys/threshold/add-or-update.vue
View file @ 74f59da1
......@@ -26,11 +26,7 @@ export default {
data() {
return {
visible: false,
typeList: [
{ id: 1, name: '压力' },
{ id: 2, name: '温度' },
{ id: 3, name: '水位' },
],
typeList: [],
dataForm: {},
dataRule: {
type: [
......@@ -67,6 +63,9 @@ export default {
deep: true,
},
},
mounted() {
this.getAllType()
},
methods: {
init(row, typeId) {
this.visible = true
......@@ -75,13 +74,31 @@ export default {
} else {
this.dataForm = {
id: '',
type: '',
code: '',
name: '',
remark: '',
dicId: typeId,
stationId: localStorage.getItem('stationId'),
}
}
},
//获取阈值类型字典信息
getAllType() {
this.$http({
url: this.$http.adornUrl('/sysDictionary/getThresholdDicList'),
method: 'get',
params: this.$http.adornParams({
stationId: localStorage.getItem('stationId'),
}),
}).then((data) => {
if (data && data.code === 0) {
this.typeList = data.list
} else {
this.$message.error(data.msg)
}
})
},
// 表单提交
dataFormSubmit() {
this.$refs['dataForm'].validate((valid) => {
......
src/pages/sys/threshold/index.vue
View file @ 74f59da1
......@@ -53,7 +53,7 @@ export default {
totalPage: 0,
checkList: [], //筛选数据
tableHeader: [
{ label: '类型', prop: 'type', sort: false },
{ label: '类型', prop: 'typeName', sort: false },
{ label: '最小值', prop: 'minValue', sort: false },
{ label: '最大值', prop: 'maxValue', sort: false },
],
......
src/router/routes.js
View file @ 74f59da1
......@@ -66,8 +66,7 @@ const frameIn = [
component: layoutHeaderAside,
children: (pre => [
// 报警中心
{ path: 'untreated', name: `${pre}untreated`, component: () => import('@/pages/alarms/untreated'), meta: { ...meta, title: '未处理事件' } },
{ path: 'processed', name: `${pre}processed`, component: () => import('@/pages/alarms/processed'), meta: { ...meta, title: '已处理事件' } }
{ path: 'untreated', name: `${pre}untreated`, component: () => import('@/pages/alarms/untreated'), meta: { ...meta, title: '未处理事件' } }
])('alarms-')
},
......@@ -127,6 +126,7 @@ const frameIn = [
{ path: 'preset', name: `${pre}preset`, component: () => import('@/pages/sys/preset'), meta: { ...meta, title: '预置点管理' } },
{ path: 'room', name: `${pre}room`, component: () => import('@/pages/sys/room'), meta: { ...meta, title: '场景维护' } },
{ path: 'threshold', name: `${pre}threshold`, component: () => import('@/pages/sys/threshold'), meta: { ...meta, title: '阈值维护' } },
{ path: 'event', name: `${pre}event`, component: () => import('@/pages/sys/event'), meta: { ...meta, title: '报警类型维护' } },
{ path: 'datasource', name: `${pre}datasource`, component: () => import('@/pages/sys/datasource'), meta: { ...meta, title: '数据源维护' } },
{ path: 'parameter', name: `${pre}parameter`, component: () => import('@/pages/sys/parameter'), meta: { ...meta, title: '系统参数设置' } },
{ path: 'code', name: `${pre}code`, component: () => import('@/pages/sys/code'), meta: { ...meta, title: '代码生成' } },
......
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