menus.vue 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <div id="menus">
  3. <el-menu :default-active="thisRouter()" class="el-menu-vertical-demo" :router="false" :default-openeds="defalutMenu" @select="to">
  4. <el-menu-item index="/"> <i class="el-icon-s-grid"></i>首页 </el-menu-item>
  5. <el-menu-item index="/government/index"> <i class="el-icon-s-grid"></i>科技政务</el-menu-item>
  6. <el-menu-item index="/policy/index"> <i class="el-icon-s-grid"></i>科技政策</el-menu-item>
  7. <el-menu-item index="/record/index"> <i class="el-icon-s-grid"></i>科技数据</el-menu-item>
  8. <el-menu-item index="/serve/index"> <i class="el-icon-s-grid"></i>科技服务</el-menu-item>
  9. <el-menu-item index="/resource/index"> <i class="el-icon-s-grid"></i>科技资源</el-menu-item>
  10. <el-submenu index="1">
  11. <template v-slot:title>
  12. <i class="el-icon-s-grid"></i>
  13. <span>科技人才</span>
  14. </template>
  15. <el-menu-item-group>
  16. <el-menu-item index="/personnel/column">栏目管理</el-menu-item>
  17. <el-menu-item index="/personnel/recruit">招聘信息管理</el-menu-item>
  18. <el-menu-item index="/personnel/resume">人才信息管理</el-menu-item>
  19. <el-menu-item index="/personnel/experts">专家信息管理</el-menu-item>
  20. <el-menu-item index="/personnel/informate">基本信息管理</el-menu-item>
  21. </el-menu-item-group>
  22. </el-submenu>
  23. <el-menu-item index="/site/index"> <i class="el-icon-s-grid"></i>站点信息管理</el-menu-item>
  24. <el-menu-item index="/links/index"> <i class="el-icon-attract"></i>友情链接管理</el-menu-item>
  25. <el-menu-item index="/supermaket/chanpinType"> <i class="el-icon-s-grid"></i>产品类型字典表</el-menu-item>
  26. </el-menu>
  27. </div>
  28. </template>
  29. <script>
  30. export default {
  31. name: 'menus',
  32. props: {},
  33. components: {},
  34. data: () => ({
  35. // defalutMenu: ['1', '2', '3'],
  36. defalutMenu: [],
  37. defalutPage: '',
  38. }),
  39. created() {},
  40. computed: {},
  41. methods: {
  42. thisRouter() {
  43. console.log(this.$route.path);
  44. },
  45. to(index) {
  46. this.$router.push({ path: index });
  47. },
  48. },
  49. };
  50. </script>
  51. <style lang="less" scoped></style>