You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
17 KiB

{"remainingRequest":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\src\\components\\index\\IndexAsideStatic.vue?vue&type=script&lang=js&","dependencies":[{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\src\\components\\index\\IndexAsideStatic.vue","mtime":1703907409000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgbWVudSBmcm9tICdAL3V0aWxzL21lbnUnDQpleHBvcnQgZGVmYXVsdCB7DQoJZGF0YSgpIHsNCgkJcmV0dXJuIHsNCgkJCW1lbnVMaXN0OiBbXSwNCgkJCWR5bmFtaWNNZW51Um91dGVzOiBbXSwNCgkJCXJvbGU6ICcnLA0KCQkJdXNlcjogbnVsbCwNCgkJCWF2YXRhcjonJywKCQkJaWNvbnM6IFsNCgkJCQknZWwtaWNvbi1zLWNvb3BlcmF0aW9uJywNCgkJCQknZWwtaWNvbi1zLW9yZGVyJywNCgkJCQknZWwtaWNvbi1zLXBsYXRmb3JtJywNCgkJCQknZWwtaWNvbi1zLWZvbGQnLA0KCQkJCSdlbC1pY29uLXMtdW5mb2xkJywNCgkJCQknZWwtaWNvbi1zLW9wZXJhdGlvbicsDQoJCQkJJ2VsLWljb24tcy1wcm9tb3Rpb24nLA0KCQkJCSdlbC1pY29uLXMtcmVsZWFzZScsDQoJCQkJJ2VsLWljb24tcy10aWNrZXQnLA0KCQkJCSdlbC1pY29uLXMtbWFuYWdlbWVudCcsDQoJCQkJJ2VsLWljb24tcy1vcGVuJywNCgkJCQknZWwtaWNvbi1zLXNob3AnLA0KCQkJCSdlbC1pY29uLXMtbWFya2V0aW5nJywNCgkJCQknZWwtaWNvbi1zLWZsYWcnLA0KCQkJCSdlbC1pY29uLXMtY29tbWVudCcsDQoJCQkJJ2VsLWljb24tcy1maW5hbmNlJywNCgkJCQknZWwtaWNvbi1zLWNsYWltJywNCgkJCQknZWwtaWNvbi1zLWN1c3RvbScsDQoJCQkJJ2VsLWljb24tcy1vcHBvcnR1bml0eScsDQoJCQkJJ2VsLWljb24tcy1kYXRhJywNCgkJCQknZWwtaWNvbi1zLWNoZWNrJywNCgkJCQknZWwtaWNvbi1zLWdyaWQnLA0KCQkJCSdlbC1pY29uLW1lbnUnLA0KCQkJCSdlbC1pY29uLWNoYXQtZG90LXNxdWFyZScsDQoJCQkJJ2VsLWljb24tbWVzc2FnZScsDQoJCQkJJ2VsLWljb24tcG9zdGNhcmQnLA0KCQkJCSdlbC1pY29uLXBvc2l0aW9uJywNCgkJCQknZWwtaWNvbi1taWNyb3Bob25lJywNCgkJCQknZWwtaWNvbi1jbG9zZS1ub3RpZmljYXRpb24nLA0KCQkJCSdlbC1pY29uLWJhbmd6aHUnLA0KCQkJCSdlbC1pY29uLXRpbWUnLA0KCQkJCSdlbC1pY29uLW9kb21ldGVyJywNCgkJCQknZWwtaWNvbi1jcm9wJywNCgkJCQknZWwtaWNvbi1haW0nLA0KCQkJCSdlbC1pY29uLXN3aXRjaC1idXR0b24nLA0KCQkJCSdlbC1pY29uLWZ1bGwtc2NyZWVuJywNCgkJCQknZWwtaWNvbi1jb3B5LWRvY3VtZW50JywNCgkJCQknZWwtaWNvbi1taWMnLA0KCQkJCSdlbC1pY29uLXN0b3B3YXRjaCcsDQoJCQldLA0KCQkJbWVudWxpc3RCb3JkZXJCb3R0b206IHt9LA0KCQl9DQoJfSwNCgljb21wdXRlZDogew0KCQlhY3RpdmVNZW51KCkgew0KCQkJY29uc3Qgcm91dGUgPSB0aGlzLiRyb3V0ZQ0KCQkJY29uc29sZS5sb2cocm91dGUpDQoJCQljb25zdCB7DQoJCQkJbWV0YSwNCgkJCQlwYXRoDQoJCQl9ID0gcm91dGUNCgkJCS8vIGlmIHN0IHBhdGgsIHRoZSBzaWRlYmFyIHdpbGwgaGlnaGxpZ2h0IHRoZSBwYXRoIHlvdSBzZXRlDQoJCQlpZiAobWV0YS5hY3RpdmVNZW51KSB7DQoJCQkJcmV0dXJuIG1ldGEuYWN0aXZlTWVudQ0KCQkJfQ0KCQkJcmV0dXJuIHBhdGgNCgkJfQ0KCX0sDQoJd2F0Y2g6ew0KCQlhdmF0YXIoKXsNCgkJCXRoaXMuJGZvcmNlVXBkYXRlKCkNCgkJfSwNCgl9LA0KCW1vdW50ZWQoKSB7DQoJCWNvbnN0IG1lbnVzID0gbWVudS5saXN0KCkNCgkJaWYobWVudXMpIHsKCQkJdGhpcy5tZW51TGlzdCA9IG1lbnVzCgkJfSBlbHNlIHsKCQkJbGV0IHBhcmFtcyA9IHsKCQkJCXBhZ2U6IDEsCgkJCQlsaW1pdDogMSwKCQkJCXNvcnQ6ICdpZCcsCgkJCX0NCgkJCQoJCQl0aGlzLiRodHRwKHsKCQkJCXVybDogIm1lbnUvbGlzdCIsCgkJCQltZXRob2Q6ICJnZXQiLAoJCQkJcGFyYW1zOiBwYXJhbXMKCQkJfSkudGhlbigoewoJCQkJZGF0YQoJCQl9KSA9PiB7CgkJCQlpZiAoZGF0YSAmJiBkYXRhLmNvZGUgPT09IDApIHsKCQkJCQl0aGlzLm1lbnVMaXN0ID0gSlNPTi5wYXJzZShkYXRhLmRhdGEubGlzdFswXS5tZW51anNvbik7CgkJCQkJdGhpcy4kc3RvcmFnZS5zZXQoIm1lbnVzIiwgdGhpcy5tZW51TGlzdCk7CgkJCQl9CgkJCX0pCgkJfQoJCXRoaXMucm9sZSA9IHRoaXMuJHN0b3JhZ2UuZ2V0KCdyb2xlJykNCgkJDQoJCWZvcihsZXQgaT0wO2k8dGhpcy5tZW51TGlzdC5sZW5ndGg7aSsrKSB7DQoJCQlpZih0aGlzLm1lbnVMaXN0W2ldLnJvbGVOYW1lID09IHRoaXMucm9sZSkgew0KCQkJCXRoaXMubWVudUxpc3QgPSB0aGlzLm1lbnVMaXN0W2ldOw0KCQkJCWJyZWFrOw0KCQkJfQ0KCQl9DQoJCXRoaXMuc3R5bGVDaGFuZ2UoKQ0KCQkNCgkJbGV0IHNlc3Npb25UYWJsZSA9IHRoaXMuJHN0b3JhZ2UuZ2V0KCJzZXNzaW9uVGFibGUiKQ0KCQl0aGlzLiRodHRwKHsNCgkJCXVybDogc2Vzc2lvblRhYmxlICsgJy9zZXNzaW9uJywNCgkJCW1ldGhvZDogImdldCINCgkJfSkudGhlbigoew0KCQkJZGF0YQ0KCQl9KSA9PiB7DQoJCQlpZiAoZGF0YSAmJiBkYXRhLmNvZGUgPT09IDApIHsNCgkJCQlpZihzZXNzaW9uVGFibGUgPT0gJ3lvbmdodScpIHsNCgkJCQkJdGhpcy5hdmF0YXIgPSBkYXRhLmRhdGEudG91eGlhbmcNCgkJCQl9DQoJCQkJaWYoc2Vzc2lvblRhYmxlPT0ndXNlcnMnKSB7DQoJCQkJCXRoaXMuYXZhdGFyID0gZGF0YS5kYXRhLmltYWdlDQoJCQkJfQ0KCQkJCXRoaXMudXNlciA9IGRhdGEuZGF0YTsNCgkJCX0gZWxzZSB7DQoJCQkJbGV0IG1lc3NhZ2UgPSB0aGlzLiRtZXNzYWdlDQoJCQkJbWVzc2FnZS5lcnJvcihkYXRhLm1zZyk7DQoJCQl9DQoJCX0pOw0KCX0sDQoJY3JlYXRlZCgpew0KCQl0aGlzLmljb25zLnNvcnQoKCk9PnsKCQkJcmV0dXJuICgwLjUtTWF0aC5yYW5kb20oKSkKCQl9KQ0KCX0sDQoJbWV0aG9kczogew0KCQljb2xsYXBzZSgpIHsNCgkJICB0aGlzLmlzQ29sbGFwc2UgPSAhdGhpcy5pc0NvbGxhcHNlDQoJCSAgdGhpcy4kZW1pdCgnb25jb2xsYXBzZWNoYW5nZScsIHRoaXMuaXNDb2xsYXBzZSkNCgkJfSwNCgkJc3R5bGVDaGFuZ2UoKSB7DQoJCQl0aGlzLiRuZXh0VGljaygoKSA9PiB7DQoJCQkJCQkJCWRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5lbC1tZW51LXZlcnRpY2FsLWRlbW8gLmVsLXN1Ym1lbnUgLmVsLW1lbnUnKS5mb3JFYWNoKGVsID0+IHsNCgkJCQkgIGVsLnJlbW92ZUF0dHJpYnV0ZSgnc3R5bGUnKQ0KCQkJCSAgY29uc3QgaWNvbiA9IHsiYm9yZGVyIjoibm9uZSIsImRpc3BsYXkiOiJub25lIn0NCgkJCQkgIE9iamVjdC5rZXlzKGljb24pLmZvckVhY2goKGtleSkgPT4gew0KCQkJCQllbC5zdHlsZVtrZXldID0gaWNvbltrZXldDQoJCQkJICB9KQ0KCQkJCX0pDQoJCQkJCQkJCQkJCX0pDQoJCX0sDQoJCW1lbnVIYW5kbGVyKG5hbWUpIHsNCgkJCWxldCByb3V0ZXIgPSB0aGlzLiRyb3V0ZXINCgkJCW5hbWUgPSAnLycrbmFtZQ0KCQkJcm91dGVyLnB1c2gobmFtZSkNCgkJfSwNCgl9DQp9DQo="},{"version":3,"sources":["IndexAsideStatic.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"IndexAsideStatic.vue","sourceRoot":"src/components/index","sourcesContent":["<template>\r\n\t<div class=\"menu-preview\">\r\n\t\t<!-- 竖向-1 -->\r\n\t\t<el-scrollbar wrap-class=\"scrollbar-wrapper\">\r\n\t\t\t<el-menu :default-active=\"activeMenu\" :default-openeds=\"[]\" :unique-opened=\"true\" :style='{\"border\":0,\"padding\":\"50px 0px 60px\",\"listStyle\":\"none\",\"position\":\"relative\",\"background\":\"rgb(247, 247, 247)\"}' class=\"el-menu-vertical-demo\" default-active=\"0\">\r\n\t\t\t\t<el-image v-if=\"false\" :style='{\"width\":\"44px\",\"margin\":\"10px auto\",\"objectFit\":\"cover\",\"borderRadius\":\"100%\",\"display\":\"block\",\"height\":\"44px\"}' src=\"http://codegen.caihongy.cn/20201114/7856ba26477849ea828f481fa2773a95.jpg\" fit=\"cover\"></el-image>\r\n\t\t\t\t<!-- <el-menu-item index=\"0\" @click=\"menuHandler('')\">\r\n\t\t\t\t\t<i v-if='true' :style='{\"width\":\"34px\",\"verticalAlign\":\"middle\",\"margin\":\"0 3px\",\"fontSize\":\"28px\",\"color\":\"inherit\",\"textAlign\":\"center\"}' class=\"el-icon-menu el-icon-s-home\" />\r\n\t\t\t\t\t<span :style='{\"color\":\"inherit\",\"verticalAlign\":\"middle\",\"fontSize\":\"14px\"}'>系统首页</span>\r\n\t\t\t\t</el-menu-item> -->\r\n\t\t\t\t\r\n\t\t\t\t<el-submenu index=\"0\" @click.native=\"menuHandler('')\">\r\n\t\t\t\t\t<template slot=\"title\">\r\n\t\t\t\t\t\t<i v-if='true' :style='{\"width\":\"34px\",\"verticalAlign\":\"middle\",\"margin\":\"0 3px\",\"fontSize\":\"28px\",\"color\":\"inherit\",\"textAlign\":\"center\"}' class=\"el-icon-menu el-icon-s-home\" />\r\n\t\t\t\t\t\t<span :style='{\"color\":\"inherit\",\"verticalAlign\":\"middle\",\"fontSize\":\"14px\"}'>系统首页</span>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t</el-submenu>\r\n\t\t\t\t\r\n\t\t\t\t<el-submenu index=\"1\">\r\n\t\t\t\t\t<template slot=\"title\">\r\n\t\t\t\t\t\t<i v-if='true' :style='{\"width\":\"34px\",\"verticalAlign\":\"middle\",\"margin\":\"0 3px\",\"fontSize\":\"28px\",\"color\":\"inherit\",\"textAlign\":\"center\"}' class=\"el-icon-menu el-icon-user-solid\" />\r\n\t\t\t\t\t\t<span :style='{\"color\":\"inherit\",\"verticalAlign\":\"middle\",\"fontSize\":\"14px\"}'>个人中心</span>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t\t<el-menu-item index=\"/updatePassword\" @click=\"menuHandler('updatePassword')\">修改密码</el-menu-item>\r\n\t\t\t\t\t<el-menu-item index=\"/center\" @click=\"menuHandler('center')\">个人信息</el-menu-item>\r\n\t\t\t\t</el-submenu>\r\n\t\t\t\t<el-submenu v-for=\" (menu,index) in menuList.backMenu\" :key=\"menu.menu\" :index=\"index+2+''\">\r\n\t\t\t\t\t<template slot=\"title\">\r\n\t\t\t\t\t\t<i v-if='true' :style='{\"width\":\"34px\",\"verticalAlign\":\"middle\",\"margin\":\"0 3px\",\"fontSize\":\"28px\",\"color\":\"inherit\",\"textAlign\":\"center\"}' class=\"el-icon-menu\" :class=\"icons[index]\" />\r\n\t\t\t\t\t\t<span :style='{\"color\":\"inherit\",\"verticalAlign\":\"middle\",\"fontSize\":\"14px\"}'>{{ menu.menu }}</span>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t\t<el-menu-item v-for=\" (child,sort) in menu.child\" :key=\"sort\" :index=\"'/'+child.tableName\" @click=\"menuHandler(child.tableName)\">{{ child.menu }}</el-menu-item>\r\n\t\t\t\t</el-submenu>\r\n\t\t\t</el-menu>\r\n\t\t</el-scrollbar>\r\n\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport menu from '@/utils/menu'\r\nexport default {\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tmenuList: [],\r\n\t\t\tdynamicMenuRoutes: [],\r\n\t\t\trole: '',\r\n\t\t\tuser: null,\r\n\t\t\tavatar:'',\n\t\t\ticons: [\r\n\t\t\t\t'el-icon-s-cooperation',\r\n\t\t\t\t'el-icon-s-order',\r\n\t\t\t\t'el-icon-s-platform',\r\n\t\t\t\t'el-icon-s-fold',\r\n\t\t\t\t'el-icon-s-unfold',\r\n\t\t\t\t'el-icon-s-operation',\r\n\t\t\t\t'el-icon-s-promotion',\r\n\t\t\t\t'el-icon-s-release',\r\n\t\t\t\t'el-icon-s-ticket',\r\n\t\t\t\t'el-icon-s-management',\r\n\t\t\t\t'el-icon-s-open',\r\n\t\t\t\t'el-icon-s-shop',\r\n\t\t\t\t'el-icon-s-marketing',\r\n\t\t\t\t'el-icon-s-flag',\r\n\t\t\t\t'el-icon-s-comment',\r\n\t\t\t\t'el-icon-s-finance',\r\n\t\t\t\t'el-icon-s-claim',\r\n\t\t\t\t'el-icon-s-custom',\r\n\t\t\t\t'el-icon-s-opportunity',\r\n\t\t\t\t'el-icon-s-data',\r\n\t\t\t\t'el-icon-s-check',\r\n\t\t\t\t'el-icon-s-grid',\r\n\t\t\t\t'el-icon-menu',\r\n\t\t\t\t'el-icon-chat-dot-square',\r\n\t\t\t\t'el-icon-message',\r\n\t\t\t\t'el-icon-postcard',\r\n\t\t\t\t'el-icon-position',\r\n\t\t\t\t'el-icon-microphone',\r\n\t\t\t\t'el-icon-close-notification',\r\n\t\t\t\t'el-icon-bangzhu',\r\n\t\t\t\t'el-icon-time',\r\n\t\t\t\t'el-icon-odometer',\r\n\t\t\t\t'el-icon-crop',\r\n\t\t\t\t'el-icon-aim',\r\n\t\t\t\t'el-icon-switch-button',\r\n\t\t\t\t'el-icon-full-screen',\r\n\t\t\t\t'el-icon-copy-document',\r\n\t\t\t\t'el-icon-mic',\r\n\t\t\t\t'el-icon-stopwatch',\r\n\t\t\t],\r\n\t\t\tmenulistBorderBottom: {},\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\tactiveMenu() {\r\n\t\t\tconst route = this.$route\r\n\t\t\tconsole.log(route)\r\n\t\t\tconst {\r\n\t\t\t\tmeta,\r\n\t\t\t\tpath\r\n\t\t\t} = route\r\n\t\t\t// if st path, the sidebar will highlight the path you sete\r\n\t\t\tif (meta.activeMenu) {\r\n\t\t\t\treturn meta.activeMenu\r\n\t\t\t}\r\n\t\t\treturn path\r\n\t\t}\r\n\t},\r\n\twatch:{\r\n\t\tavatar(){\r\n\t\t\tthis.$forceUpdate()\r\n\t\t},\r\n\t},\r\n\tmounted() {\r\n\t\tconst menus = menu.list()\r\n\t\tif(menus) {\n\t\t\tthis.menuList = menus\n\t\t} else {\n\t\t\tlet params = {\n\t\t\t\tpage: 1,\n\t\t\t\tlimit: 1,\n\t\t\t\tsort: 'id',\n\t\t\t}\r\n\t\t\t\n\t\t\tthis.$http({\n\t\t\t\turl: \"menu/list\",\n\t\t\t\tmethod: \"get\",\n\t\t\t\tparams: params\n\t\t\t}).then(({\n\t\t\t\tdata\n\t\t\t}) => {\n\t\t\t\tif (data && data.code === 0) {\n\t\t\t\t\tthis.menuList = JSON.parse(data.data.list[0].menujson);\n\t\t\t\t\tthis.$storage.set(\"menus\", this.menuList);\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t\tthis.role = this.$storage.get('role')\r\n\t\t\r\n\t\tfor(let i=0;i<this.menuList.length;i++) {\r\n\t\t\tif(this.menuList[i].roleName == this.role) {\r\n\t\t\t\tthis.menuList = this.menuList[i];\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.styleChange()\r\n\t\t\r\n\t\tlet sessionTable = this.$storage.get(\"sessionTable\")\r\n\t\tthis.$http({\r\n\t\t\turl: sessionTable + '/session',\r\n\t\t\tmethod: \"get\"\r\n\t\t}).then(({\r\n\t\t\tdata\r\n\t\t}) => {\r\n\t\t\tif (data && data.code === 0) {\r\n\t\t\t\tif(sessionTable == 'yonghu') {\r\n\t\t\t\t\tthis.avatar = data.data.touxiang\r\n\t\t\t\t}\r\n\t\t\t\tif(sessionTable=='users') {\r\n\t\t\t\t\tthis.avatar = data.data.image\r\n\t\t\t\t}\r\n\t\t\t\tthis.user = data.data;\r\n\t\t\t} else {\r\n\t\t\t\tlet message = this.$message\r\n\t\t\t\tmessage.error(data.msg);\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\tcreated(){\r\n\t\tthis.icons.sort(()=>{\n\t\t\treturn (0.5-Math.random())\n\t\t})\r\n\t},\r\n\tmethods: {\r\n\t\tcollapse() {\r\n\t\t this.isCollapse = !this.isCollapse\r\n\t\t this.$emit('oncollapsechange', this.isCollapse)\r\n\t\t},\r\n\t\tstyleChange() {\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\t\t\t\tdocument.querySelectorAll('.el-menu-vertical-demo .el-submenu .el-menu').forEach(el => {\r\n\t\t\t\t el.removeAttribute('style')\r\n\t\t\t\t const icon = {\"border\":\"none\",\"display\":\"none\"}\r\n\t\t\t\t Object.keys(icon).forEach((key) => {\r\n\t\t\t\t\tel.style[key] = icon[key]\r\n\t\t\t\t })\r\n\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t},\r\n\t\tmenuHandler(name) {\r\n\t\t\tlet router = this.$router\r\n\t\t\tname = '/'+name\r\n\t\t\trouter.push(name)\r\n\t\t},\r\n\t}\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\t.menu-preview {\r\n\t .el-scrollbar {\r\n\t height: 100%;\r\n\t\r\n\t & /deep/ .scrollbar-wrapper {\r\n\t overflow-x: hidden;\r\n\t }\r\n\t\t\r\n\t\t\t\t// 竖向\r\n\t\t.el-menu-vertical-demo {\r\n\t\t .el-submenu:first-of-type /deep/ .el-submenu__title .el-submenu__icon-arrow {\r\n\t\t display: none;\r\n\t\t }\r\n\t\t}\r\n\t\t\r\n\t\t.el-menu-vertical-demo>.el-menu-item {\r\n\t\t\t\t \t\t\t\t cursor: pointer;\r\n\t\t\t\t \t\t\t\t padding: 0 20px;\r\n\t\t\t\t \t\t\t\t overflow: hidden;\r\n\t\t\t\t \t\t\t\t color: rgba(110, 130, 155,1);\r\n\t\t\t\t \t\t\t\t white-space: nowrap;\r\n\t\t\t\t \t\t\t\t background: rgb(247, 247, 247);\r\n\t\t\t\t \t\t\t\t position: relative;\r\n\t\t\t\t \t\t\t\t text-overflow: ellipsis;\r\n\t\t\t\t \t\t}\r\n\t\t\r\n\t\t.el-menu-vertical-demo>.el-menu-item:hover {\r\n\t\t\t\t\t\tcolor: rgba(44, 55, 66,1);\r\n\t\t\t\t\t\tbackground: none;\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t.el-menu-vertical-demo .el-submenu /deep/ .el-submenu__title {\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\tpadding: 0 20px;\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\tcolor: rgba(110, 130, 155,1);\r\n\t\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\t\tbackground: rgb(247, 247, 247);\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t.el-menu-vertical-demo .el-submenu /deep/ .el-submenu__title:hover {\r\n\t\t\t\t\t\tcolor: rgba(44, 55, 66,1);\r\n\t\t\t\t\t\tbackground: none;\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t.el-menu-vertical-demo .el-submenu /deep/ .el-submenu__title .el-submenu__icon-arrow {\r\n\t\t\t\t\t\tmargin: -7px 0 0 0;\r\n\t\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\tvertical-align: middle;\r\n\t\t\t\t\t\tfont-size: 12px;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: 20px;\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t.el-menu-vertical-demo .el-submenu {\r\n\t\t\t\t\t\tpadding: 16px 0;\r\n\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\tlist-style: none;\r\n\t\t\t\t\t\tborder-bottom: 1px solid rgba(44, 55, 66,0.1);\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t// .el-menu-vertical-demo .el-submenu /deep/ .el-menu {\r\n\t\t// \t\t\t\t// \t\tborder: none;\r\n\t\t// \t\t\t\t// \t\tdisplay: none;\r\n\t\t// \t\t\t\t// }\r\n\t\t\r\n\t\t.el-menu-vertical-demo .el-submenu /deep/ .el-menu .el-menu-item {\r\n\t\t\t\t\t\tbackground-color: rgb(247, 247, 247);\r\n\t\t\t\t\t\tpadding: 0 0 0 32px;\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\tcolor: rgba(110, 130, 155,0.6);\r\n\t\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\t\tline-height: 50px;\r\n\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t\theight: 50px;\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t.el-menu-vertical-demo .el-submenu /deep/ .el-menu .el-menu-item:hover {\r\n\t\t\t\t\t\tcolor: rgba(44, 55, 66,1);\r\n\t\t\t\t\t\tbackground: rgb(247, 247, 247);\r\n\t\t\t\t\t\tline-height: 50px;\r\n\t\t\t\t\t\theight: 50px;\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t.el-menu-vertical-demo .el-submenu /deep/ .el-menu .el-menu-item.is-active {\r\n\t\t\t\t\t\tcolor: rgba(44, 55, 66,1);\r\n\t\t\t\t\t\tbackground: rgb(247, 247, 247);\r\n\t\t\t\t\t\tline-height: 50px;\r\n\t\t\t\t\t\theight: 50px;\r\n\t\t\t\t\t}\r\n\t\t// 竖向\r\n\t\t\t }\r\n\t \t}\r\n</style>\n"]}]}