1
81041
2019-06-20 ab3c4acf83f54f8449ca8664c4a2bb79bd30f297
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<template>
    <div data-name="monitor-batt" class="page">
        <!-- Top Navbar -->
        <div class="navbar">
            <div class="navbar-inner">
                <div class="left">
                    <a href="#" class="link popup-close">
                        <i class="icon f7-icons">chevron_left</i>
                    </a>
                </div>
                <div class="title center">电池组</div>
            </div>
        </div>
        <!-- Scrollable page content -->
        <div class="page-content">
            <p class="monitor-index-url">地址: {{ params.home }}</p>
            <div class="list links-list card" style="margin-top: 8px;">
                <ul id="monnitorBattList"></ul>
            </div>
        </div>
    </div>
</template>
<script>
    return {
        methods: {
            createList: function(data) {
                var container = $("#monnitorBattList");
                var params = this.params;
                container.text("");
                for(var i=0; i<data.length;i++) {
                    var _data = data[i];
                    var li = $$('<li></li>');
                    var a = $$('<a class="home-item"></a>');
                    var str = getUrlStr({
                        a: _data.StationName1,
                        b: _data.StationName2,
                        c: _data.StationName5,
                        e: _data.StationName,
                        dev_id: _data.FBSDeviceId,
                        sid: _data.StationId,
                        d: _data.BattGroupId,
                        f: _data.BattGroupName
                    });
                    var hr = "/monitor/index/"+str;
                    a.attr('href', hr)
                    a.text(_data.BattGroupName);
                    a.data('data', _data);
                    li.append(a);
                    container.append(li);
                }
                
                // 基站信息
                var li = $$('<li></li>');
                var hr = '/data/home/info/'+params.homeid+'/back/';
                var a = $$('<a class="home-item"></a>');
                a.attr('href', hr)
                a.text('基站信息');
                a.data('data', _data);
                li.append(a);
                container.append(li);
            },
            searchBattGroup: function() {
                var _this = this;
                var params = this.params;
                var temp = {
                    StationName1: params.province,
                    StationName2: params.city,
                    StationName5: params.county,
                    StationName: params.home,
                    StationId: params.homeid
                };
                
                // 查询后台
                $.ajax({
                    type: 'post',
                    async: true,
                    url: 'BattInfAction!serchBattByStation',
                    data: 'json='+JSON.stringify(temp),
                    dataType: 'json',
                    beforeSend: function() {
                        app.preloader.show();
                    },
                    success: function(res) {
                        var rs = JSON.parse(res.result);
                        if(rs.code == 1) {
                            var data = rs.data;
                            _this.createList(data);
                        }
                    },
                    complete: function() {
                        app.preloader.hide();
                    }
                });
            }
        },
        data: function() {
            var params = this.$route.params;
            return {
                params: params
            }
        },
        on: {
            pageInit: function(e, page) {
                // 查询后台生成列表
                this.searchBattGroup();                
            }
        }
    }
</script>