bui.git - Gitblit

/**
 * 首页模块
 * 默认模块名: main
 * @return {[object]}  [ 返回一个对象 ]
 */
loader.define(function(require, exports, module) {
    var bs = bui.store({
        scope: 'page',
        data: {}
     });
 
    var vm =new Vue({
        el: bs.$el[0],
        data: {
            block: {
                main: 0,
                block1: 0,
                alarmBlock1: 0
            },
            numbers: {
                alarms: 0,
                charge: 0,
                discharge: 0
            },
            timers: {
                alarms: new Timeout(),
                test: new Timeout(),
            },
            tabs: {
                menu: false,
                alarm: true,
                charge: false,
                discharge: false
            },
            tbls: {
                alarm: {
                    page: {
                        pageSize: 6,
                        pageCurr: 1
                    },
                    pageBtn:  {
                        pre: true,
                        next: false,
                    },
                    timer: new Timeout(),
                    title: '告警信息',
                    columns: [
                        {
                            title: '系统',
                            minWidth: 140,
                            align: 'center',
                            key: 'num'
                        },
                        {
                            title: '电池组',
                            minWidth: 120,
                            align: 'center',
                            key: 'battGroupName'
                        },
                        {
                            title: '告警名称',
                            minWidth: 240,
                            align: 'center',
                            key: 'note'
                        },
                        {
                            title: '单体编号',
                            minWidth: 90,
                            align: 'center',
                            key: 'MonNum',
                        },
                        {
                            title: '告警开始时间',
                            minWidth: 240,
                            align: 'center',
                            key: 'alm_start_time'
                        },
                        {
                            title: '查看实时监控数据',
                            key: 'see',
                            minWidth: 180,
                            align: 'center',
                            render: (h, params) => {
                                return h('div', [
                                    h('i-button', {
                                        props: {
                                            type: 'success',
                                            size: 'small'
                                        },
                                        style: {
                                            marginRight: '5px'
                                        },
                                        on: {
                                            click: function(){
                                                //console.log(vm);
                                                vm.showBatteryInfo(params);
                                            }
                                        }
                                    }, '实时数据'),
                                ])
                            }
                        }
                    ],
                    data: []
                },
                charge: {
                    page: {
                        pageSize: 6,
                        pageCurr: 1
                    },
                    timer: new Timeout(),
                    title: '充电电池信息',
                    columns: [
                        {
                            title: '系统',
                            key: 'num'
                        },
                        {
                            title: '电池组',
                            key: 'note'
                        },
                        {
                            title: '测试开始时间',
                            key: 'batt_test_starttime'
                        },
                        {
                            title: '组端电压（V）',
                            key: 'group_vol'
                        },
                        {
                            title: '组端电流（A）',
                            key: 'group_curr'
                        },
                        {
                            title: '查看',
                            key: 'see',
                            align: 'center',
                            render: (h, params) => {
                                return h('div', [
                                    h('i-button', {
                                        props: {
                                            type: 'success',
                                            size: 'small'
                                        },
                                        style: {
                                            marginRight: '5px'
                                        },
                                        on: {
                                            click: () => {
                                                console.log(params);
                                            }
                                        }
                                    }, '查看详情'),
                                ])
                            }
                        }
                    ],
                    data: []
                },
                discharge: {
                    page: {
                        pageSize: 6,
                        pageCurr: 1
                    },
                    timer: new Timeout(),
                    title: '放电电池组信息信息',
                    columns: [
                        {
                            title: '系统',
                            key: 'num'
                        },
                        {
                            title: '电池组',
                            key: 'note'
                        },
                        {
                            title: '测试开始时间',
                            key: 'batt_test_starttime'
                        },
                        {
                            title: '组端电压（V）',
                            key: 'group_vol'
                        },
                        {
                            title: '组端电流（A）',
                            key: 'group_curr'
                        },
                        {
                            title: '查看',
                            key: 'see',
                            align: 'center',
                            render: (h, params) => {
                                return h('div', [
                                    h('i-button', {
                                        props: {
                                            type: 'success',
                                            size: 'small'
                                        },
                                        style: {
                                            marginRight: '5px'
                                        },
                                        on: {
                                            click: () => {
                                                console.log(params);
                                            }
                                        }
                                    }, '查看详情'),
                                ])
                            }
                        }
                    ],
                    data: []
                }
            },
            routers: [
                {
                    path: 'device',
                    url: '../device/device.html'
                },
                {
                    path: 'warn',
                    url: '../warn/warn.html'
                },
                {
                    path: 'battery',
                    url: '../battery/battery.html'
                }
            ]
        },
        methods: {
            handerClick: function(str) {
                var url = this.getUrl(str);
                if(url) {
                    router.load({ url: url, param: {} });
                }
                
            },
            getUrl: function(str) {
                var url = '';
                for(var i=0; i<this.routers.length; i++) {
                    var router = this.routers[i];
                    if(router.path == str) {
                        url = router.url;
                    }
                }
                return url;
            },
            startAlarm: function() {        // 查询告警信息并开启计时器
                var self = this;
                // 查询告警数目
                this.tbls.alarm.timer.start(function() {
                    self.searchAlarm();
                }, 4000);
            },
            startCharge: function() {       // 查询充电中并开启计时器
                var self = this;
                // 查询告警数目
                this.tbls.charge.timer.start(function() {
                    self.searchCharge();
                }, 4000);
            },
            startDisCharge: function() {     // 查询放电中并开启计时器
                var self = this;
                // 查询告警数目
                this.tbls.discharge.timer.start(function() {
                    self.searchDisCharge();
                }, 4000);
            },
            searchNums: function() {    // 查询告警，充电，放电的数目
                var self = this;
                // 查询告警数目
                this.timers.alarms.start(function() {
                    self.searchAlarmNum();
                }, 4000);
 
                // 查询充电和放电数目
                this.timers.test.start(function() {
                    self.searchTestNum();
                }, 4000);
            },
            searchAlarm: function() {       // 查询告警
                // 判断是否显示
                if(!this.tabs.alarm) {
                    this.tbls.alarm.timer.open();
                    return;
                }
                var self = this;
                var page = this.tbls.alarm.page;
                var json = JSON.stringify(page);
                // 请求后台获取告警
                ajax({
                    type: 'post',
                    async: true,
                    url: 'Battalarm_dataAction!serchByInfo',
                    data: 'json='+json,
                    dataType: 'json',
                    success: function(res) {
                        var rs = JSON.parse(res.result);
                        if(rs.code == 1) {
                            var data = rs.data;
                            // console.log(data);
                            // 设置不可点击
                            if(data.length<6) {
                                self.tbls.alarm.pageBtn.next = true;
                            }
                            self.tbls.alarm.data = data;
                        }
                    },
                    complete: function() {
                        self.tbls.alarm.timer.open();
                    }
                });
            },
            searchCharge: function() {      //查询充电
                // 判断是否显示
                if(!this.tabs.charge) {
                    this.tbls.charge.timer.open();
                    return;
                }
                var self = this;
                var searchParams = {
                    num: 2
                };
                var json = JSON.stringify(searchParams);
                // 请求后台获取正在充电
                ajax({
                    type: 'post',
                    async: true,
                    url: 'Batt_rtstateAction!serchByInfo',
                    data: 'json='+json,
                    dataType: 'json',
                    success: function(res) {
                        var rs = JSON.parse(res.result);
                        if(rs.code == 1) {
                            var data = rs.data;
                            self.tbls.charge.data = data;
                        }
                    },
                    complete: function() {
                        self.tbls.charge.timer.open();
                    }
                });
            },
            searchDisCharge: function() {      //查询放电
                // 判断是否显示
                if(!this.tabs.discharge) {
                    this.tbls.discharge.timer.open();
                    return;
                }
                var self = this;
                var searchParams = {
                    num: 3
                };
                var json = JSON.stringify(searchParams);
                // 请求后台获取正在充电
                ajax({
                    type: 'post',
                    async: true,
                    url: 'Batt_rtstateAction!serchByInfo',
                    data: 'json='+json,
                    dataType: 'json',
                    success: function(res) {
                        var rs = JSON.parse(res.result);
                        if(rs.code == 1) {
                            var data = rs.data;
                            // console.log(data);
                            self.tbls.discharge.data = data;
                        }
                    },
                    complete: function() {
                        self.tbls.discharge.timer.open();
                    }
                });
            },
            searchAlarmNum: function() {
                var self = this;
                // 请求后台获取告警总数
                ajax({
                    type: 'post',
                    async: true,
                    url: 'Battalarm_dataAction!searchAlarmNum',
                    data: null,
                    dataType: 'json',
                    success: function(res) {
                        var rs = JSON.parse(res.result);
                        if(rs.code == 1) {
                            var data = rs.data;
                            self.numbers.alarms = data[0];
                        }
                    },
                    complete: function() {
                        self.timers.alarms.open();
                    }
                });
            },
            searchTestNum: function() {
                var self = this;
                // 请求后台获取告警总数
                ajax({
                    type: 'post',
                    async: true,
                    url: 'Batt_rtstateAction!serchDisOrChargrNew',
                    data: null,
                    dataType: 'json',
                    success: function(res) {
                        var rs = JSON.parse(res.result);
                        if(rs.code == 1) {
                            var data = rs.data;
                            self.numbers.charge = data[0];
                            self.numbers.discharge = data[1];
                        }
                    },
                    complete: function() {
                        self.timers.test.open();
                    }
                });
            },
            handlerTabs: function(type) {
                var tabs = this.tabs;
                // 判断点击的内容是否已经被显示
                if(tabs[type]) {
                    return;
                }
                Object.keys(tabs).forEach(function(key) {
                    if(key == type) {
                        tabs[key] = true;
                    }else {
                        tabs[key] = false;
                    }
                });
 
                // 查询告警信息
                this.startAlarm();
 
                // 查询正在充电中
                this.startCharge();
 
                // 查询放电中
                this.startDisCharge();
            },
            outSystem: function() {     // 退出系统
                bui.confirm('是否退出系统', function(e) {
                    var text = $(e.target).text();
                    if(text == "确定") {
                        if(typeof Android != 'undefined') {
                            Android.reStartSystem();
                        }
                    }
                    this.close();
                });
            },
            next: function(type) {  // 下一页
                switch(type) {
                    case 'alarm':
                        this.tbls.alarm.page.pageCurr++;
                        this.tbls.alarm.pageBtn.pre = false;
                        this.startAlarm();
                    break;
                }
            },
            pre: function(type) {
                switch(type) {
                    case 'alarm':
                        this.tbls.alarm.page.pageCurr--;
                        this.tbls.alarm.pageBtn.next = false;
                        this.startAlarm();
                        if(this.tbls.alarm.page.pageCurr == 1) {
                            this.tbls.alarm.pageBtn.pre = true;
                        }
                    break;
                }
            },
            showBatteryInfo: function(params) {
                var row = params.row;
                var param = {
                    battGroupId: row.BattGroupId,
                    battGroupName: row.battGroupName, 
                    devId: row.num,
                };
                // 加载路由
                router.load({
                    url: '../battery/batteryInfo.html',
                    param: param
                });
            },
            setBlock: function() {
                var main = this.$refs.main.offsetHeight;
                var block1 = this.$refs.block1.offsetHeight;
                var alarmBlock1 = this.$refs.alarmBlock1.offsetHeight;
                this.block.main = main;
                this.block.block1 = block1;
                this.block.alarmBlock1 = alarmBlock1;
            },
            getAlarmHt: function() {
                return this.getTblHt() - 45;
            },
            getTblHt: function() {
                return this.block.main - this.block.block1 - 40;
            }
        },
        computed: {
            getAlarmHt: function() {
                
                return 400;
            }
        },
        mounted() {
            // 查询告警信息
            this.startAlarm();
 
            // 查询正在充电中
            this.startCharge();
 
            // 查询放电中
            this.startDisCharge();
 
            // 查询告警，充电，放电的数目
            this.searchNums();
            this.setBlock();
        },
        destroyed() {
            
        },
    });
    var pageview = {};
 
    // 模块初始化定义
    pageview.init = function() {
 
    }
    // 绑定按钮跳转
    $("#battery").on("click",function(){
        router.load({ url: '../battery/battery.html', param: {} });
    });
    // 告警模块
    $('#warn').on('click', function() {
        router.load({ url: '../warn/warn.html', param: {} });
    });
    // 初始化
    pageview.init();
 
    // 输出模块
    return pageview;
})