<template>
|
<div class="layout-container">
|
<el-container style="display: flex;">
|
<el-header height="auto" id="pcElHeader">
|
<div class="logo">
|
<img src="/zhjg/img/logo.png" alt />
|
<div class="header-title">智慧校园可视化信息管理平台</div>
|
</div>
|
<div class="nav">
|
<el-menu
|
menu-trigger="click"
|
:unique-opened="true"
|
:default-active="$router.currentRoute.path"
|
class="el-menu-demo"
|
mode="horizontal"
|
@select="handleSelect"
|
background-color="#2196f3"
|
text-color="#fff"
|
active-text-color="#fff"
|
:router="true"
|
>
|
<!-- <el-menu-item index="/pcLayout/default/mapnav"> <i class='custom-icon menu-dtdl'></i> 地图导览</el-menu-item> -->
|
|
<el-submenu index="orgnav">
|
<template slot="title">
|
<i class="custom-icon menu-jg"></i> 机构导览
|
</template>
|
<!-- 师大 -->
|
<el-menu-item index="/pcLayout/default/orgnav/masses">党群机构</el-menu-item>
|
<el-menu-item index="/pcLayout/default/orgnav/ofc">职能部处</el-menu-item>
|
<el-menu-item index="/pcLayout/default/orgnav/directly">直属及附属单位</el-menu-item>
|
<el-menu-item index="/pcLayout/default/orgnav/teaching">教学与科研机构</el-menu-item>
|
<el-menu-item index="/pcLayout/default/orgnav/rest">其他机构</el-menu-item>
|
</el-submenu>
|
|
<el-submenu index="arc">
|
<template slot="title">
|
<i class="custom-icon menu-xyjz"></i> 校内建筑
|
</template>
|
<el-menu-item index="/pcLayout/default/arc/edifact">行政办公</el-menu-item>
|
<el-menu-item index="/pcLayout/default/arc/teaching">教学科研</el-menu-item>
|
<el-menu-item index="/pcLayout/default/arc/venue">校园场馆</el-menu-item>
|
<el-menu-item index="/pcLayout/default/arc/dorm">校园宿舍</el-menu-item>
|
<el-menu-item index="/pcLayout/default/arc/culture">文化风景</el-menu-item>
|
<!-- <el-menu-item index="/pcLayout/default/arc/family">家属住宅</el-menu-item> -->
|
<el-menu-item index="/pcLayout/default/arc/rest">主要楼宇</el-menu-item>
|
</el-submenu>
|
<!-- popper-class="only-life-box" -->
|
<el-submenu index="service">
|
<template slot="title">
|
<i class="custom-icon menu-shfw"></i> 生活设施
|
</template>
|
<el-menu-item index="/pcLayout/default/service/canteen">食堂餐厅</el-menu-item>
|
<el-menu-item index="/pcLayout/default/service/supermarket">购物超市</el-menu-item>
|
<el-menu-item index="/pcLayout/default/service/medical">校园医疗</el-menu-item>
|
<el-menu-item index="/pcLayout/default/service/express">邮寄快递</el-menu-item>
|
<!-- <el-menu-item index="/pcLayout/default/service/showers">校园浴室</el-menu-item> -->
|
<!-- <el-menu-item index="/pcLayout/default/service/transfer">圈存机</el-menu-item> -->
|
<el-menu-item index="/pcLayout/default/service/copy">打字复印</el-menu-item>
|
<!-- <el-menu-item index="/pcLayout/default/service/bank">银行网点</el-menu-item> -->
|
<!-- <el-menu-item index="/pcLayout/default/service/aed">AED</el-menu-item> -->
|
<!-- <el-menu-item index="/pcLayout/default/service/service">通信营业厅</el-menu-item> -->
|
<el-menu-item index="/pcLayout/default/service/park">停车场</el-menu-item>
|
<el-menu-item index="/pcLayout/default/service/alleyway">出入口</el-menu-item>
|
</el-submenu>
|
|
<!-- <el-menu-item index="/pcLayout/default/campusnav"> <i class='custom-icon menu-xydl'></i> 校园导览</el-menu-item> -->
|
|
<el-menu-item index="/pcLayout/default/campusnavi">
|
<i class="custom-icon menu-xydh"></i> 校园导航
|
</el-menu-item>
|
|
<el-submenu index="specialmap">
|
<template slot="title">
|
<i class="custom-icon menu-ztdt"></i> 专题地图
|
</template>
|
<el-menu-item index="/pcLayout/default/specialmap/welcome?name=校庆">校庆</el-menu-item>
|
<el-menu-item
|
index="/pcLayout/default/specialmap/welcome?name=校园迎新"
|
>校园迎新</el-menu-item>
|
</el-submenu>
|
|
<el-submenu index="tool">
|
<template slot="title">
|
<i class="custom-icon menu-tool"></i> 工具
|
</template>
|
<el-menu-item index="/pcLayout/default/tool/download">地图下载</el-menu-item>
|
<el-menu-item index="/pcLayout/default/tool/sign">地图标记</el-menu-item>
|
<el-menu-item index="/pcLayout/default/tool/ranging">地图测距</el-menu-item>
|
<el-menu-item index="/pcLayout/default/tool/area">地图测面</el-menu-item>
|
<!-- <el-menu-item index="/pcLayout/default/tool/layer-manage">图层管理</el-menu-item> -->
|
</el-submenu>
|
|
<!-- <el-submenu index="technique">
|
<template slot="title">
|
<i class="custom-icon menu-rest"></i> 其他
|
</template>
|
<el-menu-item index="/pcLayout/default/technique/map">地图数据</el-menu-item>
|
<el-menu-item index="/pcLayout/default/technique/video">视频融合</el-menu-item>
|
<el-menu-item index="/pcLayout/default/technique/data">数据动画</el-menu-item>
|
<el-menu-item index="/pcLayout/default/technique/turf">turf计算</el-menu-item>
|
<el-menu-item index="/pcLayout/default/technique/space">三维空间分析</el-menu-item>
|
<el-menu-item index="/pcLayout/default/technique/graph">学生迁徙图</el-menu-item>
|
<el-menu-item index="/pcLayout/default/technique/path">漫游</el-menu-item>
|
</el-submenu>-->
|
</el-menu>
|
</div>
|
|
<!-- <div class="out-home">
|
<el-button size="mini" @click="outHome">返回首页</el-button>
|
</div>-->
|
</el-header>
|
<el-main style="flex: 1;">
|
<router-view />
|
</el-main>
|
</el-container>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data () {
|
return {}
|
},
|
methods: {
|
handleSelect (key, keyPath) { },
|
outHome () {
|
this.$store.commit('SET_VIEWEREXIST', false)
|
this.$router.push('/large')
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
#pcElHeader {
|
display: flex;
|
width: 100%;
|
flex-wrap: wrap;
|
.logo {
|
display: flex;
|
width: 410px;
|
}
|
.nav {
|
width: 850px;
|
}
|
}
|
</style>
|
