{"ast":null,"code":"export default {\n  data() {\n    let name = this.$route.query.name;\n    return {\n      user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n      name: name,\n      goodsData: []\n    };\n  },\n  mounted() {\n    this.loadGoods();\n  },\n  // methods：本页面所有的点击事件或者其他函数定义区\n  methods: {\n    loadGoods() {\n      this.$request.get('/goods/selectByName?name=' + this.name).then(res => {\n        console.log(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","name","$route","query","user","JSON","parse","localStorage","getItem","goodsData","mounted","loadGoods","methods","$request","get","then","res","console","log","code","$message","error","msg","navTo","url","location","href"],"sources":["src/views/front/Search.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\">搜索\"{{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      </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 name = this.$route.query.name\r\n    return {\r\n      user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\r\n      name: name,\r\n      goodsData: [],\r\n    }\r\n  },\r\n  mounted() {\r\n    this.loadGoods()\r\n  },\r\n  // methods：本页面所有的点击事件或者其他函数定义区\r\n  methods: {\r\n    loadGoods() {\r\n      this.$request.get('/goods/selectByName?name=' + this.name).then(res => {\r\n        console.log(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":"AAoCA;EAEAA,KAAA;IACA,IAAAC,IAAA,QAAAC,MAAA,CAAAC,KAAA,CAAAF,IAAA;IACA;MACAG,IAAA,EAAAC,IAAA,CAAAC,KAAA,CAAAC,YAAA,CAAAC,OAAA;MACAP,IAAA,EAAAA,IAAA;MACAQ,SAAA;IACA;EACA;EACAC,QAAA;IACA,KAAAC,SAAA;EACA;EACA;EACAC,OAAA;IACAD,UAAA;MACA,KAAAE,QAAA,CAAAC,GAAA,oCAAAb,IAAA,EAAAc,IAAA,CAAAC,GAAA;QACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA;QACA,IAAAA,GAAA,CAAAG,IAAA;UACA,KAAAV,SAAA,GAAAO,GAAA,CAAAhB,IAAA;QACA;UACA,KAAAoB,QAAA,CAAAC,KAAA,CAAAL,GAAA,CAAAM,GAAA;QACA;MACA;IACA;IACAC,MAAAC,GAAA;MACAC,QAAA,CAAAC,IAAA,GAAAF,GAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}