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
<template> 
    <div data-name="monitor-index" class="page"> 
        <!-- Top Navbar --> 
        <div class="navbar"> 
            <div class="navbar-inner"> 
                <div class="left"> 
                    <a href="#" class="link back"> 
                        <i class="icon f7-icons">chevron_left</i> 
                    </a> 
                </div> 
                <div class="title center">监测数据</div> 
            </div> 
        </div> 
        <!-- Scrollable page content --> 
        <div class="page-content" id="monitorIndex"> 
            <p class="monitor-index-url">地址：<span class="bread-item" onclick="breadItemClick(0)">{{ params.home}}</span>/{{params.groupname}}</p> 
            <div class="list links-list card" style="margin-top: 8px;"> 
                <ul id="homeList"> 
                    <li><a href="{{control}}">实时数据</a></li> 
                    <li><a href="{{hisData}}">历史-测试数据</a></li> 
                    <li><a href="{{battGroupInfo}}">电池信息</a></li> 
                    <li><a v-bind:href="pageUrl.nuclearParamSet" v-show="isSuper">核容参数设置</a></li> 
                    <li><a v-bind:href="pageUrl.battParamSet" v-show="isSuper">电池参数设置</a></li> 
                    <li><a v-bind:href="pageUrl.sysParamSet" v-show="isSuper">系统参数设置</a></li> 
                </ul> 
            </div> 
        </div> 
    </div> 
</template> 
<script> 
    return { 
        beforeCreate() { 
            var params = this.params; 
            this.control = "/monitor/control/"+this.str; 
            this.hisData = "/monitor/history/"+this.str; 
            this.battGroupInfo = "/monitor/batt/group/info/"+this.params.groupid+"/"; 
            this.homeInfo = '/data/home/info/'+this.params.stationid+'/back/'; 
        }, 
        data: function() { 
            var params = this.$route.params; 
            var cView = app.views.current; 
            var history = cView.router.history; 
            return { 
                params: params, 
                history: history, 
                str: getUrlStr({ 
                    province: params.province, 
                    city: params.city, 
                    county: params.county, 
                    home: params.home, 
                    fbsid: params.fbsid, 
                    stationid: params.stationid, 
                    groupid: params.groupid, 
                    groupname: params.groupname 
                     
                }), 
                control:'', 
                hisData: '', 
                battGroupInfo: '', 
                homeInfo: '' 
            } 
        }, 
        on: { 
            pageInit: function() { 
                var pageThis = this; 
                var params = this.params; 
                var baseUrl = '/param/set/'+getUrlStr({ 
                    home: params.home, 
                    fbsid: params.fbsid, 
                    stationid: params.stationid, 
                    groupid: params.groupid 
                }); 
                var vm = new Vue({ 
                    el: '#monitorIndex', 
                    delimiters: ['${', '}'], 
                    data: { 
                        isSuper: false, 
                        pageUrl: { 
                            nuclearParamSet: '/monitor/nuclear'+baseUrl, 
                            battParamSet: '/monitor/batt'+baseUrl, 
                            sysParamSet: '/monitor/sys'+baseUrl 
                        } 
                    }, 
                    methods: { 
                     
                    }, 
                    mounted: function() { 
                        this.isSuper = bus.isHasPermit('batt_discharge_model_permit'); 
                    } 
                }); 
            } 
        } 
    } 
</script>