| | |
| | | <div class="table-row"> |
| | | <div class="table-cell text-right">维护区:</div> |
| | | <div class="table-cell"> |
| | | <el-select v-model="selectValue1" @change="changeSelect1" :placeholder="this.selectPlace1" class="weihu" size="small"> |
| | | <el-option v-for="item in newDevie" :key="item.value" :label="item.label" :value="item.value"></el-option> |
| | | <el-select v-model="selectValue1" @change="changeSelect1" :placeholder="this.selectPlace1" |
| | | class="weihu" size="small"> |
| | | <el-option v-for="item in newDevie" :key="item.value" :label="item.label" |
| | | :value="item.value"></el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="table-cell text-right">机房名称:</div> |
| | | <div class="table-cell"> |
| | | <el-select v-model="selectValue2" @change="alarmDev" class="rooms" size="small"> |
| | | <el-option v-for="item in sesionsNews" :key="item.value" :label="item.label" :value="item.value"></el-option> |
| | | <el-option v-for="item in sesionsNews" :key="item.value" :label="item.label" |
| | | :value="item.value"></el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="table-cell text-right">告警类型:</div> |
| | | <div class="table-cell"> |
| | | <el-select placeholder="全部" class="dainchi" v-model="value" size="small"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> |
| | | <el-option :label="'全部共'+options.length+'种'" value="0"></el-option> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" |
| | | :value="item.value"></el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | |
| | | <!-- 表单 --> |
| | | <div class="flex-page-content"> |
| | | <el-table stripe size="small" :data="table1.datas" height="100%"> |
| | | <el-table-column v-for="header in table1.headers" :key="header.prop" :prop="header.prop" :label="header.label" |
| | | <el-table-column v-for="header in table1.headers" :key="header.prop" :prop="header.prop" |
| | | :label="header.label" |
| | | :width="header.width" :min-width="header.minWidth" align="center"> |
| | | <template slot-scope="scope"> |
| | | <div> |
| | | <div v-if="header.prop == 'alm_type'"> |
| | | <span v-if="scope.row.alm_type == 119020">通信故障</span> |
| | | <span v-if="scope.row.alm_type == 618501">继电器K1告警</span> |
| | | <span v-if="scope.row.alm_type == 618502">通讯告警</span> |
| | | <span v-if="scope.row.alm_type == 618503">设备过温告警</span> |
| | | <span v-if="scope.row.alm_type == 618504">二极管D1告警</span> |
| | | <span v-if="scope.row.alm_type == 618505">干接点告警</span> |
| | | <span v-if="scope.row.alm_type == 618506">异常核容或养护终止告警</span> |
| | | <span v-if="scope.row.alm_type == 119023">续航不足告警</span> |
| | | <span v-if="scope.row.alm_type == 119024">基站停电告警</span> |
| | | <span v-if="scope.row.alm_type == 119025">基站发电告警</span> |
| | | <span v-if="scope.row.alm_type == 119026">基站掉站告警</span> |
| | | <span v-if="scope.row.alm_type == 119027">基站开门告警</span> |
| | | <span v-if="scope.row.alm_type == 119028">设备高温告警</span> |
| | | <span v-if="scope.row.alm_type == 119032">设备SD卡故障</span> |
| | | <span v-if="scope.row.alm_type == 119033">采集线告警</span> |
| | | </div> |
| | | <div v-else-if="header.prop == 'alm_level'"> |
| | | <span v-if="scope.row.alm_level == 1">一级告警</span> |
| | | <span v-if="scope.row.alm_level == 2">二级告警</span> |
| | | <span v-if="scope.row.alm_level == 3">三级告警</span> |
| | | <span v-if="scope.row.alm_level == 4">四级告警</span> |
| | | </div> |
| | | <div v-else> |
| | | {{ scope.row[header.prop] }} |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="确认告警时间" width="180px" align="center"> |
| | | <template slot-scope="scope"> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="cztime" fixed="right" width="257px" align="center" label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button :disabled="!isCanConfirm" type="primary" size="mini" @click="okAlarm(scope.row)">确认告警</el-button> |
| | | <el-button :disabled="!isCanQuit" type="success" size="mini" @click="cancesWa( scope.row)">取消告警</el-button> |
| | | <el-button :disabled="!isCanDel" type="danger" size="mini" @click="deviceDelete(scope.row)">删除</el-button> |
| | | <el-button :disabled="!isCanConfirm" type="primary" size="mini" |
| | | @click="okAlarm(scope.row)">确认告警 |
| | | </el-button> |
| | | <el-button :disabled="!isCanQuit" type="success" size="mini" |
| | | @click="cancesWa( scope.row)">取消告警 |
| | | </el-button> |
| | | <el-button :disabled="!isCanDel" type="danger" size="mini" |
| | | @click="deviceDelete(scope.row)">删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <!-- 底部分页 --> |
| | | <div class="flex-page-footer" slot="footer"> |
| | | <div class="el-pagination-btns"> |
| | | <el-button type="primary" round size="mini" @click="alarmDev1" icon="el-icon-search">查询</el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-wallet" @click="exportFile1">导出</el-button> |
| | | <el-button type="primary" round size="mini" @click="alarmDev1" icon="el-icon-search">查询 |
| | | </el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-wallet" @click="exportFile1">导出 |
| | | </el-button> |
| | | </div> |
| | | <el-pagination class="pagess" @size-change="handleSizeChange1" @current-change="handleCurrentChange1" :current-page="queryInfo1.currentPage" |
| | | :page-sizes="[10, 20,30, 50, 100]" :page-size="queryInfo1.pagesize" layout="total, sizes, prev, pager, next, jumper" |
| | | <el-pagination class="pagess" @size-change="handleSizeChange1" |
| | | @current-change="handleCurrentChange1" :current-page="queryInfo1.currentPage" |
| | | :page-sizes="[10, 20,30, 50, 100]" :page-size="queryInfo1.pagesize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total1"></el-pagination> |
| | | </div> |
| | | </flex-layout> |
| | |
| | | <!-- 表单 --> |
| | | <div class="flex-page-content"> |
| | | <el-table stripe size="small" :data="table2.datas" height="100%"> |
| | | <el-table-column v-for="header in table2.headers" :key="header.prop" :prop="header.prop" :label="header.label" |
| | | <el-table-column v-for="header in table2.headers" :key="header.prop" :prop="header.prop" |
| | | :label="header.label" |
| | | :width="header.width" :min-width="header.minWidth" align="center"> |
| | | <template slot-scope="scope"> |
| | | <div> |
| | | <div v-if="header.prop == 'alm_type'"> |
| | | <span v-if="scope.row.alm_type == 119020">通信故障</span> |
| | | <span v-if="scope.row.alm_type == 618501">继电器K1告警</span> |
| | | <span v-if="scope.row.alm_type == 618502">通讯告警</span> |
| | | <span v-if="scope.row.alm_type == 618503">设备过温告警</span> |
| | | <span v-if="scope.row.alm_type == 618504">二极管D1告警</span> |
| | | <span v-if="scope.row.alm_type == 618505">干接点告警</span> |
| | | <span v-if="scope.row.alm_type == 618506">异常核容或养护终止告警</span> |
| | | <span v-if="scope.row.alm_type == 119023">续航不足告警</span> |
| | | <span v-if="scope.row.alm_type == 119024">基站停电告警</span> |
| | | <span v-if="scope.row.alm_type == 119025">基站发电告警</span> |
| | | <span v-if="scope.row.alm_type == 119026">基站掉站告警</span> |
| | | <span v-if="scope.row.alm_type == 119027">基站开门告警</span> |
| | | <span v-if="scope.row.alm_type == 119028">设备高温告警</span> |
| | | <span v-if="scope.row.alm_type == 119032">设备SD卡故障</span> |
| | | <span v-if="scope.row.alm_type == 119033">采集线告警</span> |
| | | </div> |
| | | <div v-else-if="header.prop == 'alm_level'"> |
| | | <span v-if="scope.row.alm_level == 1">一级告警</span> |
| | | <span v-if="scope.row.alm_level == 2">二级告警</span> |
| | | <span v-if="scope.row.alm_level == 3">三级告警</span> |
| | | <span v-if="scope.row.alm_level == 4">四级告警</span> |
| | | </div> |
| | | <div v-else> |
| | | {{ scope.row[header.prop] }} |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="确认告警时间" width="180px" align="center"> |
| | | <template slot-scope="scope"> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="cztime" fixed="right" width="257px" align="center" label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button :disabled="!isCanConfirm" type="primary" size="mini" @click="okAlarm(scope.row)">确认告警</el-button> |
| | | <el-button :disabled="!isCanQuit" type="success" size="mini" @click="cancesWa( scope.row)">取消告警</el-button> |
| | | <el-button :disabled="!isCanDel" type="danger" size="mini" @click="deviceDelete(scope.row)">删除</el-button> |
| | | <el-button :disabled="!isCanConfirm" type="primary" size="mini" |
| | | @click="okAlarm(scope.row)">确认告警 |
| | | </el-button> |
| | | <el-button :disabled="!isCanQuit" type="success" size="mini" |
| | | @click="cancesWa( scope.row)">取消告警 |
| | | </el-button> |
| | | <el-button :disabled="!isCanDel" type="danger" size="mini" |
| | | @click="deviceDelete(scope.row)">删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <!-- 底部分页 --> |
| | | <div class="flex-page-footer" slot="footer"> |
| | | <div class="el-pagination-btns"> |
| | | <el-button type="primary" round size="mini" @click="alarmDev2" icon="el-icon-search">查询</el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-wallet" @click="exportFile2">导出</el-button> |
| | | <el-button type="primary" round size="mini" @click="alarmDev2" icon="el-icon-search">查询 |
| | | </el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-wallet" @click="exportFile2">导出 |
| | | </el-button> |
| | | </div> |
| | | <el-pagination class="pagess" @size-change="handleSizeChange2" @current-change="handleCurrentChange2" :current-page="queryInfo2.currentPage" |
| | | :page-sizes="[10, 20,30, 50, 100]" :page-size="queryInfo2.pagesize" layout="total, sizes, prev, pager, next, jumper" |
| | | <el-pagination class="pagess" @size-change="handleSizeChange2" |
| | | @current-change="handleCurrentChange2" :current-page="queryInfo2.currentPage" |
| | | :page-sizes="[10, 20,30, 50, 100]" :page-size="queryInfo2.pagesize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total2"></el-pagination> |
| | | </div> |
| | | </flex-layout> |
| | |
| | | export_json_to_excel |
| | | } from '../../assets/js/excel/Export2Excel.js' |
| | | import { |
| | | getLabelByValue, |
| | | isHasPermit, Timeout |
| | | } from "@/assets/js/tools"; |
| | | |
| | | import getDevAlarm from "@/assets/js/tools/getDevAlarm"; |
| | | |
| | | export default { |
| | | data() { |
| | | let permits = this.$store.state.user.permits; |
| | | let isCanConfirm = isHasPermit('dev_alm_confirm_permit', permits); |
| | | let isCanQuit = isHasPermit('dev_alm_clear_permit', permits); |
| | | let isCanDel = isHasPermit('dev_alm_delete_permit', permits); |
| | | let alarmTypes = getDevAlarm().types; |
| | | let levels = getDevAlarm().levels; |
| | | return { |
| | | isCanConfirm: isCanConfirm, |
| | | isCanQuit: isCanQuit, |
| | |
| | | selectPlace2: "", |
| | | /* 告警类型 */ |
| | | value: "0", |
| | | options: [{ |
| | | value: "0", |
| | | label: "全部共10种" |
| | | }, |
| | | { |
| | | value: "119020", |
| | | label: "通信故障" |
| | | }, |
| | | { |
| | | value: "618501", |
| | | label: "继电器告警" |
| | | }, |
| | | { |
| | | value: "618502", |
| | | label: "通讯告警" |
| | | }, |
| | | { |
| | | value: "618503", |
| | | label: "设备过温告警" |
| | | }, |
| | | { |
| | | value: "618504", |
| | | label: "二极管D1告警" |
| | | }, |
| | | { |
| | | value: "618505", |
| | | label: "干接点告警" |
| | | }, |
| | | { |
| | | value: "618506", |
| | | label: "异常核容或养护终止告警" |
| | | }, |
| | | |
| | | { |
| | | value: "119023", |
| | | label: "续航不足告警" |
| | | }, |
| | | { |
| | | value: "119024", |
| | | label: "基站停电告警" |
| | | }, |
| | | { |
| | | value: "119025", |
| | | label: "基站发电告警" |
| | | }, |
| | | { |
| | | value: "119026", |
| | | label: "基站掉站告警" |
| | | }, |
| | | { |
| | | value: "119027", |
| | | label: "基站开门告警" |
| | | } |
| | | ], |
| | | options: alarmTypes, |
| | | levels: levels, |
| | | /* 维护区 */ |
| | | newDevie: [{ |
| | | value: 0, |
| | |
| | | { |
| | | prop: "dev1", |
| | | label: "设备IP", |
| | | width: 120 |
| | | width: 160 |
| | | }, |
| | | { |
| | | prop: "tester1", |
| | |
| | | minWidth: 220 |
| | | }, |
| | | { |
| | | prop: "alm_type", |
| | | prop: "alm_name", |
| | | label: "告警事件", |
| | | width: 180 |
| | | width: 200 |
| | | }, |
| | | { |
| | | prop: "alm_level", |
| | | prop: "alm_level_name", |
| | | label: "告警等级", |
| | | width: 120 |
| | | }, |
| | |
| | | { |
| | | prop: "dev1", |
| | | label: "设备IP", |
| | | width: 120 |
| | | width: 160 |
| | | }, |
| | | { |
| | | prop: "tester1", |
| | |
| | | minWidth: 220 |
| | | }, |
| | | { |
| | | prop: "alm_type", |
| | | prop: "alm_name", |
| | | label: "告警事件", |
| | | width: 180 |
| | | width: 200 |
| | | }, |
| | | { |
| | | prop: "alm_level", |
| | | prop: "alm_level_name", |
| | | label: "告警等级", |
| | | width: 120 |
| | | }, |
| | |
| | | num: item.num, |
| | | alm_is_confirmed: item.alm_is_confirmed, |
| | | alm_level: item.alm_level, |
| | | alm_level_name: getLabelByValue(item.alm_level, this.levels, "---"), |
| | | alm_type: item.alm_type, |
| | | alm_name: getLabelByValue(item.alm_type, this.options, "---"), |
| | | alm_value: item.alm_value, |
| | | isalarm1: isalarm1 |
| | | }; |
| | |
| | | num: item.num, |
| | | alm_is_confirmed: item.alm_is_confirmed, |
| | | alm_level: item.alm_level, |
| | | alm_level_name: getLabelByValue(item.alm_level, this.levels, "---"), |
| | | alm_type: item.alm_type, |
| | | alm_name: getLabelByValue(item.alm_type, this.options, "---"), |
| | | alm_value: item.alm_value, |
| | | isalarm1: isalarm1 |
| | | }; |