<template>
|
<div class="layout-container">
|
<el-container>
|
<el-header>
|
<img src="../assets/img/home.png"
|
alt="">
|
<div class="header-title">抚河流域山洪灾害预警系统</div>
|
<el-menu :default-active="$router.currentRoute.path"
|
class="el-menu-demo"
|
mode="horizontal"
|
@select="handleSelect"
|
background-color="rgb(0,153,204)"
|
text-color="#fff"
|
active-text-color="rgb(255, 255, 102)"
|
:router="true">
|
|
<el-submenu index="">
|
<template slot="title">风险预警</template>
|
<el-menu-item index="/default/riskEarlyWarning/flashFloodRisk">山洪灾害</el-menu-item>
|
<el-menu-item index="/default/riskEarlyWarning/bigRivers">主要河流</el-menu-item>
|
<el-menu-item index="/default/riskEarlyWarning/mediumOrSmallRivers">中小河流</el-menu-item>
|
</el-submenu>
|
|
<!-- <el-menu-item index="/default/riskEarlyWarning">风险预警</el-menu-item> -->
|
<el-menu-item index="/default/rainWaterFeeling">雨情信息</el-menu-item>
|
<el-menu-item index="/default/riverway">河道水情</el-menu-item>
|
|
<el-menu-item index="/default/reservoir">水库水情</el-menu-item>
|
|
<el-menu-item index="/default/soilOrWater">前期土壤含水量</el-menu-item>
|
|
<el-menu-item index="">
|
<a href="http://10.36.98.39:8080/zhsw/fzsw/index.html" target="_blank">水文监测成果</a>
|
</el-menu-item>
|
|
</el-menu>
|
</el-header>
|
<el-main>
|
<router-view />
|
</el-main>
|
</el-container>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data () {
|
return {}
|
},
|
methods: {
|
handleSelect (key, keyPath) {
|
console.log(key, 456, keyPath)
|
}
|
}
|
}
|
</script>
|
|
<style>
|
</style>
|
