{"ast":null,"code":"export default {\n  data() {\n    return {\n      user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n      typeData: [],\n      top: null,\n      notice: [],\n      carousel_top: [require('@/assets/imgs/carousel-1.png'), require('@/assets/imgs/carousel-2.png'), require('@/assets/imgs/carousel-9.png')],\n      carousel_left: [require('@/assets/imgs/carousel-3.png'), require('@/assets/imgs/carousel-4.png'), require('@/assets/imgs/carousel-5.png')],\n      carousel_right: [require('@/assets/imgs/carousel-6.png'), require('@/assets/imgs/carousel-7.png'), require('@/assets/imgs/carousel-8.png')]\n    };\n  },\n  mounted() {\n    this.loadType();\n    this.loadNotice();\n  },\n  // methods：本页面所有的点击事件或者其他函数定义区\n  methods: {\n    loadType() {\n      this.$request.get('/type/selectAll').then(res => {\n        if (res.code === '200') {\n          this.typeData = res.data;\n        } else {\n          this.$message.error(res.msg);\n        }\n      });\n    },\n    loadNotice() {\n      this.$request.get('/notice/selectAll').then(res => {\n        this.notice = res.data;\n        let i = 0;\n        if (this.notice && this.notice.length) {\n          this.top = this.notice[0].content;\n          setInterval(() => {\n            this.top = this.notice[i].content;\n            i++;\n            if (i === this.notice.length) {\n              i = 0;\n            }\n          }, 2500);\n        }\n      });\n    },\n    navToPerson() {\n      location.href = '/front/person';\n    }\n  }\n};","map":{"version":3,"names":["data","user","JSON","parse","localStorage","getItem","typeData","top","notice","carousel_top","require","carousel_left","carousel_right","mounted","loadType","loadNotice","methods","$request","get","then","res","code","$message","error","msg","i","length","content","setInterval","navToPerson","location","href"],"sources":["src/views/manager/Home.vue"],"sourcesContent":["<template>\n  <div class=\"main-content\">\n    <div style=\"height: 60px; background-color: #C566F6FF\"></div>\n    <div style=\"display: flex\">\n      <div class=\"left\"></div>\n      <div style=\"width: 66%; background-color: white; height: 1000px\">\n        <div style=\"color: #FE0137FF; margin: 15px 0 15px 18px; font-weight: bold; font-size: 16px\">主题市场</div>\n        <div style=\"display: flex; margin: 0 25px; height: 550px\">\n          <div style=\"flex: 2\">\n            <div style=\"display: flex; color: #666666FF; margin: 14px 0\" v-for=\"item in typeData\">\n              <img :src=\"item.img\" alt=\"\" style=\"height: 20px; width: 20px\">\n              <div style=\"margin-left: 10px; font-size: 14px\">{{item.name}}</div>\n            </div>\n          </div>\n          <div style=\"flex: 5; margin-top: 15px\">\n            <div>\n              <el-carousel height=\"300px\" style=\"border-radius: 10px\">\n                <el-carousel-item v-for=\"item in carousel_top\">\n                  <img :src=\"item\" alt=\"\" style=\"width: 100%; height: 300px; border-radius: 10px\">\n                </el-carousel-item>\n              </el-carousel>\n            </div>\n            <div style=\"margin-top: 30px; display: flex\">\n              <div style=\"flex: 1\">\n                <el-carousel height=\"300px\" style=\"border-radius: 10px\">\n                  <el-carousel-item v-for=\"item in carousel_left\">\n                    <img :src=\"item\" alt=\"\" style=\"width: 100%; height: 200px; border-radius: 10px\">\n                  </el-carousel-item>\n                </el-carousel>\n              </div>\n              <div style=\"flex: 1; margin-left: 5px\">\n                <el-carousel height=\"300px\" style=\"border-radius: 10px\">\n                  <el-carousel-item v-for=\"item in carousel_right\">\n                    <img :src=\"item\" alt=\"\" style=\"width: 100%; height: 200px; border-radius: 10px\">\n                  </el-carousel-item>\n                </el-carousel>\n              </div>\n            </div>\n          </div>\n          <div style=\"flex: 3; background-color: #F3F3F3FF; margin-top: 15px; margin-left: 15px; border-radius: 10px\">\n            <div style=\"text-align: center; margin-top: 30px\">\n              <img @click=\"navToPerson\" :src=\"user.avatar\" alt=\"\" style=\"width: 80px; height: 80px; border-radius: 50%\">\n              <div style=\"margin-top: 10px\">Hi，{{user.name}}</div>\n            </div>\n            <div style=\"margin-top: 20px; padding: 0 15px\">\n              <img src=\"@/assets/imgs/right.png\" alt=\"\" style=\"height: 150px; width: 100%; border-radius: 20px\">\n            </div>\n            <div style=\"margin: 20px 10px 10px 10px; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">\n              <i class=\"el-icon-bell\"></i>\n              <span style=\"font-weight: bold\">公告</span>\n              <span style=\"color: #666666;\">：{{ top }}</span>\n            </div>\n            <div style=\"display: flex; margin-top: 50px\">\n              <div style=\"flex: 1; text-align: center\">\n                <img src=\"@/assets/imgs/收藏.png\" alt=\"\" style=\"height: 25px; width: 25px\">\n                <div>我的收藏</div>\n              </div>\n              <div style=\"flex: 1; text-align: center\">\n                <img src=\"@/assets/imgs/店铺.png\" alt=\"\" style=\"height: 25px; width: 25px\">\n                <div>我的地址</div>\n              </div>\n              <div style=\"flex: 1; text-align: center\">\n                <img src=\"@/assets/imgs/购物车.png\" alt=\"\" style=\"height: 25px; width: 25px\">\n                <div>我的购物车</div>\n              </div>\n              <div style=\"flex: 1; text-align: center\">\n                <img src=\"@/assets/imgs/订单.png\" alt=\"\" style=\"height: 25px; width: 25px\">\n                <div>我的订单</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"right\"></div>\n    </div>\n  </div>\n</template>\n\n<script>\n\nexport default {\n\n  data() {\n    return {\n      user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n      typeData: [],\n      top: null,\n      notice: [],\n      carousel_top: [\n        require('@/assets/imgs/carousel-1.png'),\n        require('@/assets/imgs/carousel-2.png'),\n        require('@/assets/imgs/carousel-9.png'),\n      ],\n      carousel_left: [\n        require('@/assets/imgs/carousel-3.png'),\n        require('@/assets/imgs/carousel-4.png'),\n        require('@/assets/imgs/carousel-5.png'),\n      ],\n      carousel_right: [\n        require('@/assets/imgs/carousel-6.png'),\n        require('@/assets/imgs/carousel-7.png'),\n        require('@/assets/imgs/carousel-8.png'),\n      ],\n    }\n  },\n  mounted() {\n    this.loadType()\n    this.loadNotice()\n  },\n  // methods：本页面所有的点击事件或者其他函数定义区\n  methods: {\n    loadType() {\n      this.$request.get('/type/selectAll').then(res => {\n        if (res.code === '200') {\n          this.typeData = res.data\n        } else {\n          this.$message.error(res.msg)\n        }\n      })\n    },\n    loadNotice() {\n      this.$request.get('/notice/selectAll').then(res => {\n        this.notice = res.data\n        let i = 0\n        if (this.notice && this.notice.length) {\n          this.top = this.notice[0].content\n          setInterval(() => {\n            this.top = this.notice[i].content\n            i++\n            if (i === this.notice.length) {\n              i = 0\n            }\n          }, 2500)\n        }\n      })\n    },\n    navToPerson() {\n      location.href = '/front/person'\n    },\n  }\n}\n</script>\n\n<style scoped>\n.main-content {\n  min-height: 100vh;\n  /*overflow: hidden;*/\n  background-size: 100%;\n  background-image: url('@/assets/imgs/img.png');\n}\n.left {\n  width: 17%;\n  background-repeat: no-repeat;\n  background-image: url('@/assets/imgs/left-img.png');\n}\n.right {\n  width: 17%;\n  background-repeat: no-repeat;\n  background-image: url('@/assets/imgs/right-img.png')\n}\n.el-col-5{\n  width: 20%;\n  max-width: 20%;\n  padding: 10px 10px;\n}\n</style>"],"mappings":"AAgFA;EAEAA,KAAA;IACA;MACAC,IAAA,EAAAC,IAAA,CAAAC,KAAA,CAAAC,YAAA,CAAAC,OAAA;MACAC,QAAA;MACAC,GAAA;MACAC,MAAA;MACAC,YAAA,GACAC,OAAA,kCACAA,OAAA,kCACAA,OAAA,iCACA;MACAC,aAAA,GACAD,OAAA,kCACAA,OAAA,kCACAA,OAAA,iCACA;MACAE,cAAA,GACAF,OAAA,kCACAA,OAAA,kCACAA,OAAA;IAEA;EACA;EACAG,QAAA;IACA,KAAAC,QAAA;IACA,KAAAC,UAAA;EACA;EACA;EACAC,OAAA;IACAF,SAAA;MACA,KAAAG,QAAA,CAAAC,GAAA,oBAAAC,IAAA,CAAAC,GAAA;QACA,IAAAA,GAAA,CAAAC,IAAA;UACA,KAAAf,QAAA,GAAAc,GAAA,CAAApB,IAAA;QACA;UACA,KAAAsB,QAAA,CAAAC,KAAA,CAAAH,GAAA,CAAAI,GAAA;QACA;MACA;IACA;IACAT,WAAA;MACA,KAAAE,QAAA,CAAAC,GAAA,sBAAAC,IAAA,CAAAC,GAAA;QACA,KAAAZ,MAAA,GAAAY,GAAA,CAAApB,IAAA;QACA,IAAAyB,CAAA;QACA,SAAAjB,MAAA,SAAAA,MAAA,CAAAkB,MAAA;UACA,KAAAnB,GAAA,QAAAC,MAAA,IAAAmB,OAAA;UACAC,WAAA;YACA,KAAArB,GAAA,QAAAC,MAAA,CAAAiB,CAAA,EAAAE,OAAA;YACAF,CAAA;YACA,IAAAA,CAAA,UAAAjB,MAAA,CAAAkB,MAAA;cACAD,CAAA;YACA;UACA;QACA;MACA;IACA;IACAI,YAAA;MACAC,QAAA,CAAAC,IAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}