{"version":3,"sources":["webpack:///src/views/commodity/page/src/views/commodity/page/home.vue"],"names":[],"mappings":"AA4GA,6BACA,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,eAAA,CACA,WAAA,CACA,eAAA,CACA,iBAAA,CACA,wBACA,CACA,iCACA,UAAA,CACA,WAAA,CACA,kBACA,CACA,kCACA,cAAA,CACA,0CAAA,CACA,eAAA,CACA,UACA,CACA,2BACA,YAAA,CACA,cAAA,CACA,6BACA,CACA,sCACA,cAAA,CACA,eAAA,CACA,wBAAA,CACA,qBAAA,CACA,iBAAA,CACA,SAAA,CACA,YAAA,CACA,eACA,CACA,6BACA,YAAA,CACA,kBAAA,CACA,kBACA,CACA,kCACA,cAAA,CACA,yCAAA,CACA,eAAA,CACA,UACA,CACA,iCACA,UAAA,CACA,WAAA,CACA,iBACA,CACA,iEAEA,YAAA,CACA,4BAAA,CACA,iBACA,CACA,4CACA,cAAA,CACA,yCAAA,CACA,kBAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,4CACA,cAAA,CACA,yCAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,4CACA,cAAA,CACA,kBAAA,CACA,0CAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,+BACA,UAAA,CACA,WAAA,CACA,kBACA","file":"chunk-ca298306.e19cb0be.css","sourcesContent":["<template>\n  <div style='margin:20px'>\n    <div class=\"main_title\">\n      <img :src=\"title\"\n           alt=\"\" />\n      <span>欢迎使用商城管理系统</span>\n    </div>\n    <div class=\"home_box\">\n      <div class=\"home_itme\">\n        <div class=\"home_title\">\n          <img :src=\"home_icon1\"\n               alt=\"\" /> <span>待办事项</span>\n        </div>\n        <div class=\"home_item1_box\">\n          <div class=\"item1\">\n            <p class=\"p1\">待付款 <span class=\"el-icon-arrow-right\"></span></p>\n            <p class=\"p2\">10</p>\n          </div>\n          <div class=\"item1\">\n            <p class=\"p1\">待发货 <span class=\"el-icon-arrow-right\"></span></p>\n            <p class=\"p2\">12</p>\n          </div>\n          <div class=\"item1\">\n            <p class=\"p1\">\n              未回复服务请求 <span class=\"el-icon-arrow-right\"></span>\n            </p>\n            <p class=\"p2\">6</p>\n          </div>\n          <div class=\"item1\">\n            <p class=\"p1\">退款处理 <span class=\"el-icon-arrow-right\"></span></p>\n            <p class=\"p2\">2</p>\n          </div>\n        </div>\n      </div>\n      <div class=\"home_itme\">\n        <div class=\"home_title\">\n          <img :src=\"home_icon2\"\n               alt=\"\" /> <span>运营数据</span>\n        </div>\n        <div class=\"home_item1_box\">\n          <div class=\"item1\">\n            <p class=\"p3\">生单数</p>\n            <p class=\"p2\">100</p>\n          </div>\n          <div class=\"item1\">\n            <p class=\"p3\">生单金额</p>\n            <p class=\"p2\">¥10,000.00</p>\n          </div>\n          <div class=\"item1\">\n            <p class=\"p3\">\n              上架商品数\n            </p>\n            <p class=\"p2\">23</p>\n          </div>\n        </div>\n      </div>\n      <div class=\"home_itme\">\n        <div class=\"home_title\">\n          <img :src=\"home_icon3\"\n               alt=\"\" /> <span>快捷入口</span>\n        </div>\n        <div class=\"home_item_box\">\n          <div class=\"box_item\">\n            <img :src=\"item1\"\n                 alt=\"\" />\n            <div><span>添加商品</span></div>\n          </div>\n          <div class=\"box_item\">\n            <img :src=\"item2\"\n                 alt=\"\" />\n            <div><span>添加商品</span></div>\n          </div>\n          <div class=\"box_item\">\n            <img :src=\"item3\"\n                 alt=\"\" />\n            <div><span>添加商品</span></div>\n          </div>\n          <div class=\"box_item\">\n            <img :src=\"item4\"\n                 alt=\"\" />\n            <div><span>添加商品</span></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  // /Users/apple/Desktop/smartCommunity/basic-admin/src/assets/images/commodity/home/home_icon1.png\n  data () {\n    return {\n      title: require('@/assets/images//commodity/home/title.png'),\n      home_icon1: require('@/assets/images//commodity/home/home_icon1.png'),\n      home_icon2: require('@/assets/images//commodity/home/home_icon2.png'),\n      home_icon3: require('@/assets/images//commodity/home/home_icon3.png'),\n      item1: require('@/assets/images//commodity/home/item1.png'),\n      item2: require('@/assets/images//commodity/home/item2.png'),\n      item3: require('@/assets/images//commodity/home/item3.png'),\n      item4: require('@/assets/images//commodity/home/item4.png')\n    }\n  },\n  methods: {}\n}\n</script>\n\n<style scoped>\n.main_title {\n  display: flex;\n  align-items: center;\n  padding-left: 20px;\n  margin-top: 20px;\n  height: 43px;\n  background: #ffffff;\n  border-radius: 4px;\n  border: 1px solid #e8e8e8;\n}\n.main_title img {\n  width: 16px;\n  height: 16px;\n  padding-right: 10px;\n}\n.main_title span {\n  font-size: 14px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  color: #333333;\n}\n.home_box {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n.home_box .home_itme {\n  cursor: pointer;\n  margin-top: 20px;\n  padding: 23px 0px 48px 20px;\n  box-sizing: border-box;\n  border-radius: 4px;\n  width: 48%;\n  height: 220px;\n  background: #ffffff;\n}\n.home_title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 40px;\n}\n.home_title span {\n  font-size: 16px;\n  font-family: PingFangSC-Medium, PingFang SC;\n  font-weight: 500;\n  color: #333333;\n}\n.home_title img {\n  width: 16px;\n  height: 16px;\n  margin-right: 10px;\n}\n.home_item1_box,\n.home_item_box {\n  display: flex;\n  justify-content: space-around;\n  text-align: center;\n}\n.home_item1_box .item1 .p1 {\n  font-size: 14px;\n  font-family: PingFangSC-Medium, PingFang SC;\n  margin-bottom: 19px;\n  font-weight: 500;\n  color: #333333;\n  line-height: 20px;\n}\n.home_item1_box .item1 .p2 {\n  font-size: 36px;\n  font-family: PingFangSC-Medium, PingFang SC;\n  font-weight: 500;\n  color: #666666;\n  line-height: 50px;\n}\n.home_item1_box .item1 .p3 {\n  font-size: 14px;\n  margin-bottom: 19px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  color: #666666;\n  line-height: 20px;\n}\n.box_item img {\n  width: 58px;\n  height: 58px;\n  margin-bottom: 17px;\n}\n</style>\n"]}