{"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      currentPage: 1,\r\n      //选择的分类\r\n      categoryId : Number,\r\n      //搜索的内容\r\n      searchText: '',\r\n      good:[],\r\n    }\r\n  },\r\n  components:{\r\n    search,\r\n  },\r\n  created() {\r\n    //二者一般不同时存在\r\n    this.searchText = this.$route.query.searchText\r\n    this.categoryId = this.$route.query.categoryId\r\n    console.log(this.searchText)\r\n    console.log(this.categoryId)\r\n    this.load();\r\n  },\r\n  methods:{\r\n    handleCurrentPage(currentPage){\r\n      this.currentPage = currentPage;\r\n      this.load();\r\n    },\r\n    handleSearch(text){\r\n      this.searchText = text;\r\n      this.load();\r\n    },\r\n    load(){\r\n      this.request.get(\"/api/good/page\",{\r\n        params:{\r\n          pageNum: this.currentPage,\r\n          pageSize: this.pageSize,\r\n          searchText: this.searchText,\r\n          categoryId: this.categoryId,\r\n        }\r\n      }).then(res=>{\r\n        if(res.code==='200'){\r\n          this.total = res.data.total;\r\n          this.good = res.data.records;\r\n          console.log(this.good)\r\n        }\r\n      })\r\n    },\r\n\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n.main-box{\r\n  background-color: white;\r\n  width: 1300px;\r\n  border: white 2px solid;\r\n  border-radius: 40px;\r\n  padding: 20px 40px;\r\n  margin: 5px auto;\r\n}\r\n\r\n</style>"]},"metadata":{},"sourceType":"module"}