{"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//\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;AACA;AACA;AACAA,MADA,kBACA;AACA;AACAC,cADA;AAEAC,uBAFA;AAGAC,oBAHA;AAIAC,oCAJA;AAKAC;AALA;AAOA,GATA;AAWAC;AACAC,gBADA;AAEAC;AAFA,GAXA;AAeAC;AACAC,kBADA,4BACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA,OALA,MAKA;AACA;AACA;AACA;AACA;AACA;AACA,KAdA;AAeAC,WAfA,qBAeA;AAAA;;AACA,oDACAC,iDADA,GAEA,EAFA;;AAGA;AACA;AACA;AACA;AACA;AACAC;AACA,SAJA;AAKA;AACA;AA3BA,GAfA;AA4CAC,SA5CA,qBA4CA;AACA;AACA;AA9CA","names":["data","user","isCollapse","sideWidth","collapseIcon","collapseTitle","components","Aside","Header","methods","handleCollapse","getUser","JSON","console","created"],"sourceRoot":"src/views/manage","sources":["Manage.vue"],"sourcesContent":["<!--\r\n * @Description: \r\n * @Author: Rabbiter\r\n * @Date: 2023-03-26 15:27:05\r\n-->\r\n<template>\r\n  <div style=\"height: 100%\">\r\n    <el-container style=\"height: 100%\">\r\n      <!--      侧边栏-->\r\n      <el-aside\r\n        :width=\"sideWidth + 'px'\"\r\n        style=\"background-color: rgb(238, 241, 246); height: 100%\"\r\n      >\r\n        <Aside :is-collapse=\"isCollapse\"></Aside>\r\n      </el-aside>\r\n\r\n      <el-container>\r\n        <!--        导航栏-->\r\n        <el-header\r\n          style=\"border-bottom: 1px solid #ccc; background-color: aliceblue\"\r\n        >\r\n          <Header\r\n            :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 :class=\"{bk: $route.path=='/manage/home'}\">\r\n          <router-view @refresh=\"getUser\" />\r\n        </el-main>\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.bk {\r\n  width: 100%;\r\n  background: url(\"@/resource/img/back.jpg\") center center no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n</style>\r\n\r\n<script>\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  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        //点击收缩按钮\r\n        this.sideWidth = 64;\r\n        this.collapseIcon = \"el-icon-s-unfold\";\r\n        this.collapseTitle = \"展开\";\r\n      } else {\r\n        //点击展开按钮\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\")\r\n        ? JSON.parse(localStorage.getItem(\"user\")).username\r\n        : \"\";\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  created() {\r\n    this.getUser();\r\n  },\r\n};\r\n</script>\r\n"]},"metadata":{},"sourceType":"module"}