whychw
2021-04-27 4160bb727b3520df4d08535b7b774067823b38e9
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<template>
    <el-menu :default-active="acTabs" class="pageMenu">
        <template v-for="menu in menus">
            <el-submenu v-if="menu.childrens" :key="menu.name" :index="menu.name">
                <template slot="title">
                    <i v-if="menu.icon" :class="menu.icon"></i>
                    <span>{{ menu.label }}</span>
                </template>
                <el-menu-item v-for="child in menu.childrens" :key="child.name" :index="child.name"
                    @click="select(child)"><i v-if="child.icon" :class="child.icon"></i><span
                        class="text">{{ child.label }}</span>
                </el-menu-item>
            </el-submenu>
            <el-submenu v-else :index="menu.name" class="el-submenu" :key="menu.name" @click="select(menu)">
                <template slot="title">
                    <i v-if="menu.icon" :class="menu.icon"></i>
                    <span>{{ menu.label }}</span>
                </template>
            </el-submenu>
        </template>
    </el-menu>
</template>
 
<script>
    export default {
        data() {
            return {
                acTabs: 'topoGraph',
                menus: [{
                    label: "主界面",
                    name: "index",
                    src: "",
                    icon: "el-icon-s-platform",
                    childrens: [{
                            label: "系统拓扑图",
                            icon: "el-icon-s-platform",
                            name: "topoGraph",
                            src: "topoGraph",
                        },
                        {
                            label: "3D机房",
                            icon: "el-icon-s-platform",
                            name: "room3D",
                            src: "room3D",
                        },
                        {
                            label: "进线屏监控",
                            icon: "el-icon-s-platform",
                            name: "",
                            src: "",
                        },
                        {
                            label: "大功率整流电源监控",
                            icon: "el-icon-s-platform",
                            name: "",
                            src: "",
                        },
                        {
                            label: "直流配电板监控",
                            icon: "el-icon-s-platform",
                            name: "",
                            src: "",
                        },
                        {
                            label: "直流调速柜监控",
                            icon: "el-icon-s-platform",
                            name: "",
                            src: "",
                        },
                        {
                            label: "受试推进电机监控",
                            icon: "el-icon-s-platform",
                            name: "",
                            src: "",
                        },
                        {
                            label: "升速齿轮箱监控",
                            icon: "el-icon-s-platform",
                            name: "",
                            src: "",
                        },
                        {
                            label: "测功机监控",
                            icon: "el-icon-s-platform",
                            name: "",
                            src: "",
                        },
                        {
                            label: "AFE变频驱动柜监控",
                            icon: "el-icon-s-platform",
                            name: "",
                            src: "",
                        },
                        {
                            label: "升压变压器监控",
                            icon: "el-icon-s-platform",
                            name: "",
                            src: "",
                        },
                    ]
                }, {
                    label: "试验管理",
                    name: "testMag",
                    src: "",
                    icon: "el-icon-s-platform",
                    childrens: [{
                        label: "电机绕组电阻测定试验",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "空载试验",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "负载试验",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "温升试验",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "超速试验",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "空载反电动势试验",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "振动测定试验",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "耐电压试验",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "转动惯量测定试验",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, ]
                }, {
                    label: "数据管理",
                    name: "dataMsg",
                    src: "",
                    icon: "el-icon-s-platform",
                    childrens: [{
                        label: "历史试验数据",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "试验分析报告",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }]
                }, {
                    label: "用户管理",
                    name: "userMag",
                    src: "",
                    icon: "el-icon-s-platform",
                    childrens: [{
                        label: "用户管理",
                        icon: "el-icon-s-platform",
                        name: "userList",
                        src: "userlist",
                    }, {
                        label: "用户权限",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }]
                }, {
                    label: "系统日志",
                    name: "systemlog",
                    src: "",
                    icon: "el-icon-s-platform",
                    childrens: [{
                        label: "告警管理",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }, {
                        label: "系统日志管理",
                        icon: "el-icon-s-platform",
                        name: "",
                        src: "",
                    }]
                }, ]
            }
        },
        methods: {
            select(data) {
                if (data.src) {
                    this.$router.push({
                        path: `/index/${data.src}`,
                    }).catch(err => {
                        console.log(err)
                    });
                }
            },
        },
        mounted() {},
    }
</script>
 
<style scoped>
    .text {
        display: inline-block;
        width: 100%;
        white-space: normal;
    }
</style>