| | |
| | | <menu-btn type="success" to="/history-data" @click="routerTo" text="运维管理" icon="icon-yunweiguanli"></menu-btn>
|
| | | </div>
|
| | | <div class="span4">
|
| | | <menu-btn type="warning" text="告警管理" icon="icon-gaojing"></menu-btn>
|
| | | <menu-btn to="/warning" @click="routerTo" type="warning" text="告警管理" icon="icon-gaojing"></menu-btn>
|
| | | </div>
|
| | | <div class="span4">
|
| | | <menu-btn to="/batt-info-set" @click="routerTo" text="电池信息配置" icon="icon-dianchiguanli"></menu-btn>
|
| | |
| | | </el-table-column>
|
| | | </el-table>
|
| | | </div>
|
| | | <el-pagination large style="text-align:center" background layout="prev, pager, next" :total="tbls.warning.page.PageAll" @current-change="warningCurrentChange">
|
| | | <el-pagination large style="text-align:center" background layout="prev, pager, next" :current-page="tbls.warning.page.PageCurr" :total="tbls.warning.page.PageAll" @current-change="warningCurrentChange">
|
| | | </el-pagination>
|
| | | </div>
|
| | | <div class="tab-item" style="display:none" v-show="tabs.active == 'charge'">
|
| | |
| | | }, { |
| | | path: '/history-data', |
| | | url: '../history-data/history-data.html' |
| | | }, { |
| | | path: '/warning', |
| | | url: '../warning/warning.html' |
| | | }] |
| | | }, |
| | | methods: { |
| | |
| | | } |
| | | }, |
| | | setBattDiscInfo: function setBattDiscInfo(res) { |
| | | console.log(res); |
| | | //console.log(res); |
| | | // 对数据进行处理 |
| | | this.tbls.discharge.data = this.formaterTestData(res); |
| | | // 统计个数 |
| | |
| | | } |
| | | }, |
| | | setBattCharInfo: function setBattCharInfo(res) { |
| | | console.log(res); |
| | | //console.log(res); |
| | | // 对数据进行处理 |
| | | this.tbls.charge.data = this.formaterTestData(res); |
| | | // 统计个数 |
| | |
| | | alm_cleared_type: 0, |
| | | page: page |
| | | }; |
| | | console.log(searchParams); |
| | | //console.log(searchParams); |
| | | // 判断是否为手机端 |
| | | if (typeof Battalram_dataService != "undefined") { |
| | | Battalram_dataService.serchByCondition(JSON.stringify(searchParams)); |
| | |
| | | }, |
| | | setAlarmInfo: function setAlarmInfo(res) { |
| | | // 设置实时告警信息 |
| | | console.info(res); |
| | | // console.info(res); |
| | | if (res.code == 1) { |
| | | var page = this.tbls.warning.page; |
| | | // 设置数据 |
| | |
| | | mounted: function mounted() { |
| | | var self = this; |
| | | this.setTblsHt(); |
| | | |
| | | // 后台触发事件查询所有的电池组放电信息 |
| | | window['DeviceServicereadBattDiscInfocalljs'] = function (res) { |
| | | // 设置电池信息 |
| | | self.setBattDiscInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.discharge.timer.open(); |
| | | }; |
| | | |
| | | // 后台触发事件查询所有的电池组充电信息 |
| | | window['DeviceServicereadBattCharInfocalljs'] = function (res) { |
| | | // 设置电池信息 |
| | | self.setBattCharInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.charge.timer.open(); |
| | | }; |
| | | |
| | | // 查询告警信息 |
| | | window['Battalram_dataServiceserchByConditioncalljs'] = function (res) { |
| | | self.setAlarmInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.warning.timer.open(); |
| | | }; |
| | | }, |
| | | destroyed: function destroyed() {} |
| | | }); |
| | | }, |
| | | show: function show() { |
| | | var self = this.vm; |
| | | // 开启计时器 |
| | | this.vm.startTimers(); |
| | | //bui.alert('show'); |
| | | // 后台触发事件查询所有的电池组放电信息 |
| | | window['DeviceServicereadBattDiscInfocalljs'] = function (res) { |
| | | // 设置电池信息 |
| | | self.setBattDiscInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.discharge.timer.open(); |
| | | }; |
| | | |
| | | // 后台触发事件查询所有的电池组充电信息 |
| | | window['DeviceServicereadBattCharInfocalljs'] = function (res) { |
| | | // 设置电池信息 |
| | | self.setBattCharInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.charge.timer.open(); |
| | | }; |
| | | |
| | | // 查询告警信息 |
| | | window['Battalram_dataServiceserchByConditioncalljs'] = function (res) { |
| | | self.setAlarmInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.warning.timer.open(); |
| | | }; |
| | | }, |
| | | hide: function hide() { |
| | | var self = this.vm; |
| | | // 关闭计时器 |
| | | this.vm.stopTimers(); |
| | | // 清除全局方法 |
| | | window.DeviceServicereadBattDiscInfocalljs = null; |
| | | window.DeviceServicereadBattCharInfocalljs = null; |
| | | window.Battalram_dataServiceserchByConditioncalljs = null; |
| | | }, |
| | | destroyed: function destroyed() { |
| | | this.vm.$destroy(); |
New file |
| | |
| | |
|
| | | <div class="bui-page">
|
| | | <header class="bui-bar">
|
| | | <div class="bui-bar-left">
|
| | | <div class="bui-btn btn-back"><i class="icon-back"></i></div>
|
| | | </div>
|
| | | <div class="bui-bar-main">告警管理</div>
|
| | | <div class="bui-bar-right"></div>
|
| | | </header>
|
| | | <main>
|
| | | <div id="uiTab" class="bui-tab">
|
| | | <div class="bui-tab-head">
|
| | | <ul class="bui-nav">
|
| | | <li class="bui-btn">实时告警</li>
|
| | | <li class="bui-btn">历史告警</li>
|
| | | <li class="bui-btn">告警参数设置</li>
|
| | | </ul>
|
| | | </div>
|
| | | <div class="bui-tab-main">
|
| | | <ul>
|
| | | |
| | | <li><img src="images/placeholder-list.png" alt=""></li>
|
| | | <li style="display:none"><img src="images/placeholder-page.png" alt=""></li>
|
| | | <li style="display:none"><img src="images/placeholder-list.png" alt=""></li>
|
| | | </ul>
|
| | | </div>
|
| | | </div>
|
| | | </main>
|
| | | <footer>
|
| | |
|
| | | </footer>
|
| | | </div> |
New file |
| | |
| | | "use strict"; |
| | | |
| | | /**
|
| | | * 模板模块
|
| | | * 默认模块名: warning
|
| | | * @return {[object]} [ 返回一个对象 ]
|
| | | */ |
| | | loader.define({ |
| | | data: { |
| | | vm: '' |
| | | }, |
| | | loaded: function loaded(require, exports, module) { |
| | | // 引入vue |
| | | this.vm = new Vue({ |
| | | el: getPageRoot(module), |
| | | data: {}, |
| | | methods: {}, |
| | | mounted: function mounted() { |
| | | var uiTab = bui.tab({ |
| | | id: "#uiTab" |
| | | }); |
| | | }, |
| | | destroyed: function destroyed() {} |
| | | }); |
| | | }, |
| | | destroyed: function destroyed() { |
| | | this.vm.$destroy(); |
| | | } |
| | | }); |
| | |
| | | <menu-btn type="success" to="/history-data" @click="routerTo" text="运维管理" icon="icon-yunweiguanli"></menu-btn>
|
| | | </div>
|
| | | <div class="span4">
|
| | | <menu-btn type="warning" text="告警管理" icon="icon-gaojing"></menu-btn>
|
| | | <menu-btn to="/warning" @click="routerTo" type="warning" text="告警管理" icon="icon-gaojing"></menu-btn>
|
| | | </div>
|
| | | <div class="span4">
|
| | | <menu-btn to="/batt-info-set" @click="routerTo" text="电池信息配置" icon="icon-dianchiguanli"></menu-btn>
|
| | |
| | | </el-table-column>
|
| | | </el-table>
|
| | | </div>
|
| | | <el-pagination large style="text-align:center" background layout="prev, pager, next" :total="tbls.warning.page.PageAll" @current-change="warningCurrentChange">
|
| | | <el-pagination large style="text-align:center" background layout="prev, pager, next" :current-page="tbls.warning.page.PageCurr" :total="tbls.warning.page.PageAll" @current-change="warningCurrentChange">
|
| | | </el-pagination>
|
| | | </div>
|
| | | <div class="tab-item" style="display:none" v-show="tabs.active == 'charge'">
|
| | |
| | | }, { |
| | | path: '/history-data', |
| | | url: '../history-data/history-data.html' |
| | | }, { |
| | | path: '/warning', |
| | | url: '../warning/warning.html' |
| | | }] |
| | | }, |
| | | methods: { |
| | |
| | | } |
| | | }, |
| | | setBattDiscInfo: function setBattDiscInfo(res) { |
| | | console.log(res); |
| | | //console.log(res); |
| | | // 对数据进行处理 |
| | | this.tbls.discharge.data = this.formaterTestData(res); |
| | | // 统计个数 |
| | |
| | | } |
| | | }, |
| | | setBattCharInfo: function setBattCharInfo(res) { |
| | | console.log(res); |
| | | //console.log(res); |
| | | // 对数据进行处理 |
| | | this.tbls.charge.data = this.formaterTestData(res); |
| | | // 统计个数 |
| | |
| | | alm_cleared_type: 0, |
| | | page: page |
| | | }; |
| | | console.log(searchParams); |
| | | //console.log(searchParams); |
| | | // 判断是否为手机端 |
| | | if (typeof Battalram_dataService != "undefined") { |
| | | Battalram_dataService.serchByCondition(JSON.stringify(searchParams)); |
| | |
| | | }, |
| | | setAlarmInfo: function setAlarmInfo(res) { |
| | | // 设置实时告警信息 |
| | | console.info(res); |
| | | // console.info(res); |
| | | if (res.code == 1) { |
| | | var page = this.tbls.warning.page; |
| | | // 设置数据 |
| | |
| | | mounted: function mounted() { |
| | | var self = this; |
| | | this.setTblsHt(); |
| | | |
| | | // 后台触发事件查询所有的电池组放电信息 |
| | | window['DeviceServicereadBattDiscInfocalljs'] = function (res) { |
| | | // 设置电池信息 |
| | | self.setBattDiscInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.discharge.timer.open(); |
| | | }; |
| | | |
| | | // 后台触发事件查询所有的电池组充电信息 |
| | | window['DeviceServicereadBattCharInfocalljs'] = function (res) { |
| | | // 设置电池信息 |
| | | self.setBattCharInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.charge.timer.open(); |
| | | }; |
| | | |
| | | // 查询告警信息 |
| | | window['Battalram_dataServiceserchByConditioncalljs'] = function (res) { |
| | | self.setAlarmInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.warning.timer.open(); |
| | | }; |
| | | }, |
| | | destroyed: function destroyed() {} |
| | | }); |
| | | }, |
| | | show: function show() { |
| | | var self = this.vm; |
| | | // 开启计时器 |
| | | this.vm.startTimers(); |
| | | //bui.alert('show'); |
| | | // 后台触发事件查询所有的电池组放电信息 |
| | | window['DeviceServicereadBattDiscInfocalljs'] = function (res) { |
| | | // 设置电池信息 |
| | | self.setBattDiscInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.discharge.timer.open(); |
| | | }; |
| | | |
| | | // 后台触发事件查询所有的电池组充电信息 |
| | | window['DeviceServicereadBattCharInfocalljs'] = function (res) { |
| | | // 设置电池信息 |
| | | self.setBattCharInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.charge.timer.open(); |
| | | }; |
| | | |
| | | // 查询告警信息 |
| | | window['Battalram_dataServiceserchByConditioncalljs'] = function (res) { |
| | | self.setAlarmInfo(res); |
| | | // 开启计时器 |
| | | self.tbls.warning.timer.open(); |
| | | }; |
| | | }, |
| | | hide: function hide() { |
| | | var self = this.vm; |
| | | // 关闭计时器 |
| | | this.vm.stopTimers(); |
| | | // 清除全局方法 |
| | | window.DeviceServicereadBattDiscInfocalljs = null; |
| | | window.DeviceServicereadBattCharInfocalljs = null; |
| | | window.Battalram_dataServiceserchByConditioncalljs = null; |
| | | }, |
| | | destroyed: function destroyed() { |
| | | this.vm.$destroy(); |
New file |
| | |
| | |
|
| | | <div class="bui-page">
|
| | | <header class="bui-bar">
|
| | | <div class="bui-bar-left">
|
| | | <div class="bui-btn btn-back"><i class="icon-back"></i></div>
|
| | | </div>
|
| | | <div class="bui-bar-main">告警管理</div>
|
| | | <div class="bui-bar-right"></div>
|
| | | </header>
|
| | | <main>
|
| | | <div id="uiTab" class="bui-tab">
|
| | | <div class="bui-tab-head">
|
| | | <ul class="bui-nav">
|
| | | <li class="bui-btn">实时告警</li>
|
| | | <li class="bui-btn">历史告警</li>
|
| | | <li class="bui-btn">告警参数设置</li>
|
| | | </ul>
|
| | | </div>
|
| | | <div class="bui-tab-main">
|
| | | <ul>
|
| | | |
| | | <li><img src="images/placeholder-list.png" alt=""></li>
|
| | | <li style="display:none"><img src="images/placeholder-page.png" alt=""></li>
|
| | | <li style="display:none"><img src="images/placeholder-list.png" alt=""></li>
|
| | | </ul>
|
| | | </div>
|
| | | </div>
|
| | | </main>
|
| | | <footer>
|
| | |
|
| | | </footer>
|
| | | </div> |
New file |
| | |
| | | "use strict"; |
| | | |
| | | /**
|
| | | * 模板模块
|
| | | * 默认模块名: warning
|
| | | * @return {[object]} [ 返回一个对象 ]
|
| | | */ |
| | | loader.define({ |
| | | data: { |
| | | vm: '' |
| | | }, |
| | | loaded: function loaded(require, exports, module) { |
| | | // 引入vue |
| | | this.vm = new Vue({ |
| | | el: getPageRoot(module), |
| | | data: {}, |
| | | methods: {}, |
| | | mounted: function mounted() { |
| | | var uiTab = bui.tab({ |
| | | id: "#uiTab" |
| | | }); |
| | | }, |
| | | destroyed: function destroyed() {} |
| | | }); |
| | | }, |
| | | destroyed: function destroyed() { |
| | | this.vm.$destroy(); |
| | | } |
| | | }); |