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
11 KiB
1 line
11 KiB
{"remainingRequest":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\components\\index\\IndexAsideStatic.vue?vue&type=style&index=0&id=0175fa3e&lang=scss&scoped=true&","dependencies":[{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\components\\index\\IndexAsideStatic.vue","mtime":1649818276009},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1720078528809},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1720078529623},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1720078529188},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1720078528567},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1720078529317}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmluZGV4LWFzaWRlIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKCiAgLm1lbnVsaXN0SW1nIHsKICAgIHBhZGRpbmc6IDI0cHggMDsKICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CgogICAgLmVsLWltYWdlIHsKICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgIHdpZHRoOiAxMDBweDsKICAgICAgaGVpZ2h0OiAxMDBweDsKICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTsKICAgICAgZGlzcGxheTogYmxvY2s7CiAgICB9CiAgfQoKICAuaW5kZXgtYXNpZGUtaW5uZXIgewogICAgaGVpZ2h0OiAxMDAlOwogICAgbWFyZ2luLXJpZ2h0OiAtMTdweDsKICAgIG1hcmdpbi1ib3R0b206IC0xN3B4OwogICAgb3ZlcmZsb3c6IHNjcm9sbDsKICAgIG92ZXJmbG93LXg6IGhpZGRlbiAhaW1wb3J0YW50OwogICAgcGFkZGluZy10b3A6IDYwcHg7CiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwoKICAgICY6Zm9jdXMgewogICAgICBvdXRsaW5lOiBub25lOwogICAgfQoKICAgIC5lbC1tZW51IHsKICAgICAgYm9yZGVyOiAwOwogICAgfQogIH0KfQo="},{"version":3,"sources":["IndexAsideStatic.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4MA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"IndexAsideStatic.vue","sourceRoot":"src/components/index","sourcesContent":["<template>\r\n <el-aside class=\"index-aside\" height=\"100vh\" width=\"200px\">\r\n <div class=\"index-aside-inner menulist\" style=\"height:100%\">\r\n <div v-for=\"item in menuList\" :key=\"item.roleName\" v-if=\"role==item.roleName\" class=\"menulist-item\" style=\"height:100%;broder:0;background-color:#FFFFFF\">\r\n <div class=\"menulistImg\" style=\"backgroundColor:#ff0000;padding:25px 0\" v-if=\"false && menulistStyle == 'vertical'\">\r\n <el-image v-if=\"'http://codegen.caihongy.cn/20201021/cc7d45d9c8164b58b18351764eba9be1.jpg'\" src=\"http://codegen.caihongy.cn/20201021/cc7d45d9c8164b58b18351764eba9be1.jpg\" fit=\"cover\" />\r\n </div>\r\n <el-menu mode=\"vertical\" :unique-opened=\"true\" class=\"el-menu-demo\" style=\"height:100%;\" background-color=\"#FFFFFF\" text-color=\"#000000\" active-text-color=\"#7571F9\" default-active=\"0\">\r\n <el-menu-item index=\"(0).toString()\" :style=\"menulistBorderBottom\" @click=\"menuHandler('')\"><i v-if=\"false\" class=\"el-icon-s-home\" />首页</el-menu-item>\r\n <el-submenu :index=\"(1).toString()\" :style=\"menulistBorderBottom\">\r\n <template slot=\"title\">\r\n <i v-if=\"false\" class=\"el-icon-user-solid\" />\r\n <span>个人中心</span>\r\n </template>\r\n <el-menu-item :index=\"(1-1).toString()\" @click=\"menuHandler('updatePassword')\">修改密码</el-menu-item>\r\n <el-menu-item :index=\"(1-2).toString()\" @click=\"menuHandler('center')\">个人信息</el-menu-item>\r\n </el-submenu>\r\n <el-submenu :style=\"menulistBorderBottom\" v-for=\" (menu,index) in item.backMenu\" :key=\"menu.menu\" :index=\"(index+2).toString()\">\r\n <template slot=\"title\">\r\n <i v-if=\"false\" :class=\"icons[index]\" />\r\n <span>{{ menu.menu }}</span>\r\n </template>\r\n <el-menu-item v-for=\" (child,sort) in menu.child\" :key=\"sort\" :index=\"((index+2)+'-'+sort).toString()\" @click=\"menuHandler(child.tableName)\">{{ child.menu }}</el-menu-item>\r\n </el-submenu>\r\n </el-menu>\r\n\r\n </div>\r\n </div>\r\n </el-aside>\r\n</template>\r\n<script>\r\nimport menu from '@/utils/menu'\r\nexport default {\r\n data() {\r\n return {\r\n menuList: [],\r\n dynamicMenuRoutes: [],\r\n role: '',\r\n icons: [\r\n 'el-icon-s-cooperation',\r\n 'el-icon-s-order',\r\n 'el-icon-s-platform',\r\n 'el-icon-s-fold',\r\n 'el-icon-s-unfold',\r\n 'el-icon-s-operation',\r\n 'el-icon-s-promotion',\r\n 'el-icon-s-release',\r\n 'el-icon-s-ticket',\r\n 'el-icon-s-management',\r\n 'el-icon-s-open',\r\n 'el-icon-s-shop',\r\n 'el-icon-s-marketing',\r\n 'el-icon-s-flag',\r\n 'el-icon-s-comment',\r\n 'el-icon-s-finance',\r\n 'el-icon-s-claim',\r\n 'el-icon-s-custom',\r\n 'el-icon-s-opportunity',\r\n 'el-icon-s-data',\r\n 'el-icon-s-check',\r\n 'el-icon-s-grid',\r\n 'el-icon-menu',\r\n 'el-icon-chat-dot-square',\r\n 'el-icon-message',\r\n 'el-icon-postcard',\r\n 'el-icon-position',\r\n 'el-icon-microphone',\r\n 'el-icon-close-notification',\r\n 'el-icon-bangzhu',\r\n 'el-icon-time',\r\n 'el-icon-odometer',\r\n 'el-icon-crop',\r\n 'el-icon-aim',\r\n 'el-icon-switch-button',\r\n 'el-icon-full-screen',\r\n 'el-icon-copy-document',\r\n 'el-icon-mic',\r\n 'el-icon-stopwatch',\r\n ],\r\n menulistStyle: 'vertical',\r\n\t menulistBorderBottom: {},\r\n }\r\n },\r\n mounted() {\r\n const menus = menu.list()\r\n this.menuList = menus\r\n this.role = this.$storage.get('role')\r\n },\r\n created(){\r\n setTimeout(()=>{\r\n this.menulistStyleChange()\r\n },10)\r\n this.icons.sort(()=>{\r\n return (0.5-Math.random())\r\n })\r\n\tthis.lineBorder()\r\n },\r\n methods: {\r\n\tlineBorder() {\r\n\t\tlet style = 'vertical'\r\n\t\tlet w = '0px'\r\n\t\tlet s = 'solid'\r\n\t\tlet c = '#ccc'\r\n\t\tif(style == 'vertical') {\r\n\t\t\tthis.menulistBorderBottom = {\r\n\t\t\t\tborderBottomWidth: w,\r\n\t\t\t\tborderBottomStyle: s,\r\n\t\t\t\tborderBottomColor: c\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.menulistBorderBottom = {\r\n\t\t\t\tborderRightWidth: w,\r\n\t\t\t\tborderRightStyle: s,\r\n\t\t\t\tborderRightColor: c\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n menuHandler(name) {\r\n let router = this.$router\r\n name = '/'+name\r\n router.push(name).catch(err => err)\r\n },\r\n // 菜单\r\n setMenulistHoverColor(){\r\n let that = this\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.menulist .el-menu-item').forEach(el=>{\r\n el.addEventListener(\"mouseenter\", e => {\r\n e.stopPropagation()\r\n el.style.backgroundColor = \"rgba(243, 241, 250, 1)\"\r\n })\r\n el.addEventListener(\"mouseleave\", e => {\r\n e.stopPropagation()\r\n el.style.backgroundColor = \"#FFFFFF\"\r\n })\r\n el.addEventListener(\"focus\", e => {\r\n e.stopPropagation()\r\n el.style.backgroundColor = \"rgba(243, 241, 250, 1)\"\r\n })\r\n })\r\n document.querySelectorAll('.menulist .el-submenu__title').forEach(el=>{\r\n el.addEventListener(\"mouseenter\", e => {\r\n e.stopPropagation()\r\n el.style.backgroundColor = \"rgba(243, 241, 250, 1)\"\r\n })\r\n el.addEventListener(\"mouseleave\", e => {\r\n e.stopPropagation()\r\n el.style.backgroundColor = \"#FFFFFF\"\r\n })\r\n })\r\n })\r\n },\r\n setMenulistIconColor() {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.menulist .el-submenu__title .el-submenu__icon-arrow').forEach(el=>{\r\n el.style.color = \"rgba(224, 224, 232, 1)\"\r\n })\r\n })\r\n },\r\n menulistStyleChange() {\r\n this.setMenulistIconColor()\r\n this.setMenulistHoverColor()\r\n this.setMenulistStyleHeightChange()\r\n let str = \"vertical\"\r\n if(\"horizontal\" === str) {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.el-container .el-container').forEach(el=>{\r\n el.style.display = \"block\"\r\n el.style.paddingTop = \"40px\" // header 高度\r\n })\r\n document.querySelectorAll('.el-aside').forEach(el=>{\r\n el.style.width = \"100%\"\r\n el.style.height = \"60px\"\r\n el.style.paddingTop = '0'\r\n })\r\n document.querySelectorAll('.index-aside .index-aside-inner').forEach(el=>{\r\n el.style.paddingTop = '0'\r\n })\r\n })\r\n }\r\n if(\"vertical\" === str) {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.index-aside .index-aside-inner').forEach(el=>{\r\n el.style.paddingTop = \"40px\"\r\n })\r\n })\r\n }\r\n },\r\n setMenulistStyleHeightChange() {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.menulist-item>.el-menu--horizontal>.el-menu-item').forEach(el=>{\r\n el.style.height = \"60px\"\r\n el.style.lineHeight = \"60px\"\r\n })\r\n document.querySelectorAll('.menulist-item>.el-menu--horizontal>.el-submenu>.el-submenu__title').forEach(el=>{\r\n el.style.height = \"60px\"\r\n el.style.lineHeight = \"60px\"\r\n })\r\n })\r\n },\r\n }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n .index-aside {\r\n position: relative;\r\n overflow: hidden;\r\n\r\n .menulistImg {\r\n padding: 24px 0;\r\n box-sizing: border-box;\r\n\r\n .el-image {\r\n margin: 0 auto;\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 100%;\r\n display: block;\r\n }\r\n }\r\n\r\n .index-aside-inner {\r\n height: 100%;\r\n margin-right: -17px;\r\n margin-bottom: -17px;\r\n overflow: scroll;\r\n overflow-x: hidden !important;\r\n padding-top: 60px;\r\n box-sizing: border-box;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n .el-menu {\r\n border: 0;\r\n }\r\n }\r\n }\r\n</style>\r\n"]}]} |