|
@@ -1,5 +1,4 @@
|
|
|
<template>
|
|
|
- <!-- <el-aside :width="!isCollapse ? '250px' : '100px'" class="asideBox"> -->
|
|
|
<el-menu
|
|
|
collapse-transition
|
|
|
ref="menu"
|
|
@@ -7,13 +6,11 @@
|
|
|
class="mt-3 el-menu-vertical-demo"
|
|
|
@open="handleOpen"
|
|
|
@close="handleClose"
|
|
|
- background-color="#eff1f3"
|
|
|
:active-text-color="activeTextColor"
|
|
|
:router="true"
|
|
|
:default-active="defaultActive"
|
|
|
:default-openeds="openMenus"
|
|
|
>
|
|
|
- <!-- background-color="#eff1f300" text-color="#fff" -->
|
|
|
<template v-for="(item, indexMenu) in routerList">
|
|
|
<!-- 判断是否是中间位置 -->
|
|
|
<el-menu-item
|
|
@@ -38,10 +35,6 @@
|
|
|
:index="item.path"
|
|
|
>
|
|
|
<template slot="title">
|
|
|
- <!-- <i v-if="isElPrefix(item.iconName)" class="el-icon-menu"></i>
|
|
|
- <i v-else class="svnIcon">
|
|
|
- <svg-icon :icon-class="item.iconName" />
|
|
|
- </i> -->
|
|
|
<span
|
|
|
:style="{
|
|
|
transform:
|
|
@@ -59,10 +52,6 @@
|
|
|
:index="`${child.path}?id=${child.id}`"
|
|
|
@click="handleChangeMenuUrl(child, `${child.path}?id=${child.id}`)"
|
|
|
>
|
|
|
- <!-- <i v-if="isElPrefix(child.iconName)" class="el-icon-menu"></i>
|
|
|
- <i v-else class="svnIcon">
|
|
|
- <svg-icon :icon-class="child.iconName" />
|
|
|
- </i> -->
|
|
|
<span>{{ child.name }}</span>
|
|
|
</el-menu-item>
|
|
|
</el-submenu>
|
|
@@ -80,16 +69,6 @@
|
|
|
:index="`${item.path}?id=${item.id}`"
|
|
|
@click="handleChangeMenuUrl(item, `${item.path}?id=${item.id}`)"
|
|
|
>
|
|
|
- <!-- <i v-if="isElPrefix(item.iconName)" class="el-icon-menu"></i>
|
|
|
- <i v-else-if="item.iconName" class="svnIcon">
|
|
|
- <svg-icon :icon-class="item.iconName" />
|
|
|
- </i>
|
|
|
- <i class="svnIcon" v-else-if="item.path === '/home/laserRangeFinder'">
|
|
|
- <svg-icon
|
|
|
- style="width: 22px; height: 22px"
|
|
|
- icon-class="laserRangeFinder"
|
|
|
- />
|
|
|
- </i> -->
|
|
|
<span
|
|
|
:style="{
|
|
|
transform:
|
|
@@ -102,36 +81,12 @@
|
|
|
</el-menu-item>
|
|
|
</template>
|
|
|
</el-menu>
|
|
|
-
|
|
|
- <!-- <div class="foldBox flexCenter">
|
|
|
- <span
|
|
|
- v-show="isCollapse"
|
|
|
- class="el-icon-s-unfold icon"
|
|
|
- @click.stop="isCollapse = false"
|
|
|
- >展开</span
|
|
|
- >
|
|
|
- <el-switch
|
|
|
- v-show="!isCollapse"
|
|
|
- :value="isExpanded"
|
|
|
- @change="toggleAllMenus"
|
|
|
- >
|
|
|
- :inactive-text="isExpanded ? '收起全部菜单' : '展开全部菜单'"
|
|
|
- </el-switch>
|
|
|
- <span
|
|
|
- v-show="!isCollapse"
|
|
|
- class="el-icon-s-fold icon"
|
|
|
- @click.stop="isCollapse = true"
|
|
|
- >收起</span
|
|
|
- >
|
|
|
- </div> -->
|
|
|
- <!-- </el-aside> -->
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { mapActions, mapState } from "vuex";
|
|
|
import { orgList } from "./mockData";
|
|
|
import Vue from "vue";
|
|
|
-import { style } from "plotly.js-with-locales/lib/bar";
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
@@ -154,17 +109,6 @@ export default {
|
|
|
meta: {
|
|
|
hidden: false,
|
|
|
},
|
|
|
- // children: [
|
|
|
- // {
|
|
|
- // id: 11,
|
|
|
- // iconName: "",
|
|
|
- // meta: {
|
|
|
- // hidden: false,
|
|
|
- // },
|
|
|
- // path: "electronic-map",
|
|
|
- // name: "电子地图",
|
|
|
- // },
|
|
|
- // ],
|
|
|
},
|
|
|
],
|
|
|
};
|
|
@@ -349,7 +293,6 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- // width: 200px;
|
|
|
}
|
|
|
|
|
|
::v-deep.mt-3 {
|