Your basket is currently empty
\r\nYou don't have any saved projects.
\r\nYour basket is currently empty
\r\nYou don't have any saved projects.
\r\nYou don't have any saved projects.
\r\nYour basket is currently empty
\r\n![](\"../../static/fb.svg\")
\r\n a(href=\"https://www.instagram.com/cloudw2p/\" target=\"_blank\").ml-2 ![](\"../../static/ig.png\")
\r\n //- 2022/09/12, jamei, a(href=\"https://page.line.me/yfpw2p\" target=\"_blank\").ml-2 ![](\"../../static/line-round-default.png\")
\r\n a(href=\"https://lin.ee/4O31Jns\" target=\"_blank\").ml-2 ![\"加入好友\"](\"https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png\")
\r\n\r\n\r\n\r\n\r\n\r\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(\"商品資訊\")]),_vm._l((_vm.totalCategory),function(itm,idx){return (_vm.eachCategoryProduct[idx].length > 1)?_c('p',{staticClass:\"link\",on:{\"click\":function($event){return _vm.getSubMenu(_vm.categoryId[idx])}}},[_vm._v(_vm._s(itm))]):_c('p',{staticClass:\"link\",on:{\"click\":function($event){return _vm.standard(_vm.eachCategoryProduct[idx][0])}}},[_vm._v(_vm._s(itm))])}),(_vm.grouponOpen)?_c('p',{staticClass:\"router-link link text-decoration-none text-dark\",attrs:{\"to\":\"/exchange\"}},[_vm._v(\"兌換專區\")]):_vm._e()],2),_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-7875218a\",\"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-7875218a\\\",\\\"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-7875218a\\\",\\\"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-7875218a\"\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 = ","\r\n.copyright.bg-dark\r\n .container.h-100\r\n .row.d-flex.justify-content-between.align-items-center(:class=\"{'flex-column':viewportWidth <= 640}\")\r\n .col-md-7.text-md-left.text-center\r\n p.text-white(:class=\"{'mb-0':viewportWidth > 640}\") 永豐雲端印刷網，給你的 質感印刷提案\r\n .col-md-5.text-md-right.text-center\r\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}}起
\r\n //- 優惠價格 DB:productdynamicmsg\r\n div(v-else).newPlatform.theme-textCaption.d-flex.font-weight-bold.my-3.align-items-center每本NT {{specId_sizeId_info.price | currency}}起
\r\n div.font-weight-bold.text-right.text-danger.mb-3.activityPrice(v-html=\"discountprice\")\r\n //- 商品頁促銷資訊 DB:productdynamicmsg\r\n div(class=\"border border-primary mb-5\" v-if=\"note\")\r\n div(class=\"m-2\" :style = \"{ 'background-color': noteBgcolor, 'color': noteForecolor}\" v-html=\"note\").font-weight-bold\r\n //- 按鈕區: 紙材介紹,PDF轉檔,編輯教學,\r\n div.d-flex.btnBox\r\n //- 紙材介紹\r\n router-link(to=\"/paperMaterial\" target=\"_blank\" v-if=\"materialPage === 'Y'\").btn.btn-outline-primary.font-weight-bold.btnInPage.teachEdit 紙材介紹\r\n //- PDF轉檔\r\n button(type=\"button\" @click=\"clickPdfModal()\" v-if=\"productMaster[0] && productMaster[0].enabledPdfToImg === 1 \").btn.btn-outline-primary.font-weight-bold.btnInPage.teachEdit PDF轉檔\r\n //- 編輯教學\r\n router-link(to=\"/serviceContent\" target=\"_blank\" v-if=\"categoryId !== 6 && productId !== 39\").btn.btn-outline-primary.font-weight-bold.btnInPage.teachEdit 編輯教學\r\n\r\n //- PDF轉檔 請先登入\r\n div(id=\"plsLoginModal\", tabindex=\"-1\"\r\n role=\"dialog\", aria-labelledby=\"plsLoginModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-body.text-center\r\n h2 請先登入會員\r\n div.modal-footer.justify-content-center\r\n button(type=\"button\", data-dismiss=\"modal\").btn.btn-outline-secondary 返回\r\n button(@click=\"login()\" type=\"button\", data-dismiss=\"modal\").btn.btn-primary 登入會員\r\n\r\n //- PDF轉檔\r\n div(id=\"pdfModal\", tabindex=\"-1\"\r\n role=\"dialog\", aria-labelledby=\"pdfModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header.justify-content-center\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n input(id=\"pdfinput\" type=\"file\" class=\"d-none\" multiple=\"multiple\" accept=\".pdf\")\r\n //- 選擇檔案\r\n div.pdfUploadStyle.position-relative.p-3(v-show=\"pdfResponseFileName === ''\")\r\n //- 拖移檔案區塊\r\n div.pdfUpload(id=\"pdfUpload\" class=\"p-3\")\r\n h2.pb-2 PDF轉JPG\r\n p.m-0 點按鈕上傳 PDF 轉檔，或把多個PDF檔拖動到這裡\r\n button.btn.btn-lg.btn-danger.m-2 上傳PDF\r\n p.m-0.fz12.text-danger 上傳限制：{{maxPdfInputSize}} MB，一次最多轉檔 {{maxPdfInputCount}} 個檔案\r\n //- 我要上傳\r\n div.p-3(v-show=\"pdfInuptCount != 0\")\r\n p.m-0 您已上傳 {{pdfInuptCount}} 個檔案\r\n p.m-0.fz12.text-danger(v-if=\"pdfInputSize > maxPdfInputSize\") 總共已超過{{maxPdfInputSize}}MB，請點選[清除]重新上傳\r\n p.m-0.fz12.text-danger(v-if=\"pdfInuptCount > maxPdfInputCount\") 總共已超過{{maxPdfInputCount}}個檔案，請點選[清除]重新上傳\r\n button.btn.btn-outline-secondary.mx-2(@click=\"pdfInputSize=0;pdfInuptCount=0;pdfInputFile=[]\") 清除\r\n button.btn.btn-danger.mx-2(@click=\"pdfFileUpload()\") 轉檔為JPG\r\n //- 我要下載\r\n div.p-3.pdfDownloadStyle(v-show=\"pdfResponseFileName != ''\")\r\n h2.pb-2 PDF轉JPG\r\n h3 轉檔完成！\r\n div\r\n button.btn.btn-lg.btn-danger.m-2(@click=\"pdfImgFileDownload()\") 下載JPG圖片\r\n p.fz14.text-danger 注意：轉檔後請檢查圖檔是否正確無掉圖掉字，若有問題請另外找其他方式轉檔。\r\n div\r\n button.btn.btn-sm.btn-outline-secondary.mt-3(@click=\"pdfResponseFileName=''\") 繼續上傳PDF\r\n div.modal-footer.justify-content-center\r\n span.fz14 下載JPG後再到編輯器編輯\r\n\r\n //- 一般產品直接走正常流程\r\n //- 2022/10/14, jamei\r\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 開始製作\r\n //- 2022/10/21, jamei\r\n\r\n //- 沒有區分風格\r\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 開始製作\r\n\r\n //- 20221111 區分一般商品，與editorPrePage === 'leather-note' 且 specId === 177 時，按钮也顯示。\r\n button(\r\n v-if=\"specId_sizeId_info.cnt === 1 && shopCode !== YFP_SHOP && enableEdit === 1 && ((editorPrePage === 'N') || (editorPrePage === 'leather-note' && specId === 177))\"\r\n @click=\"startEdit(productionMode, productId, specId_sizeId_info.link, specId_sizeId_info.price, specId_sizeId_info.parameters)\"\r\n ).btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white.startEdit 開始製作\r\n\r\n //- 開始製作-編輯說明modal-名片/集點卡/謝卡/明信片/喜帖-card\r\n\r\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 開始製作\r\n\r\n div(id=\"exampleModal\", tabindex=\"-1\" role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit_pc.jpg\").img-fluid\r\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit_mobile.png\").img-fluid\r\n\r\n div.modal-footer\r\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 前往製作\r\n\r\n //- 開始製作-編輯說明modal-數位紅包袋(54)-redenv\r\n\r\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 開始製作\r\n\r\n div(id=\"redenvModal\", tabindex=\"-1\"\r\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit54.jpg\").img-fluid\r\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit54_mobile.jpg\").img-fluid\r\n\r\n div.modal-footer\r\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 前往製作\r\n\r\n //- 20240828開始製作-編輯說明modal-皮革綁帶筆記本(108)-leather-note\r\n\r\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 開始製作\r\n\r\n div(id=\"leather-noteModal\", tabindex=\"-1\"\r\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit108.jpg\").img-fluid\r\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit108_mobile.jpg\").img-fluid\r\n\r\n div.modal-footer\r\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 前往製作\r\n //- 20240828開始製作-編輯說明modal-皮革磁釦綁帶筆記本(109)-leather-note\r\n\r\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 開始製作\r\n\r\n div(id=\"magnetic-noteModal\", tabindex=\"-1\"\r\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit108.jpg\").img-fluid\r\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit108_mobile.jpg\").img-fluid\r\n\r\n div.modal-footer\r\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 前往製作\r\n\r\n //- 開始製作-編輯說明modal-頸掛式識別證帶(90)-lanyard\r\n\r\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 開始製作\r\n\r\n div(id=\"lanyardModal\", tabindex=\"-1\"\r\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n img(v-if=\"fullWidth > 900\" src=\"/static/img/lanyard_edit.jpg\").img-fluid\r\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/lanyard_edit_mobile.jpg\").img-fluid\r\n\r\n div.modal-footer\r\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 前往製作\r\n //- 彩色紙袋袋寬底4k-編輯說明modal-colorbag\r\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 開始製作\r\n\r\n div(id=\"colorbagModal\", tabindex=\"-1\"\r\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit/colorpaperbag_edit.jpg\").img-fluid\r\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit/colorpaperbag_edit_mobile.jpg\").img-fluid\r\n\r\n div.modal-footer\r\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 前往製作\r\n //- 開始製作-編輯說明modal-IG小夜燈(73)-IGLight\r\n\r\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 開始製作\r\n\r\n div(id=\"IGLightModal\", tabindex=\"-1\"\r\n role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n img(v-if=\"fullWidth > 900\" src=\"/static/img/edit_IGLight.jpg\").img-fluid\r\n img(v-if=\"fullWidth <= 900\" src=\"/static/img/edit_mobile_IGLight.jpg\").img-fluid\r\n\r\n div.modal-footer\r\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 前往製作\r\n\r\n //- 開始製作-編輯說明modal-拼圖(71,72)-puzzle\r\n\r\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 開始製作\r\n\r\n div(id=\"puzzleModal\", tabindex=\"-1\" role=\"dialog\", aria-labelledby=\"exampleModalLabel\", aria-hidden=\"true\").modal.fade\r\n div.modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n div(id=\"puzzleCarousel\" class=\"carousel slide carousel-fade\" data-interval=\"false\")\r\n div.carousel-inner\r\n![](\"/static/img/edit_mobile_puzzle_bulk1.jpg\")
\r\n ![](\"/static/img/edit_mobile_puzzle_complete1.jpg\")
\r\n div.d-flex.justify-content-between.p-2\r\n div\r\n //- 上一頁 \r\n div\r\n 下一頁 \r\n ![](\"/static/img/edit_mobile_puzzle3.jpg\")
\r\n div.d-flex.justify-content-between.p-2\r\n div\r\n 上一頁 \r\n div\r\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 前往製作\r\n ![\"edit\"](\"/static/img/edit_mobile.png\")
\r\n div.d-flex.justify-content-between.p-2\r\n div\r\n 上一頁 \r\n div\r\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 前往製作\r\n ![\"edit51TA6_pc_01\"](\"/static/img/edit/edit51TA6_pc_01.jpg\")
\r\n ![\"edit51T_pc_01\"](\"/static/img/edit/edit51T_pc_01.jpg\")
\r\n ![\"edit51T_pc_02\"](\"/static/img/edit/edit51T_pc_02.jpg\")
\r\n ![\"edit51LA6_pc_01\"](\"/static/img/edit/edit51LA6_pc_01.jpg\")
\r\n ![\"edit51T_pc_01\"](\"/static/img/edit/edit51L_pc_01.jpg\")
\r\n ![\"edit51T_pc_02\"](\"/static/img/edit/edit51L_pc_02.jpg\")
\r\n ![\"edit51TA6_mobile_01\"](\"/static/img/edit/edit51TA6_mobile_01.jpg\")
\r\n ![\"edit51T_mobile_01\"](\"/static/img/edit/edit51T_mobile_01.jpg\")
\r\n ![\"edit51T_mobile_02\"](\"/static/img/edit/edit51T_mobile_02.jpg\")
\r\n ![\"edit51LA6_mobile_01\"](\"/static/img/edit/edit51LA6_mobile_01.jpg\")
\r\n ![\"edit51L_mobile_01\"](\"/static/img/edit/edit51L_mobile_01.jpg\")
\r\n ![\"edit51L_mobile_02\"](\"/static/img/edit/edit51L_mobile_02.jpg\")
\r\n ![\"edit53_pc_01\"](\"/static/img/edit/edit53_pc_01.jpg\")
900\">\r\n ![\"edit53_pc_02\"](\"/static/img/edit/edit53_mobile_01.jpg\")
\r\n .lightBoxImgBox(style=\"max-width:100%;\" v-else-if=\"productId === 33\")\r\n ![\"edit33_pc_01\"](\"/static/img/edit/edit33_pc_01.jpg\")
900\">\r\n ![\"edit33_pc_02\"](\"/static/img/edit/edit33_mobile_01.jpg\")
\r\n .d-flex.justify-content-center.mt-5(v-if=\"productId !== 53 || productId !== 33\")\r\n a(:href=\"editLink\" @click=\"StartMaking\" v-show=\"hiddenMakeBtn\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\r\n .d-flex.justify-content-center\r\n a(:href=\"editLink\" @click=\"StartMaking\" v-if=\"productId === 53 || productId === 33\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\r\n //- 20240215 lightbox for 85 envelope\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 85\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n button(@click=\"editEnvModalShow = !editEnvModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editEnvModalShow && templateImgCount === 2 && productId === 85\")\r\n .border.border-dark.editModalBox.p-3\r\n \r\n br\r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 60%\" v-if=\"fullWidth > 900\")\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(src=\"/static/img/env_edit.jpg\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(src=\"/static/img/env_edit_mobile.jpg\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\r\n //- 20240215 lightbox for 86 folder\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 86\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n button(@click=\"editFolderModalShow = !editFolderModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editFolderModalShow && templateImgCount === 2 && productId === 86\")\r\n .border.border-dark.editModalBox.p-3\r\n \r\n br\r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 60%\" v-if=\"fullWidth > 900\")\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(src=\"/static/img/folder_edit.jpg\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(src=\"/static/img/folder_edit_mobile.jpg\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\r\n //- 20240215 lightbox for 87 paper folder\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 87\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\r\n //- 20240222 lightbox for 88 pen\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 88\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\r\n //- 20240215 lightbox for 89 stickynote\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 89\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\r\n //- 20240215 lightbox for 90 lanyard\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 16 && productId === 90\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n button(@click=\"editFolderModalShow = !editFolderModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editFolderModalShow && templateImgCount === 2 && productId === 90\")\r\n .border.border-dark.editModalBox.p-3\r\n \r\n br\r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 60%\" v-if=\"fullWidth > 900\")\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(src=\"/static/img/lanyard_edit.jpg\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(src=\"/static/img/lanyard_edit_mobile.jpg\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\r\n //- 20240221 lightbox for 10\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 3 && productId === 10\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\r\n //- 20240221 lightbox for 30\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 3 && productId === 30\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 開始製作\r\n //- 20231115 act bag\r\n //- .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 5\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n button(@click=\"editModalShow = !editModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editModalShow && templateImgCount === 2 && categoryId === 5\")\r\n .border.border-dark.editModalBox.p-3\r\n \r\n br\r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 95%\")\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n \r\n \r\n .d-flex.justify-content-center\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\r\n //- 20231115 act mug\r\n //- .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 13\")\r\n .border.border-dark.modalBox.p-3\r\n p.modalTitle.mb-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n button(@click=\"editModalShow = !editModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editModalShow && templateImgCount === 2 && categoryId === 13\")\r\n .border.border-dark.editModalBox.p-3\r\n \r\n br\r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 95%\")\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n \r\n \r\n .d-flex.justify-content-center\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\r\n //- 20240627新增紙袋製作\r\n //- .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 7 && productId === 106\")\r\n //- .border.border-dark.modalBox.p-3\r\n //- p.modalTitle.mb-4.text-center {{templateName}} \r\n //- .d-flex.justify-content-center\r\n //- .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n //- p 預覽\r\n //- .lightBoxImgBox(style=\"max-width:100%;\")\r\n //- img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n //- .d-flex.justify-content-center.mt-5\r\n //- button(@click=\"editFolderModalShow = !editFolderModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\r\n //- .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"editFolderModalShow && templateImgCount === 2 && productId === 106\")\r\n //- .border.border-dark.editModalBox.p-3\r\n //- \r\n //- br\r\n //- .d-flex.justify-content-center\r\n //- .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 60%\" v-if=\"fullWidth > 900\")\r\n //- .lightBoxImgBox(style=\"max-width:100%;\")\r\n //- img.img-fluid(src=\"/static/img/colorpaperbag_edit.jpg\" style=\"max-width: 100%\")\r\n //- .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\r\n //- .lightBoxImgBox(style=\"max-width:100%;\")\r\n //- img.img-fluid(src=\"/static/img/colorpaperbag_edit_mobile.jpg\" style=\"max-width: 100%\")\r\n //- .d-flex.justify-content-center\r\n //- a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.mb-1 開始製作\r\n //- 20240627新增紙袋製作\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"modalShow && templateImgCount === 2 && categoryId === 7\" )\r\n .border.border-dark.modalBox.p-3(style=\"max-width: 90%; max-height: 90vh;\")\r\n p.modalTitle.mb-4.ml-4.text-center {{templateName}} \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 50%\")\r\n p 預覽\r\n .lightBoxImgBox(style=\"max-width:100%;\")\r\n img.img-fluid(:src=\"modalRightOne\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.mt-5\r\n button(@click=\"redenvModalShow = !redenvModalShow\").btn.btn-primary.btnInPage.text-decoration-none.startEdit 前往製作\r\n .lightBox.d-flex.justify-content-center.align-items-center(v-if=\"redenvModalShow && templateImgCount === 2 && categoryId === 7\")\r\n .border.border-dark.editModalBox.p-3\r\n p.modalTitle.mt-4.text-center 編輯提醒 \r\n .d-flex.justify-content-center\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-if=\"fullWidth > 900\")\r\n .lightBoxImgBox(style=\"max-width:100%;\" v-if=\"productId === 106\")\r\n img.img-fluid(src=\"/static/img/edit/colorpaperbag_edit.jpg\" style=\"max-width: 100%\")\r\n .lightBoxImgBox(style=\"max-width:100%;\" v-else-if=\"productId === 107\")\r\n img.img-fluid(src=\"/static/img/edit/paperbag_edit.jpg\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center.align-items-center.flex-column(style=\"width: 100%\" v-else)\r\n .lightBoxImgBox(style=\"max-width:100%;\" v-if=\"productId === 106\")\r\n img.img-fluid(src=\"/static/img/edit/colorpaperbag_edit_mobile.jpg\" style=\"max-width: 100%\")\r\n .lightBoxImgBox(style=\"max-width:100%;\" v-else-if=\"productId === 107\")\r\n img.img-fluid(src=\"/static/img/edit/paperbag_edit_mobile.jpg\" style=\"max-width: 100%\")\r\n .d-flex.justify-content-center\r\n a(:href=\"editLink\" @click=\"StartMaking\").btn.btn-primary.btnInPage.text-decoration-none.startEdit.my-2 開始製作\r\n\r\n\r\n\r\n\r\n\r\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 d-flex my-3\",attrs:{\"id\":\"breadCrumb\"}},[_c('router-link',{staticClass:\"mb-0 text-gray text-decoration-none\",attrs:{\"to\":\"/\"}},[_vm._v(\"首頁\")]),_c('div',{staticClass:\"mb-0 text-gray mx-2\"},[_vm._v(\"/\")]),_c('router-link',{staticClass:\"mb-0 text-gray mx-2 categoryLink text-decoration-none\",attrs:{\"to\":'/productDetail/' + _vm.categoryId}},[_vm._v(_vm._s(_vm.categoryName))]),_c('p',{staticClass:\"mb-0 text-gray mx-2\"},[_vm._v(\"/\")]),_c('div',{staticClass:\"mb-0 mx-2 categoryLink text-decoration-none\",on:{\"click\":function($event){return _vm.$router.push('/standard/' + _vm.productId)}}},[_vm._v(_vm._s((\"\" + _vm.productName)))])],1),_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-554fb265\",\"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-554fb265\\\",\\\"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-554fb265\\\",\\\"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-554fb265\"\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 = ","\r\n.designer\r\n .container-fluid\r\n .row.px-0\r\n .col-sm-12.px-0\r\n img.w-100.firstBanner.img-fluid(:src=\"designerMaster[0].designerBannerImg\" v-if=\"designerMaster[0]\")\r\n .container.mt-3\r\n .row.align-items-center\r\n .col-md-3.h-100\r\n .d-flex.justify-content-center.h-100.align-items-center\r\n img(:src=\"designerMaster[0].designerIcon\" v-if=\"designerMaster[0]\").img-fluid.rounded-circle\r\n .col-md-9.h-100.d-flex.flex-column.justify-content-center\r\n p.titleFont(v-if=\"designerMaster[0]\") {{designerMaster[0].designerName}}\r\n p.designerDesc(v-html=\"designerMaster[0].designerDesc\" v-if=\"designerMaster[0]\")\r\n hr\r\n p.titleFont.text-center.my-5 主題精選\r\n //- 篩選大類\r\n .d-flex.justify-content-center.mb-3.flex-wrap\r\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)\")\r\n img(:src=\"item.categoryIcon\")\r\n p.mb-0 {{item.categoryName}}\r\n //- 202307 Isabel\r\n .d-flex.justify-content-between.align-items-center\r\n p.mb-0.font-weight-bold.categoryText(@click=\"badgeShowOrnot = !badgeShowOrnot\") {{selectedCategoryItem}} \r\n p.mb-0.font-weight-bold 共{{renderProductItem.length}}件商品\r\n hr\r\n //- badge 篩選Content\r\n .d-flex.justify-content-center(v-if=\"designerId === 702\") 彌月卡訂單成立隔天起算5個工作天出貨
，例假日、國定假日與補班日不算工作天，送禮前請預留時間提早下單。\r\n .d-flex.align-items-center.mb-3(v-if=\"badgeShowOrnot\")\r\n .badgeContent.text-center.mx-1(v-for=\"item in designerProducts\" v-if=\"selectedCategoryId === '' || selectedCategoryId === item.categoryId\" @click=\"selectedProductId = item.productId\") {{item.productName}}\r\n //- designer product item\r\n //- 20221214 企業合作商品\r\n .row.pb-5.moreChoicePicBox.justify-content-start(v-if=\"actionMode === '0' && designerId !== 702\")\r\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\r\n .card\r\n .imgBox\r\n img.card-img-top(:src=\"item.imgcover\")\r\n //- img.card-img-top(src=\"https://fakeimg.pl/256/\")\r\n .card-body\r\n //- p.mb-0.productName.text-center {{item.productName}}\r\n h5.card-title.font-weight-bold.text-secondary.text-center {{item.templateName}}\r\n //- 依莎貝爾 黑底暫除\r\n .row.pb-5.moreChoicePicBox.justify-content-start(v-if=\"actionMode === '0' && designerId === 702\")\r\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\r\n .card\r\n .imgBox\r\n img.card-img-top(:src=\"item.imgcover\")\r\n //- img.card-img-top(src=\"https://fakeimg.pl/256/\")\r\n .card-body\r\n //- p.mb-0.productName.text-center {{item.productName}}\r\n h5.card-title.font-weight-bold.text-secondary.text-center {{item.templateName}}\r\n\r\n //- modal Isabel editor\r\n div(id=\"exampleModal\" v-for=\"item in renderProductItem\" tabindex=\"-1\"\r\n role=\"dialog\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\").modal.fade\r\n div(v-if=\"fullWidth > 900\").modal-dialog(role=\"document\").modal-sm\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n img(v-if=\"selectedItem.categoryId === 9\", src=\"/static/img/Isabel_pc.png\").img-fluid\r\n img(v-else, src=\"/static/img/editordes_festival.jpg\").img-fluid\r\n div.modal-footer\r\n a(:href=\"selectedItem.editLink\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white 開始製作\r\n\r\n div(v-else).modal-dialog(role=\"document\").modal-md\r\n div.modal-content\r\n div.modal-header\r\n h5.modal-title(id=\"exampleModalLabel\") 編輯提醒\r\n button(type=\"button\", data-dismiss=\"modal\", aria-label=\"Close\").close\r\n span(aria-hidden=\"true\") ×\r\n div.modal-body.text-center\r\n img(v-if=\"selectedItem.categoryId === 9\",src=\"/static/img/Isabel_mobile.png\").img-fluid\r\n img(v-else, src=\"/static/img/editordes_festival.jpg\").img-fluid\r\n div.modal-footer\r\n a(:href=\"selectedItem.editLink\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white 開始製作\r\n\r\n //- 20221214 一般商品\r\n .row.pb-5.moreChoicePicBox.justify-content-start(v-if=\"actionMode === '1'\")\r\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\r\n .card\r\n .imgBox\r\n img.card-img-top(:src=\"item.imgcover\")\r\n //- img.card-img-top(src=\"https://fakeimg.pl/256/\")\r\n .card-body\r\n //- p.mb-0.productName.text-center {{item.productName}}\r\n h5.card-title.font-weight-bold.text-secondary.text-center {{item.templateName}}\r\n\r\n\r\n\r\n\r\n\r\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(\"開始製作\")])])])])])})],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(\"×\")])])])}]\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-5cfae90a\",\"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-5cfae90a\\\",\\\"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-5cfae90a\\\",\\\"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-5cfae90a\"\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 = ","\r\n640}\">NT {{price | currency}}起
\r\n //- 優惠價格\r\n div(v-else).newPlatform.theme-textCaption.d-flex.font-weight-bold.my-3.align-items-centerNT {{price | currency}}起
\r\n .font-weight-bold.text-right.text-danger.mb-3.activityPrice(v-html=\"discountprice\")\r\n div(class=\"border border-primary mb-5\" v-if=\"note\")\r\n div(class=\"m-2\" :style = \"{ 'background-color': noteBgcolor, 'color': noteForecolor}\" v-html=\"note\").font-weight-bold\r\n .d-flex.btnBox.flex-wrap(:class=\"{'justify-content-center' : fullWidth <= 640}\")\r\n a(:href=\"editLink\" :class=\"{'w-100' : fullWidth <= 640}\").btn.btn-primary.font-weight-bold.btnInPage.py-0.text-white 我要購買\r\n //- 2021/07/12, jamei, designerItemSwiper\r\n .container.mt-5.mt-md-0\r\n .row.justify-content-center.py-4\r\n h2.font-weight-bold.mb-0.text-secondary.secondTitle 產品特性\r\n hr(v-if=\"fullWidth > 640\").mt-0.mb-5\r\n .container(v-for=\"(item,idx) in productItemFeature\" )\r\n .row.justify-content-center(:class=\"{'flex-row-reverse': idx%2 == 0}\")\r\n .col-md-5\r\n .under_second_banner_des_box_left\r\n .glasses\r\n p.font-weight-bold.text-dark.under_secondbanner_des_title(:class=\"{'mb-3' : fullWidth <= 640}\") {{item.featureTitle}}\r\n p.under_secondbanner_des.mb-0(:class=\"{'text-justify' : fullWidth <= 640}\" v-html=\"item.featureDesc\")\r\n .col-md-7.bgSetting\r\n img(:src=\"item.featurePicture\")\r\n hr.my-5\r\n .container(v-for=\"(item,idx) in productFeature\" )\r\n .row.justify-content-center(:class=\"{'flex-row-reverse': idx%2 !== 0}\")\r\n .col-md-5\r\n .under_second_banner_des_box_left\r\n .glasses\r\n p.font-weight-bold.text-dark.under_secondbanner_des_title(:class=\"{'mb-3' : fullWidth <= 640}\") {{item.featureTitle}}\r\n p.under_secondbanner_des.mb-0(:class=\"{'text-justify' : fullWidth <= 640}\" v-html=\"item.featureDesc\")\r\n .col-md-7.bgSetting\r\n img(:src=\"item.featurePicture\")\r\n hr.my-5\r\n .container.mt-5.mt-md-0\r\n .row.justify-content-center.py-4\r\n h2.font-weight-bold.mb-0.text-secondary.secondTitle 購物須知\r\n .d-flex.justify-content-center\r\n .purchaseNotice(v-html=\"purchaseNotice\" :class=\"{'w-75' : fullWidth > 640}\")\r\n //- 2021/07/12, jamei, designerItemRecommendSwiper\r\n\r\n\r\n\r\n\r\n\r\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-30ae2a29\",\"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-30ae2a29\\\",\\\"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-30ae2a29\\\",\\\"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-30ae2a29\"\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 = ","\r\n.modifyEnroll\r\n .container-fluid\r\n .row.px-0.campaign.campaignBox.bg-primary(v-if=\"fullWidth >= 640\")\r\n p.mb-0.w-100.campaignDes.bor 全商品8折優惠 / 20% OFF．滿499免運費\r\n .container\r\n navbarhead(:viewportWidth=\"fullWidth\")\r\n navCustomize(:viewportWidth=\"fullWidth\")\r\n .container\r\n p.font-weight-bold.name.border-bottom.mb-0.py-3(v-if=\"fullWidth<= 640\") Hi {{nw2pMemberData.UDNAME}}!\r\n nav(aria-label=\"breadcrumb\")\r\n ol.breadcrumb.bg-white.pl-0\r\n router-link(to=\"/\").text-gray.breadcrumb-item.text-decoration-none 首頁\r\n li.text-gray.breadcrumb-item 我的帳戶\r\n li.breadcrumb-item.active.text-dark 資料修改\r\n hr\r\n .container\r\n .row\r\n .col-md-2\r\n .d-flex.flex-column\r\n router-link(to=\"/modifyEnroll\").text-decoration-none.mb-3.sideBarDetail 資料修改\r\n router-link(to=\"/modifyEnroll/changePassword\").text-decoration-none.mb-3.sideBarDetail 變更密碼\r\n .col-md-10\r\n router-view\r\n enrollmodal\r\n loginmodal\r\n\r\n\r\n\r\n\r\n\r\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-e1650d98\",\"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-e1650d98\\\",\\\"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-e1650d98\\\",\\\"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-e1650d98\"\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 = ","\r\n.accountdata\r\n h4.font-weight-bold 資料修改\r\n hr.mb-5\r\n p.font-weight-bold.fz14.mb-0 會員帳號*\r\n input(type=\"text\" v-model=\"enrollData.account\" disabled).form-control.rounded-0.border-dark.mb-3.full\r\n p.font-weight-bold.fz14.mb-0 會員姓名*\r\n input(type=\"text\" v-model=\"enrollData.UDNAME\").form-control.rounded-0.border-dark.mb-3.full\r\n p.font-weight-bold.fz14.mb-0 手機號碼*\r\n input(type=\"text\" v-model=\"enrollData.UPHONE\").form-control.rounded-0.border-dark.mb-3.full\r\n p.font-weight-bold.fz14.mb-0 生日*\r\n .row.birth.mx-0.mb-3\r\n .col-md-4.year\r\n select.form-control.rounded-0.border-dark.full(v-model=\"birthdayYear\")\r\n \r\n .col-md-4.px-0.month\r\n select.form-control.rounded-0.border-dark(v-model=\"birthdayMonth\")\r\n \r\n .col-md-4.date\r\n select.form-control.rounded-0.border-dark(v-model=\"birthdayDate\")\r\n \r\n .row.sexAndPhone.mx-0\r\n .col-md-6.sex\r\n .form-group.fz14.font-weight-bold 性別\r\n select.form-control.rounded-0.border-dark(v-model=\"enrollData.USEX\")\r\n \r\n \r\n .col-md-6.phone\r\n .form-group.fz14.font-weight-bold 電話\r\n input(type=\"tel\" v-model=\"enrollData.UTELPHONE\").form-control.rounded-0.border-dark\r\n .row.mx-0.knowUsBox\r\n .col-md-6.knowUs\r\n .form-group.fz14.font-weight-bold 從哪得知我們\r\n select.form-control.rounded-0.border-dark( v-model=\"enrollData.UREF\")\r\n option(value=\"10\") 部落格\r\n option(value=\"11\") Yahoo 關鍵字\r\n option(value=\"12\") Google 關鍵字\r\n option(value=\"13\") 親友推薦\r\n option(value=\"14\") 報章雜誌報導\r\n option(value=\"15\") DM廣告\r\n option(value=\"16\") 寰宇家庭\r\n option(value=\"17\") 紫金堂\r\n option(value=\"18\") 再生緣\r\n option(value=\"19\") Nikon 活動\r\n option(value=\"20\") 企業用戶\r\n option(value=\"21\") VOW 舊用戶\r\n option(value=\"22\") 17 Life\r\n option(value=\"23\") 設計師活動相關訊息\r\n option(value=\"24\") GROUPON\r\n option(value=\"25\") 攝影器材展\r\n option(value=\"26\") YAHOO 折扣\r\n option(value=\"27\") 大潤發\r\n option(value=\"28\") 家樂福\r\n option(value=\"29\") VeryWed\r\n option(value=\"30\") GOMAJI\r\n option(value=\"31\") 信誼\r\n option(value=\"99\") 其他\r\n .col-md-6.eNews\r\n .form-group.fz14.font-weight-bold 是否想收到電子報\r\n select.form-control.rounded-0.border-dark(v-model=\"enrollData.USEND\")\r\n option(value=\"Y\") 是\r\n option(value=\"N\") 否\r\n .row.addrBox.mx-0\r\n .col-md-4.zipCode\r\n p.fz14.font-weight-bold.mb-0 區號\r\n input.form-control.rounded-0.border-dark(tupe=\"text\" disabled v-model=\"enrollData.UAID\")\r\n .col-md-4.city\r\n p.fz14.font-weight-bold.mb-0 縣市\r\n select.form-control.rounded-0.border-dark(v-model=\"cityName\")\r\n option(v-for=\"item in totalCityName\") {{item}}\r\n .col-md-4.district\r\n p.fz14.font-weight-bold.mb-0 區域\r\n select.form-control.rounded-0.border-dark(v-model=\"districtName\")\r\n option(v-for=\"item in location\") {{item.districtName}}\r\n .col-12.px-0\r\n p.fz14.font-weight-bold.mb-0 地址\r\n input.form-control.rounded-0.border-dark(type=\r\n \"text\" v-model=\"enrollData.UADDR\")\r\n .row.justify-content-center.my-5.buttonBox.mx-0\r\n button(@click='modifyEnrollData').btn.btn-primary.btnInPage.py-0.px-0 更新\r\n\r\n\r\n\r\n\r\n\r\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-92b61e38\",\"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-92b61e38\\\",\\\"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-92b61e38\\\",\\\"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-92b61e38\"\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-04d2377d\",\"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-04d2377d\\\",\\\"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-04d2377d\\\",\\\"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-04d2377d\"\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 = ","\r\n.loading\r\n系統處理中...
'\r\n imgbox.innerHTML = ''\r\n let API_PATH = process.env.API\r\n let invoiceNum = state.invoiceNum\r\n let token = state.basketref\r\n fetch(`${API_PATH}user/invoiceimg/${token}/${invoiceNum}`, {method: 'POST'}).then(res => {\r\n return res.json()\r\n }).then(response => {\r\n if (response.error_code === '-1') {\r\n let message = response.error_message\r\n let theme = 'danger'\r\n commit('changeMessage', {message, theme}, {root: true})\r\n dispatch('closeModal')\r\n router.push('/')\r\n return\r\n }\r\n system.innerHTML = ''\r\n let image = new Image()\r\n image.src = response.data\r\n image.classList.add('img-fluid')\r\n imgbox.appendChild(image)\r\n }).finally(() => {\r\n })\r\n },\r\n // 開啟發票modal\r\n showModal () {\r\n $('#invoiceModal').modal('show')\r\n $('#tpx-basket-bar').css('z-index', '0')\r\n },\r\n // 關閉發票modal\r\n closeModal () {\r\n $('#invoiceModal').modal('hide')\r\n // taopix 預設css\r\n setTimeout(function () {\r\n $('#tpx-basket-bar').css('z-index', '900')\r\n }, 1000)\r\n },\r\n // 手機條碼\r\n checkBarCode ({commit, state, dispatch}) {\r\n // dispatch('getBasketRef')\r\n // if (state.basketref === '') {\r\n // let message = '請先登入'\r\n // let theme = 'danger'\r\n // commit('changeMessage', {message, theme}, {root: true})\r\n // router.push('/')\r\n // return\r\n // }\r\n\r\n // commit('LOADING', true, {root: true})\r\n // let token = state.basketref\r\n\r\n axios.post(`https://www-vc.einvoice.nat.gov.tw/BIZAPIVAN/biz?version=1.0&action=bcv&TxID=1&appId=EINV3201708203237&barCode=${state.barCode}`, {\r\n version: '1.0',\r\n action: 'bcv',\r\n TxID: '1',\r\n appId: 'EINV3201708203237',\r\n barCode: state.barCode\r\n }, {\r\n headers: {\r\n 'Content-Type': 'application/x-www-form-urlencoded'\r\n // 'Authorization': `Bearer `\r\n }\r\n }).then(res => {\r\n commit('checkBarCode', {confirmation: res.data})\r\n }).catch((error) => {\r\n console.log(error)\r\n })\r\n }\r\n },\r\n mutations: {\r\n updateField,\r\n setDate (state, {startDate, endDate}) {\r\n state.startDate = startDate\r\n state.endDate = endDate\r\n },\r\n getInvoice (state, {result}) {\r\n state.invoiceAry = result\r\n },\r\n invoiceNum (state, {invoiceNum}) {\r\n state.invoiceNum = invoiceNum\r\n },\r\n setBasketref (state, {basketref}) {\r\n state.basketref = basketref\r\n },\r\n checkBarCode (state, {confirmation}) {\r\n state.confirmationMessage = confirmation\r\n }\r\n },\r\n getters: {\r\n getField\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/invoiceSearch.js","import { getField, updateField } from 'vuex-map-fields'\r\nimport axios from 'axios'\r\n// import $ from 'jquery'\r\nimport router from '../../router'\r\n\r\nexport default{\r\n namespaced: true,\r\n state: {\r\n carrierInfo: {\r\n uname: '',\r\n card_ban: '',\r\n card_no1: '',\r\n card_no2: '',\r\n card_type: '',\r\n back_url: '',\r\n token: ''\r\n },\r\n startDate: '',\r\n endDate: '',\r\n carrierAry: [],\r\n basketref: '',\r\n CARD_URL: process.env.CARD_URL\r\n },\r\n actions: {\r\n getBasketRef ({commit}) {\r\n let basketref = window.tpxReadCookie('mawebhlbr')\r\n commit('setBasketref', {basketref})\r\n },\r\n init ({commit, state, dispatch}) {\r\n dispatch('getBasketRef')\r\n if (state.basketref === '') {\r\n alert('請先登入')\r\n router.push('/')\r\n return\r\n }\r\n commit('LOADING', true, {root: true})\r\n let API_PATH = process.env.API\r\n let basketref = state.basketref\r\n fetch(`${API_PATH}user/sessioninfo/${basketref}`, {method: 'POST'}).then(res => {\r\n return res.json()\r\n }).then(result => {\r\n let backUrl = `${API_PATH}invoicecarrier/aggrverify`\r\n // 目前uname=card_no1=card_no2\r\n // let cardNo1 = 'NW2P-' + result.data.userid + '-' + result.data.login\r\n let uname = result.data.emailaddress\r\n let cardBan = '38019423'\r\n let cardNo1 = result.data.emailaddress\r\n // 隱碼一定不能重覆(一個隱碼不可給不同的使用者)\r\n let cardNo2 = cardNo1\r\n let cardType = 'EG0364'\r\n axios.get(`${API_PATH}invoicecarrier/aggrprepare/${cardNo1}/${cardNo2}/${cardType}`).then(res => {\r\n console.log('token=' + res.data.data.token)\r\n console.log('en_cardno1=' + res.data.data.en_cardno1)\r\n console.log('en_cardno2=' + res.data.data.en_cardno2)\r\n console.log('en_cardtype=' + res.data.data.en_cardtype)\r\n console.log('backUrl=' + backUrl)\r\n let token = res.data.data.token\r\n let enCardNo1 = res.data.data.en_cardno1\r\n let enCardNo2 = res.data.data.en_cardno2\r\n let enCardType = res.data.data.en_cardtype\r\n commit('setToken', {token})\r\n commit('setParamenters', {uname, cardBan, enCardNo1, enCardNo2, enCardType, backUrl})\r\n })\r\n }).catch((error) => {\r\n console.error(error)\r\n }).finally(() => {\r\n commit('LOADING', false, {root: true})\r\n })\r\n },\r\n aggrCarrier ({commit, state, dispatch}) {\r\n dispatch('getBasketRef')\r\n if (state.basketref === '') {\r\n let message = '請先登入'\r\n let theme = 'danger'\r\n commit('changeMessage', {message, theme}, {root: true})\r\n router.push('/')\r\n return\r\n }\r\n /*\r\n if (state.carrierInfo['token'] === '') {\r\n alert('token產生失敗，請重試。')\r\n return\r\n }\r\n */\r\n commit('LOADING', true, {root: true})\r\n let API_PATH = process.env.API\r\n console.log('[aggrCarrier]')\r\n console.log(state.carrierInfo)\r\n fetch(`${API_PATH}invoicecarrier/aggrregister`, {method: 'POST',\r\n body: JSON.stringify(state.carrierInfo),\r\n headers: {\r\n 'content-type': 'application/json'\r\n }\r\n }).then(res => {\r\n return res.json()\r\n }).then(result => {\r\n // commit('aggrCarrier', {result})\r\n if (result.error_code === 0) {\r\n if (result.data.result === 'Y') {\r\n console.log(state.CARD_URL.trim())\r\n if (state.CARD_URL.trim() !== '') {\r\n $('form').attr('action', state.CARD_URL)\r\n $('form').attr('target', '_blank')\r\n $('form').trigger('submit')\r\n }\r\n } else {\r\n alert('驗證有誤，請重新載入。')\r\n }\r\n } else {\r\n alert('系統錯誤，請重試。')\r\n }\r\n }).finally(() => {\r\n commit('LOADING', false, {root: true})\r\n })\r\n }\r\n },\r\n mutations: {\r\n updateField,\r\n aggrCarrier (state, {result}) {\r\n state.carriereAry = result\r\n },\r\n setBasketref (state, {basketref}) {\r\n state.basketref = basketref\r\n },\r\n setToken (state, {token}) {\r\n state.carrierInfo['token'] = token\r\n },\r\n setParamenters (state, {uname, cardBan, enCardNo1, enCardNo2, enCardType, backUrl}) {\r\n state.carrierInfo['uname'] = uname\r\n state.carrierInfo['card_ban'] = cardBan\r\n state.carrierInfo['card_no1'] = enCardNo1\r\n state.carrierInfo['card_no2'] = enCardNo2\r\n state.carrierInfo['card_type'] = enCardType\r\n state.carrierInfo['back_url'] = backUrl\r\n }\r\n },\r\n getters: {\r\n getField\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/carrierBelong.js","import axios from 'axios'\r\n\r\nexport default {\r\n namespaced: true,\r\n state: {\r\n coupons: [],\r\n kind: []\r\n },\r\n actions: {\r\n getGroupCoupon ({ commit }) {\r\n let API_PATH = process.env.API\r\n commit('LOADING', true, { root: true })\r\n axios\r\n .get(`${API_PATH}groupcoupon/getdetail`)\r\n .then((rep) => {\r\n let coupons = rep.data.data.productItem\r\n let kind = []\r\n coupons.forEach((item) => {\r\n // productName\r\n if (kind.indexOf(item.productName) < 0) {\r\n kind.push(item.productName)\r\n }\r\n })\r\n console.log(kind)\r\n console.log(coupons)\r\n commit('getGroupCoupon', { coupons, kind })\r\n })\r\n .finally(() => {\r\n commit('LOADING', false, { root: true })\r\n })\r\n }\r\n },\r\n mutations: {\r\n getGroupCoupon (state, { coupons, kind }) {\r\n state.coupons = coupons\r\n state.kind = kind\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/exchange.js","import axios from 'axios'\r\n\r\nexport default{\r\n namespaced: true,\r\n state: {\r\n productItems: [],\r\n kind: []\r\n },\r\n actions: {\r\n getActivityProductItems ({commit}) {\r\n let API_PATH = process.env.API\r\n commit('LOADING', true, {root: true})\r\n axios.get(`${API_PATH}activity/getdetail`).then(rep => {\r\n let productItems = rep.data.data.productItem\r\n let kind = []\r\n productItems.forEach(item => {\r\n // productName\r\n if (kind.indexOf(item.productName) < 0) {\r\n kind.push(item.productName)\r\n }\r\n })\r\n console.log(kind)\r\n console.log(productItems)\r\n commit('getActivityProductItems', {productItems, kind})\r\n }).finally(() => {\r\n commit('LOADING', false, {root: true})\r\n })\r\n }\r\n },\r\n mutations: {\r\n getActivityProductItems (state, {productItems, kind}) {\r\n state.productItems = productItems\r\n state.kind = kind\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/activity.js","// import { getField, updateField } from 'vuex-map-fields'\r\n\r\nexport default {\r\n state: {\r\n shopCode: null,\r\n productionMode: ''\r\n },\r\n actions: {\r\n getShopCode (context) {\r\n context.commit('setShopByUrl')\r\n },\r\n getProductionMode (context, {shopCode}) {\r\n context.commit('setProductionMode', {shopCode})\r\n }\r\n },\r\n mutations: {\r\n setShopByUrl (state) {\r\n document.body.dataset.url = location.href\r\n console.log('{common} [setShopByUrl] ' + Date.now() + ' document.body.dataset.url=' + document.body.dataset.url)\r\n let shopCode = null\r\n if (document.body.dataset.url.includes('/shop2/')) {\r\n shopCode = 'shop2'\r\n } else {\r\n shopCode = null\r\n }\r\n state.shopCode = shopCode\r\n console.log('{common} state.shopCode=' + state.shopCode)\r\n },\r\n setProductionMode (state, {shopCode}) {\r\n console.log('common [setProductionMode] ' + Date.now() + ' shopCode=' + shopCode)\r\n let productionMode = ''\r\n if (shopCode === 'shop2') {\r\n productionMode = 'F'\r\n } else {\r\n productionMode = 'E'\r\n }\r\n state.productionMode = productionMode\r\n console.log('state.productionMode=' + state.productionMode)\r\n }\r\n // updateField\r\n }\r\n // computed\r\n /*\r\n getters: {\r\n getField\r\n }\r\n */\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/commonShop.js","import { getField, updateField } from 'vuex-map-fields'\r\nimport router from '../../router'\r\n\r\nexport default{\r\n namespaced: true,\r\n state: {\r\n startDate: '',\r\n endDate: '',\r\n orderAry: [],\r\n basketref: '',\r\n ordernumber: null\r\n },\r\n actions: {\r\n getBasketRef ({commit}) {\r\n /* 2022/10/04, jamei\r\n let ca = document.cookie.split(';')\r\n let tempbasketref = ''\r\n for (let i = 0; i < ca.length; i++) {\r\n let c = ca[i]\r\n if (c.charAt(0) === ' ') {\r\n c = c.substring(1, c.length)\r\n if (c.includes('')) {\r\n tempbasketref = c\r\n }\r\n }\r\n }\r\n let basketref = tempbasketref.replace('mawebhlbr=', '')\r\n */\r\n let basketref = window.tpxReadCookie('mawebhlbr')\r\n commit('setBasketref', {basketref})\r\n },\r\n getOrder ({commit, state, dispatch}) {\r\n dispatch('getBasketRef')\r\n if (state.basketref === '') {\r\n let message = '請先登入'\r\n let theme = 'danger'\r\n commit('changeMessage', {message, theme}, {root: true})\r\n router.push('/')\r\n return\r\n }\r\n if (state.startDate === '' || state.endDate === '') {\r\n let message = '請選擇搜尋區間'\r\n let theme = 'primary'\r\n commit('changeMessage', {message, theme}, {root: true})\r\n return\r\n }\r\n commit('LOADING', true, {root: true})\r\n let API_PATH = process.env.API\r\n let token = state.basketref\r\n // let orderNumber = state.ordernumber\r\n fetch(`${API_PATH}pdfwkflow/getorders/${token}/${state.startDate}/${state.endDate}`, {method: 'POST'}).then(res => {\r\n return res.json()\r\n }).then(result => {\r\n commit('getOrder', {result})\r\n }).finally(() => {\r\n commit('LOADING', false, {root: true})\r\n })\r\n },\r\n init ({commit, state, dispatch}) {\r\n dispatch('getBasketRef')\r\n if (state.basketref === '') {\r\n alert('請先登入')\r\n router.push('/')\r\n return\r\n }\r\n commit('LOADING', true, {root: true})\r\n let today = new Date()\r\n let time = today.getTime()\r\n // use timestamp count timestamp of a thirty days ago\r\n let oneMonthAgoTimeStamp = time - 86400000 * 30\r\n let oneMonthAgoDate = new Date(oneMonthAgoTimeStamp)\r\n let y = today.getFullYear()\r\n let ly = oneMonthAgoDate.getFullYear()\r\n /* 2022/09/16, jamei\r\n let m = (today.getMonth() + 1 < 10) ? '0' + today.getMonth() + 1 : today.getMonth() + 1\r\n let lm = (oneMonthAgoDate.getMonth() + 1 < 10) ? '0' + oneMonthAgoDate.getMonth() + 1 : oneMonthAgoDate.getMonth() + 1\r\n */\r\n let m = (today.getMonth() + 1 < 10) ? '0' + parseInt(today.getMonth() + 1) : parseInt(today.getMonth() + 1)\r\n let lm = (oneMonthAgoDate.getMonth() + 1 < 10) ? '0' + parseInt(oneMonthAgoDate.getMonth() + 1) : parseInt(oneMonthAgoDate.getMonth() + 1)\r\n let date = (today.getDate() < 10) ? '0' + today.getDate() : today.getDate()\r\n let ldate = (oneMonthAgoDate.getDate() < 10) ? '0' + oneMonthAgoDate.getDate() : oneMonthAgoDate.getDate()\r\n let endDate = `${y}-${m}-${date}`\r\n let startDate = `${ly}-${lm}-${ldate}`\r\n let token = state.basketref\r\n // let orderNumber = state.ordernumber\r\n let API_PATH = process.env.API\r\n commit('setDate', {startDate, endDate})\r\n fetch(`${API_PATH}pdfwkflow/getorders/${token}/${startDate}/${endDate}`, {method: 'POST'}).then(res => {\r\n return res.json()\r\n }).then(result => {\r\n commit('getOrder', {result})\r\n }).catch((error) => {\r\n console.error(error)\r\n }).finally(() => {\r\n commit('LOADING', false, {root: true})\r\n })\r\n }\r\n },\r\n mutations: {\r\n updateField,\r\n setDate (state, {startDate, endDate}) {\r\n state.startDate = startDate\r\n state.endDate = endDate\r\n },\r\n setBasketref (state, {basketref}) {\r\n state.basketref = basketref\r\n },\r\n getOrder (state, {result}) {\r\n state.orderAry = result\r\n console.log(result)\r\n }\r\n },\r\n getters: {\r\n getField\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/modules/orderSearch.js","import Vue from 'vue'\r\nimport Vuex from 'vuex'\r\n// import { getField, updateField } from 'vuex-map-fields'\r\nimport standardModules from './modules/standard'\r\nimport loginModules from './modules/login'\r\nimport enrollModules from './modules/enroll'\r\nimport homeModules from './modules/home'\r\nimport navbarModules from './modules/navbar'\r\nimport navbarNewModules from './modules/navbarNew'\r\nimport modifyEnrollModules from './modules/modifyEnroll'\r\nimport logOutModules from './modules/logout'\r\nimport alertModules from './modules/alert'\r\nimport productDetailModules from './modules/productDetail'\r\nimport contactusModules from './modules/contactus'\r\nimport dedicatedServiceModules from './modules/dedicatedservice'\r\n// import styleModules from './modules/style'\r\nimport styleSearchModules from './modules/styleSearch'\r\nimport bulletinModules from './modules/bulletin'\r\nimport designerModules from './modules/designer'\r\nimport designerItemModules from './modules/designerItem'\r\nimport homeSwiperModules from './modules/homeswiper'\r\nimport invoiceSearchModules from './modules/invoiceSearch'\r\nimport carrierBelongModules from './modules/carrierBelong'\r\nimport exchangeModules from './modules/exchange'\r\nimport activityModules from './modules/activity'\r\nimport commonShopModules from './modules/commonShop'\r\nimport orderSearchModules from './modules/orderSearch'\r\nVue.use(Vuex)\r\n\r\nexport default new Vuex.Store({\r\n state: {\r\n isLoading: null,\r\n sideBarShow: null,\r\n openStyleModal: null,\r\n openEditModal: null,\r\n openRedenvModal: null,\r\n imgPath: window.imgPath,\r\n serviceContentDrop: '#/serviceContent'\r\n },\r\n actions: {\r\n loadingStatus (context, status) {\r\n context.commit('LOADING', status)\r\n }\r\n },\r\n mutations: {\r\n LOADING (context, status) {\r\n const vm = this\r\n vm.state.isLoading = status\r\n },\r\n sideBarShowEvent (state, status) {\r\n state.sideBarShow = status\r\n }\r\n },\r\n getters: {\r\n },\r\n modules: {\r\n standardModules,\r\n loginModules,\r\n enrollModules,\r\n homeModules,\r\n productDetailModules,\r\n navbarModules,\r\n navbarNewModules,\r\n modifyEnrollModules,\r\n logOutModules,\r\n alertModules,\r\n contactusModules,\r\n dedicatedServiceModules,\r\n // styleModules,\r\n styleSearchModules,\r\n bulletinModules,\r\n designerModules,\r\n designerItemModules,\r\n homeSwiperModules,\r\n invoiceSearchModules,\r\n carrierBelongModules,\r\n exchangeModules,\r\n activityModules,\r\n commonShopModules,\r\n orderSearchModules\r\n }\r\n})\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/store/index.js","// The Vue build version to load with the `import` command\r\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\r\nimport Vue from 'vue'\r\nimport App from './App'\r\nimport router from './router'\r\nimport 'bootstrap'\r\nimport $ from 'jquery'\r\nimport axios from 'axios'\r\nimport VueAxios from 'vue-axios'\r\nimport Vuex from 'vuex'\r\nimport store from './store'\r\nimport loading from 'vue-loading-overlay'\r\nimport { ValidationProvider, extend } from 'vee-validate'\r\nimport { required, email, digits } from 'vee-validate/dist/rules'\r\nimport { messages } from 'vee-validate/dist/locale/zh_TW.json'\r\nimport VueGtm from 'vue-gtm'\r\nimport VueClipboards from 'vue-clipboards'\r\n\r\n// GTM\r\n// import {pageUserTrack} from './assets/trackService'\r\n// Import stylesheet\r\nimport 'vue-loading-overlay/dist/vue-loading.css'\r\nimport filter from './assets/filters/currency'\r\n// GTM\r\nimport VueSimpleAlert from 'vue-simple-alert'\r\n\r\nVue.filter('currency', filter)\r\nwindow.$ = $ // 將原本的$變成jquery\r\nVue.use(VueAxios, axios)\r\n// 使用Vuex\r\nVue.use(Vuex)\r\n// use router\r\nVue.use(router)\r\n// vue-loading-overlay\r\nVue.component('loading', loading)\r\nVue.use(VueSimpleAlert)\r\nVue.use(VueClipboards)\r\nlet gtm = window.gtm\r\nVue.use(VueGtm, {\r\n // container id\r\n id: gtm,\r\n enabled: true,\r\n loadScript: true,\r\n // display console logs debugs or not (optional)\r\n debug: false,\r\n vueRouter: router\r\n})\r\n\r\n// vee validate\r\nVue.component('ValidationProvider', ValidationProvider)\r\nextend('email', {\r\n ...email,\r\n message: messages.email\r\n})\r\n// Override the default message.\r\nextend('required', {\r\n ...required,\r\n message: messages.required\r\n})\r\nextend('digits', {\r\n ...digits,\r\n message: messages.digits\r\n})\r\n\r\n// Vue Image Zoomer\r\nconst ImageZoom = require('vue-image-zoomer').default\r\n\r\nVue.component('image-zoom', ImageZoom)\r\n\r\n// event bus\r\nVue.prototype.$bus = new Vue()\r\n\r\nVue.config.productionTip = false\r\n\r\n/* eslint-disable no-new */\r\nnew Vue({\r\n el: '#app',\r\n router,\r\n store,\r\n components: { App },\r\n template: '![](\"/static/img/edit_mobile_puzzle_bulk2.jpg\")
\r\n ![](\"/static/img/edit_mobile_puzzle_complete2.jpg\")
\r\n div.d-flex.justify-content-between.p-2\r\n div\r\n ![\"edit52_pc_01\"](\"/static/img/edit/edit52_pc_01.jpg\")
\r\n ![\"edit52_pc_02\"](\"/static/img/edit/edit52_pc_02.jpg\")
\r\n ![\"edit52_mobile_01\"](\"/static/img/edit/edit52_mobile_01.jpg\")
\r\n ![\"edit52_mobile_02\"](\"/static/img/edit/edit52_mobile_02.jpg\")
\r\n