{"ast":null,"code":"export default {\n  data() {\n    let businessId = this.$route.query.id;\n    return {\n      user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n      businessId: businessId,\n      goodsData: [],\n      businessData: {}\n    };\n  },\n  mounted() {\n    this.loadBusiness();\n    this.loadGoods();\n  },\n  // methods：本页面所有的点击事件或者其他函数定义区\n  methods: {\n    loadBusiness() {\n      this.$request.get('/business/selectById/' + this.businessId).then(res => {\n        if (res.code === '200') {\n          this.businessData = res.data;\n        } else {\n          this.$message.error(res.msg);\n        }\n      });\n    },\n    loadGoods() {\n      this.$request.get('/goods/selectByBusinessId?id=' + this.businessId).then(res => {\n        if (res.code === '200') {\n          this.goodsData = res.data;\n        } else {\n          this.$message.error(res.msg);\n        }\n      });\n    },\n    navTo(url) {\n      location.href = url;\n    }\n  }\n};","map":{"version":3,"names":["data","businessId","$route","query","id","user","JSON","parse","localStorage","getItem","goodsData","businessData","mounted","loadBusiness","loadGoods","methods","$request","get","then","res","code","$message","error","msg","navTo","url","location","href"],"sources":["src/views/front/Business.vue"],"sourcesContent":["<template>\r\n  <div class=\"main-content\">\r\n    <div style=\"width: 60%; margin: 30px auto; border-radius: 20px\">\r\n      <div style=\"height: 100px; padding: 0 10px; display: flex; align-items: center; border-radius: 25px; background-color: white;\">\r\n        <img :src=\"businessData.avatar\" alt=\"\" style=\"height: 60px; width: 60px; border-radius: 50%\">\r\n        <div style=\"width: 220px; margin: 0 30px 0 15px; font-size: 20px; font-weight: bold;\">\r\n          <div style=\"height: 30px; line-height: 30px\">{{businessData.name}}</div>\r\n          <img src=\"@/assets/imgs/icon.png\" alt=\"\" style=\"height: 25px; margin-top: 5px\">\r\n        </div>\r\n        <div style=\"width: 150px; height: 100px; padding: 20px\">\r\n          <div style=\"font-size: 16px; height: 30px; line-height: 30px; color: #7F7F7FFF\">店铺电话</div>\r\n          <div style=\"font-size: 16px; height: 30px; line-height: 30px; \">{{businessData.phone}}</div>\r\n        </div>\r\n        <div style=\"width: 150px; height: 100px; padding: 20px\">\r\n          <div style=\"font-size: 16px; height: 30px; line-height: 30px; color: #7F7F7FFF\">店铺邮箱</div>\r\n          <div style=\"font-size: 16px; height: 30px; line-height: 30px; \">{{businessData.email}}</div>\r\n        </div>\r\n        <div style=\"flex: 1; height: 100px; padding: 20px\">\r\n          <div style=\"height: 60px; line-height: 30px; font-size: 16px; color: #000000FF; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;\">\r\n            店铺介绍：{{businessData.description}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div style=\"border-radius: 20px; padding: 0 20px; background-color: white; margin-top: 20px\">\r\n        <div style=\"font-size: 18px; color: #000000FF; line-height: 80px; border-bottom: #cccccc 1px solid\">本店所有商品（{{goodsData.length}}件）</div>\r\n        <div style=\"margin-top: 20px\">\r\n          <el-row>\r\n            <el-col :span=\"5\" style=\"margin-bottom: 20px\" v-for=\"item in goodsData\">\r\n              <img :src=\"item.img\" alt=\"\" style=\"width: 100%; height: 150px; border-radius: 10px; border: #cccccc 1px solid\" >\r\n              <div style=\"margin-top: 10px; font-weight: 500; font-size: 16px; width: 160px; color: #000000FF; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;\">{{item.name}}</div>\r\n              <div style=\"margin-top: 5px; font-size: 20px; color: #FF5000FF\">￥ {{ item.price }} / {{ item.unit }}</div>\r\n            </el-col>\r\n          </el-row>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n\r\n  data() {\r\n    let businessId = this.$route.query.id\r\n    return {\r\n      user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\r\n      businessId: businessId,\r\n      goodsData: [],\r\n      businessData: {}\r\n    }\r\n  },\r\n  mounted() {\r\n    this.loadBusiness()\r\n    this.loadGoods()\r\n  },\r\n  // methods：本页面所有的点击事件或者其他函数定义区\r\n  methods: {\r\n    loadBusiness() {\r\n      this.$request.get('/business/selectById/' + this.businessId).then(res => {\r\n        if (res.code === '200') {\r\n          this.businessData = res.data\r\n        } else {\r\n          this.$message.error(res.msg)\r\n        }\r\n      })\r\n    },\r\n    loadGoods() {\r\n      this.$request.get('/goods/selectByBusinessId?id=' + this.businessId).then(res => {\r\n        if (res.code === '200') {\r\n          this.goodsData = res.data\r\n        } else {\r\n          this.$message.error(res.msg)\r\n        }\r\n      })\r\n    },\r\n    navTo(url) {\r\n      location.href = url\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.el-col-5{\r\n  width: 20%;\r\n  max-width: 20%;\r\n  padding: 10px 10px;\r\n}\r\n</style>"],"mappings":"AA0CA;EAEAA,KAAA;IACA,IAAAC,UAAA,QAAAC,MAAA,CAAAC,KAAA,CAAAC,EAAA;IACA;MACAC,IAAA,EAAAC,IAAA,CAAAC,KAAA,CAAAC,YAAA,CAAAC,OAAA;MACAR,UAAA,EAAAA,UAAA;MACAS,SAAA;MACAC,YAAA;IACA;EACA;EACAC,QAAA;IACA,KAAAC,YAAA;IACA,KAAAC,SAAA;EACA;EACA;EACAC,OAAA;IACAF,aAAA;MACA,KAAAG,QAAA,CAAAC,GAAA,gCAAAhB,UAAA,EAAAiB,IAAA,CAAAC,GAAA;QACA,IAAAA,GAAA,CAAAC,IAAA;UACA,KAAAT,YAAA,GAAAQ,GAAA,CAAAnB,IAAA;QACA;UACA,KAAAqB,QAAA,CAAAC,KAAA,CAAAH,GAAA,CAAAI,GAAA;QACA;MACA;IACA;IACAT,UAAA;MACA,KAAAE,QAAA,CAAAC,GAAA,wCAAAhB,UAAA,EAAAiB,IAAA,CAAAC,GAAA;QACA,IAAAA,GAAA,CAAAC,IAAA;UACA,KAAAV,SAAA,GAAAS,GAAA,CAAAnB,IAAA;QACA;UACA,KAAAqB,QAAA,CAAAC,KAAA,CAAAH,GAAA,CAAAI,GAAA;QACA;MACA;IACA;IACAC,MAAAC,GAAA;MACAC,QAAA,CAAAC,IAAA,GAAAF,GAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}