{"ast":null,"code":"export default {\n  data() {\n    let typeId = this.$route.query.id;\n    return {\n      user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n      typeId: typeId,\n      goodsData: [],\n      typeData: {}\n    };\n  },\n  mounted() {\n    this.loadGoods();\n    this.loadType();\n  },\n  // methods：本页面所有的点击事件或者其他函数定义区\n  methods: {\n    loadType() {\n      this.$request.get('/type/selectById/' + this.typeId).then(res => {\n        if (res.code === '200') {\n          this.typeData = res.data;\n        } else {\n          this.$message.error(res.msg);\n        }\n      });\n    },\n    loadGoods() {\n      this.$request.get('/goods/selectByTypeId?id=' + this.typeId).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","typeId","$route","query","id","user","JSON","parse","localStorage","getItem","goodsData","typeData","mounted","loadGoods","loadType","methods","$request","get","then","res","code","$message","error","msg","navTo","url","location","href"],"sources":["src/views/front/Type.vue"],"sourcesContent":["<template>\r\n  <div class=\"main-content\">\r\n    <div style=\"display: flex; width: 70%; background-color: white; margin: 30px auto; border-radius: 20px\">\r\n      <div style=\"flex: 1; padding: 0 20px\">\r\n        <div style=\"font-size: 18px; color: #000000FF; line-height: 80px; border-bottom: #cccccc 1px solid\">{{typeData.name}}</div>\r\n        <div style=\"margin: 20px 0\">\r\n          <el-row :gutter=\"20\">\r\n            <el-col :span=\"6\" style=\"margin-bottom: 20px\" v-for=\"item in goodsData\">\r\n              <img @click=\"navTo('/front/detail?id=' + item.id)\" :src=\"item.img\" alt=\"\" style=\"width: 100%; height: 175px; border-radius: 10px; border: #cccccc 1px solid\">\r\n              <div style=\"margin-top: 10px; font-weight: 500; font-size: 16px; width: 180px; 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      <div style=\"width: 250px; padding: 0 20px; border-left: #cccccc 1px solid\">\r\n        <div style=\"font-size: 18px; color: #000000FF; line-height: 80px; border-bottom: #cccccc 1px solid\">猜你喜欢</div>\r\n        <div style=\"margin: 20px 0; padding: 0 10px\">\r\n          <div style=\"margin-bottom: 20px\">\r\n            <img @click=\"navTo('/front/detail?id=' + item.id)\" src=\"@/assets/imgs/bg.jpg\" alt=\"\" style=\"width: 100%; height: 175px; border-radius: 10px; border: #cccccc 1px solid\">\r\n            <div style=\"margin-top: 10px; font-weight: 500; font-size: 16px; width: 180px; color: #000000FF; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;\">超级大米</div>\r\n            <div style=\"margin-top: 5px; font-size: 20px; color: #FF5000FF\">￥ 44 / 件</div>\r\n          </div>\r\n          <div>\r\n            <img @click=\"navTo('/front/detail?id=' + item.id)\" src=\"@/assets/imgs/bg.jpg\" alt=\"\" style=\"width: 100%; height: 175px; border-radius: 10px; border: #cccccc 1px solid\">\r\n            <div style=\"margin-top: 10px; font-weight: 500; font-size: 16px; width: 180px; color: #000000FF; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;\">超级大米</div>\r\n            <div style=\"margin-top: 5px; font-size: 20px; color: #FF5000FF\">￥ 44 / 件</div>\r\n          </div>\r\n          <div>\r\n            <img @click=\"navTo('/front/detail?id=' + item.id)\" src=\"@/assets/imgs/bg.jpg\" alt=\"\" style=\"width: 100%; height: 175px; border-radius: 10px; border: #cccccc 1px solid\">\r\n            <div style=\"margin-top: 10px; font-weight: 500; font-size: 16px; width: 180px; color: #000000FF; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;\">超级大米</div>\r\n            <div style=\"margin-top: 5px; font-size: 20px; color: #FF5000FF\">￥ 44 / 件</div>\r\n          </div>\r\n          <div>\r\n            <img @click=\"navTo('/front/detail?id=' + item.id)\" src=\"@/assets/imgs/bg.jpg\" alt=\"\" style=\"width: 100%; height: 175px; border-radius: 10px; border: #cccccc 1px solid\">\r\n            <div style=\"margin-top: 10px; font-weight: 500; font-size: 16px; width: 180px; color: #000000FF; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;\">超级大米</div>\r\n            <div style=\"margin-top: 5px; font-size: 20px; color: #FF5000FF\">￥ 44 / 件</div>\r\n          </div>\r\n        </div>\r\n      </div>\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 typeId = this.$route.query.id\r\n    return {\r\n      user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\r\n      typeId: typeId,\r\n      goodsData: [],\r\n      typeData: {}\r\n    }\r\n  },\r\n  mounted() {\r\n    this.loadGoods()\r\n    this.loadType()\r\n  },\r\n  // methods：本页面所有的点击事件或者其他函数定义区\r\n  methods: {\r\n    loadType() {\r\n      this.$request.get('/type/selectById/' + this.typeId).then(res => {\r\n        if (res.code === '200') {\r\n          this.typeData = 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/selectByTypeId?id=' + this.typeId).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>"],"mappings":"AA8CA;EAEAA,KAAA;IACA,IAAAC,MAAA,QAAAC,MAAA,CAAAC,KAAA,CAAAC,EAAA;IACA;MACAC,IAAA,EAAAC,IAAA,CAAAC,KAAA,CAAAC,YAAA,CAAAC,OAAA;MACAR,MAAA,EAAAA,MAAA;MACAS,SAAA;MACAC,QAAA;IACA;EACA;EACAC,QAAA;IACA,KAAAC,SAAA;IACA,KAAAC,QAAA;EACA;EACA;EACAC,OAAA;IACAD,SAAA;MACA,KAAAE,QAAA,CAAAC,GAAA,4BAAAhB,MAAA,EAAAiB,IAAA,CAAAC,GAAA;QACA,IAAAA,GAAA,CAAAC,IAAA;UACA,KAAAT,QAAA,GAAAQ,GAAA,CAAAnB,IAAA;QACA;UACA,KAAAqB,QAAA,CAAAC,KAAA,CAAAH,GAAA,CAAAI,GAAA;QACA;MACA;IACA;IACAV,UAAA;MACA,KAAAG,QAAA,CAAAC,GAAA,oCAAAhB,MAAA,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":[]}