\n
\n \n \n
\n \n ![\"Modal]()
\n ![\"Modal]()
\n
\n You don't have any saved projects.
\nYou don't have any saved projects.
\nYou don't have any saved projects.
\nYour basket is currently empty
\n![](\"../../static/fb.svg\")
\n a(href=\"https://www.instagram.com/cloudw2p/\" target=\"_blank\").ml-2 ![](\"../../static/ig.png\")
\n //- 2022/09/12, jamei, a(href=\"https://page.line.me/yfpw2p\" target=\"_blank\").ml-2 ![](\"../../static/line-round-default.png\")
\n a(href=\"https://lin.ee/4O31Jns\" target=\"_blank\").ml-2 ![\"加入好友\"](\"https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png\")
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/footer.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row py-8 justify-content-center\"},[_c('div',{staticClass:\"col-md-3 col-4 footerContent\"},[_c('p',{staticClass:\"footerTitle font-weight-bold\"},[_vm._v(\"商品資訊\")]),_c('router-link',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",attrs:{\"to\":\"/productDetail/6\"}},[_vm._v(\"月曆系列\")]),_c('router-link',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",attrs:{\"to\":\"/productDetail/1\"}},[_vm._v(\"相片書\")]),_c('router-link',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",attrs:{\"to\":\"/productDetail/18\"}},[_vm._v(\"畢業紀念冊\")])],1),_c('div',{staticClass:\"col-md-3 col-4 d-flex\",class:{'flex-column':_vm.viewportWidth<=640}},[_c('div',{staticClass:\"aboutUs w-100 w-md-50\"},[_c('p',{staticClass:\"footerTitle font-weight-bold\"},[_vm._v(\"認識我們\")]),_c('router-link',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",attrs:{\"to\":\"/aboutYFP\"}},[_vm._v(\"關於我們\")]),_vm._m(0),_c('router-link',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",attrs:{\"to\":\"/serviceterm\"}},[_vm._v(\"服務使用條款\")]),_c('router-link',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",attrs:{\"to\":\"/privacyterm\"}},[_vm._v(\"隱私保護條款\")])],1)]),_c('div',{staticClass:\"col-md-3 col-4 d-flex\",class:{'flex-column':_vm.viewportWidth<=640}},[_c('div',{staticClass:\"saledServiceBox w-100 w-md-50\"},[_c('p',{staticClass:\"footerTitle font-weight-bold\"},[_vm._v(\"服務內容\")]),_c('div',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",on:{\"click\":function($event){_vm.$router.push('/serviceContent'); _vm.$store.state.serviceContentDrop = '#/serviceContent'}}},[_vm._v(\"編輯教學\")]),_c('div',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",on:{\"click\":function($event){_vm.$router.push('/serviceContent/aboutMember'); _vm.$store.state.serviceContentDrop = '#/serviceContent/aboutMember'}}},[_vm._v(\"關於會員\")]),_c('div',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",on:{\"click\":function($event){_vm.$router.push('/serviceContent/workslayout'); _vm.$store.state.serviceContentDrop = '#/serviceContent/workslayout'}}},[_vm._v(\"作品編排須知\")]),_c('div',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",on:{\"click\":function($event){_vm.$router.push('/serviceContent/buyAndTake'); _vm.$store.state.serviceContentDrop = '#/serviceContent/buyAndTake'}}},[_vm._v(\"訂購與取貨\")]),_c('div',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",on:{\"click\":function($event){_vm.$router.push('/serviceContent/invoiceAndSaledService'); _vm.$store.state.serviceContentDrop = '#/serviceContent/invoiceAndSaledService'}}},[_vm._v(\"發票與售後服務\")]),_c('div',{staticClass:\"mb-3 text-decoration-none d-block text-dark link\",on:{\"click\":function($event){_vm.$router.push('/serviceContent/einvoice'); _vm.$store.state.serviceContentDrop = '#/serviceContent/einvoice'}}},[_vm._v(\"電子發票\")])])]),_c('div',{staticClass:\"col-md-3 col-6 px-0 mx-0\",class:{'row':_vm.viewportWidth <= 640,'flex-column':_vm.viewportWidth <= 640,'align-items-center':_vm.viewportWidth <= 640, 'mt-5':_vm.viewportWidth <= 640}},[(_vm.viewportWidth > 640)?_c('p',{staticClass:\"footerTitle font-weight-bold\"},[_vm._v(\"聯絡我們\")]):_vm._e(),_c('router-link',{staticClass:\"d-block mb-3 text-decoration-none link text-dark\",attrs:{\"to\":\"/serviceContent/contactus\"}},[_vm._v(\"客服信箱\")]),(_vm.viewportWidth > 640)?_c('p',[_vm._v(\"週一至週五 ( 非例假日 )\")]):_vm._e(),(_vm.viewportWidth > 640)?_c('p',[_vm._v(\"10:00 ~ 12:00 及 13:00 ~ 17:00\")]):_vm._e(),(_vm.viewportWidth <= 640)?_c('p',[_vm._v(\"週一至週五 ( 非例假日 )\")]):_vm._e(),(_vm.viewportWidth <= 640)?_c('p',[_vm._v(\"10:00 ~ 12:00 及 13:00 ~ 17:00\")]):_vm._e(),_c('p',[_vm._v(\"電子郵件\")]),_c('div',{staticClass:\"w2pemail text-break\"},[_vm._v(\"services@mail.cloudw2p.com\")]),_c('p'),(_vm.viewportWidth <= 640)?_c('button',{staticClass:\"btn btn-primary font-weight-bold btnInPage pr-0 py-0 mt-3 text-decoration-none\",on:{\"click\":function($event){_vm.$router.push('/serviceContent/contactus'); _vm.$store.state.serviceContentDrop = '#/serviceContent/contactus'}}},[_vm._v(\"聯絡我們 \"),_c('i',{staticClass:\"fas fa-chevron-right fa-xs\"})]):_vm._e(),_vm._m(1)],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-3 text-decoration-none d-block text-dark\"},[_c('a',{attrs:{\"href\":\"http://www.yfp.com.tw\",\"target\":\"_blank\"}},[_vm._v(\"我們的官網\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex align-items-center socialIconBox\"},[_c('a',{attrs:{\"href\":\"https://www.facebook.com/cloudw2p.tw\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"fb\",attrs:{\"src\":require(\"../../static/fb.svg\")}})]),_c('a',{staticClass:\"ml-2\",attrs:{\"href\":\"https://www.instagram.com/cloudw2p/\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"ig\",attrs:{\"src\":require(\"../../static/ig.png\")}})]),_c('a',{staticClass:\"ml-2\",attrs:{\"href\":\"https://lin.ee/4O31Jns\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"line\",attrs:{\"src\":\"https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png\",\"alt\":\"加入好友\"}})])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-9fe77ea2\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/footer.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-9fe77ea2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./footer.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./footer.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./footer.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-9fe77ea2\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../node_modules/vue-loader/lib/selector?type=template&index=0!./footer.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-9fe77ea2\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/footer.vue\n// module id = null\n// module chunks = ","\n.copyright.bg-dark\n .container.h-100\n .row.d-flex.justify-content-between.align-items-center(:class=\"{'flex-column':viewportWidth <= 640}\")\n .col-md-7.text-md-left.text-center\n p.text-white(:class=\"{'mb-0':viewportWidth > 640}\") 永豐雲端印刷網，給你的 質感印刷提案\n .col-md-5.text-md-right.text-center\n p.ml-md-5.text-white(:class=\"{'mb-0':viewportWidth > 640}\") Copyright © {{fullyear}} YUEN FOONG PAPER CO.,LTD. 永豐紙業 All rights reserved每本NT {{specId_sizeId_info.price | currency}}起
\n //- 優惠價格 DB:productdynamicmsg\n div(v-else).newPlatform.theme-textCaption.d-flex.font-weight-bold.my-3.align-items-center每本NT {{specId_sizeId_info.price | currency}}起
\n div.font-weight-bold.text-right.text-danger.mb-3.activityPrice(v-html=\"discountprice\")\n //- 商品頁促銷資訊 DB:productdynamicmsg\n div(class=\"border border-primary mb-5\" v-if=\"note\")\n div(class=\"m-2\" :style = \"{ 'background-color': noteBgcolor, 'color': noteForecolor}\" v-html=\"note\").font-weight-bold\n //- 按鈕區: 紙材介紹,PDF轉檔,編輯教學,\n div.d-flex.btnBox\n //- 紙材介紹\n router-link(to=\"/paperMaterial\" target=\"_blank\" v-if=\"materialPage === 'Y'\").btn.btn-outline-primary.font-weight-bold.btnInPage.teachEdit 紙材介紹\n //- PDF轉檔\n button(type=\"button\" @click=\"clickPdfModal()\" v-if=\"productMaster[0] && productMaster[0].enabledPdfToImg === 1 \").btn.btn-outline-primary.font-weight-bold.btnInPage.teachEdit PDF轉檔\n //- 編輯教學\n router-link(to=\"/serviceContent\" target=\"_blank\" v-if=\"categoryId !== 6 && productId !== 39\").btn.btn-outline-primary.font-weight-bold.btnInPage.teachEdit 編輯教學\n\n //- PDF轉檔 請先登入\n div(id=\"plsLoginModal\", tabindex=\"-1\"\n role=\"dialog\", aria-labelledby=\"plsLoginModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-body.text-center\n h2 請先登入會員\n div.modal-footer.justify-content-center\n button(type=\"button\", data-dismiss=\"modal\").btn.btn-outline-secondary 返回\n button(@click=\"login()\" type=\"button\", data-dismiss=\"modal\").btn.btn-primary 登入會員\n\n //- PDF轉檔\n div(id=\"pdfModal\", tabindex=\"-1\"\n role=\"dialog\", aria-labelledby=\"pdfModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header.justify-content-center\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n input(id=\"pdfinput\" type=\"file\" class=\"d-none\" multiple=\"multiple\" accept=\".pdf\")\n //- 選擇檔案\n div.pdfUploadStyle.position-relative.p-3(v-show=\"pdfResponseFileName === ''\")\n //- 拖移檔案區塊\n div.pdfUpload(id=\"pdfUpload\" class=\"p-3\")\n h2.pb-2 PDF轉JPG\n p.m-0 點按鈕上傳 PDF 轉檔，或把多個PDF檔拖動到這裡\n button.btn.btn-lg.btn-danger.m-2 上傳PDF\n p.m-0.fz12.text-danger 上傳限制：{{maxPdfInputSize}} MB，一次最多轉檔 {{maxPdfInputCount}} 個檔案\n //- 我要上傳\n div.p-3(v-show=\"pdfInuptCount != 0\")\n p.m-0 您已上傳 {{pdfInuptCount}} 個檔案\n p.m-0.fz12.text-danger(v-if=\"pdfInputSize > maxPdfInputSize\") 總共已超過{{maxPdfInputSize}}MB，請點選[清除]重新上傳\n p.m-0.fz12.text-danger(v-if=\"pdfInuptCount > maxPdfInputCount\") 總共已超過{{maxPdfInputCount}}個檔案，請點選[清除]重新上傳\n button.btn.btn-outline-secondary.mx-2(@click=\"pdfInputSize=0;pdfInuptCount=0;pdfInputFile=[]\") 清除\n button.btn.btn-danger.mx-2(@click=\"pdfFileUpload()\") 轉檔為JPG\n //- 我要下載\n div.p-3.pdfDownloadStyle(v-show=\"pdfResponseFileName != ''\")\n h2.pb-2 PDF轉JPG\n h3 轉檔完成！\n div\n button.btn.btn-lg.btn-danger.m-2(@click=\"pdfImgFileDownload()\") 下載JPG圖片\n p.fz14.text-danger 注意：轉檔後請檢查圖檔是否正確無掉圖掉字，若有問題請另外找其他方式轉檔。\n div\n button.btn.btn-sm.btn-outline-secondary.mt-3(@click=\"pdfResponseFileName=''\") 繼續上傳PDF\n div.modal-footer.justify-content-center\n span.fz14 下載JPG後再到編輯器編輯\n\n //- 一般產品直接走正常流程\n //- 2022/10/14, jamei\n //- a(:href=\"specId_sizeId_info.link\" v-if=\"specId_sizeId_info.cnt === 1\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 開始製作\n //- 2022/10/21, jamei\n\n //- 沒有區分風格\n //- button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 開始製作\n\n //- 20221111 區分一般商品，與editorPrePage === 'leather-note' 且 specId === 177 時，按钮也顯示。\n button(\n v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP && enableEdit === 1 && ((editorPrePage === 'N') || (editorPrePage === 'leather-note' && specId === 177))\"\n @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\"\n ).btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 開始製作\n\n //- 開始製作-編輯說明modal-名片/集點卡/謝卡/明信片/喜帖-card\n\n button(type=\"button\", data-toggle=\"modal\", data-target=\"#exampleModal\", v-if=\"editorPrePage === 'card' && enableEdit === 1\").btn.btn-primary.font-weight-bold.py-0.text-white.startEdit.btnInPage 開始製作\n\n div(id=\"exampleModal\", tabindex=\"-1\" role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit_pc.jpg\").img-fluid\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit_mobile.png\").img-fluid\n\n div.modal-footer\n button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 前往製作\n\n //- 開始製作-編輯說明modal-數位紅包袋(54)-redenv\n\n button(type=\"button\", data-toggle=\"modal\", data-target=\"#redenvModal\", v-if=\"editorPrePage === 'redenv' && enableEdit === 1\").btn.btn-primary.font-weight-bold.py-0.text-white.startEdit.btnInPage 開始製作\n\n div(id=\"redenvModal\", tabindex=\"-1\"\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit54.jpg\").img-fluid\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit54_mobile.jpg\").img-fluid\n\n div.modal-footer\n button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 前往製作\n\n //- 20240828開始製作-編輯說明modal-皮革綁帶筆記本(108)-leather-note\n\n button(type=\"button\", data-toggle=\"modal\", data-target=\"#leather-noteModal\", v-if=\"editorPrePage === 'leather-note'&& specId === 176 && enableEdit === 1\").btn.btn-primary.font-weight-bold.py-0.text-white.startEdit.btnInPage 開始製作\n\n div(id=\"leather-noteModal\", tabindex=\"-1\"\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit108.jpg\").img-fluid\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit108_mobile.jpg\").img-fluid\n\n div.modal-footer\n button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 前往製作\n //- 20240828開始製作-編輯說明modal-皮革磁釦綁帶筆記本(109)-leather-note\n\n button(type=\"button\", data-toggle=\"modal\", data-target=\"#magnetic-noteModal\", v-if=\"editorPrePage === 'magnetic-note' && enableEdit === 1\").btn.btn-primary.font-weight-bold.py-0.text-white.startEdit.btnInPage 開始製作\n\n div(id=\"magnetic-noteModal\", tabindex=\"-1\"\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit108.jpg\").img-fluid\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit108_mobile.jpg\").img-fluid\n\n div.modal-footer\n button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 前往製作\n\n //- 開始製作-編輯說明modal-頸掛式識別證帶(90)-lanyard\n\n button(type=\"button\", data-toggle=\"modal\", data-target=\"#lanyardModal\", v-if=\"editorPrePage === 'lanyard' && enableEdit === 1\").btn.btn-primary.font-weight-bold.py-0.text-white.startEdit.btnInPage 開始製作\n\n div(id=\"lanyardModal\", tabindex=\"-1\"\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n img(v-if=\"fullWidth > 900\" src=\"/static/img/lanyard_edit.jpg\").img-fluid\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/lanyard_edit_mobile.jpg\").img-fluid\n\n div.modal-footer\n button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 前往製作\n //- 彩色紙袋袋寬底4k-編輯說明modal-colorbag\n button(type=\"button\", data-toggle=\"modal\", data-target=\"#colorbagModal\", v-if=\"specId_sizeId_info.cnt === 1 && editorPrePage === 'colorbag' && enableEdit === 1\").btn.btn-primary.font-weight-bold.py-0.text-white.startEdit.btnInPage 開始製作\n\n div(id=\"colorbagModal\", tabindex=\"-1\"\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit/colorpaperbag_edit.jpg\").img-fluid\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit/colorpaperbag_edit_mobile.jpg\").img-fluid\n\n div.modal-footer\n button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 前往製作\n //- 開始製作-編輯說明modal-IG小夜燈(73)-IGLight\n\n button(type=\"button\", data-toggle=\"modal\", data-target=\"#IGLightModal\", v-if=\"editorPrePage === 'IGLight' && enableEdit === 1\").btn.btn-primary.font-weight-bold.py-0.text-white.startEdit.btnInPage 開始製作\n\n div(id=\"IGLightModal\", tabindex=\"-1\"\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit_IGLight.jpg\").img-fluid\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit_mobile_IGLight.jpg\").img-fluid\n\n div.modal-footer\n button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 前往製作\n\n //- 開始製作-編輯說明modal-拼圖(71,72)-puzzle\n\n button(type=\"button\", data-toggle=\"modal\", data-target=\"#puzzleModal\", v-if=\"editorPrePage === 'puzzle' && enableEdit === 1\").btn.btn-primary.font-weight-bold.py-0.text-white.startEdit.btnInPage 開始製作\n\n div(id=\"puzzleModal\", tabindex=\"-1\" role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n div(id=\"puzzleCarousel\" class=\"carousel slide carousel-fade\" data-interval=\"false\")\n div.carousel-inner\n![](\"/static/img/edit_mobile_puzzle_bulk1.jpg\")
\n ![](\"/static/img/edit_mobile_puzzle_complete1.jpg\")
\n div.d-flex.justify-content-between.p-2\n div\n //- 上一頁 \n div\n 下一頁 \n ![](\"/static/img/edit_mobile_puzzle3.jpg\")
\n div.d-flex.justify-content-between.p-2\n div\n 上一頁 \n div\n button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary 前往製作\n ![\"edit\"](\"/static/img/edit_mobile.png\")
\n div.d-flex.justify-content-between.p-2\n div\n 上一頁 \n div\n button(v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP\" @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\").btn.btn-primary 前往製作\n ![\"edit53_pc_01\"](\"/static/img/edit/edit53_pc_01.jpg\")
900\">\n ![\"edit53_pc_02\"](\"/static/img/edit/edit53_mobile_01.jpg\")
\n .lightBoxImgBox(style=\"max-width:100%;\" v-else-if=\"productId === 33\")\n ![\"edit33_pc_01\"](\"/static/img/edit/edit33_pc_01.jpg\")
900\">\n ![\"edit33_pc_02\"](\"/static/img/edit/edit33_mobile_01.jpg\")
\n .d-flex.justify-content-center.mt-5(v-if=\"productId !== 53 || productId !== 33\")\n a(:href=\"editLink\" @click=\"StartMaking\" v-show=\"hiddenMakeBtn\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\n .d-flex.justify-content-center\n a(:href=\"editLink\" @click=\"StartMaking\" v-if=\"productId === 53 || productId === 33\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\n //- 20240215 lightbox for 85 envelope\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 85\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n button(@click=\"editEnvModalShow = !editEnvModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editEnvModalShow && templateImgCount === 2 && productId === 85\")\n .border.border-dark.editModalBox.p-3\n \n br\n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 60%\" v-if=\"fullWidth > 900\")\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(src=\"/static/img/env_edit.jpg\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(src=\"/static/img/env_edit_mobile.jpg\" style=\"max-width: 100%\")\n .d-flex.justify-content-center\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\n //- 20240215 lightbox for 86 folder\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 86\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n button(@click=\"editFolderModalShow = !editFolderModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editFolderModalShow && templateImgCount === 2 && productId === 86\")\n .border.border-dark.editModalBox.p-3\n \n br\n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 60%\" v-if=\"fullWidth > 900\")\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(src=\"/static/img/folder_edit.jpg\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(src=\"/static/img/folder_edit_mobile.jpg\" style=\"max-width: 100%\")\n .d-flex.justify-content-center\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\n //- 20240215 lightbox for 87 paper folder\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 87\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\n //- 20240222 lightbox for 88 pen\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 88\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\n //- 20240215 lightbox for 89 stickynote\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 89\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\n //- 20240215 lightbox for 90 lanyard\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 90\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n button(@click=\"editFolderModalShow = !editFolderModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editFolderModalShow && templateImgCount === 2 && productId === 90\")\n .border.border-dark.editModalBox.p-3\n \n br\n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 60%\" v-if=\"fullWidth > 900\")\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(src=\"/static/img/lanyard_edit.jpg\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(src=\"/static/img/lanyard_edit_mobile.jpg\" style=\"max-width: 100%\")\n .d-flex.justify-content-center\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\n //- 20240221 lightbox for 10\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 3 && productId === 10\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\n //- 20240221 lightbox for 30\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 3 && productId === 30\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\n //- 20231115 act bag\n //- .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 5\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n button(@click=\"editModalShow = !editModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editModalShow && templateImgCount === 2 && categoryId === 5\")\n .border.border-dark.editModalBox.p-3\n \n br\n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 95%\")\n .lightBoxImgBox(style=\"max-width:100%;\")\n \n \n .d-flex.justify-content-center\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\n //- 20231115 act mug\n //- .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 13\")\n .border.border-dark.modalBox.p-3\n p.modalTitle.mb-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n button(@click=\"editModalShow = !editModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editModalShow && templateImgCount === 2 && categoryId === 13\")\n .border.border-dark.editModalBox.p-3\n \n br\n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 95%\")\n .lightBoxImgBox(style=\"max-width:100%;\")\n \n \n .d-flex.justify-content-center\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\n //- 20240627新增紙袋製作\n //- .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 7 && productId === 106\")\n //- .border.border-dark.modalBox.p-3\n //- p.modalTitle.mb-4.text-center {{templateName}} \n //- .d-flex.justify-content-center\n //- .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n //- p 預覽\n //- .lightBoxImgBox(style=\"max-width:100%;\")\n //- img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n //- .d-flex.justify-content-center.mt-5\n //- button(@click=\"editFolderModalShow = !editFolderModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\n //- .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editFolderModalShow && templateImgCount === 2 && productId === 106\")\n //- .border.border-dark.editModalBox.p-3\n //- \n //- br\n //- .d-flex.justify-content-center\n //- .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 60%\" v-if=\"fullWidth > 900\")\n //- .lightBoxImgBox(style=\"max-width:100%;\")\n //- img.img-fluid(src=\"/static/img/colorpaperbag_edit.jpg\" style=\"max-width: 100%\")\n //- .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\n //- .lightBoxImgBox(style=\"max-width:100%;\")\n //- img.img-fluid(src=\"/static/img/colorpaperbag_edit_mobile.jpg\" style=\"max-width: 100%\")\n //- .d-flex.justify-content-center\n //- a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\n //- 20240627新增紙袋製作\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 7\" )\n .border.border-dark.modalBox.p-3(style=\"max-width: 90%; max-height: 90vh;\")\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\n p 預覽\n .lightBoxImgBox(style=\"max-width:100%;\")\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.mt-5\n button(@click=\"redenvModalShow = !redenvModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"redenvModalShow && templateImgCount === 2 && categoryId === 7\")\n .border.border-dark.editModalBox.p-3\n p.modalTitle.mt-4.text-center 編輯提醒 \n .d-flex.justify-content-center\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-if=\"fullWidth > 900\")\n .lightBoxImgBox(style=\"max-width:100%;\" v-if=\"productId === 106\")\n img.img-fluid(src=\"/static/img/edit/colorpaperbag_edit.jpg\" style=\"max-width: 100%\")\n .lightBoxImgBox(style=\"max-width:100%;\" v-else-if=\"productId === 107\")\n img.img-fluid(src=\"/static/img/edit/paperbag_edit.jpg\" style=\"max-width: 100%\")\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\n .lightBoxImgBox(style=\"max-width:100%;\" v-if=\"productId === 106\")\n img.img-fluid(src=\"/static/img/edit/colorpaperbag_edit_mobile.jpg\" style=\"max-width: 100%\")\n .lightBoxImgBox(style=\"max-width:100%;\" v-else-if=\"productId === 107\")\n img.img-fluid(src=\"/static/img/edit/paperbag_edit_mobile.jpg\" style=\"max-width: 100%\")\n .d-flex.justify-content-center\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.my-2 開始製作\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/pages/styleSearch.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"style\",class:{'overFlowHidden':_vm.modalShow}},[_c('div',{staticClass:\"container\"},[_c('p',{staticClass:\"pageTitle text-center mb-4 mb-md-5\"},[_vm._v(\"挑選你喜愛的風格\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-md-6 mb-2 mb-md-0\"},[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('p',{staticClass:\"mb-0 mr-3\"},[_vm._v(\"排列順序\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.sortingKey),expression:\"sortingKey\"}],staticClass:\"select\",attrs:{\"id\":\"sortingKey\",\"name\":\"sortingKey\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.sortingKey=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.changeSortingOrStyle()}]}},[_c('option',{attrs:{\"value\":\"2\"}},[_vm._v(\"最新上架優先\")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"1\"}},[_vm._v(\"熱門程度優先\")])])])]),_c('div',{staticClass:\"col-12 col-md-6\"},[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('p',{staticClass:\"mb-0 mr-3\"},[_vm._v(\"風格分類\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.styleKey),expression:\"styleKey\"}],staticClass:\"select\",attrs:{\"id\":\"styleKey\",\"name\":\"styleKey\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.styleKey=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.changeSortingOrStyle()}]}},_vm._l((_vm.getStyleClass),function(styleClass){return _c('option',{domProps:{\"value\":styleClass.styleId}},[_vm._v(_vm._s(styleClass.styleName))])}),0)])]),_c('hr',{staticClass:\"w-100 hr mt-4 mb-5\"})]),_c('div',{staticClass:\"row\"},_vm._l((_vm.productItemRender),function(item){return (item.page_no === _vm.activePage)?_c('div',{staticClass:\"col-md-3 col-6 mb-5 d-flex justify-content-center\",on:{\"click\":function($event){_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = true; _vm.modalBigImg = item.imgcover; _vm.modalRightOne = item.img1; _vm.modalRightTwo = item.img2; _vm.editLink = item.editLink; _vm.templateName = item.templateName; _vm.specId = item.specId; _vm.sizeId = item.sizeId; _vm.productId = item.productId;}}},[_c('div',{staticClass:\"card rounded-0\"},[_c('div',{staticClass:\"imgBox\"},[_c('img',{staticClass:\"card-img-top rounded-0 img-fluid\",attrs:{\"src\":item.imgcover}})]),_c('div',{staticClass:\"card-body\"},[_c('h6',{staticClass:\"text-center card-title text-secondary\"},[_vm._v(_vm._s(item.templateName))])])])]):_vm._e()}),0),_c('div',{staticClass:\"row justify-content-center\"},[_c('nav',{attrs:{\"aria-label\":\"Page navigation example\"}},[_c('ul',{staticClass:\"pagination\"},[(_vm.activePage !== 1)?_c('li',{staticClass:\"page-item\",on:{\"click\":_vm.prev}},[_vm._m(0)]):_vm._e(),_vm._l((_vm.pagination),function(itm){return _c('li',{staticClass:\"page-item\",on:{\"click\":function($event){return _vm.changePage(itm)}}},[_c('div',{staticClass:\"page-link\"},[_vm._v(_vm._s(itm))])])}),(_vm.activePage !== _vm.pagination[_vm.pagination.length - 1])?_c('li',{staticClass:\"page-item\",on:{\"click\":_vm.next}},[_vm._m(1)]):_vm._e()],2)])])]),(_vm.modalShow && _vm.templateImgCount === 3)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\",on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = false}}},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 text-center\"},[_vm._v(_vm._s(_vm.templateName))]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column coverImgBox\"},[_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"width\":\"auto\",\"max-height\":\"500px\"},attrs:{\"src\":_vm.modalBigImg}})])]),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center h-50 w-100\",staticStyle:{\"width\":\"40%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"width\":\"auto\",\"max-height\":\"300px\"},attrs:{\"src\":_vm.modalRightOne}})]),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center h-50 w-100\",staticStyle:{\"width\":\"40%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"width\":\"auto\",\"max-height\":\"300px\"},attrs:{\"src\":_vm.modalRightTwo}})])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 1 )?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\",on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = false}}},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId !== 11 && _vm.categoryId !== 12 && _vm.categoryId !== 13 && _vm.categoryId !== 14 && _vm.categoryId !== 7 && _vm.categoryId !== 3 && _vm.categoryId !== 16)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\",on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = false}}},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"95%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalBigImg}})]),_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"95%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 5)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 14)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 13)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 12)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('button',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",on:{\"click\":function($event){_vm.redenvModalShow = !_vm.redenvModalShow}}},[_vm._v(\"前往製作\")])])])]):_vm._e(),(_vm.redenvModalShow && _vm.templateImgCount === 2 && _vm.categoryId === 12)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark editModalBox p-3\"},[_c('p',{staticClass:\"modalTitle mt-4 text-center\"},[_vm._v(\"編輯提醒 \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.redenvModalShow = !_vm.redenvModalShow; _vm.$store.state.openRedenvModal = false}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[(_vm.fullWidth > 900)?_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[(_vm.productId === 55)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit55.jpg\"}})]):(_vm.productId === 56)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit56.jpg\"}})]):(_vm.productId === 110)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit110.jpg\"}})]):(_vm.productId === 111)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit110.jpg\"}})]):(_vm.productId === 112)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit110.jpg\"}})]):(_vm.productId === 113)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit113.jpg\"}})]):_vm._e()]):_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[(_vm.productId === 55)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit55_mobile.jpg\"}})]):(_vm.productId === 56)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit56_mobile.jpg\"}})]):(_vm.productId === 110)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit110M.jpg\"}})]):(_vm.productId === 111)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit110M.jpg\"}})]):(_vm.productId === 112)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit110M.jpg\"}})]):(_vm.productId === 113)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit113M.jpg\"}})]):_vm._e()])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit my-2\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 13 && _vm.productId !== 11 && _vm.productId !== 65 && _vm.productId !== 66)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('button',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",on:{\"click\":function($event){_vm.editThermosModalShow = !_vm.editThermosModalShow}}},[_vm._v(\"前往製作\")])])])]):_vm._e(),(_vm.editThermosModalShow && _vm.templateImgCount === 2 && _vm.productId !== 11 && _vm.productId !== 65 && _vm.productId !== 66)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark editModalBox p-3\"},[_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.editThermosModalShow = !_vm.editThermosModalShow; _vm.$store.state.openEditModal = false}}},[_vm._v(\"×\")]),_c('br'),_c('div',{staticClass:\"d-flex justify-content-center\"},[(_vm.fullWidth > 900)?_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"60%\"}},[_vm._m(2)]):_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[_vm._m(3)])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit mb-1\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 11)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[(_vm.styleTitle)?_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = true}}},[_vm._v(\"×\")])]):_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(\"情人節素材教學 \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = true; _vm.styleTitle = !_vm.styleTitle; _vm.hiddenPageLastVideoBtn = false; _vm.hiddenPageNextVideoBtn = true; _vm.hiddenMakeVideoBtn = false}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('div',{staticClass:\"carousel slide\",attrs:{\"id\":\"carouselVideo\",\"data-interval\":\"false\"}},[_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"65%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])])])])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('button',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",on:{\"click\":function($event){_vm.editModalShow = !_vm.editModalShow}}},[_vm._v(\"前往製作\")])])])]):_vm._e(),(_vm.editModalShow && _vm.templateImgCount === 2 && _vm.categoryId === 11)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark editModalBox p-3\"},[_c('p',{staticClass:\"modalTitle mt-4 text-center\"},[_vm._v(\"編輯提醒 \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.editModalShow = !_vm.editModalShow; _vm.$store.state.openEditModal = false}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"90%\"}},[(_vm.productId === 51)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[(_vm.fullWidth > 900)?_c('div',{staticClass:\"carousel slide\",attrs:{\"id\":\"carouselExampleIndicators\",\"data-interval\":\"false\"}},[(_vm.specId === 110 || _vm.specId === 111)?_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[(_vm.sizeId === 330)?_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51TA6_pc_01.jpg\",\"alt\":\"edit51TA6_pc_01\"}}):_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51T_pc_01.jpg\",\"alt\":\"edit51T_pc_01\"}})]),_vm._v(\" \"),_vm._m(4)]):(_vm.specId === 108 || _vm.specId === 109)?_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[(_vm.sizeId === 330)?_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51LA6_pc_01.jpg\",\"alt\":\"edit51LA6_pc_01\"}}):_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51L_pc_01.jpg\",\"alt\":\"edit51T_pc_01\"}})]),_vm._v(\" \"),_vm._m(5)]):_vm._e(),_vm._v(\" \"),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hiddenPageLastBtn),expression:\"hiddenPageLastBtn\"}],staticClass:\"carousel-control-prev btn btn-primary btnEdit\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"prev\"},on:{\"click\":_vm.unHiddenBtn}},[_vm._v(\" 上一頁\\n\")]),_vm._v(\" \"),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hiddenPageNextBtn),expression:\"hiddenPageNextBtn\"}],staticClass:\"carousel-control-next btn btn-primary btnEditNext\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"next\"},on:{\"click\":_vm.hiddenBtn}},[_vm._v(\" 下一頁\\n\")])]):_c('div',{staticClass:\"carousel slide\",attrs:{\"id\":\"carouselExampleIndicators\",\"data-interval\":\"false\"}},[(_vm.specId === 110 || _vm.specId === 111)?_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[(_vm.sizeId === 330)?_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51TA6_mobile_01.jpg\",\"alt\":\"edit51TA6_mobile_01\"}}):_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51T_mobile_01.jpg\",\"alt\":\"edit51T_mobile_01\"}})]),_vm._v(\" \"),_vm._m(6)]):(_vm.specId === 108 || _vm.specId === 109)?_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[(_vm.sizeId === 330)?_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51LA6_mobile_01.jpg\",\"alt\":\"edit51LA6_mobile_01\"}}):_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51L_mobile_01.jpg\",\"alt\":\"edit51L_mobile_01\"}})]),_vm._v(\" \"),_vm._m(7)]):_vm._e(),_vm._v(\" \"),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hiddenPageLastBtn),expression:\"hiddenPageLastBtn\"}],staticClass:\"carousel-control-prev btn btn-primary btnEdit\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"prev\"},on:{\"click\":_vm.unHiddenBtn}},[_vm._v(\" 上一頁\\n\")]),_vm._v(\" \"),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hiddenPageNextBtn),expression:\"hiddenPageNextBtn\"}],staticClass:\"carousel-control-next btn btn-primary btnEditNext\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"next\"},on:{\"click\":_vm.hiddenBtn}},[_vm._v(\" 下一頁\\n\")])])]):(_vm.productId === 52)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[(_vm.fullWidth > 900)?_c('div',{staticClass:\"carousel slide\",attrs:{\"id\":\"carouselExampleIndicators\",\"data-interval\":\"false\"}},[_vm._m(8),_vm._v(\" \"),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hiddenPageLastBtn),expression:\"hiddenPageLastBtn\"}],staticClass:\"carousel-control-prev btn btn-primary btnEdit\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"prev\"},on:{\"click\":_vm.unHiddenBtn}},[_vm._v(\" 上一頁\\n\")]),_vm._v(\" \"),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hiddenPageNextBtn),expression:\"hiddenPageNextBtn\"}],staticClass:\"carousel-control-next btn btn-primary btnEditNext\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"next\"},on:{\"click\":_vm.hiddenBtn}},[_vm._v(\" 下一頁\\n\")])]):_c('div',{staticClass:\"carousel slide\",attrs:{\"id\":\"carouselExampleIndicators\",\"data-interval\":\"false\"}},[_vm._m(9),_vm._v(\" \"),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hiddenPageLastBtn),expression:\"hiddenPageLastBtn\"}],staticClass:\"carousel-control-prev btn btn-primary btnEdit\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"prev\"},on:{\"click\":_vm.unHiddenBtn}},[_vm._v(\" 上一頁\\n\")]),_vm._v(\" \"),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hiddenPageNextBtn),expression:\"hiddenPageNextBtn\"}],staticClass:\"carousel-control-next btn btn-primary btnEditNext\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"next\"},on:{\"click\":_vm.hiddenBtn}},[_vm._v(\" 下一頁\\n\")])])]):(_vm.productId === 53)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[(_vm.fullWidth > 900)?_c('img',{staticClass:\"d-block w-100 img-fluid\",attrs:{\"src\":\"/static/img/edit/edit53_pc_01.jpg\",\"alt\":\"edit53_pc_01\"}}):_c('img',{staticClass:\"d-block w-100 img-fluid\",attrs:{\"src\":\"/static/img/edit/edit53_mobile_01.jpg\",\"alt\":\"edit53_pc_02\"}})]):(_vm.productId === 33)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[(_vm.fullWidth > 900)?_c('img',{staticClass:\"d-block w-100 img-fluid\",attrs:{\"src\":\"/static/img/edit/edit33_pc_01.jpg\",\"alt\":\"edit33_pc_01\"}}):_c('img',{staticClass:\"d-block w-100 img-fluid\",attrs:{\"src\":\"/static/img/edit/edit33_mobile_01.jpg\",\"alt\":\"edit33_pc_02\"}})]):_vm._e()])]),(_vm.productId !== 53 || _vm.productId !== 33)?_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hiddenMakeBtn),expression:\"hiddenMakeBtn\"}],staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])]):_vm._e(),_c('div',{staticClass:\"d-flex justify-content-center\"},[(_vm.productId === 53 || _vm.productId === 33)?_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit mb-1\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")]):_vm._e()])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 16 && _vm.productId === 85)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('button',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",on:{\"click\":function($event){_vm.editEnvModalShow = !_vm.editEnvModalShow}}},[_vm._v(\"前往製作\")])])])]):_vm._e(),(_vm.editEnvModalShow && _vm.templateImgCount === 2 && _vm.productId === 85)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark editModalBox p-3\"},[_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.editEnvModalShow = !_vm.editEnvModalShow; _vm.$store.state.openEditModal = false}}},[_vm._v(\"×\")]),_c('br'),_c('div',{staticClass:\"d-flex justify-content-center\"},[(_vm.fullWidth > 900)?_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"60%\"}},[_vm._m(10)]):_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[_vm._m(11)])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit mb-1\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 16 && _vm.productId === 86)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('button',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",on:{\"click\":function($event){_vm.editFolderModalShow = !_vm.editFolderModalShow}}},[_vm._v(\"前往製作\")])])])]):_vm._e(),(_vm.editFolderModalShow && _vm.templateImgCount === 2 && _vm.productId === 86)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark editModalBox p-3\"},[_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.editFolderModalShow = !_vm.editFolderModalShow; _vm.$store.state.openEditModal = false}}},[_vm._v(\"×\")]),_c('br'),_c('div',{staticClass:\"d-flex justify-content-center\"},[(_vm.fullWidth > 900)?_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"60%\"}},[_vm._m(12)]):_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[_vm._m(13)])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit mb-1\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 16 && _vm.productId === 87)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 16 && _vm.productId === 88)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 16 && _vm.productId === 89)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 16 && _vm.productId === 90)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openStyleModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('button',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",on:{\"click\":function($event){_vm.editFolderModalShow = !_vm.editFolderModalShow}}},[_vm._v(\"前往製作\")])])])]):_vm._e(),(_vm.editFolderModalShow && _vm.templateImgCount === 2 && _vm.productId === 90)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark editModalBox p-3\"},[_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.editFolderModalShow = !_vm.editFolderModalShow; _vm.$store.state.openEditModal = false}}},[_vm._v(\"×\")]),_c('br'),_c('div',{staticClass:\"d-flex justify-content-center\"},[(_vm.fullWidth > 900)?_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"60%\"}},[_vm._m(14)]):_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[_vm._m(15)])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit mb-1\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 3 && _vm.productId === 10)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 3 && _vm.productId === 30)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\"},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.editModalShow && _vm.templateImgCount === 2 && _vm.categoryId === 5)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark editModalBox p-3\"},[_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.editModalShow = !_vm.editModalShow; _vm.$store.state.openEditModal = false}}},[_vm._v(\"×\")]),_c('br'),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"95%\"}},[_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[(_vm.fullWidth > 640)?_c('iframe',{attrs:{\"width\":\"835\",\"height\":\"600\",\"src\":\"https://www.youtube.com/embed/AyqGablMuaE?si=hIBYtG3pRNI9csr9\",\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\"allowfullscreen\":\"\"}}):_c('iframe',{attrs:{\"width\":\"250\",\"height\":\"200\",\"src\":\"https://www.youtube.com/embed/AyqGablMuaE?si=hIBYtG3pRNI9csr9\",\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\"allowfullscreen\":\"\"}})])])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit mb-1\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.editModalShow && _vm.templateImgCount === 2 && _vm.categoryId === 13)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark editModalBox p-3\"},[_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.editModalShow = !_vm.editModalShow; _vm.$store.state.openEditModal = false}}},[_vm._v(\"×\")]),_c('br'),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"95%\"}},[_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[(_vm.fullWidth > 640)?_c('iframe',{attrs:{\"width\":\"835\",\"height\":\"600\",\"src\":\"https://www.youtube.com/embed/AyqGablMuaE?si=hIBYtG3pRNI9csr9\",\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\"allowfullscreen\":\"\"}}):_c('iframe',{attrs:{\"width\":\"250\",\"height\":\"200\",\"src\":\"https://www.youtube.com/embed/AyqGablMuaE?si=hIBYtG3pRNI9csr9\",\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\"allowfullscreen\":\"\"}})])])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit mb-1\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e(),(_vm.modalShow && _vm.templateImgCount === 2 && _vm.categoryId === 7)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark modalBox p-3\",staticStyle:{\"max-width\":\"90%\",\"max-height\":\"90vh\"}},[_c('p',{staticClass:\"modalTitle mb-4 ml-4 text-center\"},[_vm._v(_vm._s(_vm.templateName)+\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.modalShow = !_vm.modalShow; _vm.$store.state.openRedenvModal = true}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"50%\"}},[_c('p',[_vm._v(\"預覽\")]),_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.modalRightOne}})])])]),_c('div',{staticClass:\"d-flex justify-content-center mt-5\"},[_c('button',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit\",on:{\"click\":function($event){_vm.redenvModalShow = !_vm.redenvModalShow}}},[_vm._v(\"前往製作\")])])])]):_vm._e(),(_vm.redenvModalShow && _vm.templateImgCount === 2 && _vm.categoryId === 7)?_c('div',{staticClass:\"lightBox d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"border border-dark editModalBox p-3\"},[_c('p',{staticClass:\"modalTitle mt-4 text-center\"},[_vm._v(\"編輯提醒 \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();_vm.redenvModalShow = !_vm.redenvModalShow; _vm.$store.state.openRedenvModal = false}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[(_vm.fullWidth > 900)?_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[(_vm.productId === 106)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit/colorpaperbag_edit.jpg\"}})]):(_vm.productId === 107)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit/paperbag_edit.jpg\"}})]):_vm._e()]):_c('div',{staticClass:\"d-flex justify-content-center align-items-center flex-column\",staticStyle:{\"width\":\"100%\"}},[(_vm.productId === 106)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit/colorpaperbag_edit_mobile.jpg\"}})]):(_vm.productId === 107)?_c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit/paperbag_edit_mobile.jpg\"}})]):_vm._e()])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('a',{staticClass:\"btn btn-primary btnInPage text-decoration-none startEdit my-2\",attrs:{\"href\":_vm.editLink},on:{\"click\":_vm.StartMaking}},[_vm._v(\"開始製作\")])])])]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-link\",attrs:{\"href\":\"#\",\"aria-label\":\"Previous\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"«\")]),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Previous\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-link\",attrs:{\"href\":\"#\",\"aria-label\":\"Next\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"»\")]),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Next\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit_thermos.jpg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/edit_mobile_thermos.jpg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51T_pc_02.jpg\",\"alt\":\"edit51T_pc_02\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51L_pc_02.jpg\",\"alt\":\"edit51T_pc_02\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51T_mobile_02.jpg\",\"alt\":\"edit51T_mobile_02\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit51L_mobile_02.jpg\",\"alt\":\"edit51L_mobile_02\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit52_pc_01.jpg\",\"alt\":\"edit52_pc_01\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit52_pc_02.jpg\",\"alt\":\"edit52_pc_02\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit52_mobile_01.jpg\",\"alt\":\"edit52_mobile_01\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"/static/img/edit/edit52_mobile_02.jpg\",\"alt\":\"edit52_mobile_02\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/env_edit.jpg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/env_edit_mobile.jpg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/folder_edit.jpg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/folder_edit_mobile.jpg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/lanyard_edit.jpg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightBoxImgBox\",staticStyle:{\"max-width\":\"100%\"}},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":\"/static/img/lanyard_edit_mobile.jpg\"}})])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-9729b658\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/pages/styleSearch.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-9729b658\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./styleSearch.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./styleSearch.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./styleSearch.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-9729b658\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./styleSearch.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-9729b658\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/pages/styleSearch.vue\n// module id = null\n// module chunks = ","\n.designer\n .container-fluid\n .row.px-0\n .col-sm-12.px-0\n img.w-100.firstBanner.img-fluid(:src=\"designerMaster[0].designerBannerImg\" v-if=\"designerMaster[0]\")\n .container.mt-3\n .row.align-items-center\n .col-md-3.h-100\n .d-flex.justify-content-center.h-100.align-items-center\n img(:src=\"designerMaster[0].designerIcon\" v-if=\"designerMaster[0]\").img-fluid.rounded-circle\n .col-md-9.h-100.d-flex.flex-column.justify-content-center\n p.titleFont(v-if=\"designerMaster[0]\") {{designerMaster[0].designerName}}\n p.designerDesc(v-html=\"designerMaster[0].designerDesc\" v-if=\"designerMaster[0]\")\n hr\n p.titleFont.text-center.my-5 主題精選\n //- 篩選大類\n .d-flex.justify-content-center.mb-3.flex-wrap\n .d-flex.flex-column.align-items-center.mx-4.categoryItem(v-for=\"item in designerProductCategory\" :class=\"{'opacity' : selectedCategoryId !== item.categoryId}\" @click=\"changeCategory(item.categoryName, item.categoryId)\")\n img(:src=\"item.categoryIcon\")\n p.mb-0 {{item.categoryName}}\n //- 202307 Isabel\n .d-flex.justify-content-between.align-items-center\n p.mb-0.font-weight-bold.categoryText(@click=\"badgeShowOrnot = !badgeShowOrnot\") {{selectedCategoryItem}} \n p.mb-0.font-weight-bold 共{{renderProductItem.length}}件商品\n hr\n //- badge 篩選Content\n .d-flex.justify-content-center(v-if=\"designerId === 702\") 彌月卡訂單成立隔天起算5個工作天出貨
，例假日、國定假日與補班日不算工作天，送禮前請預留時間提早下單。\n .d-flex.align-items-center.mb-3(v-if=\"badgeShowOrnot\")\n .badgeContent.text-center.mx-1(v-for=\"item in designerProducts\" v-if=\"selectedCategoryId === '' || selectedCategoryId === item.categoryId\" @click=\"selectedProductId = item.productId\") {{item.productName}}\n //- designer product item\n //- 20221214 企業合作商品\n .row.pb-5.moreChoicePicBox.justify-content-start(v-if=\"actionMode === '0' && designerId !== 702\")\n a(v-for=\"item in renderProductItem\" :href=\"item.editLink\" :key=\"item.Id\").col-md-3.col-6.d-flex.justify-content-center.mb-md-4.text-decoration-none.flex-wrap\n .card\n .imgBox\n img.card-img-top(:src=\"item.imgcover\")\n //- img.card-img-top(src=\"https://fakeimg.pl/256/\")\n .card-body\n //- p.mb-0.productName.text-center {{item.productName}}\n h5.card-title.font-weight-bold.text-secondary.text-center {{item.templateName}}\n //- 依莎貝爾 黑底暫除\n .row.pb-5.moreChoicePicBox.justify-content-start(v-if=\"actionMode === '0' && designerId === 702\")\n a(href=\"#exampleModal\" v-for=\"(item, index) in renderProductItem\" :key=\"item.Id\" data-toggle=\"modal\" data-target=\"#exampleModal\" @click=\"showItem(index)\").col-md-3.col-6.d-flex.justify-content-center.mb-md-4.text-decoration-none.flex-wrap\n .card\n .imgBox\n img.card-img-top(:src=\"item.imgcover\")\n //- img.card-img-top(src=\"https://fakeimg.pl/256/\")\n .card-body\n //- p.mb-0.productName.text-center {{item.productName}}\n h5.card-title.font-weight-bold.text-secondary.text-center {{item.templateName}}\n\n //- modal Isabel editor\n div(id=\"exampleModal\" v-for=\"item in renderProductItem\" tabindex=\"-1\"\n role=\"dialog\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\").modal.fade\n div(v-if=\"fullWidth > 900\").modal-dialog(role=\"document\").modal-sm\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n img(v-if=\"selectedItem.categoryId === 9\", src=\"/static/img/Isabel_pc.png\").img-fluid\n img(v-else, src=\"/static/img/editordes_festival.jpg\").img-fluid\n div.modal-footer\n a(:href=\"selectedItem.editLink\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white 開始製作\n\n div(v-else).modal-dialog(role=\"document\").modal-md\n div.modal-content\n div.modal-header\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\n span(aria-hidden=\"true\") ×\n div.modal-body.text-center\n img(v-if=\"selectedItem.categoryId === 9\",src=\"/static/img/Isabel_mobile.png\").img-fluid\n img(v-else, src=\"/static/img/editordes_festival.jpg\").img-fluid\n div.modal-footer\n a(:href=\"selectedItem.editLink\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white 開始製作\n\n //- modal IsabelnewOldModal 伊莎貝爾新舊站並行 editor\n div(id=\"newOldModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"newOldModalLabel\" aria-hidden=\"true\").modal.fade\n div.modal-dialog(role=\"document\").modal-sm.modal-dialog-centered\n div.modal-content\n div.modal-body.text-center\n div.d-block.d-md-none\n img(src=\"/static/img/IsabelnewOldModal_MB_L.jpg\" data-dismiss=\"modal\").w-50\n a(href=\"https://new.cloudw2p.com/isabelle-fullmoon-card.html\" target=\"_blank\")\n img(src=\"/static/img/IsabelnewOldModal_MB_R.jpg\").w-50\n div.d-none.d-md-block\n img(src=\"/static/img/IsabelnewOldModal_PC_L.jpg\" data-dismiss=\"modal\").w-50\n a(href=\"https://new.cloudw2p.com/isabelle-fullmoon-card.html\" target=\"_blank\")\n img(src=\"/static/img/IsabelnewOldModal_PC_R.jpg\").w-50\n\n //- 20221214 一般商品\n .row.pb-5.moreChoicePicBox.justify-content-start(v-if=\"actionMode === '1'\")\n div(v-for=\"item in renderProductItem\" :key=\"item.Id\" @click.prevent=\"goDesignerItemPage(item.Id)\").col-md-3.col-6.d-flex.justify-content-center.mb-md-4.text-decoration-none\n .card\n .imgBox\n img.card-img-top(:src=\"item.imgcover\")\n //- img.card-img-top(src=\"https://fakeimg.pl/256/\")\n .card-body\n //- p.mb-0.productName.text-center {{item.productName}}\n h5.card-title.font-weight-bold.text-secondary.text-center {{item.templateName}}\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/pages/designer.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"designer\"},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row px-0\"},[_c('div',{staticClass:\"col-sm-12 px-0\"},[(_vm.designerMaster[0])?_c('img',{staticClass:\"w-100 firstBanner img-fluid\",attrs:{\"src\":_vm.designerMaster[0].designerBannerImg}}):_vm._e()])])]),_c('div',{staticClass:\"container mt-3\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3 h-100\"},[_c('div',{staticClass:\"d-flex justify-content-center h-100 align-items-center\"},[(_vm.designerMaster[0])?_c('img',{staticClass:\"img-fluid rounded-circle\",attrs:{\"src\":_vm.designerMaster[0].designerIcon}}):_vm._e()])]),_c('div',{staticClass:\"col-md-9 h-100 d-flex flex-column justify-content-center\"},[(_vm.designerMaster[0])?_c('p',{staticClass:\"titleFont\"},[_vm._v(_vm._s(_vm.designerMaster[0].designerName))]):_vm._e(),(_vm.designerMaster[0])?_c('p',{staticClass:\"designerDesc\",domProps:{\"innerHTML\":_vm._s(_vm.designerMaster[0].designerDesc)}}):_vm._e()])]),_c('hr'),_c('p',{staticClass:\"titleFont text-center my-5\"},[_vm._v(\"主題精選\")]),_c('div',{staticClass:\"d-flex justify-content-center mb-3 flex-wrap\"},_vm._l((_vm.designerProductCategory),function(item){return _c('div',{staticClass:\"d-flex flex-column align-items-center mx-4 categoryItem\",class:{'opacity' : _vm.selectedCategoryId !== item.categoryId},on:{\"click\":function($event){return _vm.changeCategory(item.categoryName, item.categoryId)}}},[_c('img',{attrs:{\"src\":item.categoryIcon}}),_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(item.categoryName))])])}),0),_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('p',{staticClass:\"mb-0 font-weight-bold categoryText\",on:{\"click\":function($event){_vm.badgeShowOrnot = !_vm.badgeShowOrnot}}},[_vm._v(_vm._s(_vm.selectedCategoryItem)+\" \"),(!_vm.badgeShowOrnot)?_c('i',{staticClass:\"fas fa-angle-down\"}):_vm._e(),_vm._v(\" \"),(_vm.badgeShowOrnot)?_c('i',{staticClass:\"fas fa-angle-up\"}):_vm._e()]),_c('p',{staticClass:\"mb-0 font-weight-bold\"},[_vm._v(\"共\"),_c('span',{staticClass:\"text-primary\"},[_vm._v(_vm._s(_vm.renderProductItem.length))]),_vm._v(\"件商品\")])]),_c('hr'),(_vm.designerId === 702)?_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('p',{staticStyle:{\"color\":\"red\",\"font-weight\":\"bold\"}},[_vm._v(\"彌月卡訂單成立隔天起算5個工作天出貨\")]),_vm._v(\"，例假日、國定假日與補班日不算工作天，送禮前請預留時間提早下單。\")]):_vm._e(),(_vm.badgeShowOrnot)?_c('div',{staticClass:\"d-flex align-items-center mb-3\"},_vm._l((_vm.designerProducts),function(item){return (_vm.selectedCategoryId === '' || _vm.selectedCategoryId === item.categoryId)?_c('div',{staticClass:\"badgeContent text-center mx-1\",on:{\"click\":function($event){_vm.selectedProductId = item.productId}}},[_vm._v(_vm._s(item.productName))]):_vm._e()}),0):_vm._e(),(_vm.actionMode === '0' && _vm.designerId !== 702)?_c('div',{staticClass:\"row pb-5 moreChoicePicBox justify-content-start\"},_vm._l((_vm.renderProductItem),function(item){return _c('a',{key:item.Id,staticClass:\"col-md-3 col-6 d-flex justify-content-center mb-md-4 text-decoration-none flex-wrap\",attrs:{\"href\":item.editLink}},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"imgBox\"},[_c('img',{staticClass:\"card-img-top\",attrs:{\"src\":item.imgcover}})])]),_c('div',{staticClass:\"card-body\"},[_c('h5',{staticClass:\"card-title font-weight-bold text-secondary text-center\"},[_vm._v(_vm._s(item.templateName))])])])}),0):_vm._e(),(_vm.actionMode === '0' && _vm.designerId === 702)?_c('div',{staticClass:\"row pb-5 moreChoicePicBox justify-content-start\"},[_vm._l((_vm.renderProductItem),function(item,index){return _c('a',{key:item.Id,staticClass:\"col-md-3 col-6 d-flex justify-content-center mb-md-4 text-decoration-none flex-wrap\",attrs:{\"href\":\"#exampleModal\",\"data-toggle\":\"modal\",\"data-target\":\"#exampleModal\"},on:{\"click\":function($event){return _vm.showItem(index)}}},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"imgBox\"},[_c('img',{staticClass:\"card-img-top\",attrs:{\"src\":item.imgcover}})])]),_c('div',{staticClass:\"card-body\"},[_c('h5',{staticClass:\"card-title font-weight-bold text-secondary text-center\"},[_vm._v(_vm._s(item.templateName))])])])}),_vm._l((_vm.renderProductItem),function(item){return _c('div',{staticClass:\"modal fade\",attrs:{\"id\":\"exampleModal\",\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"exampleModalLabel\",\"aria-hidden\":\"true\"}},[(_vm.fullWidth > 900)?_c('div',{staticClass:\"modal-dialog modal-sm\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_vm._m(0,true),_c('div',{staticClass:\"modal-body text-center\"},[(_vm.selectedItem.categoryId === 9)?_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/static/img/Isabel_pc.png\"}}):_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/static/img/editordes_festival.jpg\"}})]),_c('div',{staticClass:\"modal-footer\"},[_c('a',{staticClass:\"btn btn-primary font-weight-bold btnInPage py-0 text-white\",attrs:{\"href\":_vm.selectedItem.editLink}},[_vm._v(\"開始製作\")])])])]):_c('div',{staticClass:\"modal-dialog modal-md\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_vm._m(1,true),_c('div',{staticClass:\"modal-body text-center\"},[(_vm.selectedItem.categoryId === 9)?_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/static/img/Isabel_mobile.png\"}}):_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/static/img/editordes_festival.jpg\"}})]),_c('div',{staticClass:\"modal-footer\"},[_c('a',{staticClass:\"btn btn-primary font-weight-bold btnInPage py-0 text-white\",attrs:{\"href\":_vm.selectedItem.editLink}},[_vm._v(\"開始製作\")])])])])])}),_vm._m(2)],2):_vm._e(),(_vm.actionMode === '1')?_c('div',{staticClass:\"row pb-5 moreChoicePicBox justify-content-start\"},_vm._l((_vm.renderProductItem),function(item){return _c('div',{key:item.Id,staticClass:\"col-md-3 col-6 d-flex justify-content-center mb-md-4 text-decoration-none\",on:{\"click\":function($event){$event.preventDefault();return _vm.goDesignerItemPage(item.Id)}}},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"imgBox\"},[_c('img',{staticClass:\"card-img-top\",attrs:{\"src\":item.imgcover}})]),_c('div',{staticClass:\"card-body\"},[_c('h5',{staticClass:\"card-title font-weight-bold text-secondary text-center\"},[_vm._v(_vm._s(item.templateName))])])])])}),0):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\",attrs:{\"id\":\"exampleModalLabel\"}},[_vm._v(\"編輯提醒\")]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\",attrs:{\"id\":\"exampleModalLabel\"}},[_vm._v(\"編輯提醒\")]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal fade\",attrs:{\"id\":\"newOldModal\",\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"newOldModalLabel\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog modal-sm modal-dialog-centered\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-body text-center\"},[_c('div',{staticClass:\"d-block d-md-none\"},[_c('img',{staticClass:\"w-50\",attrs:{\"src\":\"/static/img/IsabelnewOldModal_MB_L.jpg\",\"data-dismiss\":\"modal\"}}),_c('a',{attrs:{\"href\":\"https://new.cloudw2p.com/isabelle-fullmoon-card.html\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"w-50\",attrs:{\"src\":\"/static/img/IsabelnewOldModal_MB_R.jpg\"}})])]),_c('div',{staticClass:\"d-none d-md-block\"},[_c('img',{staticClass:\"w-50\",attrs:{\"src\":\"/static/img/IsabelnewOldModal_PC_L.jpg\",\"data-dismiss\":\"modal\"}}),_c('a',{attrs:{\"href\":\"https://new.cloudw2p.com/isabelle-fullmoon-card.html\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"w-50\",attrs:{\"src\":\"/static/img/IsabelnewOldModal_PC_R.jpg\"}})])])])])])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-21acb76d\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/pages/designer.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-21acb76d\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./designer.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./designer.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./designer.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-21acb76d\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./designer.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-21acb76d\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/pages/designer.vue\n// module id = null\n// module chunks = ","\n640}\">NT {{price | currency}}起
\n //- 優惠價格\n div(v-else).newPlatform.theme-textCaption.d-flex.font-weight-bold.my-3.align-items-centerNT {{price | currency}}起
\n .font-weight-bold.text-right.text-danger.mb-3.activityPrice(v-html=\"discountprice\")\n div(class=\"border border-primary mb-5\" v-if=\"note\")\n div(class=\"m-2\" :style = \"{ 'background-color': noteBgcolor, 'color': noteForecolor}\" v-html=\"note\").font-weight-bold\n .d-flex.btnBox.flex-wrap(:class=\"{'justify-content-center' : fullWidth <= 640}\")\n a(:href=\"editLink\" :class=\"{'w-100' : fullWidth <= 640}\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white 我要購買\n //- 2021/07/12, jamei, designerItemSwiper\n .container.mt-5.mt-md-0\n .row.justify-content-center.py-4\n h2.font-weight-bold.mb-0.text-secondary.secondTitle 產品特性\n hr(v-if=\"fullWidth > 640\").mt-0.mb-5\n .container(v-for=\"(item,idx) in productItemFeature\" )\n .row.justify-content-center(:class=\"{'flex-row-reverse': idx%2 == 0}\")\n .col-md-5\n .under_second_banner_des_box_left\n .glasses\n p.font-weight-bold.text-dark.under_secondbanner_des_title(:class=\"{'mb-3' : fullWidth <= 640}\") {{item.featureTitle}}\n p.under_secondbanner_des.mb-0(:class=\"{'text-justify' : fullWidth <= 640}\" v-html=\"item.featureDesc\")\n .col-md-7.bgSetting\n img(:src=\"item.featurePicture\")\n hr.my-5\n .container(v-for=\"(item,idx) in productFeature\" )\n .row.justify-content-center(:class=\"{'flex-row-reverse': idx%2 !== 0}\")\n .col-md-5\n .under_second_banner_des_box_left\n .glasses\n p.font-weight-bold.text-dark.under_secondbanner_des_title(:class=\"{'mb-3' : fullWidth <= 640}\") {{item.featureTitle}}\n p.under_secondbanner_des.mb-0(:class=\"{'text-justify' : fullWidth <= 640}\" v-html=\"item.featureDesc\")\n .col-md-7.bgSetting\n img(:src=\"item.featurePicture\")\n hr.my-5\n .container.mt-5.mt-md-0\n .row.justify-content-center.py-4\n h2.font-weight-bold.mb-0.text-secondary.secondTitle 購物須知\n .d-flex.justify-content-center\n .purchaseNotice(v-html=\"purchaseNotice\" :class=\"{'w-75' : fullWidth > 640}\")\n //- 2021/07/12, jamei, designerItemRecommendSwiper\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/pages/designerItem.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"designerItem\"},[_c('div',{staticClass:\"container d-flex my-3\"},[(_vm.categoryName)?_c('router-link',{staticClass:\"mb-0 text-gray text-decoration-none\",attrs:{\"to\":\"/\"}},[_vm._v(\"首頁\")]):_vm._e(),_c('p',{staticClass:\"mb-0 text-gray mx-2\"},[_vm._v(\"/\")]),_c('p',{staticClass:\"mb-0 text-gray mx-2 categoryLink text-decoration-none\"},[_vm._v(\"聯名系列\")]),(_vm.categoryName)?_c('p',{staticClass:\"mb-0 text-gray mx-2\"},[_vm._v(\"/\")]):_vm._e(),_c('p',{staticClass:\"mb-0 text-gray backToDesigner\",on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_vm._v(_vm._s(_vm.designerName))]),(_vm.categoryName)?_c('p',{staticClass:\"mb-0 text-gray mx-2\"},[_vm._v(\"/\")]):_vm._e(),_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.productName)+\"-\"+_vm._s(_vm.templateName))])],1),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('swiperdesigner',{attrs:{\"viewportWidth\":_vm.fullWidth}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('p',{staticClass:\"productTitle\",class:{'mt-3':_vm.fullWidth <= 640}},[_vm._v(_vm._s(_vm.productName)+\"-\"+_vm._s(_vm.templateName))]),_c('div',{staticClass:\"d-flex align-items-center mb-3\"},[(_vm.productNotes)?_c('i',{staticClass:\"fas fa-bullhorn productNotes mr-3\"}):_vm._e(),_c('p',{staticClass:\"productNotes mb-0\",domProps:{\"innerHTML\":_vm._s(_vm.productNotes)}})]),_c('p',{staticClass:\"text-primary font-weight-bold secondTitle\"},[_vm._v(\"產品資訊\")]),_vm._l((_vm.productIntroDesc),function(item){return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-4\"},[_c('p',[_vm._v(_vm._s(item.introName))])]),_c('div',{staticClass:\"col-8\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(item.productIntroDesc)}})])])}),(_vm.productPattern.length > 0)?_c('div',{staticClass:\"row\"},[_vm._m(0),_c('div',{staticClass:\"col-8\"},[_c('div',{staticClass:\"d-flex flex-wrap\"},_vm._l((_vm.productPattern),function(item){return _c('div',{staticClass:\"p-1 border mx-1 patterenImgBox\",class:{'border-dark': _vm.choosedPatterenID === item.Id},on:{\"click\":function($event){return _vm.changePatteren(item.Id, item.editLink)}}},[_c('img',{staticClass:\"mx-1 patterenImg\",attrs:{\"src\":item.imgcover}})])}),0)])]):_vm._e(),_c('hr',{staticClass:\"mt-\"}),(_vm.discountprice === null)?_c('div',{staticClass:\"text-primary d-flex font-weight-bold my-3\",class:{ 'flex-column' : _vm.fullWidth <= 640, 'align-items-center' : _vm.fullWidth <= 640}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.standardPageNotify)}}),_c('p',{staticClass:\"mb-0\",class:{'ml-auto' : _vm.fullWidth > 640}},[_c('span',{staticClass:\"soldPrice fz26\"},[_vm._v(\"NT \"+_vm._s(_vm._f(\"currency\")(_vm.price)))]),(_vm.priceRange)?_c('span',{staticClass:\"ml-2\"},[_vm._v(\"起\")]):_vm._e()])]):_c('div',{staticClass:\"newPlatform theme-textCaption d-flex font-weight-bold my-3 align-items-center\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.standardPageNotify)}}),_c('p',{staticClass:\"mb-0 discountStyle soldPrice\"},[_c('span',{staticClass:\"d-flex\"},[_vm._v(\"NT \"+_vm._s(_vm._f(\"currency\")(_vm.price)))]),(_vm.priceRange)?_c('span',{staticClass:\"ml-2\"},[_vm._v(\"起\")]):_vm._e()])]),_c('div',{staticClass:\"font-weight-bold text-right text-danger mb-3 activityPrice\",domProps:{\"innerHTML\":_vm._s(_vm.discountprice)}}),(_vm.note)?_c('div',{staticClass:\"border border-primary mb-5\"},[_c('div',{staticClass:\"m-2 font-weight-bold\",style:({ 'background-color': _vm.noteBgcolor, 'color': _vm.noteForecolor}),domProps:{\"innerHTML\":_vm._s(_vm.note)}})]):_vm._e(),_c('div',{staticClass:\"d-flex btnBox flex-wrap\",class:{'justify-content-center' : _vm.fullWidth <= 640}},[_c('a',{staticClass:\"btn btn-primary font-weight-bold btnInPage py-0 text-white\",class:{'w-100' : _vm.fullWidth <= 640},attrs:{\"href\":_vm.editLink}},[_vm._v(\"我要購買\")])])],2)])]),_c('div',{staticClass:\"container mt-5 mt-md-0\"},[_vm._m(1),(_vm.fullWidth > 640)?_c('hr',{staticClass:\"mt-0 mb-5\"}):_vm._e()]),_vm._l((_vm.productItemFeature),function(item,idx){return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row justify-content-center\",class:{'flex-row-reverse': idx%2 == 0}},[_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"under_second_banner_des_box_left\"},[_c('div',{staticClass:\"glasses\"},[_c('p',{staticClass:\"font-weight-bold text-dark under_secondbanner_des_title\",class:{'mb-3' : _vm.fullWidth <= 640}},[_vm._v(_vm._s(item.featureTitle))]),_c('p',{staticClass:\"under_secondbanner_des mb-0\",class:{'text-justify' : _vm.fullWidth <= 640},domProps:{\"innerHTML\":_vm._s(item.featureDesc)}})])])]),_c('div',{staticClass:\"col-md-7 bgSetting\"},[_c('img',{attrs:{\"src\":item.featurePicture}})])]),_c('hr',{staticClass:\"my-5\"})])}),_vm._l((_vm.productFeature),function(item,idx){return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row justify-content-center\",class:{'flex-row-reverse': idx%2 !== 0}},[_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"under_second_banner_des_box_left\"},[_c('div',{staticClass:\"glasses\"},[_c('p',{staticClass:\"font-weight-bold text-dark under_secondbanner_des_title\",class:{'mb-3' : _vm.fullWidth <= 640}},[_vm._v(_vm._s(item.featureTitle))]),_c('p',{staticClass:\"under_secondbanner_des mb-0\",class:{'text-justify' : _vm.fullWidth <= 640},domProps:{\"innerHTML\":_vm._s(item.featureDesc)}})])])]),_c('div',{staticClass:\"col-md-7 bgSetting\"},[_c('img',{attrs:{\"src\":item.featurePicture}})])]),_c('hr',{staticClass:\"my-5\"})])}),_c('div',{staticClass:\"container mt-5 mt-md-0\"},[_vm._m(2),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"purchaseNotice\",class:{'w-75' : _vm.fullWidth > 640},domProps:{\"innerHTML\":_vm._s(_vm.purchaseNotice)}})])])],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-4\"},[_c('p',[_vm._v(\"選擇款式\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row justify-content-center py-4\"},[_c('h2',{staticClass:\"font-weight-bold mb-0 text-secondary secondTitle\"},[_vm._v(\"產品特性\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row justify-content-center py-4\"},[_c('h2',{staticClass:\"font-weight-bold mb-0 text-secondary secondTitle\"},[_vm._v(\"購物須知\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-f19eae1e\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/pages/designerItem.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-f19eae1e\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./designerItem.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./designerItem.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./designerItem.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-f19eae1e\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./designerItem.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-f19eae1e\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/pages/designerItem.vue\n// module id = null\n// module chunks = ","\n.modifyEnroll\n .container-fluid\n .row.px-0.campaign.campaignBox.bg-primary(v-if=\"fullWidth >= 640\")\n p.mb-0.w-100.campaignDes.bor 全商品8折優惠 / 20% OFF．滿499免運費\n .container\n navbarhead(:viewportWidth=\"fullWidth\")\n navCustomize(:viewportWidth=\"fullWidth\")\n .container\n p.font-weight-bold.name.border-bottom.mb-0.py-3(v-if=\"fullWidth<= 640\") Hi {{nw2pMemberData.UDNAME}}!\n nav(aria-label=\"breadcrumb\")\n ol.breadcrumb.bg-white.pl-0\n router-link(to=\"/\").text-gray.breadcrumb-item.text-decoration-none 首頁\n li.text-gray.breadcrumb-item 我的帳戶\n li.breadcrumb-item.active.text-dark 資料修改\n hr\n .container\n .row\n .col-md-2\n .d-flex.flex-column\n router-link(to=\"/modifyEnroll\").text-decoration-none.mb-3.sideBarDetail 資料修改\n router-link(to=\"/modifyEnroll/changePassword\").text-decoration-none.mb-3.sideBarDetail 變更密碼\n .col-md-10\n router-view\n enrollmodal\n loginmodal\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/pages/modifyEnroll.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modifyEnroll\"},[_c('div',{staticClass:\"container-fluid\"},[(_vm.fullWidth >= 640)?_c('div',{staticClass:\"row px-0 campaign campaignBox bg-primary\"},[_c('p',{staticClass:\"mb-0 w-100 campaignDes bor\"},[_vm._v(\"全商品8折優惠 / 20% OFF．滿499免運費\")])]):_vm._e()]),_c('div',{staticClass:\"container\"},[_c('navbarhead',{attrs:{\"viewportWidth\":_vm.fullWidth}}),_c('navCustomize',{attrs:{\"viewportWidth\":_vm.fullWidth}})],1),_c('div',{staticClass:\"container\"},[(_vm.fullWidth<= 640)?_c('p',{staticClass:\"font-weight-bold name border-bottom mb-0 py-3\"},[_vm._v(\"Hi \"+_vm._s(_vm.nw2pMemberData.UDNAME)+\"!\")]):_vm._e(),_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb bg-white pl-0\"},[_c('router-link',{staticClass:\"text-gray breadcrumb-item text-decoration-none\",attrs:{\"to\":\"/\"}},[_vm._v(\"首頁\")]),_c('li',{staticClass:\"text-gray breadcrumb-item\"},[_vm._v(\"我的帳戶\")]),_c('li',{staticClass:\"breadcrumb-item active text-dark\"},[_vm._v(\"資料修改\")])],1)]),_c('hr')]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('router-link',{staticClass:\"text-decoration-none mb-3 sideBarDetail\",attrs:{\"to\":\"/modifyEnroll\"}},[_vm._v(\"資料修改\")]),_c('router-link',{staticClass:\"text-decoration-none mb-3 sideBarDetail\",attrs:{\"to\":\"/modifyEnroll/changePassword\"}},[_vm._v(\"變更密碼\")])],1)]),_c('div',{staticClass:\"col-md-10\"},[_c('router-view')],1)])]),_c('enrollmodal'),_c('loginmodal')],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-35cd65a7\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/pages/modifyEnroll.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-35cd65a7\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./modifyEnroll.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./modifyEnroll.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./modifyEnroll.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-35cd65a7\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./modifyEnroll.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-35cd65a7\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/pages/modifyEnroll.vue\n// module id = null\n// module chunks = ","\n.accountdata\n h4.font-weight-bold 資料修改\n hr.mb-5\n p.font-weight-bold.fz14.mb-0 會員帳號*\n input(type=\"text\" v-model=\"enrollData.account\" disabled).form-control.rounded-0.border-dark.mb-3.full\n p.font-weight-bold.fz14.mb-0 會員姓名*\n input(type=\"text\" v-model=\"enrollData.UDNAME\").form-control.rounded-0.border-dark.mb-3.full\n p.font-weight-bold.fz14.mb-0 手機號碼*\n input(type=\"text\" v-model=\"enrollData.UPHONE\").form-control.rounded-0.border-dark.mb-3.full\n p.font-weight-bold.fz14.mb-0 生日*\n .row.birth.mx-0.mb-3\n .col-md-4.year\n select.form-control.rounded-0.border-dark.full(v-model=\"birthdayYear\")\n \n .col-md-4.px-0.month\n select.form-control.rounded-0.border-dark(v-model=\"birthdayMonth\")\n \n .col-md-4.date\n select.form-control.rounded-0.border-dark(v-model=\"birthdayDate\")\n \n .row.sexAndPhone.mx-0\n .col-md-6.sex\n .form-group.fz14.font-weight-bold 性別\n select.form-control.rounded-0.border-dark(v-model=\"enrollData.USEX\")\n \n \n .col-md-6.phone\n .form-group.fz14.font-weight-bold 電話\n input(type=\"tel\" v-model=\"enrollData.UTELPHONE\").form-control.rounded-0.border-dark\n .row.mx-0.knowUsBox\n .col-md-6.knowUs\n .form-group.fz14.font-weight-bold 從哪得知我們\n select.form-control.rounded-0.border-dark( v-model=\"enrollData.UREF\")\n option(value=\"10\") 部落格\n option(value=\"11\") Yahoo 關鍵字\n option(value=\"12\") Google 關鍵字\n option(value=\"13\") 親友推薦\n option(value=\"14\") 報章雜誌報導\n option(value=\"15\") DM廣告\n option(value=\"16\") 寰宇家庭\n option(value=\"17\") 紫金堂\n option(value=\"18\") 再生緣\n option(value=\"19\") Nikon 活動\n option(value=\"20\") 企業用戶\n option(value=\"21\") VOW 舊用戶\n option(value=\"22\") 17 Life\n option(value=\"23\") 設計師活動相關訊息\n option(value=\"24\") GROUPON\n option(value=\"25\") 攝影器材展\n option(value=\"26\") YAHOO 折扣\n option(value=\"27\") 大潤發\n option(value=\"28\") 家樂福\n option(value=\"29\") VeryWed\n option(value=\"30\") GOMAJI\n option(value=\"31\") 信誼\n option(value=\"99\") 其他\n .col-md-6.eNews\n .form-group.fz14.font-weight-bold 是否想收到電子報\n select.form-control.rounded-0.border-dark(v-model=\"enrollData.USEND\")\n option(value=\"Y\") 是\n option(value=\"N\") 否\n .row.addrBox.mx-0\n .col-md-4.zipCode\n p.fz14.font-weight-bold.mb-0 區號\n input.form-control.rounded-0.border-dark(tupe=\"text\" disabled v-model=\"enrollData.UAID\")\n .col-md-4.city\n p.fz14.font-weight-bold.mb-0 縣市\n select.form-control.rounded-0.border-dark(v-model=\"cityName\")\n option(v-for=\"item in totalCityName\") {{item}}\n .col-md-4.district\n p.fz14.font-weight-bold.mb-0 區域\n select.form-control.rounded-0.border-dark(v-model=\"districtName\")\n option(v-for=\"item in location\") {{item.districtName}}\n .col-12.px-0\n p.fz14.font-weight-bold.mb-0 地址\n input.form-control.rounded-0.border-dark(type=\n \"text\" v-model=\"enrollData.UADDR\")\n .row.justify-content-center.my-5.buttonBox.mx-0\n button(@click='modifyEnrollData').btn.btn-primary.btnInPage.py-0.px-0 更新\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/accountdata.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"accountdata\"},[_c('h4',{staticClass:\"font-weight-bold\"},[_vm._v(\"資料修改\")]),_c('hr',{staticClass:\"mb-5\"}),_c('p',{staticClass:\"font-weight-bold fz14 mb-0\"},[_vm._v(\"會員帳號*\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.enrollData.account),expression:\"enrollData.account\"}],staticClass:\"form-control rounded-0 border-dark mb-3 full\",attrs:{\"type\":\"text\",\"disabled\":\"disabled\"},domProps:{\"value\":(_vm.enrollData.account)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.enrollData, \"account\", $event.target.value)}}}),_c('p',{staticClass:\"font-weight-bold fz14 mb-0\"},[_vm._v(\"會員姓名*\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.enrollData.UDNAME),expression:\"enrollData.UDNAME\"}],staticClass:\"form-control rounded-0 border-dark mb-3 full\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.enrollData.UDNAME)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.enrollData, \"UDNAME\", $event.target.value)}}}),_c('p',{staticClass:\"font-weight-bold fz14 mb-0\"},[_vm._v(\"手機號碼*\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.enrollData.UPHONE),expression:\"enrollData.UPHONE\"}],staticClass:\"form-control rounded-0 border-dark mb-3 full\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.enrollData.UPHONE)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.enrollData, \"UPHONE\", $event.target.value)}}}),_c('p',{staticClass:\"font-weight-bold fz14 mb-0\"},[_vm._v(\"生日*\")]),_c('div',{staticClass:\"row birth mx-0 mb-3\"},[_c('div',{staticClass:\"col-md-4 year\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.birthdayYear),expression:\"birthdayYear\"}],staticClass:\"form-control rounded-0 border-dark full\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.birthdayYear=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.fullYear - 1910),function(item){return _c('option',{domProps:{\"value\":item + 1910}},[_vm._v(_vm._s(item + 1910))])}),0)]),_c('div',{staticClass:\"col-md-4 px-0 month\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.birthdayMonth),expression:\"birthdayMonth\"}],staticClass:\"form-control rounded-0 border-dark\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.birthdayMonth=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((12),function(item){return _c('option',{domProps:{\"value\":item}},[_vm._v(\" \"+_vm._s(item)+\"月\")])}),0)]),_c('div',{staticClass:\"col-md-4 date\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.birthdayDate),expression:\"birthdayDate\"}],staticClass:\"form-control rounded-0 border-dark\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.birthdayDate=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.date),function(item){return _c('option',{domProps:{\"value\":item}},[_vm._v(_vm._s(item))])}),0)])]),_c('div',{staticClass:\"row sexAndPhone mx-0\"},[_c('div',{staticClass:\"col-md-6 sex\"},[_c('div',{staticClass:\"form-group fz14 font-weight-bold\"},[_vm._v(\"性別\"),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.enrollData.USEX),expression:\"enrollData.USEX\"}],staticClass:\"form-control rounded-0 border-dark\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.enrollData, \"USEX\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"F\"}},[_vm._v(\"女\")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"M\"}},[_vm._v(\"男\")])])])]),_c('div',{staticClass:\"col-md-6 phone\"},[_c('div',{staticClass:\"form-group fz14 font-weight-bold\"},[_vm._v(\"電話\"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.enrollData.UTELPHONE),expression:\"enrollData.UTELPHONE\"}],staticClass:\"form-control rounded-0 border-dark\",attrs:{\"type\":\"tel\"},domProps:{\"value\":(_vm.enrollData.UTELPHONE)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.enrollData, \"UTELPHONE\", $event.target.value)}}})])])]),_c('div',{staticClass:\"row mx-0 knowUsBox\"},[_c('div',{staticClass:\"col-md-6 knowUs\"},[_c('div',{staticClass:\"form-group fz14 font-weight-bold\"},[_vm._v(\"從哪得知我們\"),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.enrollData.UREF),expression:\"enrollData.UREF\"}],staticClass:\"form-control rounded-0 border-dark\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.enrollData, \"UREF\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"10\"}},[_vm._v(\"部落格\")]),_c('option',{attrs:{\"value\":\"11\"}},[_vm._v(\"Yahoo 關鍵字\")]),_c('option',{attrs:{\"value\":\"12\"}},[_vm._v(\"Google 關鍵字\")]),_c('option',{attrs:{\"value\":\"13\"}},[_vm._v(\"親友推薦\")]),_c('option',{attrs:{\"value\":\"14\"}},[_vm._v(\"報章雜誌報導\")]),_c('option',{attrs:{\"value\":\"15\"}},[_vm._v(\"DM廣告\")]),_c('option',{attrs:{\"value\":\"16\"}},[_vm._v(\"寰宇家庭\")]),_c('option',{attrs:{\"value\":\"17\"}},[_vm._v(\"紫金堂\")]),_c('option',{attrs:{\"value\":\"18\"}},[_vm._v(\"再生緣\")]),_c('option',{attrs:{\"value\":\"19\"}},[_vm._v(\"Nikon 活動\")]),_c('option',{attrs:{\"value\":\"20\"}},[_vm._v(\"企業用戶\")]),_c('option',{attrs:{\"value\":\"21\"}},[_vm._v(\"VOW 舊用戶\")]),_c('option',{attrs:{\"value\":\"22\"}},[_vm._v(\"17 Life\")]),_c('option',{attrs:{\"value\":\"23\"}},[_vm._v(\"設計師活動相關訊息\")]),_c('option',{attrs:{\"value\":\"24\"}},[_vm._v(\"GROUPON\")]),_c('option',{attrs:{\"value\":\"25\"}},[_vm._v(\"攝影器材展\")]),_c('option',{attrs:{\"value\":\"26\"}},[_vm._v(\"YAHOO 折扣\")]),_c('option',{attrs:{\"value\":\"27\"}},[_vm._v(\"大潤發\")]),_c('option',{attrs:{\"value\":\"28\"}},[_vm._v(\"家樂福\")]),_c('option',{attrs:{\"value\":\"29\"}},[_vm._v(\"VeryWed\")]),_c('option',{attrs:{\"value\":\"30\"}},[_vm._v(\"GOMAJI\")]),_c('option',{attrs:{\"value\":\"31\"}},[_vm._v(\"信誼\")]),_c('option',{attrs:{\"value\":\"99\"}},[_vm._v(\"其他\")])])])]),_c('div',{staticClass:\"col-md-6 eNews\"},[_c('div',{staticClass:\"form-group fz14 font-weight-bold\"},[_vm._v(\"是否想收到電子報\"),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.enrollData.USEND),expression:\"enrollData.USEND\"}],staticClass:\"form-control rounded-0 border-dark\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.enrollData, \"USEND\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"Y\"}},[_vm._v(\"是\")]),_c('option',{attrs:{\"value\":\"N\"}},[_vm._v(\"否\")])])])])]),_c('div',{staticClass:\"row addrBox mx-0\"},[_c('div',{staticClass:\"col-md-4 zipCode\"},[_c('p',{staticClass:\"fz14 font-weight-bold mb-0\"},[_vm._v(\"區號\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.enrollData.UAID),expression:\"enrollData.UAID\"}],staticClass:\"form-control rounded-0 border-dark\",attrs:{\"tupe\":\"text\",\"disabled\":\"disabled\"},domProps:{\"value\":(_vm.enrollData.UAID)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.enrollData, \"UAID\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4 city\"},[_c('p',{staticClass:\"fz14 font-weight-bold mb-0\"},[_vm._v(\"縣市\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.cityName),expression:\"cityName\"}],staticClass:\"form-control rounded-0 border-dark\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.cityName=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.totalCityName),function(item){return _c('option',[_vm._v(_vm._s(item))])}),0)]),_c('div',{staticClass:\"col-md-4 district\"},[_c('p',{staticClass:\"fz14 font-weight-bold mb-0\"},[_vm._v(\"區域\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.districtName),expression:\"districtName\"}],staticClass:\"form-control rounded-0 border-dark\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.districtName=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.location),function(item){return _c('option',[_vm._v(_vm._s(item.districtName))])}),0)]),_c('div',{staticClass:\"col-12 px-0\"},[_c('p',{staticClass:\"fz14 font-weight-bold mb-0\"},[_vm._v(\"地址\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.enrollData.UADDR),expression:\"enrollData.UADDR\"}],staticClass:\"form-control rounded-0 border-dark\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.enrollData.UADDR)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.enrollData, \"UADDR\", $event.target.value)}}})])]),_c('div',{staticClass:\"row justify-content-center my-5 buttonBox mx-0\"},[_c('button',{staticClass:\"btn btn-primary btnInPage py-0 px-0\",on:{\"click\":_vm.modifyEnrollData}},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"更新\")])])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6452deba\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/accountdata.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6452deba\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./accountdata.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./accountdata.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./accountdata.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6452deba\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../node_modules/vue-loader/lib/selector?type=template&index=0!./accountdata.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-6452deba\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/accountdata.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"changepassword\"},[_c('h4',{staticClass:\"font-weight-bold\"},[_vm._v(\"變更密碼\")]),_c('hr',{staticClass:\"mb-5\"}),_c('p',{staticClass:\"font-weight-bold fz14 mb-0\"},[_vm._v(\"原密碼*\")]),_c('input',{staticClass:\"form-control rounded-0 border-dark mb-3\",attrs:{\"type\":\"text\"}}),_c('p',{staticClass:\"font-weight-bold fz14 mb-0\"},[_vm._v(\"新密碼*\")]),_c('input',{staticClass:\"form-control rounded-0 border-dark mb-3\",attrs:{\"type\":\"text\"}}),_c('p',{staticClass:\"font-weight-bold fz14 mb-0\"},[_vm._v(\"重新輸入密碼*\")]),_c('input',{staticClass:\"form-control rounded-0 border-dark\",attrs:{\"type\":\"text\"}}),_c('div',{staticClass:\"row justify-content-center my-5 buttonBox mx-0\"},[_c('button',{staticClass:\"btn btn-primary btnInPage py-0 px-0\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"更新\")])])])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-7aba04d3\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/changepassword.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7aba04d3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./changepassword.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./changepassword.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./changepassword.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7aba04d3\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../node_modules/vue-loader/lib/selector?type=template&index=0!./changepassword.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-7aba04d3\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/changepassword.vue\n// module id = null\n// module chunks = ","\n.loading\n系統處理中...
'\n imgbox.innerHTML = ''\n let API_PATH = process.env.API\n let invoiceNum = state.invoiceNum\n let token = state.basketref\n fetch(`${API_PATH}user/invoiceimg/${token}/${invoiceNum}`, {method: 'POST'}).then(res => {\n return res.json()\n }).then(response => {\n if (response.error_code === '-1') {\n let message = response.error_message\n let theme = 'danger'\n commit('changeMessage', {message, theme}, {root: true})\n dispatch('closeModal')\n router.push('/')\n return\n }\n system.innerHTML = ''\n let image = new Image()\n image.src = response.data\n image.classList.add('img-fluid')\n imgbox.appendChild(image)\n }).finally(() => {\n })\n },\n // 開啟發票modal\n showModal () {\n $('#invoiceModal').modal('show')\n $('#tpx-basket-bar').css('z-index', '0')\n },\n // 關閉發票modal\n closeModal () {\n $('#invoiceModal').modal('hide')\n // taopix 預設css\n setTimeout(function () {\n $('#tpx-basket-bar').css('z-index', '900')\n }, 1000)\n },\n // 手機條碼\n checkBarCode ({commit, state, dispatch}) {\n // dispatch('getBasketRef')\n // if (state.basketref === '') {\n // let message = '請先登入'\n // let theme = 'danger'\n // commit('changeMessage', {message, theme}, {root: true})\n // router.push('/')\n // return\n // }\n\n // commit('LOADING', true, {root: true})\n // let token = state.basketref\n\n axios.post(`https://www-vc.einvoice.nat.gov.tw/BIZAPIVAN/biz?version=1.0&action=bcv&TxID=1&appId=EINV3201708203237&barCode=${state.barCode}`, {\n version: '1.0',\n action: 'bcv',\n TxID: '1',\n appId: 'EINV3201708203237',\n barCode: state.barCode\n }, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n // 'Authorization': `Bearer `\n }\n }).then(res => {\n commit('checkBarCode', {confirmation: res.data})\n }).catch((error) => {\n console.log(error)\n })\n }\n },\n mutations: {\n updateField,\n setDate (state, {startDate, endDate}) {\n state.startDate = startDate\n state.endDate = endDate\n },\n getInvoice (state, {result}) {\n state.invoiceAry = result\n },\n invoiceNum (state, {invoiceNum}) {\n state.invoiceNum = invoiceNum\n },\n setBasketref (state, {basketref}) {\n state.basketref = basketref\n },\n checkBarCode (state, {confirmation}) {\n state.confirmationMessage = confirmation\n }\n },\n getters: {\n getField\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/invoiceSearch.js","import { getField, updateField } from 'vuex-map-fields'\nimport axios from 'axios'\n// import $ from 'jquery'\nimport router from '../../router'\n\nexport default{\n namespaced: true,\n state: {\n carrierInfo: {\n uname: '',\n card_ban: '',\n card_no1: '',\n card_no2: '',\n card_type: '',\n back_url: '',\n token: ''\n },\n startDate: '',\n endDate: '',\n carrierAry: [],\n basketref: '',\n CARD_URL: process.env.CARD_URL\n },\n actions: {\n getBasketRef ({commit}) {\n let basketref = window.tpxReadCookie('mawebhlbr')\n commit('setBasketref', {basketref})\n },\n init ({commit, state, dispatch}) {\n dispatch('getBasketRef')\n if (state.basketref === '') {\n alert('請先登入')\n router.push('/')\n return\n }\n commit('LOADING', true, {root: true})\n let API_PATH = process.env.API\n let basketref = state.basketref\n fetch(`${API_PATH}user/sessioninfo/${basketref}`, {method: 'POST'}).then(res => {\n return res.json()\n }).then(result => {\n let backUrl = `${API_PATH}invoicecarrier/aggrverify`\n // 目前uname=card_no1=card_no2\n // let cardNo1 = 'NW2P-' + result.data.userid + '-' + result.data.login\n let uname = result.data.emailaddress\n let cardBan = '38019423'\n let cardNo1 = result.data.emailaddress\n // 隱碼一定不能重覆(一個隱碼不可給不同的使用者)\n let cardNo2 = cardNo1\n let cardType = 'EG0364'\n axios.get(`${API_PATH}invoicecarrier/aggrprepare/${cardNo1}/${cardNo2}/${cardType}`).then(res => {\n console.log('token=' + res.data.data.token)\n console.log('en_cardno1=' + res.data.data.en_cardno1)\n console.log('en_cardno2=' + res.data.data.en_cardno2)\n console.log('en_cardtype=' + res.data.data.en_cardtype)\n console.log('backUrl=' + backUrl)\n let token = res.data.data.token\n let enCardNo1 = res.data.data.en_cardno1\n let enCardNo2 = res.data.data.en_cardno2\n let enCardType = res.data.data.en_cardtype\n commit('setToken', {token})\n commit('setParamenters', {uname, cardBan, enCardNo1, enCardNo2, enCardType, backUrl})\n })\n }).catch((error) => {\n console.error(error)\n }).finally(() => {\n commit('LOADING', false, {root: true})\n })\n },\n aggrCarrier ({commit, state, dispatch}) {\n dispatch('getBasketRef')\n if (state.basketref === '') {\n let message = '請先登入'\n let theme = 'danger'\n commit('changeMessage', {message, theme}, {root: true})\n router.push('/')\n return\n }\n /*\n if (state.carrierInfo['token'] === '') {\n alert('token產生失敗，請重試。')\n return\n }\n */\n commit('LOADING', true, {root: true})\n let API_PATH = process.env.API\n console.log('[aggrCarrier]')\n console.log(state.carrierInfo)\n fetch(`${API_PATH}invoicecarrier/aggrregister`, {method: 'POST',\n body: JSON.stringify(state.carrierInfo),\n headers: {\n 'content-type': 'application/json'\n }\n }).then(res => {\n return res.json()\n }).then(result => {\n // commit('aggrCarrier', {result})\n if (result.error_code === 0) {\n if (result.data.result === 'Y') {\n console.log(state.CARD_URL.trim())\n if (state.CARD_URL.trim() !== '') {\n $('form').attr('action', state.CARD_URL)\n $('form').attr('target', '_blank')\n $('form').trigger('submit')\n }\n } else {\n alert('驗證有誤，請重新載入。')\n }\n } else {\n alert('系統錯誤，請重試。')\n }\n }).finally(() => {\n commit('LOADING', false, {root: true})\n })\n }\n },\n mutations: {\n updateField,\n aggrCarrier (state, {result}) {\n state.carriereAry = result\n },\n setBasketref (state, {basketref}) {\n state.basketref = basketref\n },\n setToken (state, {token}) {\n state.carrierInfo['token'] = token\n },\n setParamenters (state, {uname, cardBan, enCardNo1, enCardNo2, enCardType, backUrl}) {\n state.carrierInfo['uname'] = uname\n state.carrierInfo['card_ban'] = cardBan\n state.carrierInfo['card_no1'] = enCardNo1\n state.carrierInfo['card_no2'] = enCardNo2\n state.carrierInfo['card_type'] = enCardType\n state.carrierInfo['back_url'] = backUrl\n }\n },\n getters: {\n getField\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/carrierBelong.js","import axios from 'axios'\n\nexport default {\n namespaced: true,\n state: {\n coupons: [],\n kind: []\n },\n actions: {\n getGroupCoupon ({ commit }) {\n let API_PATH = process.env.API\n commit('LOADING', true, { root: true })\n axios\n .get(`${API_PATH}groupcoupon/getdetail`)\n .then((rep) => {\n let coupons = rep.data.data.productItem\n let kind = []\n coupons.forEach((item) => {\n // productName\n if (kind.indexOf(item.productName) < 0) {\n kind.push(item.productName)\n }\n })\n console.log(kind)\n console.log(coupons)\n commit('getGroupCoupon', { coupons, kind })\n })\n .finally(() => {\n commit('LOADING', false, { root: true })\n })\n }\n },\n mutations: {\n getGroupCoupon (state, { coupons, kind }) {\n state.coupons = coupons\n state.kind = kind\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/exchange.js","import axios from 'axios'\n\nexport default{\n namespaced: true,\n state: {\n productItems: [],\n kind: []\n },\n actions: {\n getActivityProductItems ({commit}) {\n let API_PATH = process.env.API\n commit('LOADING', true, {root: true})\n axios.get(`${API_PATH}activity/getdetail`).then(rep => {\n let productItems = rep.data.data.productItem\n let kind = []\n productItems.forEach(item => {\n // productName\n if (kind.indexOf(item.productName) < 0) {\n kind.push(item.productName)\n }\n })\n console.log(kind)\n console.log(productItems)\n commit('getActivityProductItems', {productItems, kind})\n }).finally(() => {\n commit('LOADING', false, {root: true})\n })\n }\n },\n mutations: {\n getActivityProductItems (state, {productItems, kind}) {\n state.productItems = productItems\n state.kind = kind\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/activity.js","// import { getField, updateField } from 'vuex-map-fields'\n\nexport default {\n state: {\n shopCode: null,\n productionMode: ''\n },\n actions: {\n getShopCode (context) {\n context.commit('setShopByUrl')\n },\n getProductionMode (context, {shopCode}) {\n context.commit('setProductionMode', {shopCode})\n }\n },\n mutations: {\n setShopByUrl (state) {\n document.body.dataset.url = location.href\n console.log('{common} [setShopByUrl] ' + Date.now() + ' document.body.dataset.url=' + document.body.dataset.url)\n let shopCode = null\n if (document.body.dataset.url.includes('/shop2/')) {\n shopCode = 'shop2'\n } else {\n shopCode = null\n }\n state.shopCode = shopCode\n console.log('{common} state.shopCode=' + state.shopCode)\n },\n setProductionMode (state, {shopCode}) {\n console.log('common [setProductionMode] ' + Date.now() + ' shopCode=' + shopCode)\n let productionMode = ''\n if (shopCode === 'shop2') {\n productionMode = 'F'\n } else {\n productionMode = 'E'\n }\n state.productionMode = productionMode\n console.log('state.productionMode=' + state.productionMode)\n }\n // updateField\n }\n // computed\n /*\n getters: {\n getField\n }\n */\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/commonShop.js","import { getField, updateField } from 'vuex-map-fields'\nimport router from '../../router'\n\nexport default{\n namespaced: true,\n state: {\n startDate: '',\n endDate: '',\n orderAry: [],\n basketref: '',\n ordernumber: null\n },\n actions: {\n getBasketRef ({commit}) {\n /* 2022/10/04, jamei\n let ca = document.cookie.split(';')\n let tempbasketref = ''\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i]\n if (c.charAt(0) === ' ') {\n c = c.substring(1, c.length)\n if (c.includes('')) {\n tempbasketref = c\n }\n }\n }\n let basketref = tempbasketref.replace('mawebhlbr=', '')\n */\n let basketref = window.tpxReadCookie('mawebhlbr')\n commit('setBasketref', {basketref})\n },\n getOrder ({commit, state, dispatch}) {\n dispatch('getBasketRef')\n if (state.basketref === '') {\n let message = '請先登入'\n let theme = 'danger'\n commit('changeMessage', {message, theme}, {root: true})\n router.push('/')\n return\n }\n if (state.startDate === '' || state.endDate === '') {\n let message = '請選擇搜尋區間'\n let theme = 'primary'\n commit('changeMessage', {message, theme}, {root: true})\n return\n }\n commit('LOADING', true, {root: true})\n let API_PATH = process.env.API\n let token = state.basketref\n // let orderNumber = state.ordernumber\n fetch(`${API_PATH}pdfwkflow/getorders/${token}/${state.startDate}/${state.endDate}`, {method: 'POST'}).then(res => {\n return res.json()\n }).then(result => {\n commit('getOrder', {result})\n }).finally(() => {\n commit('LOADING', false, {root: true})\n })\n },\n init ({commit, state, dispatch}) {\n dispatch('getBasketRef')\n if (state.basketref === '') {\n alert('請先登入')\n router.push('/')\n return\n }\n commit('LOADING', true, {root: true})\n let today = new Date()\n let time = today.getTime()\n // use timestamp count timestamp of a thirty days ago\n let oneMonthAgoTimeStamp = time - 86400000 * 30\n let oneMonthAgoDate = new Date(oneMonthAgoTimeStamp)\n let y = today.getFullYear()\n let ly = oneMonthAgoDate.getFullYear()\n /* 2022/09/16, jamei\n let m = (today.getMonth() + 1 < 10) ? '0' + today.getMonth() + 1 : today.getMonth() + 1\n let lm = (oneMonthAgoDate.getMonth() + 1 < 10) ? '0' + oneMonthAgoDate.getMonth() + 1 : oneMonthAgoDate.getMonth() + 1\n */\n let m = (today.getMonth() + 1 < 10) ? '0' + parseInt(today.getMonth() + 1) : parseInt(today.getMonth() + 1)\n let lm = (oneMonthAgoDate.getMonth() + 1 < 10) ? '0' + parseInt(oneMonthAgoDate.getMonth() + 1) : parseInt(oneMonthAgoDate.getMonth() + 1)\n let date = (today.getDate() < 10) ? '0' + today.getDate() : today.getDate()\n let ldate = (oneMonthAgoDate.getDate() < 10) ? '0' + oneMonthAgoDate.getDate() : oneMonthAgoDate.getDate()\n let endDate = `${y}-${m}-${date}`\n let startDate = `${ly}-${lm}-${ldate}`\n let token = state.basketref\n // let orderNumber = state.ordernumber\n let API_PATH = process.env.API\n commit('setDate', {startDate, endDate})\n fetch(`${API_PATH}pdfwkflow/getorders/${token}/${startDate}/${endDate}`, {method: 'POST'}).then(res => {\n return res.json()\n }).then(result => {\n commit('getOrder', {result})\n }).catch((error) => {\n console.error(error)\n }).finally(() => {\n commit('LOADING', false, {root: true})\n })\n }\n },\n mutations: {\n updateField,\n setDate (state, {startDate, endDate}) {\n state.startDate = startDate\n state.endDate = endDate\n },\n setBasketref (state, {basketref}) {\n state.basketref = basketref\n },\n getOrder (state, {result}) {\n state.orderAry = result\n console.log(result)\n }\n },\n getters: {\n getField\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/orderSearch.js","import Vue from 'vue'\nimport Vuex from 'vuex'\n// import { getField, updateField } from 'vuex-map-fields'\nimport standardModules from './modules/standard'\nimport loginModules from './modules/login'\nimport enrollModules from './modules/enroll'\nimport homeModules from './modules/home'\nimport navbarModules from './modules/navbar'\nimport navbarNewModules from './modules/navbarNew'\nimport modifyEnrollModules from './modules/modifyEnroll'\nimport logOutModules from './modules/logout'\nimport alertModules from './modules/alert'\nimport productDetailModules from './modules/productDetail'\nimport contactusModules from './modules/contactus'\nimport dedicatedServiceModules from './modules/dedicatedservice'\n// import styleModules from './modules/style'\nimport styleSearchModules from './modules/styleSearch'\nimport bulletinModules from './modules/bulletin'\nimport designerModules from './modules/designer'\nimport designerItemModules from './modules/designerItem'\nimport homeSwiperModules from './modules/homeswiper'\nimport invoiceSearchModules from './modules/invoiceSearch'\nimport carrierBelongModules from './modules/carrierBelong'\nimport exchangeModules from './modules/exchange'\nimport activityModules from './modules/activity'\nimport commonShopModules from './modules/commonShop'\nimport orderSearchModules from './modules/orderSearch'\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n state: {\n isLoading: null,\n sideBarShow: null,\n openStyleModal: null,\n openEditModal: null,\n openRedenvModal: null,\n imgPath: window.imgPath,\n serviceContentDrop: '#/serviceContent'\n },\n actions: {\n loadingStatus (context, status) {\n context.commit('LOADING', status)\n }\n },\n mutations: {\n LOADING (context, status) {\n const vm = this\n vm.state.isLoading = status\n },\n sideBarShowEvent (state, status) {\n state.sideBarShow = status\n }\n },\n getters: {\n },\n modules: {\n standardModules,\n loginModules,\n enrollModules,\n homeModules,\n productDetailModules,\n navbarModules,\n navbarNewModules,\n modifyEnrollModules,\n logOutModules,\n alertModules,\n contactusModules,\n dedicatedServiceModules,\n // styleModules,\n styleSearchModules,\n bulletinModules,\n designerModules,\n designerItemModules,\n homeSwiperModules,\n invoiceSearchModules,\n carrierBelongModules,\n exchangeModules,\n activityModules,\n commonShopModules,\n orderSearchModules\n }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/index.js","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\nimport router from './router'\nimport 'bootstrap'\nimport $ from 'jquery'\nimport axios from 'axios'\nimport VueAxios from 'vue-axios'\nimport Vuex from 'vuex'\nimport store from './store'\nimport loading from 'vue-loading-overlay'\nimport { ValidationProvider, extend } from 'vee-validate'\nimport { required, email, digits } from 'vee-validate/dist/rules'\nimport { messages } from 'vee-validate/dist/locale/zh_TW.json'\nimport VueGtm from 'vue-gtm'\nimport VueClipboards from 'vue-clipboards'\n\n// GTM\n// import {pageUserTrack} from './assets/trackService'\n// Import stylesheet\nimport 'vue-loading-overlay/dist/vue-loading.css'\nimport filter from './assets/filters/currency'\n// GTM\nimport VueSimpleAlert from 'vue-simple-alert'\n\nVue.filter('currency', filter)\nwindow.$ = $ // 將原本的$變成jquery\nVue.use(VueAxios, axios)\n// 使用Vuex\nVue.use(Vuex)\n// use router\nVue.use(router)\n// vue-loading-overlay\nVue.component('loading', loading)\nVue.use(VueSimpleAlert)\nVue.use(VueClipboards)\nlet gtm = window.gtm\nVue.use(VueGtm, {\n // container id\n id: gtm,\n enabled: true,\n loadScript: true,\n // display console logs debugs or not (optional)\n debug: false,\n vueRouter: router\n})\n\n// vee validate\nVue.component('ValidationProvider', ValidationProvider)\nextend('email', {\n ...email,\n message: messages.email\n})\n// Override the default message.\nextend('required', {\n ...required,\n message: messages.required\n})\nextend('digits', {\n ...digits,\n message: messages.digits\n})\n\n// Vue Image Zoomer\nconst ImageZoom = require('vue-image-zoomer').default\n\nVue.component('image-zoom', ImageZoom)\n\n// event bus\nVue.prototype.$bus = new Vue()\n\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n router,\n store,\n components: { App },\n template: '![](\"/static/img/edit_mobile_puzzle_bulk2.jpg\")
\n ![](\"/static/img/edit_mobile_puzzle_complete2.jpg\")
\n div.d-flex.justify-content-between.p-2\n div\n ![\"edit51TA6_pc_01\"](\"/static/img/edit/edit51TA6_pc_01.jpg\")
\n ![\"edit51T_pc_01\"](\"/static/img/edit/edit51T_pc_01.jpg\")
\n ![\"edit51T_pc_02\"](\"/static/img/edit/edit51T_pc_02.jpg\")
\n ![\"edit51LA6_pc_01\"](\"/static/img/edit/edit51LA6_pc_01.jpg\")
\n ![\"edit51T_pc_01\"](\"/static/img/edit/edit51L_pc_01.jpg\")
\n ![\"edit51T_pc_02\"](\"/static/img/edit/edit51L_pc_02.jpg\")
\n ![\"edit51TA6_mobile_01\"](\"/static/img/edit/edit51TA6_mobile_01.jpg\")
\n ![\"edit51T_mobile_01\"](\"/static/img/edit/edit51T_mobile_01.jpg\")
\n ![\"edit51T_mobile_02\"](\"/static/img/edit/edit51T_mobile_02.jpg\")
\n ![\"edit51LA6_mobile_01\"](\"/static/img/edit/edit51LA6_mobile_01.jpg\")
\n ![\"edit51L_mobile_01\"](\"/static/img/edit/edit51L_mobile_01.jpg\")
\n ![\"edit51L_mobile_02\"](\"/static/img/edit/edit51L_mobile_02.jpg\")
\n ![\"edit52_pc_01\"](\"/static/img/edit/edit52_pc_01.jpg\")
\n ![\"edit52_pc_02\"](\"/static/img/edit/edit52_pc_02.jpg\")
\n ![\"edit52_mobile_01\"](\"/static/img/edit/edit52_mobile_01.jpg\")
\n ![\"edit52_mobile_02\"](\"/static/img/edit/edit52_mobile_02.jpg\")
\n