qauMaWeb/node_modules/.cache/babel-loader/f656ad2071634a532eecbec8548...

1 line
5.4 KiB
JSON
Raw Normal View History

2024-10-13 18:02:27 +08:00
{"ast":null,"code":"import \"core-js/modules/es.number.constructor.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport search from \"../../../components/Search\";\nexport default {\n name: \"GoodList\",\n data: function data() {\n return {\n total: 0,\n pageSize: 9,\n currentPage: 1,\n //选择的分类\n categoryId: Number,\n //搜索的内容\n searchText: '',\n good: []\n };\n },\n components: {\n search: search\n },\n created: function created() {\n //二者一般不同时存在\n this.searchText = this.$route.query.searchText;\n this.categoryId = this.$route.query.categoryId;\n console.log(this.searchText);\n console.log(this.categoryId);\n this.load();\n },\n methods: {\n handleCurrentPage: function handleCurrentPage(currentPage) {\n this.currentPage = currentPage;\n this.load();\n },\n handleSearch: function handleSearch(text) {\n this.searchText = text;\n this.load();\n },\n load: function load() {\n var _this = this;\n\n this.request.get(\"/api/good/page\", {\n params: {\n pageNum: this.currentPage,\n pageSize: this.pageSize,\n searchText: this.searchText,\n categoryId: this.categoryId\n }\n }).then(function (res) {\n if (res.code === '200') {\n _this.total = res.data.total;\n _this.good = res.data.records;\n console.log(_this.good);\n }\n });\n }\n }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;AACAA,kBADA;AAEAC,MAFA,kBAEA;AACA;AACAC,cADA;AAEAC,iBAFA;AAGAC,oBAHA;AAIA;AACAC,wBALA;AAMA;AACAC,oBAPA;AAQAC;AARA;AAUA,GAbA;AAcAC;AACAC;AADA,GAdA;AAiBAC,SAjBA,qBAiBA;AACA;AACA;AACA;AACAC;AACAA;AACA;AACA,GAxBA;AAyBAC;AACAC,qBADA,6BACAT,WADA,EACA;AACA;AACA;AACA,KAJA;AAKAU,gBALA,wBAKAC,IALA,EAKA;AACA;AACA;AACA,KARA;AASAC,QATA,kBASA;AAAA;;AACA;AACAC;AACAC,mCADA;AAEAf,iCAFA;AAGAG,qCAHA;AAIAD;AAJA;AADA,SAOAc,IAPA,CAOA;AACA;AACA;AACA;AACAR;AACA;AACA,OAbA;AAcA;AAxBA;AAzBA","names":["name","data","total","pageSize","currentPage","categoryId","searchText","good","components","search","created","console","methods","handleCurrentPage","handleSearch","text","load","params","pageNum","then"],"sourceRoot":"src/views/front/good","sources":["GoodList.vue"],"sourcesContent":["<template>\r\n<div>\r\n\r\n <search @search=\"handleSearch\"></search>\r\n <div class=\"main-box\">\r\n <div style=\"width: 1300px;margin: 20px auto;\">\r\n <el-row :gutter=\"20\">\r\n <el-col :span=\"6\" v-for=\"good in good\" :key=\"good.id\" style=\"margin-bottom: 20px \">\r\n<!-- 商品格子-->\r\n <router-link :to=\"'goodview/'+good.id\">\r\n <el-card :body-style=\"{ padding: '0px',background: '#e3f5f4' }\">\r\n <img :src=\"good.imgs\" style=\"width: 100%;height: 300px\">\r\n <div style=\"padding:5px 10px;\">\r\n <span style=\"font-size: 18px\">{{good.name}}</span><br/>\r\n <span style=\"color: red;font-size: 15px\">¥{{ good.price }}</span>\r\n </div>\r\n </el-card>\r\n </router-link>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n<!-- 分页-->\r\n <div class=\"block\" style=\"text-align: center\">\r\n <el-pagination\r\n background\r\n :hide-on-single-page=\"false\"\r\n :current-page=\"currentPage\"\r\n :page-size=\"pageSize\"\r\n layout=\"total, prev, pager, next\"\r\n :total=\"total\"\r\n @current-change=\"handleCurrentPage\"\r\n >\r\n </el-pagination>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport search from \"../../../components/Search\"\r\nexport default {\r\n name: \"GoodList\",\r\n data(){\r\n return{\r\n total: 0,\r\n pageSize: 9,\r\n cu