{"version":3,"sources":["webpack:///./src/assets/images/index_bg_big.png","webpack:///./src/views/Products.vue?74b6","webpack:///./src/assets/api/product.js","webpack:///src/views/Products.vue","webpack:///./src/views/Products.vue?a684","webpack:///./src/views/Products.vue","webpack:///./src/assets/images/banner/products_banner.jpg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","style","backgroundImage","BG","_v","attrs","directives","name","rawName","value","expression","prdocutsList","length","_l","item","key","Id","Url","Picture","Title","_s","staticRenderFns","API_URL","productUrl","ProductsApi","params","url","getRequest","response","http","data","nowPage","busy","totalPage","methods","getProduct","product","res","status","vm","Data","Products","Math","ceil","parseInt","Total","$store","dispatch","concat","$swal","icon","text","Message","confirmButtonText","$router","push","loadMore","created","component"],"mappings":"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","file":"static/js/chunk-7beb61dc.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/index_bg_big.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"contentContainer-noMove\",style:({ backgroundImage: 'url(' + _vm.BG + ')' })},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"content-title\"},[_c('h2',[_vm._v(\"口腔保健用品專區\")]),_c('div',{staticClass:\"bread\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('i',{staticClass:\"fas fa-home fa-lg\"})]),_c('span',[_vm._v(\">\")]),_vm._v(\" 口腔保健用品專區 \")],1)]),_c('div',{directives:[{name:\"infinite-scroll\",rawName:\"v-infinite-scroll\",value:(_vm.loadMore),expression:\"loadMore\"}],staticClass:\"content-textBox\",attrs:{\"infinite-scroll-disabled\":\"busy\",\"infinite-scroll-distance\":\"10\"}},[(_vm.prdocutsList && _vm.prdocutsList.length > 0)?_c('ul',{staticClass:\"content-products\"},_vm._l((_vm.prdocutsList),function(item){return _c('li',{key:item.Id,staticClass:\"card-products\"},[_c('a',{attrs:{\"href\":item.Url,\"target\":\"_blank\",\"rel\":\"noreferrer noopener\"}},[_c('img',{staticClass:\"card-products-img img-fluid\",attrs:{\"src\":item.Picture,\"alt\":item.Title}}),_vm._v(\" \"+_vm._s(item.Title)+\" \")])])}),0):_c('div',{staticClass:\"content-contact\"},[_vm._m(1)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"banner-content\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":require(\"../assets/images/banner/products_banner.jpg\"),\"alt\":\"banner\"}}),_c('div',{staticClass:\"banner-text\"},[_c('h1',[_vm._v(\"口腔保健用品專區\")]),_c('div',{staticClass:\"banner-text-line\"}),_c('span',[_vm._v(\"Oral Health Products Zone\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-contact-border\"},[_c('div',{staticClass:\"member-box\"},[_c('h3',[_vm._v(\"目前沒有內容\")])])])}]\n\nexport { render, staticRenderFns }","import http from './ajax';\n\nconst API_URL = {\n  productUrl: '/Products',\n};\n\nclass ProductsApi extends http {\n  // eslint-disable-next-line no-unused-vars\n  getAllProduct = async (params) => {\n    const url = `${API_URL.productUrl}?count=10&leaf=${params}`;\n    try {\n      const response = await this.getRequest(url);\n      return response;\n    } catch (err) {\n      return err;\n    }\n  }\n}\n\nexport default new ProductsApi();\n","<template>\r\n  <div>\r\n    <div class=\"banner\">\r\n      <div class=\"banner-content\">\r\n        <img\r\n          class=\"img-fluid\"\r\n          src=\"../assets/images/banner/products_banner.jpg\"\r\n          alt=\"banner\"\r\n        />\r\n        <div class=\"banner-text\">\r\n          <h1>口腔保健用品專區</h1>\r\n          <div class=\"banner-text-line\"></div>\r\n          <span>Oral Health Products Zone</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"contentContainer-noMove\"\r\n      :style=\"{ backgroundImage: 'url(' + BG + ')' }\"\r\n    >\r\n      <div class=\"content\">\r\n        <div class=\"content-title\">\r\n          <h2>口腔保健用品專區</h2>\r\n          <div class=\"bread\">\r\n            <router-link to=\"/\">\r\n              <i class=\"fas fa-home fa-lg\"></i>\r\n            </router-link>\r\n            <span>></span>\r\n            口腔保健用品專區\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"content-textBox\"\r\n          v-infinite-scroll=\"loadMore\"\r\n          infinite-scroll-disabled=\"busy\"\r\n          infinite-scroll-distance=\"10\"\r\n        >\r\n          <ul\r\n            class=\"content-products\"\r\n            v-if=\"prdocutsList && prdocutsList.length > 0\"\r\n          >\r\n            <li\r\n              class=\"card-products\"\r\n              v-for=\"item in prdocutsList\"\r\n              :key=\"item.Id\"\r\n            >\r\n              <a :href=\"item.Url\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n                <img\r\n                  class=\"card-products-img img-fluid\"\r\n                  :src=\"item.Picture\"\r\n                  :alt=\"item.Title\"\r\n                />\r\n                {{ item.Title }}\r\n              </a>\r\n            </li>\r\n          </ul>\r\n          <div class=\"content-contact\" v-else>\r\n            <div class=\"content-contact-border\">\r\n              <div class=\"member-box\">\r\n                <h3>目前沒有內容</h3>\r\n              </div>\r\n            </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\nimport productApi from '@/assets/api/product';\r\nimport BG from '../assets/images/index_bg_big.png';\r\n// 圖檔暫時 import 區\r\n// import ProductsIMG from '../assets/images/products.jpg';\r\n\r\nexport default {\r\n  name: 'Products',\r\n  data() {\r\n    return {\r\n      BG,\r\n      prdocutsList: [\r\n        // {\r\n        //   imgSrc: ProductsIMG,\r\n        //   title: '3M 雙線牙線棒-2盒+3包量販包',\r\n        //   linkUrl: 'https://www.google.com',\r\n        // },\r\n        // {\r\n        //   imgSrc: ProductsIMG,\r\n        //   title: '3M 兒童牙線棒杯裝(55支x5入組)',\r\n        //   linkUrl: 'https://www.google.com',\r\n        // },\r\n        // {\r\n        //   imgSrc: ProductsIMG,\r\n        //   title: '3M 3效漱口水薄荷味(120MLx12入)',\r\n        //   linkUrl: 'https://www.google.com',\r\n        // },\r\n        // {\r\n        //   imgSrc: ProductsIMG,\r\n        //   title: '3M 雙線牙線棒-2盒+3包量販包',\r\n        //   linkUrl: 'https://www.google.com',\r\n        // },\r\n        // {\r\n        //   imgSrc: ProductsIMG,\r\n        //   title: '3M 兒童牙線棒杯裝(55支x5入組)',\r\n        //   linkUrl: 'https://www.google.com',\r\n        // },\r\n      ],\r\n      nowPage: 1,\r\n      busy: false, // true觸發載入，false停止載入\r\n      totalPage: 1,\r\n    };\r\n  },\r\n  methods: {\r\n    getProduct(page) {\r\n      const vm = this;\r\n      productApi.getAllProduct(page).then((res) => {\r\n        if (res.status === 200) {\r\n          if (vm.prdocutsList.length === 0) {\r\n            vm.prdocutsList = res.data.Data.Products;\r\n            vm.totalPage = Math.ceil(parseInt(res.data.Data.Total, 10) / 10);\r\n          } else {\r\n            vm.busy = false;\r\n            vm.$store.dispatch('updateLoading', false);\r\n            vm.prdocutsList = vm.prdocutsList.concat(res.data.Data.Products);\r\n          }\r\n        } else {\r\n          vm.$swal({\r\n            icon: 'warning',\r\n            text: res.data.Message,\r\n            confirmButtonText: '確定',\r\n          }).then(() => {\r\n            vm.$router.push('/');\r\n          });\r\n        }\r\n      });\r\n    },\r\n    loadMore() {\r\n      const vm = this;\r\n      vm.busy = true;\r\n      if (\r\n        vm.totalPage === 0\r\n        || vm.totalPage === 1\r\n        || vm.totalPage === vm.nowPage\r\n      ) {\r\n        vm.busy = false;\r\n      } else {\r\n        vm.$store.dispatch('updateLoading', true);\r\n        vm.nowPage += 1;\r\n        vm.getProduct(vm.nowPage);\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    const vm = this;\r\n    vm.getProduct(vm.nowPage);\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Products.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Products.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Products.vue?vue&type=template&id=41778b5b&\"\nimport script from \"./Products.vue?vue&type=script&lang=js&\"\nexport * from \"./Products.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/products_banner.jpg\";"],"sourceRoot":""}