msb-public
/
dc3-web
mirror of https://gitee.com/pnoker/dc3-web.git
1
0
Code Issues Projects Releases Wiki Activity

.

Browse Source
pull/1/head
pnoker 5 years ago
parent 9a6ff1c5b1
commit c1b50cd9b7
1 changed files with 39 additions and 53 deletions
Show Stats Download Patch File Download Diff File

92
src/App.vue
Unescape View File

@ -1,37 +1,36 @@
<template> <template>
<div id="app"> <div id="app">
<el-container class="el-container-iot"> <el-container class="el-container-iot">
<el-aside> <el-menu default-active="1-4-1" class="el-menu-vertical-iot" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
<el-menu default-active="1-4-1" class="el-menu-vertical-iot" @open="handleOpen" @close="handleClose" :collapse="isCollapse"> <h1>IOT DC3</h1>
<el-submenu index="1"> <el-submenu index="1">
<template slot="title"> <template slot="title">
<i class="el-icon-cpu"></i> <i class="el-icon-cpu"></i>
<span slot="title">设备管理</span> <span slot="title">设备管理</span>
</template> </template>
<el-menu-item>设备接入</el-menu-item> <el-menu-item>设备接入</el-menu-item>
<el-menu-item>设备解析</el-menu-item> <el-menu-item>设备解析</el-menu-item>
</el-submenu> </el-submenu>
<el-submenu> <el-submenu index="2">
<template slot="title"> <template slot="title">
<i class="el-icon-odometer"></i> <i class="el-icon-odometer"></i>
<span slot="title">数据管理</span> <span slot="title">数据管理</span>
</template> </template>
<el-menu-item>测点配置</el-menu-item> <el-menu-item>测点配置</el-menu-item>
<el-menu-item>数据监控</el-menu-item> <el-menu-item>数据监控</el-menu-item>
</el-submenu> </el-submenu>
<el-submenu> <el-submenu index="3">
<template slot="title"> <template slot="title">
<i class="el-icon-video-camera-solid"></i> <i class="el-icon-video-camera-solid"></i>
<span slot="title">媒体管理</span> <span slot="title">媒体管理</span>
</template> </template>
<el-menu-item>视频管理</el-menu-item> <el-menu-item>视频管理</el-menu-item>
<el-menu-item>图片管理</el-menu-item> <el-menu-item>图片管理</el-menu-item>
</el-submenu> </el-submenu>
</el-menu> </el-menu>
</el-aside>
<el-container> <el-container>
<el-header> <el-header>
<el-radio-group v-model="isCollapse" style="margin-bottom: 20px;"> <el-radio-group v-model="isCollapse">
<el-radio-button :label="false">展开</el-radio-button> <el-radio-button :label="false">展开</el-radio-button>
<el-radio-button :label="true">收起</el-radio-button> <el-radio-button :label="true">收起</el-radio-button>
</el-radio-group> </el-radio-group>
@ -45,7 +44,7 @@
</template> </template>
<style lang="scss"> <style lang="scss">
body { body {
margin: 0px; margin: 0px;
height: 100%; height: 100%;
} }
@ -54,28 +53,15 @@ body {
height: 100%; height: 100%;
} }
#app { #app {
font-family: 'Avenir', Helvetica, Arial, sans-serif; font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-align: center; text-align: center;
color: #2c3e50; color: #2c3e50;
}
#nav {
padding: 30px;
a {
font-weight: bold;
color: #2c3e50;
&.router-link-exact-active {
color: #42b983;
} }
}
}
.el-container-iot { .el-container-iot {
height: 100%; height: 100%;
} }
@ -93,14 +79,14 @@ body {
data() { data() {
return { return {
isCollapse: false isCollapse: false
}; }
}, },
methods: { methods: {
handleOpen(key, keyPath) { handleOpen(key, keyPath) {
console.log(key, keyPath); console.log(key, keyPath)
}, },
handleClose(key, keyPath) { handleClose(key, keyPath) {
console.log(key, keyPath); console.log(key, keyPath)
} }
} }
} }

Write Preview
Loading…
Cancel
Save