|
|
|
@ -2,90 +2,7 @@ |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<el-menu class="menu" ref="type" @open="selectType" @select="selectType" unique-opened :default-active="defaultType" :default-openeds="defaultOpenType"> |
|
|
|
|
<template v-for="item in typeList"> |
|
|
|
|
<!-- 如果第一层有子菜单,则继续循环 --> |
|
|
|
|
<template v-if="item.children.length"> |
|
|
|
|
<el-submenu :index="item.id" :key="item.id"> |
|
|
|
|
<template slot="title"> |
|
|
|
|
<i :class="item.icon"></i> |
|
|
|
|
<span slot="title" :title="item.categoryName">{{ item.categoryName }}</span> |
|
|
|
|
</template> |
|
|
|
|
<!-- 第二层 --> |
|
|
|
|
<template v-for="subItem in item.children"> |
|
|
|
|
<!-- 如果第二层有子菜单,则继续循环 --> |
|
|
|
|
<template v-if="subItem.children.length"> |
|
|
|
|
<el-submenu :index="subItem.id" :key="subItem.id"> |
|
|
|
|
<template slot="title"> |
|
|
|
|
<span slot="title" :title="subItem.categoryName">{{ subItem.categoryName }}</span> |
|
|
|
|
</template> |
|
|
|
|
<!-- <el-menu-item v-for="(threeItem,i) in subItem.children" :key="i" :index="threeItem.index">{{ threeItem.title }}</el-menu-item> --> |
|
|
|
|
<!-- 第三层 --> |
|
|
|
|
<template v-for="subItem2 in subItem.children"> |
|
|
|
|
<!-- 如果第三层有子菜单,则继续循环 --> |
|
|
|
|
<template v-if="subItem2.children.length"> |
|
|
|
|
<el-submenu :index="subItem2.id" :key="subItem2.id"> |
|
|
|
|
<template slot="title"> |
|
|
|
|
<span slot="title" :title="subItem2.categoryName">{{ subItem2.categoryName }}</span> |
|
|
|
|
</template> |
|
|
|
|
<!-- <el-menu-item v-for="(fourItem,i) in subItem2.children" :key="i" :index="fourItem.index">{{ fourItem.title }}</el-menu-item> --> |
|
|
|
|
<!-- 第四层 --> |
|
|
|
|
<template v-for="subItem3 in subItem2.children"> |
|
|
|
|
<!-- 如果第四层有子菜单,则继续循环 --> |
|
|
|
|
<template v-if="subItem3.children"> |
|
|
|
|
<el-submenu :index="subItem3.id" :key="subItem3.id"> |
|
|
|
|
<span slot="title" :title="subItem3.categoryName"> |
|
|
|
|
{{ subItem3.categoryName }} |
|
|
|
|
</span> |
|
|
|
|
<template v-for="subItem4 in subItem3.children"> |
|
|
|
|
<!-- 如果第五层有子菜单,则继续循环 --> |
|
|
|
|
<template v-if="subItem4.children && subItem4.children.length"> |
|
|
|
|
<el-submenu :index="subItem4.id" :key="subItem4.id"> |
|
|
|
|
<span slot="title" :title="subItem4.categoryName"> |
|
|
|
|
{{ subItem4.categoryName }} |
|
|
|
|
</span> |
|
|
|
|
<template class="level-6" v-for="subItem5 in subItem4.children" :index="subItem5.id"> |
|
|
|
|
<!-- 如果第六层有子菜单,则继续循环 --> |
|
|
|
|
<template v-if="subItem5.children && subItem5.children.length"> |
|
|
|
|
<el-submenu :index="subItem5.id" :key="subItem5.id"> |
|
|
|
|
<span slot="title" :title="subItem5.categoryName"> |
|
|
|
|
{{ subItem5.categoryName }} |
|
|
|
|
</span> |
|
|
|
|
<el-menu-item v-for="(fiveItem,i) in subItem5.children" :key="i" :index="fiveItem.id">{{ fiveItem.categoryName }}</el-menu-item> |
|
|
|
|
</el-submenu> |
|
|
|
|
</template> |
|
|
|
|
<!-- 如果第五层没有子菜单 --> |
|
|
|
|
<el-menu-item :index="subItem5.id" :key="subItem5.id" :title="subItem5.categoryName">{{ subItem5.categoryName }}</el-menu-item> |
|
|
|
|
</template> |
|
|
|
|
</el-submenu> |
|
|
|
|
</template> |
|
|
|
|
<!-- 如果第五层没有子菜单 --> |
|
|
|
|
<el-menu-item v-else :index="subItem4.id" :key="subItem4.id" :title="subItem4.categoryName">{{ subItem4.categoryName }}</el-menu-item> |
|
|
|
|
</template> |
|
|
|
|
</el-submenu> |
|
|
|
|
</template> |
|
|
|
|
<!-- 如果第四层没有子菜单 --> |
|
|
|
|
<el-menu-item v-else :index="subItem3.id" :key="subItem3.id" :title="subItem3.categoryName">{{ subItem3.categoryName }}</el-menu-item> |
|
|
|
|
</template> |
|
|
|
|
</el-submenu> |
|
|
|
|
</template> |
|
|
|
|
<!-- 如果第三层没有子菜单 --> |
|
|
|
|
<el-menu-item v-else :index="subItem2.id" :key="subItem2.id" :title="subItem2.categoryName">{{ subItem2.categoryName }}</el-menu-item> |
|
|
|
|
</template> |
|
|
|
|
</el-submenu> |
|
|
|
|
</template> |
|
|
|
|
<!-- 如果第二层没有子菜单 --> |
|
|
|
|
<el-menu-item v-else :index="subItem.id" :key="subItem.id" :title="subItem.categoryName">{{ subItem.categoryName }}</el-menu-item> |
|
|
|
|
</template> |
|
|
|
|
</el-submenu> |
|
|
|
|
</template> |
|
|
|
|
<!-- 如果第一层没有子菜单 --> |
|
|
|
|
<template v-else> |
|
|
|
|
<el-menu-item :index="item.id" :key="item.id"> |
|
|
|
|
<i :class="item.icon"></i> |
|
|
|
|
<span slot="title" :title="item.categoryName">{{ item.categoryName }}</span> |
|
|
|
|
</el-menu-item> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
<menuTree :menuList="typeList"></menuTree> |
|
|
|
|
</el-menu> |
|
|
|
|
</div> |
|
|
|
|
<div class="right"> |
|
|
|
@ -181,9 +98,13 @@ import { mapState } from 'vuex' |
|
|
|
|
import axios from 'axios' |
|
|
|
|
import util from '@/libs/util' |
|
|
|
|
import Setting from '@/setting' |
|
|
|
|
import menuTree from '@/components/menuTree' |
|
|
|
|
let startTimeLimit = '' |
|
|
|
|
let endTimeLimit = '' |
|
|
|
|
export default { |
|
|
|
|
components: { |
|
|
|
|
menuTree |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
that: this, |
|
|
|
|