1 line
4.6 KiB
JSON
1 line
4.6 KiB
JSON
{"ast":null,"code":"//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport Aside from \"@/components/Aside\";\nimport Header from \"@/components/Header\";\nexport default {\n data: function data() {\n return {\n user: {},\n isCollapse: false,\n sideWidth: 250,\n collapseIcon: 'el-icon-s-fold',\n collapseTitle: '收缩'\n };\n },\n components: {\n Aside: Aside,\n Header: Header\n },\n methods: {\n handleCollapse: function handleCollapse() {\n this.isCollapse = !this.isCollapse;\n\n if (this.isCollapse) {\n //点击收缩按钮\n this.sideWidth = 64;\n this.collapseIcon = 'el-icon-s-unfold';\n this.collapseTitle = '展开';\n } else {\n //点击展开按钮\n this.sideWidth = 250;\n this.collapseIcon = 'el-icon-s-fold';\n this.collapseTitle = '收缩';\n }\n },\n getUser: function getUser() {\n var _this = this;\n\n var username = localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")).username : \"\";\n\n if (username) {\n // 从后台获取User数据\n this.request.get(\"/userinfo/\" + username).then(function (res) {\n // 重新赋值后台的最新User数据\n _this.user = res.data;\n console.log(_this.user.role);\n });\n }\n }\n },\n created: function created() {\n this.getUser();\n }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA;AACA;AACA;AACAA,MADA,kBACA;AACA;AACAC,cADA;AAEAC,uBAFA;AAGAC,oBAHA;AAIAC,oCAJA;AAKAC;AALA;AAQA,GAVA;AAYAC;AACAC,gBADA;AAEAC;AAFA,GAZA;AAgBAC;AACAC,kBADA,4BACA;AACA;;AACA;AAAA;AACA;AACA;AACA;AACA,OAJA,MAIA;AAAA;AACA;AACA;AACA;AACA;AACA,KAZA;AAaAC,WAbA,qBAaA;AAAA;;AACA;;AACA;AACA;AACA;AACA;AACA;AACAC;AACA,SAJA;AAKA;AAEA;AAxBA,GAhBA;AA0CAC,SA1CA,qBA0CA;AACA;AACA;AA5CA","names":["data","user","isCollapse","sideWidth","collapseIcon","collapseTitle","components","Aside","Header","methods","handleCollapse","getUser","console","created"],"sourceRoot":"src/views/manage","sources":["Manage.vue"],"sourcesContent":["<template>\r\n <div style=\"height: 100%\">\r\n <el-container style=\"height: 100%; \">\r\n<!-- 侧边栏-->\r\n <el-aside :width=\"sideWidth + 'px' \" style=\"background-color: rgb(238, 241, 246);height: 100%\">\r\n <Aside :is-collapse=\"isCollapse\"></Aside>\r\n </el-aside>\r\n\r\n <el-container>\r\n<!-- 导航栏-->\r\n <el-header style=\"border-bottom: 1px solid #ccc;background-color: aliceblue\">\r\n <Header :collapse-icon=\"collapseIcon\"\r\n :collapse-title=\"collapseTitle\"\r\n @collapse=\"handleCollapse\"\r\n :user=\"user\"\r\n ></Header>\r\n </el-header>\r\n\r\n <el-main>\r\n <router-view @refresh=\"getUser\"/>\r\n </el-main>\r\n\r\n\r\n </el-container>\r\n </el-container>\r\n </div>\r\n</template>\r\n\r\n<style>\r\n.el-header {\r\n background-color: #B3C0D1;\r\n color: #333;\r\n line-height: 60px;\r\n}\r\n\r\n.el-aside {\r\n color: #333;\r\n}\r\n\r\n</style>\r\n\r\n<script>\r\n\r\nimport Aside from \"@/components/Aside\";\r\nimport Header from \"@/components/Header\";\r\nexport default {\r\n data() {\r\n return {\r\n user: {},\r\n isCollapse: false,\r\n sideWidth: 250,\r\n collapseIcon: 'el-icon-s-fold',\r\n collapseTitle: '收缩',\r\n }\r\n\r\n },\r\n\r\n components: {\r\n Aside,\r\n Header,\r\n },\r\n methods:{\r\n handleCollapse() {\r\n this.isCollapse = !this.isCollapse;\r\n if(this.isCollapse){ //点击收缩按钮\r\n this.sideWidth = 64\r\n this.collapseIcon='el-icon-s-unfold'\r\n this.collapseTitle = '展开'\r\n }else{ //点击展开按钮\r\n this.sideWidth = 250\r\n this.collapseIcon='el-icon-s-fold'\r\n this.collapseTitle = '收缩'\r\n }\r\n },\r\n getUser() {\r\n let username = localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")).username : \"\"\r\n if (username) {\r\n // 从后台获取User数据\r\n this.request.get(\"/userinfo/\" + username).then(res => {\r\n // 重新赋值后台的最新User数据\r\n this.user = res.data\r\n console.log(this.user.role)\r\n })\r\n }\r\n\r\n },\r\n},\r\n created() {\r\n this.getUser();\r\n },\r\n\r\n}\r\n</script>\r\n"]},"metadata":{},"sourceType":"module"} |