{"version":3,"sources":["webpack:///./src/components/cpMajorTab.vue?9e05","webpack:///./src/components/loAside.vue?81a0","webpack:///./src/components/mdNav.vue?e283","webpack:///src/components/mdNav.vue","webpack:///./src/components/mdNav.vue?5781","webpack:///./src/components/mdNav.vue","webpack:///./src/components/mdNav.vue?42f9","webpack:///./src/components/mdNavToggle.vue?7d93","webpack:///./src/components/mdProductInfo.vue?30f1","webpack:///./src/components/cpFile.vue?f411","webpack:///./src/components/cpLink.vue?3142","webpack:///src/components/cpLink.vue","webpack:///./src/components/cpLink.vue?90d0","webpack:///./src/components/cpLink.vue","webpack:///./src/pages/productList.vue?d4dc","webpack:///./src/components/mdProductInfo.vue?3633","webpack:///./src/components/cpFile.vue?9920","webpack:///src/components/cpFile.vue","webpack:///./src/components/cpFile.vue?e730","webpack:///./src/components/cpFile.vue","webpack:///./src/components/cpMajorTab.vue?0933","webpack:///src/components/cpMajorTab.vue","webpack:///./src/components/cpMajorTab.vue?e8ec","webpack:///./src/components/cpMajorTab.vue","webpack:///src/components/mdProductInfo.vue","webpack:///./src/components/mdProductInfo.vue?18ac","webpack:///./src/components/mdProductInfo.vue","webpack:///src/pages/productList.vue","webpack:///./src/pages/productList.vue?4201","webpack:///./src/pages/productList.vue","webpack:///./src/components/mdNavToggle.vue?2dad","webpack:///src/components/mdNavToggle.vue","webpack:///./src/components/mdNavToggle.vue?12ed","webpack:///./src/components/mdNavToggle.vue","webpack:///./src/pages/productList.vue?870f","webpack:///./src/components/loAside.vue?fbb3","webpack:///src/components/loAside.vue","webpack:///./src/components/loAside.vue?2573","webpack:///./src/components/loAside.vue","webpack:///./src/components/loHeading.vue?4f24","webpack:///./src/components/loHeading.vue?cdeb","webpack:///src/components/loHeading.vue","webpack:///./src/components/loHeading.vue?8f14","webpack:///./src/components/loHeading.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","$item","key","sn","class","subs","length","open","active","attrs","on","$event","clickNav","$$item","_e","staticRenderFns","component","node","href","show","_v","_s","caption","preventDefault","click","ref","$t","list","navTree","receiveEvent","productSN","productCaption","page","chagePage","productListInit","product_s","style","imageurl","$siteConfig","emptyProductPhoto","is_favorite","stopPropagation","favorite","contact","alias","product_b","product_m","price","$okaTool","numberToStringFormat","AlertMessage","showPopUp","showToolTip","listNode","discount","priceType","user","ispaycash","allowance","disQty","num","multipleBase","errors","has","first","usePackageData","editable","directives","name","rawName","value","result","expression","hasNullPackage","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","$set","multiple","item","package_s","domProps","remarks","useQualityList","hasNullQuality","quality","contactRemark","$siteTool","dayRestriction","init","model","callback","$$v","composing","addToCart","description","replace","fileList","tabs","fileType","file","langID","getFileExtension","file_zh","document_zh","getFile","file_en","document_en","type","extend","clickFile","removeFile","changeTab","undefined","minorCaption","initProductClass","setShow","showNav","navToggle","asideState","_t"],"mappings":"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","file":"js/chunk-691c031f.3428695f.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpMajorTab.vue?vue&type=style&index=0&id=511aee72&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpMajorTab.vue?vue&type=style&index=0&id=511aee72&scoped=true&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loAside.vue?vue&type=style&index=0&id=7fd614ce&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loAside.vue?vue&type=style&index=0&id=7fd614ce&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"md nav\"},[_c('ul',_vm._l((_vm.data),function($item){return _c('li',{key:$item.sn,class:[\n                $item.subs && $item.subs.length? 'is-parent': '',\n                $item.open? 'is-open': '',\n                $item.active? 'is-active': '' ]},[_c('cpLink',{attrs:{\"node\":$item},on:{\"click\":function($event){_vm.clickNav($item)}}}),($item.subs)?_c('ul',{staticClass:\"func\"},_vm._l(($item.subs),function($$item){return _c('li',{key:$$item.sn,class:[$$item.active? 'is-active': '']},[_c('cpLink',{attrs:{\"node\":$$item},on:{\"click\":function($event){_vm.clickNav($$item)}}})],1)}),0):_vm._e()],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"md nav\">\r\n        <ul>\r\n            <li\r\n                v-for=\"$item in data\"\r\n                :key=\"$item.sn\"\r\n                :class=\"[\r\n                    $item.subs && $item.subs.length? 'is-parent': '',\r\n                    $item.open? 'is-open': '',\r\n                    $item.active? 'is-active': '',\r\n                ]\"\r\n            >\r\n                <cpLink\r\n                    :node=\"$item\"\r\n                    @click=\"clickNav($item)\"\r\n                ></cpLink>\r\n                <ul\r\n                    v-if=\"$item.subs\"\r\n                    class=\"func\">\r\n                    <li\r\n                        v-for=\"$$item in $item.subs\"\r\n                        :key=\"$$item.sn\"\r\n                        :class=\"[$$item.active? 'is-active': '']\"\r\n                    >\r\n                        <cpLink\r\n                            :node=\"$$item\"\r\n                            @click=\"clickNav($$item)\"\r\n                        ></cpLink>\r\n                    </li>\r\n                </ul>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import cpLink from '@/components/cpLink'\r\n\r\n    export default {\r\n        components: {\r\n            cpLink,\r\n        },\r\n        props: {\r\n            data: {\r\n                type: Array,\r\n                require: false,\r\n                default: function(){\r\n                    return []\r\n                }\r\n            },\r\n        },\r\n        methods: {\r\n            clickNav: function(opt){\r\n                this.$emit('sendEvent', 'clickNav', opt);\r\n            },\r\n        },\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .md.nav {\r\n        $icon-font-padding: 20px;\r\n        $padding-left: 20px;\r\n        $icon-left: 13px;\r\n\r\n        user-select: none;\r\n\r\n        > ul {\r\n\r\n            > li {\r\n                position: relative;\r\n\r\n                + li {\r\n                    margin-top: $interval-xs;\r\n                \r\n                    @include media('mobile') {\r\n                        margin-top: $interval-s;\r\n                    }\r\n                }\r\n\r\n                > a {\r\n                    padding-left: $padding-left + $icon-font-padding;\r\n                    border-radius: $border-radius;\r\n\r\n                    &::before,&::after {\r\n                        @extend %font-pseudo;\r\n                        top: 4px;\r\n                    }\r\n\r\n                    &::before {\r\n                        content: '\\e55c';\r\n                        left: $icon-left;\r\n                        position: absolute;\r\n                        font-size: $font-size-l;\r\n                        margin-right: 0;\r\n                    }\r\n                }\r\n\r\n                > /*ul*/.func { //第 2 層\r\n                    position: relative;\r\n\r\n                    &::before {\r\n                        transition: $transition;\r\n                        content: $content;\r\n                        position: absolute;\r\n                        width: 1px;\r\n                        left: $padding-left;\r\n                        top: 0;\r\n                        bottom: 0;\r\n                        background-color: $forth-color;\r\n\r\n                        @include media('mobile') {\r\n                            background-color: $white;\r\n                        }\r\n                    }\r\n\r\n                    > li {\r\n                        margin-top: $interval-s;\r\n\r\n                        > a {\r\n                            padding: $interval-s $interval-m;\r\n                            margin-left: $padding-left * 2;\r\n                            border-radius: $border-radius;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        ul {\r\n            @extend %reset;\r\n\r\n            &.func {\r\n                transition: 600ms;\r\n                overflow: hidden;\r\n                max-height: 0;\r\n            }\r\n        }\r\n\r\n        li {\r\n            transition: $transition;\r\n\r\n            &:hover {\r\n                \r\n            }\r\n\r\n            &.is-active {\r\n\r\n                > a {\r\n                    background-color: $forth-color;\r\n                    color: $white;\r\n\r\n                    @include media('mobile') {\r\n                        background-color: $white;\r\n                        color: $forth-color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.is-parent {\r\n\r\n                > a {\r\n                    padding-right: $interval-xl + $interval-m;\r\n\r\n                    &::after {\r\n                        content: '\\e5c5';\r\n                    }\r\n                }\r\n\r\n                &.is-open {\r\n\r\n                    > a {\r\n\r\n                        &::after {\r\n                            content: '\\e5c7';\r\n                        }\r\n                    }\r\n\r\n                    > /*ul*/.func {\r\n                        padding-bottom: $interval-s;\r\n                        max-height: 600px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        a {\r\n            @extend %ellipsis;\r\n            display: block;\r\n            position: relative;\r\n            cursor: pointer;\r\n            padding: $interval-s;\r\n            transition: $transition;\r\n            color: $forth-color;\r\n\r\n            @include media('mobile') {\r\n                font-size: $font-size-l;\r\n                color: $white;\r\n            }\r\n\r\n            &:hover {\r\n                opacity: $opacity-m;\r\n            }\r\n\r\n            &::after {\r\n                position: absolute;\r\n                top: $interval-xs;\r\n                right: $interval-xs;\r\n                bottom: $interval-xs;\r\n                width: $interval-xl - $interval-xs;\r\n                // border-radius: $border-radius;\r\n                cursor: pointer;\r\n                text-align: center;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdNav.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdNav.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mdNav.vue?vue&type=template&id=75b1ca0b&scoped=true&\"\nimport script from \"./mdNav.vue?vue&type=script&lang=js&\"\nexport * from \"./mdNav.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mdNav.vue?vue&type=style&index=0&id=75b1ca0b&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"75b1ca0b\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdNav.vue?vue&type=style&index=0&id=75b1ca0b&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdNav.vue?vue&type=style&index=0&id=75b1ca0b&scoped=true&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdNavToggle.vue?vue&type=style&index=0&id=09b1b9b2&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdNavToggle.vue?vue&type=style&index=0&id=09b1b9b2&scoped=true&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdProductInfo.vue?vue&type=style&index=0&id=01131b46&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdProductInfo.vue?vue&type=style&index=0&id=01131b46&scoped=true&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpFile.vue?vue&type=style&index=0&id=6fec3d3a&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpFile.vue?vue&type=style&index=0&id=6fec3d3a&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.node.href)?_c('router-link',{staticClass:\"name\",attrs:{\"to\":_vm.node.href},on:{\"mouseenter\":function($event){_vm.show($event, _vm.node)}}},[_c('span',[_vm._v(_vm._s(_vm.node.caption))])]):_c('a',{staticClass:\"name\",on:{\"mouseenter\":function($event){_vm.show($event, _vm.node)},\"click\":function($event){$event.preventDefault();return _vm.click($event)}}},[_c('span',[_vm._v(_vm._s(_vm.node.caption))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <router-link\r\n        v-if=\"node.href\"\r\n        class=\"name\"\r\n        :to=\"node.href\"\r\n        @mouseenter=\"show($event, node)\"\r\n    >\r\n        <span>{{ node.caption }}</span>\r\n    </router-link>\r\n    <a\r\n        v-else\r\n        class=\"name\"\r\n        @mouseenter=\"show($event, node)\"\r\n        @click.prevent=\"click\"\r\n    >\r\n        <span>{{ node.caption }}</span>\r\n    </a>\r\n</template>\r\n\r\n<script>\r\n    import { mapMutations } from 'vuex'\r\n\r\n    export default {\r\n        props: {\r\n            node: {\r\n                type: Object,\r\n                require: true,\r\n            },\r\n        },\r\n        methods: {\r\n            ...mapMutations([\r\n                'pushToolTip',\r\n            ]),\r\n            click: function(){ \r\n                this.$emit('click')\r\n            },\r\n            show: function(evt, opt){\r\n                \r\n                this.pushToolTip({\r\n                    type: 'toolTip',\r\n                    event: evt,\r\n                    content: {\r\n                        caption: null,\r\n                        html: opt.caption\r\n                    },\r\n                    pointerEvents: 'none'\r\n                })\r\n            },\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpLink.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpLink.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cpLink.vue?vue&type=template&id=0c6910a5&scoped=true&\"\nimport script from \"./cpLink.vue?vue&type=script&lang=js&\"\nexport * from \"./cpLink.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0c6910a5\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lo router\"},[_c('loPage',[_c('loAside',{ref:\"loAside\"},[_c('mdCaption',{attrs:{\"caption\":_vm.$t('site.noun.productcategory')}}),(_vm.list.length)?_c('mdNav',{attrs:{\"data\":_vm.navTree},on:{\"sendEvent\":_vm.receiveEvent}}):_c('div',{staticClass:\"g mask-box-side\"},[_c('transition',{attrs:{\"name\":\"fade\"}},[_c('mdLoading')],1)],1)],1),_c('loSection',[(_vm.productSN)?[_c('loHeading',{attrs:{\"caption\":_vm.$t('page.product.caption.productinfo')}}),_c('loArticle',[_c('mdProductInfo',{attrs:{\"sn\":_vm.productSN},on:{\"sendEvent\":_vm.receiveEvent}}),_c('mdNavToggle')],1)]:[_c('loHeading',{attrs:{\"caption\":_vm.productCaption}}),_c('loArticle',[(_vm.productListInit)?_c('gProductList',{attrs:{\"list\":_vm.list,\"setLength\":20,\"selector\":[12, 24, 48, 96],\"pageSet\":_vm.page,\"action\":_vm.chagePage},on:{\"sendEvent\":_vm.receiveEvent}}):_c('div',{staticClass:\"g mask-box-center\"},[_c('transition',{attrs:{\"name\":\"fade\"}},[_c('mdLoading')],1)],1),_c('mdNavToggle')],1)]],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.productListInit && _vm.node.product_s)?_c('div',{staticClass:\"md product-info\"},[(_vm.runingAnimate)?_c('div',{staticClass:\"animate-node\",style:(_vm.animateNode)},[_c('div',{staticClass:\"mask\",style:('background-image: url('+ _vm.node.imageurl +')')})]):_vm._e(),_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"image-area\"},[_c('div',{staticClass:\"div\"},[_c('div',{ref:\"mask\",staticClass:\"mask\",style:({\n                        'background-image': 'url('+ _vm.node.imageurl +')',\n                        'background-size': _vm.$siteConfig.emptyProductPhoto === _vm.node.imageurl? 'contain': 'cover',\n                    })}),_c('img',{attrs:{\"src\":_vm.node.imageurl}})]),_c('div',{staticClass:\"func\"},[_c('ul',[_c('li',{staticClass:\"is-favorite\",class:[_vm.node.is_favorite? 'is-active': '']},[_c('a',{attrs:{\"title\":_vm.$t('site.func.addfavorites')},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.favorite($event)}}},[_c('span',[_vm._v(_vm._s(_vm.$t('site.func.addfavorites')))])])]),_c('li',{staticClass:\"is-contact\"},[_c('a',{attrs:{\"title\":_vm.$t('site.func.contactsales')},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.contact($event)}}},[_c('span',[_vm._v(_vm._s(_vm.$t('site.func.contactsales')))])])])])])]),_c('div',{staticClass:\"input-area\"},[_c('div',{staticClass:\"caption\"},[_c('div',{staticClass:\"product\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.node.alias || _vm.node.product_s))]),_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.node.product_b)+\"-\"+_vm._s(_vm.node.product_m))])]),_c('div',{staticClass:\"price\"},[_c('span',{staticClass:\"main\",class:[typeof _vm.price === 'number'? '': 'is-alert']},[_c('span',[_vm._v(_vm._s(typeof _vm.price === 'number'? 'NT$ '+ _vm.$okaTool.numberToStringFormat(_vm.price): _vm.price))])]),(typeof _vm.price === 'number' && _vm.AlertMessage)?_c('span',{staticClass:\"extend is-alert\",on:{\"click\":function($event){_vm.showPopUp($event, _vm.$t(_vm.AlertMessage))},\"mouseenter\":function($event){_vm.showToolTip($event, _vm.$t(_vm.AlertMessage))}}}):_vm._e(),(_vm.listNode.discount && typeof _vm.price == 'number')?_c('cpLabel',{attrs:{\"themes\":\"danger\",\"text\":_vm.$t('page.product.discount', {\n                            priceType: _vm.user.ispaycash? '現金價': '票期價',\n                            allowance: _vm.listNode.discount,\n                            disQty: _vm.listNode.disQty || '',  \n                        })}}):_vm._e()],1)]),_c('div',{staticClass:\"form\"},[_c('ul',[_c('li',[_c('div',{staticClass:\"fieldset\"},[_c('label',[_vm._v(\"\\n                                \"+_vm._s(_vm.$t('site.noun.package'))+\"\\n                                \"),(_vm.multipleBase)?_c('cpLabel',{attrs:{\"themes\":\"danger\",\"text\":_vm.$t('info.multiple', {num: _vm.multipleBase})}}):_vm._e()],1),_c('div',{staticClass:\"cp input select\",class:[_vm.errors.has('package')? 'is-error': ''],attrs:{\"data-error\":_vm.errors.first('package'),\"disabled\":_vm.usePackageData.length && !_vm.editable}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.result.package),expression:\"result.package\"},{name:\"validate\",rawName:\"v-validate\",value:(_vm.usePackageData.length && !_vm.hasNullPackage? 'required': ''),expression:\"usePackageData.length && !hasNullPackage? 'required': ''\"}],attrs:{\"name\":\"package\",\"disabled\":_vm.usePackageData.length && !_vm.editable},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.result, \"package\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[(!_vm.hasNullPackage)?_c('option',{attrs:{\"value\":\"\"}},[_vm._v(_vm._s(_vm.usePackageData.length? _vm.$t('site.noun.select') : _vm.$t('site.select.default')))]):_vm._e(),_vm._l((_vm.usePackageData),function(item){return _c('option',{key:item.package_s,domProps:{\"value\":item.package_s}},[_vm._v(_vm._s(item.remarks))])})],2)])])]),_c('li',[_c('div',{staticClass:\"fieldset\"},[_c('label',[_vm._v(_vm._s(_vm.$t('site.noun.quality')))]),_c('div',{staticClass:\"cp input select\",class:[_vm.errors.has('quality')? 'is-error': ''],attrs:{\"data-error\":_vm.errors.first('quality'),\"disabled\":_vm.useQualityList.length && !_vm.editable}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.result.quality),expression:\"result.quality\"},{name:\"validate\",rawName:\"v-validate\",value:(_vm.useQualityList.length && !_vm.hasNullQuality? 'required': ''),expression:\"useQualityList.length && !hasNullQuality? 'required': ''\"}],attrs:{\"name\":\"quality\",\"disabled\":_vm.useQualityList.length && !_vm.editable},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.result, \"quality\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[(!_vm.hasNullQuality)?_c('option',{attrs:{\"value\":\"\"}},[_vm._v(_vm._s(_vm.useQualityList.length? _vm.$t('site.noun.select') : _vm.$t('site.select.default')))]):_vm._e(),_vm._l((_vm.useQualityList),function(item){return _c('option',{key:item.quality,domProps:{\"value\":item.quality}},[_vm._v(_vm._s(item.remarks))])})],2)])])]),_c('li',[_c('div',{staticClass:\"fieldset\"},[_c('label',[_vm._v(\"\\n                                \"+_vm._s(_vm.$t('site.noun.deliverydate'))+\"\\n                            \")]),_c('div',{on:{\"mouseenter\":function($event){_vm.contactRemark ? _vm.showToolTip($event, _vm.contactRemark) : ''}}},[_c('cpDatePicker',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],ref:\"customer_need_date\",attrs:{\"type\":\"date\",\"errorStatus\":_vm.errors.has('customer_need_date'),\"errorMsg\":_vm.errors.first('customer_need_date'),\"hideLabel\":true,\"disabled\":!_vm.editable,\"dayRestriction\":_vm.$siteTool.dayRestriction,\"name\":\"customer_need_date\"},on:{\"input\":_vm.init},model:{value:(_vm.result.customer_need_date),callback:function ($$v) {_vm.$set(_vm.result, \"customer_need_date\", $$v)},expression:\"result.customer_need_date\"}})],1)])]),_c('li',[_c('div',{staticClass:\"fieldset\"},[_c('label',[_vm._v(\"\\n                                \"+_vm._s(_vm.$t('site.noun.qty'))+\"\\n                                \"),_c('cpLabel',{attrs:{\"themes\":\"danger\",\"text\":\"KG\"}})],1),_c('div',{staticClass:\"cp input text\",class:[_vm.errors.has('qty')? 'is-error': ''],attrs:{\"data-error\":_vm.errors.first('qty'),\"disabled\":!_vm.editable}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.result.qty),expression:\"result.qty\"},{name:\"validate\",rawName:\"v-validate\",value:(_vm.multipleBase? '|multiple_of:'+ _vm.multipleBase: ''+ 'required|min_value: 0.01|decimal:2'),expression:\"multipleBase? '|multiple_of:'+ multipleBase: ''+ 'required|min_value: 0.01|decimal:2'\"}],attrs:{\"type\":\"text\",\"min\":\"0.01\",\"step\":\"1\",\"name\":\"qty\",\"disabled\":!_vm.editable},domProps:{\"value\":(_vm.result.qty)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.result, \"qty\", $event.target.value)}}})])])])])]),_c('div',{staticClass:\"fieldset\"},[_c('ul',[_c('li',[_c('cpBtn',{attrs:{\"themes\":\"forth\",\"icon\":\"shopping_bag\",\"text\":_vm.$t('page.myorders.func.ordernow'),\"extendClass\":\"is-block is-large\",\"disabled\":!_vm.editable},on:{\"click\":function($event){$event.preventDefault();_vm.addToCart(true)}}})],1),_c('li',[_c('cpBtn',{attrs:{\"themes\":\"success\",\"icon\":\"add_shopping_cart\",\"text\":_vm.$t('site.func.addtocart'),\"extendClass\":\"is-block is-large is-hover\",\"disabled\":!_vm.editable},on:{\"click\":function($event){$event.preventDefault();_vm.addToCart(false)}}})],1)])])])]),_c('div',{staticClass:\"content\"},[(_vm.node.description)?_c('div',{staticClass:\"text-area\"},[_c('div',{staticClass:\"introduce-caption\"},[_vm._v(_vm._s(_vm.$t('page.product.title.detail')))]),_c('div',{staticClass:\"text\",domProps:{\"innerHTML\":_vm._s(typeof _vm.node.description === 'string'? _vm.node.description.replace(/\\r\\n/g,'<br>'): _vm.node.description)}})]):_vm._e(),(_vm.fileList.length)?_c('div',{staticClass:\"file-area\"},[_c('div',{staticClass:\"introduce-caption\"},[_vm._v(_vm._s(_vm.$t('page.product.title.download')))]),_c('cpMajorTab',{attrs:{\"tabs\":_vm.tabs,\"active\":_vm.fileType},on:{\"sendEvent\":_vm.receiveEvent}}),_c('ul',_vm._l((_vm.fileList),function(file){return _c('li',{key:file.sn},[(_vm.langID === 'zh')?_c('cpFile',{attrs:{\"type\":_vm.getFileExtension(file.file_zh),\"name\":file.document_zh,\"extend\":false},on:{\"clickFile\":function($event){_vm.getFile(file.file_zh)}}}):_c('cpFile',{attrs:{\"type\":_vm.getFileExtension(file.file_en),\"name\":file.document_en,\"extend\":false},on:{\"clickFile\":function($event){_vm.getFile(file.file_en)}}})],1)}),0)],1):_vm._e(),(_vm.node.info_urls)?_c('div',{staticClass:\"image-area\"},_vm._l((_vm.node.info_urls),function(item){return _c('div',{key:item,staticClass:\"image\"},[_c('img',{attrs:{\"src\":item}})])}),0):_vm._e()])]):_c('div',{staticClass:\"g mask-box-side\"},[_c('transition',{attrs:{\"name\":\"fade\"}},[_c('mdLoading')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cp file\",class:[_vm.type? 'is-'+ _vm.type :'', _vm.extend? 'is-extend':'']},[_c('a',{staticClass:\"link\",attrs:{\"title\":_vm.name},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.clickFile($event)}}},[_vm._v(_vm._s(_vm.name))]),(_vm.extend)?_c('a',{staticClass:\"remove\",attrs:{\"title\":\"刪除\"},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.removeFile($event)}}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div\r\n        class=\"cp file\"\r\n        :class=\"[type? 'is-'+ type :'', extend? 'is-extend':'']\"\r\n    >\r\n        <a\r\n            class=\"link\"\r\n            :title=\"name\"\r\n            @click.prevent.stop=\"clickFile\"\r\n        >{{ name }}</a>\r\n        <a\r\n            v-if=\"extend\"\r\n            class=\"remove\"\r\n            title=\"刪除\"\r\n            @click.prevent.stop=\"removeFile\"\r\n        ></a>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        props: {\r\n            type: {\r\n                type: String,\r\n                require: false,\r\n                default: 'link'\r\n            },\r\n            name: {\r\n                type: String,\r\n                require: false,\r\n                default: '檔案'\r\n            },\r\n            extend: {\r\n                type: Boolean,\r\n                require: false,\r\n                default: true,\r\n            },\r\n        },\r\n        methods: {\r\n            removeFile: function(evt){\r\n                this.$emit('removeFile', evt);\r\n            },\r\n            clickFile: function(evt){\r\n                this.$emit('clickFile', evt);\r\n            },\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .cp.file {\r\n        position: relative;\r\n        display: inline-flex;\r\n        vertical-align: middle;\r\n        margin: 1px;\r\n        max-width: 100%;\r\n\r\n        %fileBtn {\r\n            padding: $btnInput_pd $interval-m;\r\n            line-height: $btnInput_lh;\r\n            border-radius: $border-radius;\r\n            transition: $transition;\r\n            background-color: $light;\r\n            cursor: pointer;\r\n\r\n            &:hover {\r\n                background-color: $light-gray;\r\n            }\r\n        }\r\n\r\n        @each $key, $map in $file-type-map {\r\n            $pic: map-get($map, 'pic');\r\n\r\n            &.is-#{$key} {\r\n\r\n                .link {\r\n\r\n                    &::before {\r\n                        background-image: image-url($pic);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        &.is-extend {\r\n\r\n            .link {\r\n                border-radius: $border-radius 0 0 $border-radius;\r\n            }\r\n        }\r\n\r\n        .link {\r\n            @extend %ellipsis;\r\n            @extend %fileBtn;\r\n\r\n            &.no-content {\r\n\r\n                &::before {\r\n                    content: none;\r\n                }\r\n            }\r\n\r\n            &::before {\r\n                $size: 16px;\r\n        \r\n                content: $content;\r\n                display: inline-flex;\r\n                width: $size;\r\n                height: $size;\r\n                margin-right: $interval-s;\r\n                background-repeat: no-repeat;\r\n                background-position: center;\r\n                background-image: image-url('icon_other.png');\r\n                border-radius: $border-radius;\r\n                vertical-align: sub;\r\n            }\r\n        }\r\n\r\n        .remove, .other {\r\n            @extend %fileBtn;\r\n            border-left: $border;\r\n            border-left-color: $white;\r\n            border-radius: 0 $border-radius $border-radius 0;\r\n\r\n            &::before {\r\n                line-height: 1;\r\n                vertical-align: middle;\r\n                @extend %font-pseudo;\r\n            }\r\n        }\r\n\r\n        .remove {\r\n            padding-left: $interval-s;\r\n            padding-right: $interval-s;\r\n\r\n            &::before {\r\n                content: '\\e5cd';\r\n            }\r\n        }\r\n\r\n        .other {\r\n\r\n            &::before {\r\n                margin-right: $interval-xs;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpFile.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpFile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cpFile.vue?vue&type=template&id=6fec3d3a&scoped=true&\"\nimport script from \"./cpFile.vue?vue&type=script&lang=js&\"\nexport * from \"./cpFile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cpFile.vue?vue&type=style&index=0&id=6fec3d3a&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6fec3d3a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cp major-tab\"},[_c('ul',_vm._l((_vm.tabList),function(item,key){return _c('li',{key:key,class:[key === _vm.active? 'is-active': '']},[_c('a',{on:{\"click\":function($event){$event.preventDefault();_vm.changeTab(key)}}},[_vm._v(\"\\n                \"+_vm._s(item.caption)+\"\\n                \"),(item.minorCaption !== undefined)?_c('cpLabel',{attrs:{\"themes\":\"danger\",\"text\":item.minorCaption}}):_vm._e()],1)])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"cp major-tab\">\r\n        <ul>\r\n            <li\r\n                v-for=\"(item, key) in tabList\" :key=\"key\"\r\n                :class=\"[key === active? 'is-active': '']\"    \r\n            >\r\n                <a @click.prevent=\"changeTab(key)\">\r\n                    {{ item.caption }}\r\n                    <cpLabel\r\n                        v-if=\"item.minorCaption !== undefined\"\r\n                        themes=\"danger\"\r\n                        :text=\"item.minorCaption\"\r\n                    ></cpLabel>\r\n                </a>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import cpLabel from '@/components/cpLabel'\r\n\r\n    export default {\r\n        components: {\r\n            cpLabel,\r\n        },\r\n        props: {\r\n            tabs: {\r\n                require: true,\r\n            },\r\n            active: {\r\n                require: true,\r\n            },\r\n        },\r\n        computed: {\r\n            tabList: function() {\r\n                let $tabs = this.tabs;\r\n\r\n                if( Array.isArray($tabs) ) {\r\n                    let $result = {}\r\n\r\n                    $tabs.forEach(item => {\r\n                        $result[item] = item;\r\n                    });\r\n\r\n                    return $result;\r\n                }else if( typeof $tabs === 'object' ) {\r\n                    return $tabs;\r\n                }else {\r\n                    return {}\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            changeTab: function(tab){\r\n                this.$emit('sendEvent', 'changeTab', tab);\r\n            }\r\n        },\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .cp.major-tab::v-deep {\r\n        border-bottom: $border;\r\n\r\n        .g.pop-up & {\r\n            margin-bottom: $interval-m;\r\n        }\r\n\r\n        @include media('mobile') {\r\n            border-bottom: 0;\r\n            margin-right: 0 !important;\r\n        }\r\n\r\n        ul {\r\n            @extend %reset;\r\n            padding: 0 $interval-xs;\r\n\r\n            @include media('mobile') {\r\n                padding: 0 $interval-m;\r\n                white-space: nowrap;\r\n                overflow-x: auto;\r\n            }\r\n        }\r\n\r\n        li {\r\n            position: relative;\r\n            display: inline-block;\r\n            vertical-align: bottom;\r\n            margin: 0 $interval-xs;\r\n            transition: $transition;\r\n\r\n            @include media('mobile') {\r\n                margin: $interval-xs;\r\n                border-top: 0;\r\n            }\r\n\r\n            + li {\r\n                margin-left: $interval-s;\r\n\r\n                @include media('mobile') {\r\n                    margin-left: $interval-xs;\r\n                }\r\n            }\r\n\r\n            &.is-active {\r\n\r\n                a {\r\n                    color: $major-color;\r\n\r\n                    &::before {\r\n                        content: $content;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        a {\r\n            position: relative;\r\n            display: block;\r\n            padding: $interval-s $interval-m;\r\n            border-radius: $border-radius $border-radius 0 0;\r\n            transition: $transition;\r\n            cursor: pointer;\r\n\r\n            &::before {\r\n                position: absolute;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: -1px;\r\n                height: $interval-xs;\r\n                background-color: $major-color;\r\n            }\r\n\r\n            @include media('mobile') {\r\n                // border-radius: $border-radius;\r\n            }\r\n\r\n            @include media('pad') {\r\n                padding: $interval-s $interval-l;\r\n            }\r\n\r\n            @include media('phone') {\r\n                padding: $interval-s;\r\n            }\r\n\r\n            &:hover {\r\n                background-color: $light-gray;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpMajorTab.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cpMajorTab.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cpMajorTab.vue?vue&type=template&id=511aee72&scoped=true&\"\nimport script from \"./cpMajorTab.vue?vue&type=script&lang=js&\"\nexport * from \"./cpMajorTab.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cpMajorTab.vue?vue&type=style&index=0&id=511aee72&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"511aee72\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div\r\n        class=\"md product-info\"\r\n        v-if=\"productListInit && node.product_s\"\r\n    >\r\n        <div\r\n            v-if=\"runingAnimate\"\r\n            class=\"animate-node\"\r\n            :style=\"animateNode\"\r\n        >\r\n            <div\r\n                class=\"mask\"\r\n                :style=\"'background-image: url('+ node.imageurl +')'\"\r\n            ></div>\r\n        </div>\r\n        <div class=\"header\">\r\n            <div class=\"image-area\">\r\n                <div class=\"div\">\r\n                    <div\r\n                        ref=\"mask\"\r\n                        class=\"mask\"\r\n                        :style=\"{\r\n                            'background-image': 'url('+ node.imageurl +')',\r\n                            'background-size': $siteConfig.emptyProductPhoto === node.imageurl? 'contain': 'cover',\r\n                        }\"\r\n                    ></div>\r\n                    <img :src=\"node.imageurl\">\r\n                </div>\r\n                <div class=\"func\">\r\n                    <ul>\r\n                        <li\r\n                            class=\"is-favorite\"\r\n                            :class=\"[node.is_favorite? 'is-active': '']\"\r\n                        >\r\n                            <a :title=\"$t('site.func.addfavorites')\" @click.prevent.stop=\"favorite\">\r\n                                <span>{{ $t('site.func.addfavorites') }}</span>\r\n                            </a>\r\n                        </li>\r\n                        <li class=\"is-contact\">\r\n                            <a :title=\"$t('site.func.contactsales')\" @click.prevent.stop=\"contact\">\r\n                                <span>{{ $t('site.func.contactsales') }}</span>\r\n                            </a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n            <div class=\"input-area\">\r\n                <div class=\"caption\">\r\n                    <div class=\"product\">\r\n                        <span class=\"name\">{{ node.alias || node.product_s }}</span>\r\n                        <span class=\"label\">{{ node.product_b }}-{{ node.product_m }}</span>\r\n                    </div>\r\n                    <div class=\"price\">\r\n                        <!-- <span v-if=\"node.detail.pre_price && node.detail.pre_price > node.detail.price\" class=\"prev\">{{ $okaTool.numberToStringFormat(node.detail.pre_price) }}</span> -->\r\n                        <span\r\n                            class=\"main\"\r\n                            :class=\"[typeof price === 'number'? '': 'is-alert']\"\r\n                        >\r\n                            <span>{{ typeof price === 'number'? 'NT$ '+ $okaTool.numberToStringFormat(price): price }}</span>\r\n                        </span>\r\n                        <span\r\n                            v-if=\"typeof price === 'number' && AlertMessage\"\r\n                            class=\"extend is-alert\"\r\n                            @click=\"showPopUp($event, $t(AlertMessage))\"\r\n                            @mouseenter=\"showToolTip($event, $t(AlertMessage))\"\r\n                        ></span>\r\n                        <cpLabel\r\n                            v-if=\"listNode.discount && typeof price == 'number'\"\r\n                            themes=\"danger\"\r\n                            :text=\"$t('page.product.discount', {\r\n                                priceType: user.ispaycash? '現金價': '票期價',\r\n                                allowance: listNode.discount,\r\n                                disQty: listNode.disQty || '',  \r\n                            })\"\r\n                        ></cpLabel>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form\">\r\n                    <ul>\r\n                        <li>\r\n                            <div class=\"fieldset\">\r\n                                <label>\r\n                                    {{ $t('site.noun.package') }}\r\n                                    <cpLabel\r\n                                        v-if=\"multipleBase\"\r\n                                        themes=\"danger\"\r\n                                        :text=\"$t('info.multiple', {num: multipleBase})\"\r\n                                    ></cpLabel>\r\n                                </label>\r\n                                <div class=\"cp input select\" :class=\"[errors.has('package')? 'is-error': '']\" :data-error=\"errors.first('package')\" :disabled=\"usePackageData.length && !editable\">\r\n                                    <select v-model=\"result.package\" v-validate=\"usePackageData.length && !hasNullPackage? 'required': ''\" name=\"package\" :disabled=\"usePackageData.length && !editable\">\r\n                                        <option v-if=\"!hasNullPackage\" value=\"\">{{ usePackageData.length? $t('site.noun.select') : $t('site.select.default')}}</option>\r\n                                        <option v-for=\"item in usePackageData\" :key=\"item.package_s\" :value=\"item.package_s\">{{ item.remarks }}</option>\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                        <li>\r\n                            <div class=\"fieldset\">\r\n                                <label>{{ $t('site.noun.quality') }}</label>\r\n                                <div class=\"cp input select\" :class=\"[errors.has('quality')? 'is-error': '']\" :data-error=\"errors.first('quality')\" :disabled=\"useQualityList.length && !editable\">\r\n                                    <select v-model=\"result.quality\" v-validate=\"useQualityList.length && !hasNullQuality? 'required': ''\" name=\"quality\" :disabled=\"useQualityList.length && !editable\">\r\n                                        <option v-if=\"!hasNullQuality\" value=\"\">{{ useQualityList.length? $t('site.noun.select') : $t('site.select.default')}}</option>\r\n                                        <option v-for=\"item in useQualityList\" :key=\"item.quality\" :value=\"item.quality\">{{ item.remarks }}</option>\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                        <li>\r\n                            <div class=\"fieldset\">\r\n                                <label>\r\n                                    {{ $t('site.noun.deliverydate') }}\r\n                                </label>\r\n                                <div @mouseenter=\"contactRemark ? showToolTip($event, contactRemark) : ''\">\r\n                                    <cpDatePicker\r\n                                        type=\"date\"\r\n                                        :errorStatus=\"errors.has('customer_need_date')\"\r\n                                        :errorMsg=\"errors.first('customer_need_date')\"\r\n                                        v-model=\"result.customer_need_date\"\r\n                                        v-validate=\"'required'\"\r\n                                        :hideLabel=\"true\"\r\n                                        :disabled=\"!editable\"\r\n                                        :dayRestriction=\"$siteTool.dayRestriction\"\r\n                                        name=\"customer_need_date\"\r\n                                        ref=\"customer_need_date\"\r\n                                        @input=\"init\"\r\n                                        \r\n                                    ></cpDatePicker>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                        <li>\r\n                            <div class=\"fieldset\">\r\n                                <label>\r\n                                    {{ $t('site.noun.qty') }}\r\n                                    <cpLabel\r\n                                        themes=\"danger\"\r\n                                        text=\"KG\"\r\n                                    ></cpLabel>\r\n                                </label>\r\n                                <div class=\"cp input text\" :class=\"[errors.has('qty')? 'is-error': '']\" :data-error=\"errors.first('qty')\" :disabled=\"!editable\">\r\n                                    <input type=\"text\" min=\"0.01\" step=\"1\" v-model=\"result.qty\" v-validate=\"multipleBase? '|multiple_of:'+ multipleBase: ''+ 'required|min_value: 0.01|decimal:2'\" name=\"qty\" :disabled=\"!editable\">\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div class=\"fieldset\">\r\n                    <ul>\r\n                        <li>\r\n                            <cpBtn\r\n                                themes=\"forth\"\r\n                                icon=\"shopping_bag\"\r\n                                :text=\"$t('page.myorders.func.ordernow')\"\r\n                                extendClass=\"is-block is-large\"\r\n                                :disabled=\"!editable\"\r\n                                @click.prevent=\"addToCart(true)\"\r\n                            ></cpBtn>\r\n                        </li>\r\n                        <li>\r\n                            <cpBtn\r\n                                themes=\"success\"\r\n                                icon=\"add_shopping_cart\"\r\n                                :text=\"$t('site.func.addtocart')\"\r\n                                extendClass=\"is-block is-large is-hover\"\r\n                                :disabled=\"!editable\"\r\n                                @click.prevent=\"addToCart(false)\"\r\n                            ></cpBtn>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"content\">\r\n            <div\r\n                v-if=\"node.description\"\r\n                class=\"text-area\"\r\n            >\r\n                <div class=\"introduce-caption\">{{ $t('page.product.title.detail') }}</div>\r\n                <div class=\"text\" v-html=\"typeof node.description === 'string'? node.description.replace(/\\r\\n/g,'<br>'): node.description\"></div>\r\n            </div>\r\n            <div\r\n                v-if=\"fileList.length\"\r\n                class=\"file-area\"\r\n            >\r\n                <div class=\"introduce-caption\">{{ $t('page.product.title.download') }}</div>\r\n                <cpMajorTab\r\n                    :tabs=\"tabs\"\r\n                    :active=\"fileType\"\r\n\r\n                    @sendEvent=\"receiveEvent\"\r\n                ></cpMajorTab>\r\n                <!-- <div class=\"fieldset\">\r\n                    <div class=\"cp input select\">\r\n                        <select v-model=\"fileType\">\r\n                            <option\r\n                                v-for=\"(item, key) in fileTypeList\"\r\n                                :key=\"key\"\r\n                                :value=\"key\"\r\n                            >{{ item[langID] }}</option>\r\n                        </select>\r\n                    </div>\r\n                </div> -->\r\n                <ul>\r\n                    <li\r\n                        v-for=\"file in fileList\"\r\n                        :key=\"file.sn\"\r\n                    >\r\n                        <cpFile\r\n                            v-if=\"langID === 'zh'\"\r\n                            :type=\"getFileExtension(file.file_zh)\"\r\n                            :name=\"file.document_zh\"\r\n                            :extend=\"false\"\r\n                            @clickFile=\"getFile(file.file_zh)\"\r\n                        ></cpFile>\r\n                        <cpFile\r\n                            v-else\r\n                            :type=\"getFileExtension(file.file_en)\"\r\n                            :name=\"file.document_en\"\r\n                            :extend=\"false\"\r\n                            @clickFile=\"getFile(file.file_en)\"\r\n                        ></cpFile>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n            <div\r\n                v-if=\"node.info_urls\"\r\n                class=\"image-area\"\r\n            >\r\n                <div\r\n                    class=\"image\"\r\n                    v-for=\"item in node.info_urls\"\r\n                    :key=\"item\"\r\n                >\r\n                    <img :src=\"item\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div\r\n        v-else\r\n        class=\"g mask-box-side\"\r\n    >\r\n        <transition name=\"fade\">\r\n            <mdLoading></mdLoading>\r\n        </transition>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import cpDatePicker from '@/components/cpDatePicker'\r\n    import cpBtn from '@/components/cpBtn'\r\n    import cpFile from '@/components/cpFile'\r\n    import cpLabel from '@/components/cpLabel'\r\n    import cpMajorTab from '@/components/cpMajorTab'\r\n    import mdLoading from '@/components/cpLabel'\r\n    import VueCookie from 'vue-cookie'\r\n\r\n    import { mapState, mapMutations } from 'vuex'\r\n\r\n    export default {\r\n        components: {\r\n            cpDatePicker,\r\n            cpBtn,\r\n            cpFile,\r\n            cpLabel,\r\n            cpMajorTab,\r\n            mdLoading,\r\n        },\r\n        props: {\r\n            sn: {\r\n                type: String,\r\n                require: true,\r\n            },\r\n        },\r\n        data: function(){\r\n\r\n            return {\r\n                node: {\r\n                    detail: {},\r\n                    description: '',\r\n                },\r\n                result: {\r\n                    package: '',\r\n                    quality: '',\r\n                    customer_need_date: '',\r\n                    qty: null,\r\n                },\r\n                runingAnimate: false,\r\n                animateNode: {},\r\n                alertData: [\r\n                    {\r\n                        product_b: 'NAOH',\r\n                        product_m: 'NA-F1',\r\n                        product_s: 'NA-F1',\r\n                        message: 'product.info.alert',\r\n                    },\r\n                    {\r\n                        product_b: 'NAOH',\r\n                        product_m: 'NA-P',\r\n                        product_s: 'NA-P',\r\n                        message: 'product.info.alert',\r\n                    },\r\n                ],\r\n                fileType: '',\r\n                contactRemark: '',//聯絡備註\r\n            }\r\n        },\r\n        computed: {\r\n            ...mapState([\r\n                'user',\r\n                'packageData',\r\n                'packageMultipleData',\r\n                'qualityList',\r\n                'selectedDateList',\r\n                'productListInit',\r\n                'selectedDateListInit',\r\n                'productList',\r\n                'langID',\r\n            ]),\r\n            tabs: function(){\r\n                let $fileTypeList = this.fileTypeList,\r\n                    _langID = this.langID,\r\n                    $result = {}\r\n\r\n                for( let _key in $fileTypeList ) {\r\n\r\n                    $result[_key] = {\r\n                        caption: $fileTypeList[_key][_langID],\r\n                    }\r\n                }\r\n\r\n                return $result;\r\n            },\r\n            listNode: function(){\r\n                let $productList = this.productList,\r\n                    $node = this.node,\r\n                    $target = $productList.find(item => item.product_sn === $node.product_sn);\r\n\r\n                return $target || {}\r\n            },\r\n            fileList: function(){\r\n                let $listNode = this.listNode,\r\n                    $files = $listNode.files || []\r\n\r\n                let _fileType = this.fileType;\r\n\r\n                return $files.filter(item => item.report_en === _fileType);\r\n            },\r\n            multipleBase: function(){\r\n                let _product_s = this.node.product_s,\r\n                    _package = this.result.package;\r\n\r\n                let _result = null;\r\n\r\n                if( _product_s && _package ) {\r\n                    let $target = this.packageMultipleData.find(item => item.product_s === _product_s && item.package_s === _package);\r\n\r\n                    if( $target ) {\r\n                        _result = $target.target_amount_multiple || 1;\r\n                    }\r\n                }\r\n\r\n                return _result;\r\n            },\r\n            price: function(){\r\n                let $node = this.node,\r\n                    $result = this.result,\r\n                    $date = new Date();\r\n\r\n                if( $result.customer_need_date ) {\r\n                    $date = new Date($result.customer_need_date);\r\n                }\r\n\r\n                let _date = $date.toLocaleDateString(),\r\n                    _result = this.$siteTool.computedPrice({\r\n                        product_b: $node.product_b,\r\n                        product_m: $node.product_m,\r\n                        product_s: $node.product_s,\r\n                        package_s: $result.package,\r\n                        quality: $result.quality,\r\n                        dsr_codiv: $node.product_codiv,\r\n                    }, _date);\r\n\r\n                return _result;\r\n            },\r\n            editable: function(){\r\n                return this.node.available && this.user.sn;\r\n            },\r\n            usePackageData: function() {\r\n                return this.$siteTool.getPackage(this.node);\r\n            },\r\n            useQualityList: function() {\r\n                return this.$siteTool.getQuality(this.node);\r\n            },\r\n            hasNullPackage: function(){\r\n                return !!this.usePackageData.find(item => item.package_s === '');\r\n            },\r\n            hasNullQuality: function(){\r\n                return !!this.useQualityList.find(item => item.quality === '');\r\n            },\r\n            AlertMessage: function(){\r\n                let $alertData = this.alertData,\r\n                    $node = this.node,\r\n                    _product_b = $node.product_b,\r\n                    _product_m = $node.product_m,\r\n                    _product_s = $node.product_s;\r\n\r\n                let $target = $alertData.find(item => {\r\n                        let __product_b = item.product_b || _product_b, //如果沒設定，中類或小類，就當作 match\r\n                            __product_m = item.product_m || _product_m,\r\n                            __product_s = item.product_s || _product_s;\r\n\r\n                        return __product_b === _product_b && __product_m === _product_m && __product_s === _product_s;\r\n                    });\r\n\r\n                if( $target ) {\r\n                    return $target.message;\r\n                }else {\r\n                    return 'product.info.alert2';\r\n                }\r\n            },\r\n            fileTypeList: function(){\r\n                let $listNode = this.listNode,\r\n                    $files = $listNode.files || []\r\n\r\n                let $result = {}\r\n\r\n                $files.forEach(item => {\r\n                    let _report_en = item.report_en;\r\n                    \r\n                    if( !$result[_report_en] ) {\r\n\r\n                        $result[_report_en] = {\r\n                            en: _report_en,\r\n                            zh: item.report,\r\n                        }\r\n                    }\r\n                });\r\n\r\n                return $result;\r\n            },\r\n        },\r\n        watch: {\r\n            listNode: {\r\n                handler: function(){\r\n                    this.getFileList();\r\n                }\r\n            },\r\n            'node.product_s': {\r\n                handler: function(){\r\n                    this.getContactRemark();\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            ...mapMutations([\r\n                'catchError',\r\n                'pushNotification',\r\n                'changeShoppingCart',\r\n                'pushToolTip',\r\n                'pushPopUp',\r\n                'setFavorite',\r\n                'setPriceObject',\r\n                'initHolidayList',\r\n                'updateProductFile'\r\n            ]),\r\n            changeTab: function(opt){\r\n                this.$set(this, 'fileType', opt);\r\n            },\r\n            getFileExtension: function(fileName){\r\n                return (/[.]/.exec(fileName)) ? /[^.]+$/.exec(fileName)[0] : undefined;\r\n            },\r\n            getFile: function(url){\r\n                window.open(url)\r\n            },\r\n            getFileList: function(){\r\n                let $listNode = this.listNode;\r\n                \r\n                //修正若listNode沒有資料的時候$listNode.files.length出現異常的問題\r\n                if( $listNode.files && $listNode.files.length ) {\r\n                    this.$set(this, 'fileType', $listNode.files[0].report_en);\r\n                }else {\r\n                    let _url = this.$siteTool.apiUrl({\r\n                            class: 'document',\r\n                        }),\r\n                        $condition = {\r\n                            product_s: $listNode.product_s,\r\n                        }\r\n\r\n                    this.$http.post(_url, $condition).then(res => { //弄完所有設定後開始取資料\r\n                        let $files = res || []\r\n\r\n                        if( $files.length ) {\r\n\r\n                            this.updateProductFile({\r\n                                target: $listNode,\r\n                                files: $files,\r\n                            });\r\n\r\n                            this.$set(this, 'fileType', $files[0].report_en);\r\n                        }\r\n\r\n                    }).catch(error => {\r\n\r\n                        this.catchError({\r\n                            error: error,\r\n                            callback: this.getFileList,\r\n                        });\r\n                    });\r\n                }\r\n            },\r\n            showPopUp: function(evt, str){\r\n                \r\n                this.pushPopUp({\r\n                    type: 'alert',\r\n                    content: {\r\n                        html: str\r\n                    },\r\n                })\r\n            },\r\n            showToolTip: function(evt, str){\r\n                \r\n                this.pushToolTip({\r\n                    type: 'toolTip',\r\n                    event: evt,\r\n                    content: {\r\n                        html: str\r\n                    },\r\n                    pointerEvents: 'none'\r\n                })\r\n            },\r\n            addToCart: async function(orderNow){\r\n\r\n                if( !this.runingAnimate ) {\r\n\r\n                    this.$validator.validate().then(async result => {\r\n\r\n                        if (!result){\r\n                            //啊就沒通過啊\r\n                        }else {\r\n\r\n                            try {\r\n                                let $response = await this.sendAdd();\r\n\r\n                                let $price = this.price,\r\n                                    $package = this.packageData.find(item =>{\r\n                                        return item.codiv === $response.dsr_codiv && item.package_s === $response.package_s && item.product_s === $response.product_s \r\n                                    }),\r\n                                    $used = this.qualityList.find(item =>{\r\n                                        return item.codiv === $response.dsr_codiv && item.quality === $response.quality && item.product_s === $response.product_s \r\n                                    });\r\n                                    \r\n                                let $inprice = 0;\r\n\r\n                                if($package ){\r\n                                    $inprice += $package.inprice;\r\n                                }\r\n\r\n                                if($used){\r\n                                    $inprice += $used.inprice;\r\n                                }\r\n\r\n                                if(typeof  $price === 'number'){\r\n                                    $response.price = $price - $inprice;\r\n                                }else{\r\n                                    $response.price = $price;\r\n                                }\r\n\r\n                                $response.contactRemark = this.contactRemark;\r\n\r\n                                this.changeShoppingCart({\r\n                                    func: 'add',\r\n                                    data: $response,\r\n                                });\r\n\r\n                                if( orderNow ) {\r\n                                    VueCookie.set('orderSn', $response.cart_sn, 3);\r\n\r\n                                    console.log('orderSn', $response.cart_sn)\r\n\r\n                                    this.$router.push('/system/cartList');\r\n                                    \r\n                                }else {\r\n                                    this.addAnimate();\r\n                                }\r\n                                \r\n                            }catch(error) {\r\n\r\n                                this.catchError({\r\n                                    error: error,\r\n                                    callback: () => {\r\n                                        this.addToCart(orderNow);\r\n                                    },\r\n                                });\r\n                            }\r\n                        }\r\n                    });\r\n                }\r\n            },\r\n            addAnimate: function(){\r\n                let _int = 100, //分幾格\r\n                    _speed = 500, //動畫持續多久\r\n                    _log = 0,\r\n                    _base = _speed / _int, //毫秒數\r\n                    $timer = null;\r\n\r\n                let $mask = this.$refs.mask, //照片\r\n                    _maskHeight = $mask.offsetHeight,\r\n                    _maskWidth = $mask.offsetWidth,\r\n                    $maskRect = $mask.getBoundingClientRect(),\r\n                    _maskTop = $maskRect.top,\r\n                    _maskLeft = $maskRect.left,\r\n                    _maskOpacity = 1;\r\n\r\n                let $target = document.querySelector('.md.site-tools .shopping'), //購物車 icon,\r\n                    _targetHeight = $target.offsetHeight,\r\n                    _targetWidth = $target.offsetWidth,\r\n                    $targetRect = $target.getBoundingClientRect(),\r\n                    _targetTop = $targetRect.top,\r\n                    _targetLeft = $targetRect.left,\r\n                    _targetOpacity = 0;\r\n\r\n                let _intTop = (_maskTop - _targetTop) / _int, //差別\r\n                    _intLeft = (_maskLeft - _targetLeft) / _int,\r\n                    _intWidth = (_maskWidth - _targetWidth) / _int,\r\n                    _intHeight = (_maskHeight - _targetHeight) / _int,\r\n                    _intOpacity = (_maskOpacity - _targetOpacity) / _int;\r\n\r\n                this.$set(this, 'animateNode',  {\r\n                    top: _maskTop +'px',\r\n                    left: _maskLeft +'px',\r\n                    width:  _maskWidth +'px',\r\n                    height: _maskHeight +'px',\r\n                    opacity: _maskOpacity,\r\n                });\r\n\r\n                this.$set(this, 'runingAnimate', true);\r\n\r\n                clearInterval($timer);\r\n\r\n                $timer = setInterval(() => {\r\n                    _log += 1;\r\n\r\n                    _maskTop -= _intTop;\r\n                    _maskLeft -= _intLeft;\r\n                    _maskWidth -= _intWidth;\r\n                    _maskHeight -= _intHeight;\r\n                    _maskOpacity -= _intOpacity;\r\n\r\n                    this.$set(this, 'animateNode',  {\r\n                        top: _maskTop +'px',\r\n                        left: _maskLeft +'px',\r\n                        width:  _maskWidth +'px',\r\n                        height: _maskHeight +'px',\r\n                        opacity: _maskOpacity,\r\n                    });\r\n\r\n                    if(_log >= _int){\r\n                        clearInterval($timer);\r\n                        this.$set(this, 'runingAnimate', false);\r\n                    }\r\n                }, _base);\r\n            },\r\n            sendAdd: function(){\r\n                let $result = this.result,\r\n                    _package = $result.package,\r\n                    _quality = $result.quality,\r\n                    _customer_need_date = $result.customer_need_date,\r\n                    _qty = $result.qty;\r\n\r\n                _qty = parseFloat(_qty);\r\n                _customer_need_date = Date.parse(_customer_need_date.replaceAll('-', '/')) / 1000;\r\n                \r\n                let $node = this.node,\r\n                    _product_sn = $node.product_sn;\r\n\r\n                let _url = this.$siteTool.apiUrl({\r\n                        class: 'ShoppingCart',\r\n                        func: 'Add',\r\n                    }),\r\n                    $condition = {\r\n                        product_sn: _product_sn,\r\n                        package: _package,\r\n                        quality: _quality,\r\n                        customer_need_date: _customer_need_date,\r\n                        qty: _qty,\r\n                    }\r\n\r\n                return this.$http.post(_url, $condition);\r\n            },\r\n            favorite: function(){\r\n                let $node = this.node,\r\n                    _sn = $node.product_sn,\r\n                    _favorite = !$node.is_favorite;\r\n\r\n                this.setFavorite({\r\n                    sn: _sn,\r\n                    favorite: _favorite,\r\n                    callback: () => {\r\n                        $node.is_favorite = _favorite;\r\n                    }\r\n                })\r\n            },\r\n            contact: function(){\r\n                this.$emit('sendEvent', 'contact', this.node.product_sn);\r\n            },\r\n            getContactRemark: async function(){\r\n                //http://10.153.196.208:8081/salenet_api/ContactRemark/zh/4751\r\n                let _node = this.node,\r\n                    _product_s = _node.product_s;\r\n                    console.log(_product_s,this.node)\r\n                try {\r\n\r\n                    let _url = this.$siteTool.apiUrl({\r\n                                class: 'ContactRemark',\r\n                            }),\r\n                        $condition = {\r\n                                product_s: _product_s,\r\n                            }\r\n                        \r\n                    let $data = await this.$http.post(_url, $condition),\r\n                        $contactRemark = $data.contact_remark || '';\r\n\r\n                    this.$set(this, 'contactRemark', $contactRemark);\r\n                    \r\n                }catch(error) {\r\n\r\n                    this.catchError({\r\n                        error: error,\r\n                        callback: this.init,\r\n                    });\r\n                }\r\n            },\r\n            initProductInfo: function(data){\r\n\r\n                if( !data.imageurl ) {\r\n                    data.imageurl = this.$siteConfig.emptyProductPhoto;\r\n                }\r\n\r\n                this.$set(this, 'node', data);\r\n\r\n                let $usePackageData = this.usePackageData,\r\n                    $useQualityList = this.useQualityList;\r\n\r\n                if( $usePackageData.length === 1 ) {\r\n                    this.$set(this.result, 'package', $usePackageData[0].package_s);\r\n                }\r\n\r\n                if( $useQualityList.length === 1 ) {\r\n                    this.$set(this.result, 'quality', $useQualityList[0].quality);\r\n                }\r\n            },\r\n            init: async function(){\r\n                let _sn = this.sn,\r\n                    _date = new Date().toLocaleDateString();\r\n\r\n                if(this.result.customer_need_date) {\r\n                    _date = new Date(this.result.customer_need_date).toLocaleDateString();\r\n                }\r\n\r\n                try {\r\n                    let $info = await this.$siteTool.getProductInfo({\r\n                            sn: _sn,\r\n                            date: _date,\r\n                        }),\r\n                        $detail = $info.detail || {},\r\n                        _price = $detail.price || null;\r\n\r\n                    this.setPriceObject({\r\n                        sn: _sn,\r\n                        date: _date,\r\n                        price: _price,\r\n                    });\r\n\r\n                    this.initProductInfo($info);\r\n                    \r\n                }catch(error) {\r\n\r\n                    this.catchError({\r\n                        error: error,\r\n                        callback: this.init,\r\n                    });\r\n                }\r\n            },\r\n        },\r\n        created: function(){\r\n            this.init();\r\n\r\n            let _date = new Date().toLocaleDateString();\r\n\r\n            if( _date !== this.selectedDateListInit ) {\r\n                this.initHolidayList();\r\n            }\r\n        },\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .md.product-info {\r\n\r\n        .animate-node {\r\n            position: fixed;\r\n            z-index: 13;\r\n\r\n            .mask {\r\n                position: absolute;\r\n                background-repeat: no-repeat;\r\n                background-position: center;\r\n                background-size: cover;\r\n                background-color: $minor-color;\r\n                top: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                left: 0;\r\n            }\r\n        }\r\n\r\n        .header {\r\n            display: flex;\r\n\r\n            @include rwd(1024) {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .image-area {\r\n                position: relative;\r\n                width: 100%;\r\n\r\n                @include rwd(1024) {\r\n                    width: auto;\r\n                    padding-bottom: 50%;\r\n                }\r\n\r\n                @include media('phone') {\r\n                    width: auto;\r\n                    padding-bottom: 80%;\r\n                }\r\n\r\n                .div {\r\n                    position: absolute;\r\n                    top: 0;\r\n                    right: 0;\r\n                    bottom: 0;\r\n                    left: 0;\r\n                    overflow: hidden;\r\n\r\n                    .mask {\r\n                        position: absolute;\r\n                        background-repeat: no-repeat;\r\n                        background-position: center;\r\n                        background-size: cover;\r\n                        background-color: $minor-color;\r\n                        top: 0;\r\n                        right: 0;\r\n                        bottom: 0;\r\n                        left: 0;\r\n                        transition: $transition;\r\n                        border-radius: $border-radius;\r\n                    }\r\n\r\n                    img {\r\n                        display: none;\r\n                    }\r\n                }\r\n\r\n                .func {\r\n                    position: absolute;\r\n                    left: $interval-m;\r\n                    bottom: $interval-m;\r\n\r\n                    ul {\r\n                        @extend %reset;\r\n                        white-space: nowrap;\r\n                    }\r\n\r\n                    li {\r\n                        display: inline-block;\r\n\r\n                        + li {\r\n                            margin-left: $interval-s;\r\n                        }\r\n\r\n                        &.is-favorite {\r\n\r\n                            &.is-active {\r\n                                $type: map-get($colors, 'danger');\r\n                                $text: map-get($type, 'text');\r\n\r\n                                a {\r\n\r\n                                    &:before {\r\n                                        content: '\\e87d';\r\n                                        color: $text;\r\n                                    }\r\n                                }\r\n                            }\r\n\r\n                            a {\r\n\r\n                                &:before {\r\n                                    content: '\\e87e';\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        &.is-contact {\r\n\r\n                            a {\r\n\r\n                                &:before {\r\n                                    content: '\\e0cb';\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    a {\r\n                        display: block;\r\n                        padding: $interval-xs $interval-m;\r\n                        text-align: center;\r\n                        cursor: pointer;\r\n                        content: $content;\r\n                        transition: $transition;\r\n                        border-radius: $border-radius;\r\n                        white-space: nowrap;\r\n                        background-color: rgba-set($white, $opacity-vh);\r\n                        color: $major-color;\r\n                        // border: $border;\r\n                        // border-color: $major-color;\r\n\r\n                        &:hover {\r\n                            background-color: $major-color;\r\n                            color: $white;\r\n                        }\r\n\r\n                        &:before {\r\n                            @extend %font-pseudo;\r\n                            font-size: $font-size-xl;\r\n                            margin-right: $interval-s;\r\n                            vertical-align: middle;\r\n                        }\r\n\r\n                        span {\r\n                            vertical-align: middle;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .input-area {\r\n                padding-left: $interval-m;\r\n\r\n                @include rwd(1024) {\r\n                    padding-left: 0;\r\n                }\r\n\r\n                .caption {\r\n                    padding: $interval-m;\r\n                    \r\n                    .product {\r\n\r\n                        .name {\r\n                            margin-right: $interval-m;\r\n                            font-size: $font-size-xxxl;\r\n                            font-weight: bold;\r\n                        }\r\n                        \r\n                        .label {\r\n                            font-size: $font-size-xxl;\r\n                            color: $major-color;\r\n                            border-radius: $border-radius;\r\n                        }\r\n                    }\r\n                        \r\n                    .price {\r\n                        // border-bottom: $border;\r\n                        // border-bottom-color: $gray;\r\n                        // border-bottom-style: dotted;\r\n\r\n                        .prev {\r\n                            text-decoration: line-through;\r\n                            margin-right: $interval-m;\r\n                            font-size: $font-size-xl;\r\n                        }\r\n\r\n                        %formater {\r\n                            $type: map-get($colors, 'danger');\r\n                            $text: map-get($type, 'text');\r\n\r\n                            color: $text;\r\n\r\n                            &.is-alert {\r\n\r\n                                &::before {\r\n                                    $type: map-get($colors, 'danger');\r\n                                    $text: map-get($type, 'text');\r\n\r\n                                    @extend %font-pseudo;\r\n                                    vertical-align: middle;\r\n                                    margin-right: $interval-s;\r\n                                    position: relative;\r\n                                    margin-right: $interval-xs;\r\n                                    color: $text;\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        .main {\r\n                            @extend %formater;\r\n                            font-size: $font-size-xxxxl;\r\n\r\n                            span {\r\n                                vertical-align: middle;\r\n                            }\r\n\r\n                            &.is-alert {\r\n\r\n                                &::before {\r\n                                    content: '\\e001';\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .form {\r\n\r\n                    ul {\r\n                        display: flow-root;\r\n                        @extend %reset;\r\n                    }\r\n\r\n                    li {\r\n                        float: left;\r\n                        width: 50%;\r\n                    }\r\n                }\r\n\r\n                .fieldset {\r\n                    padding: $interval-m;\r\n\r\n                    %formater {\r\n                        $type: map-get($colors, 'danger');\r\n                        $text: map-get($type, 'text');\r\n\r\n                        color: $text;\r\n\r\n                        &.is-alert {\r\n\r\n                            &::before {\r\n                                $type: map-get($colors, 'danger');\r\n                                $text: map-get($type, 'text');\r\n\r\n                                @extend %font-pseudo;\r\n                                vertical-align: middle;\r\n                                margin-right: $interval-s;\r\n                                position: relative;\r\n                                margin-right: $interval-xs;\r\n                                color: $text;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    label {\r\n                        display: block;\r\n                        margin-bottom: $interval-xs;\r\n\r\n                        .extend {\r\n                            @extend %formater;\r\n                            font-size: $font-size-xxl;\r\n\r\n                            &.is-alert {\r\n\r\n                                &::before {\r\n                                    content: '\\e001';\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .cp.input {\r\n                        width: 100%;\r\n                    }\r\n\r\n                    > ul {\r\n                        @extend %reset;\r\n                        display: flex;\r\n\r\n                        li {\r\n\r\n                            + li {\r\n                                flex: 1;\r\n                                padding-left: $interval-m;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                > .fieldset {\r\n                    padding-bottom: 0;\r\n                }\r\n            }\r\n        }\r\n\r\n        .content {\r\n            padding-top: $interval-l;\r\n            // border-top: $border;\r\n            // border-top-color: $major-color;\r\n            // margin-top: $interval-l;\r\n\r\n            .introduce-caption {\r\n                background-color: $light;\r\n                padding: $interval-xs $interval-m;\r\n                font-size: $font-size-xl;\r\n            }\r\n        }\r\n\r\n        .text-area {\r\n            background-color: $white;\r\n            padding: $interval-xl;\r\n            border-radius: $border-radius;\r\n\r\n            + .file-area {\r\n                margin-top: $interval-l;\r\n            }\r\n\r\n            + .image-area {\r\n                margin-top: $interval-l;\r\n            }\r\n            .introduce-caption {\r\n                margin-bottom: $interval-l;\r\n            }\r\n\r\n            .text {\r\n                font-size: $font-size-l;\r\n            }\r\n        }\r\n\r\n        .file-area {\r\n            background-color: $white;\r\n            padding: $interval-xl;\r\n            border-radius: $border-radius;\r\n\r\n            + .image-area {\r\n                margin-top: $interval-l;\r\n            }\r\n            .introduce-caption {\r\n                margin-bottom: $interval-m;\r\n            }\r\n\r\n            .fieldset {\r\n                margin-bottom: $interval-m;\r\n            }\r\n\r\n            ul {\r\n                @extend %reset;\r\n                margin-top: $interval-l;\r\n            }\r\n\r\n            li {\r\n                display: inline-block;\r\n            }\r\n        }\r\n\r\n        .image-area {\r\n\r\n            .image {\r\n\r\n                + .image {\r\n                    margin-top: $interval-m;\r\n                }\r\n            }\r\n\r\n            img {\r\n                display: block;\r\n                width: 100%;     \r\n                border-radius: $border-radius;\r\n            }\r\n        }\r\n    }\r\n\r\n    .g.mask-box-side {\r\n\r\n        &::v-deep {\r\n\r\n            .md.loading {\r\n                height: calc(100vh - 140px);\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdProductInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdProductInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mdProductInfo.vue?vue&type=template&id=01131b46&scoped=true&\"\nimport script from \"./mdProductInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./mdProductInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mdProductInfo.vue?vue&type=style&index=0&id=01131b46&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"01131b46\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"lo router\">\r\n        <loPage>\r\n            <loAside ref=\"loAside\">\r\n                <mdCaption\r\n                    :caption=\"$t('site.noun.productcategory')\"\r\n                ></mdCaption>\r\n                <mdNav\r\n                    v-if=\"list.length\"\r\n                    :data=\"navTree\"\r\n\r\n                    @sendEvent=\"receiveEvent\"\r\n                ></mdNav>\r\n                <div\r\n                    v-else\r\n                    class=\"g mask-box-side\"\r\n                >\r\n                    <transition name=\"fade\">\r\n                        <mdLoading></mdLoading>\r\n                    </transition>\r\n                </div>\r\n            </loAside>\r\n            <loSection>\r\n                <template v-if=\"productSN\">\r\n                    <loHeading\r\n                        :caption=\"$t('page.product.caption.productinfo')\"\r\n                    ></loHeading>\r\n                    <loArticle>\r\n                        <mdProductInfo\r\n                            :sn=\"productSN\"\r\n\r\n                            @sendEvent=\"receiveEvent\"\r\n                        ></mdProductInfo>\r\n                        <mdNavToggle></mdNavToggle>\r\n                    </loArticle>\r\n                </template>\r\n                <template v-else>\r\n                    <loHeading\r\n                        :caption=\"productCaption\"\r\n                    ></loHeading>\r\n                    <loArticle>\r\n                        <gProductList\r\n                            v-if=\"productListInit\"\r\n                            :list=\"list\"\r\n                            :setLength=\"20\"\r\n                            :selector=\"[12, 24, 48, 96]\"\r\n                            :pageSet=\"page\"\r\n                            :action=\"chagePage\"\r\n\r\n                            @sendEvent=\"receiveEvent\"\r\n                        ></gProductList>\r\n                        <div\r\n                            v-else\r\n                            class=\"g mask-box-center\"\r\n                        >\r\n                            <transition name=\"fade\">\r\n                                <mdLoading></mdLoading>\r\n                            </transition>\r\n                        </div>\r\n                        <mdNavToggle></mdNavToggle>\r\n                    </loArticle>\r\n                </template>\r\n            </loSection>\r\n        </loPage>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import loPage from '@/components/loPage'\r\n    import loHeading from '@/components/loHeading'\r\n    import loSection from '@/components/loSection'\r\n    import loArticle from '@/components/loArticle'\r\n    import loAside from '@/components/loAside'\r\n    import mdNav from '@/components/mdNav'\r\n    import mdCaption from '@/components/mdCaption'\r\n    import mdProductInfo from '@/components/mdProductInfo'\r\n    import mdLoading from '@/components/mdLoading'\r\n    import mdNavToggle from '@/components/mdNavToggle'\r\n    import gProductList from '@/components/gProductList'\r\n    import cpBtn from '@/components/cpBtn'\r\n\r\n    import { mapState, mapMutations } from 'vuex'\r\n\r\n    export default {\r\n        components: {\r\n            loPage,\r\n            loHeading,\r\n            loSection,\r\n            loArticle,\r\n            loAside,\r\n            mdNav,\r\n            mdCaption,\r\n            mdProductInfo,\r\n            mdLoading,\r\n            mdNavToggle,\r\n            gProductList,\r\n            cpBtn,\r\n        },\r\n        data: function(){\r\n\r\n            return {\r\n                list: [],\r\n                nav: [],\r\n                openSN: '',\r\n                showAside: true,\r\n            }\r\n        },\r\n        watch: {\r\n            productClass: {\r\n                handler: function(){\r\n                    this.initProductClass();\r\n                }\r\n            },\r\n            productList: {\r\n                handler: function(){\r\n                    this.init();\r\n                }\r\n            },\r\n        },\r\n        computed: {\r\n            ...mapState([\r\n                'user',\r\n                'langID',\r\n                'token',\r\n                'productClass',\r\n                'productList',\r\n                'productListInit',\r\n            ]),\r\n            query: function(){\r\n                return this.$route.query || {}\r\n            },\r\n            productClassSN: function(){\r\n                return this.query.class;\r\n            },\r\n            productM: function(){\r\n                return this.query.product;\r\n            },\r\n            productSN: function(){\r\n                return this.query.item;\r\n            },\r\n            page: function(){\r\n                let _result = this.query.page || 1;\r\n\r\n                return parseInt(_result);\r\n            },\r\n            productCaption: function(){\r\n                let $navSet = this.navSet,\r\n                    $data = $navSet.find(item => {\r\n                        return item.active === true;\r\n                    }),\r\n                    $parent = $navSet.find(item => {\r\n                        return item.sn === $data.parent\r\n                    })\r\n\r\n                let _result = '';\r\n\r\n                if( $data && $parent ) {\r\n\r\n                    if( $data.product && $data.product === 'all'){\r\n                        _result = $parent.caption;\r\n                    }else{\r\n                        _result = $parent.caption +' \\\\ '+ $data.caption\r\n                    }\r\n                }\r\n\r\n                return _result; \r\n            },\r\n            navSet: function(){\r\n                let $nav = this.nav,\r\n                    $result = []\r\n\r\n                let _openSN = this.openSN,\r\n                    _activeSN = this.productClassSN;\r\n\r\n                if( this.productM ) {\r\n                    _activeSN = _activeSN +'-'+ this.productM;\r\n                }\r\n\r\n                $nav.forEach(item => {\r\n                    \r\n                    $result.push({\r\n                        sn: item.sn,\r\n                        caption: item.caption,\r\n                        product: item.product,\r\n                        active: item.sn === _activeSN,\r\n                        open: item.sn === _openSN,\r\n                        items: item.items,\r\n                        parent: item.parent,\r\n                        subs: [],\r\n                    });\r\n                });\r\n\r\n                return $result;\r\n            },\r\n            navTree: function(){\r\n                let $navSet = this.navSet,\r\n                    $result = []\r\n\r\n                $navSet.forEach(item => {\r\n                    let _parent = item.parent;\r\n\r\n                    if( _parent ) {\r\n                        let $target = $navSet.find(navSet => navSet.sn === _parent);\r\n\r\n                        $target.subs.push(item);\r\n\r\n                    }else {\r\n                        $result.push(item);\r\n                    }\r\n                });\r\n\r\n                return $result\r\n            },\r\n        },\r\n        methods: {\r\n            ...mapMutations([\r\n                'catchError',\r\n            ]),\r\n            chagePage: function(page){\r\n                this.$router.push('/system/productList?class='+ this.productClassSN +'&product='+ this.productM +'&page='+ page);\r\n            },\r\n            setShow: function(){\r\n                let $list = this.list,\r\n                    _class = this.productClassSN,\r\n                    _product = this.productM;\r\n                \r\n                $list.forEach(item => {\r\n                    let _show = false;\r\n\r\n                    if( _class && _product ) {\r\n                        /**\r\n                         * 2023/12/21 增加副牌料相關顯示(product_type: 0:主原料,1:副牌料,2:兩者皆是) \r\n                         * https://www.notion.so/PE-8fa460857a884a30b8c06b230b6b6758\r\n                         */\r\n                        if( item.class.includes(_class) && (_product === 'all' || (item.product_m === _product && (item.product_type == 0 ||  item.product_type == 2)) || (_product === 'offGrade' && (item.product_type == 1 ||  item.product_type == 2)) ) ) {\r\n                            _show = true;\r\n                        }\r\n\r\n                    }else if( _class ) {\r\n\r\n                        if( item.class.includes(_class) ) {\r\n                            _show = true;\r\n                        }\r\n                    }else {\r\n                        _show = true;\r\n                    }\r\n\r\n                    item.show = _show;\r\n                });\r\n            },\r\n            clickNav: function(opt){\r\n                let _sn = opt.sn,\r\n                    _parent = opt.parent,\r\n                    _product = opt.product;\r\n\r\n                if( _parent ) {\r\n                    this.$router.push('/system/productList?class='+ _parent +'&product='+ _product);\r\n                    \r\n                    this.$refs.loAside.changeState();\r\n                }else {\r\n\r\n                    if( this.openSN === _sn ) {\r\n                        this.$set(this, 'openSN', '')\r\n                    }else {\r\n                        this.$set(this, 'openSN', _sn)\r\n                    }\r\n                }\r\n\r\n                this.setShow();\r\n            },\r\n            clickProduct: function(opt){\r\n                let _productClass = this.productClassSN,\r\n                    _productM = this.productM || 'all';\r\n\r\n                this.$router.push('/system/productList?class='+ _productClass +'&product='+ _productM +'&item='+ opt.sn);\r\n            },\r\n            favorite: function(opt){\r\n                this.$emit('sendEvent', 'favorite', opt);\r\n            },\r\n            contact: function(sn){\r\n                this.$emit('sendEvent', 'contact', sn);\r\n            },\r\n            initProductClass: function(res){\r\n                let $data = this.productClass,\r\n                    $result = []\r\n\r\n                $data.forEach(item => {\r\n\r\n                    $result.push({\r\n                        sn: item.class,\r\n                        caption: item.title,\r\n                        product: null,\r\n                        parent: null,\r\n                    });\r\n                });\r\n\r\n                $data.forEach(item => {\r\n\r\n                    $result.push({\r\n                        sn: item.class +'-all',\r\n                        caption: this.$t('page.productlist.caption.all'),\r\n                        product: 'all',\r\n                        parent: item.class,\r\n                    });\r\n                })\r\n\r\n                this.$set(this, 'nav', $result);\r\n                \r\n                this.initProductData();\r\n            },\r\n            initProductData: function(res){\r\n                let $data = this.$okaTool.copy(this.productList) || [],\r\n                    $result = []\r\n                \r\n                let $nav = this.nav;\r\n                $data.sort((a,b) => a.product_type > b.product_type? 1:-1)\r\n                $data.forEach(item => {\r\n\r\n                    if( item.is_on_market ) {\r\n\r\n                        let $node = {\r\n                                node: item,\r\n                                class: item.class,\r\n                                product_b: item.product_b,\r\n                                product_m: item.product_m,\r\n                                product_s: item.product_s,\r\n                                product_type: item.product_type,\r\n                                alias: item.alias,\r\n                                sn: item.product_sn,\r\n                                label: item.label || '',\r\n                                caption: item.product_s,\r\n                                essay: item.product_b +'-'+ item.product_m,\r\n                                image: item.imageurl,\r\n                                favorite: item.is_favorite,\r\n                                show: false,\r\n                            }\r\n\r\n                        $result.push($node);\r\n\r\n                        item.class.forEach(_class => {\r\n                            let _classSN = _class +'-'+ item.product_m,\r\n                                $target = $nav.find(nav => nav.sn === _classSN);\r\n\r\n                            if( !$target ) {\r\n\r\n                                $nav.push({\r\n                                    sn: _class +'-'+ item.product_m,\r\n                                    caption: item.product_m,\r\n                                    product: item.product_m,\r\n                                    parent: _class,\r\n                                });\r\n                            }\r\n                            //有副牌料的就塞副牌料\r\n                            if( item.product_type !== 0 ) {\r\n                                let _class = item.class +'-offGrade';\r\n\r\n                                if( !$nav.find(nav => nav.sn === _class) ) {\r\n\r\n                                    $nav.push({\r\n                                        sn: item.class +'-offGrade',\r\n                                        caption: '副牌料',\r\n                                        product: 'offGrade',\r\n                                        parent: item.class[0],\r\n                                        subs: [],\r\n                                    });\r\n                                }\r\n                            }\r\n                        });\r\n                    }\r\n                });\r\n            \r\n                this.$set(this, 'list', $result);\r\n            },\r\n            init: async function(){\r\n                this.initProductClass();\r\n                this.setShow();\r\n            }\r\n        },\r\n        created: function(){\r\n            let $query = this.$route.query || {},\r\n                _class = $query.class || '';\r\n\r\n            if( _class ) {\r\n                this.$set(this, 'openSN', _class);\r\n            }\r\n\r\n            this.init();\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .fade-enter-active, .fade-leave-active {\r\n        transition: 250ms ease;\r\n    }\r\n\r\n    .fade-enter {\r\n        opacity: 0;\r\n    }\r\n\r\n    .fade-enter-to {\r\n        opacity: 1;\r\n    }\r\n\r\n    .fade-leave {\r\n        opacity: 1;\r\n    }\r\n\r\n    .fade-leave-to {\r\n        opacity: 0;\r\n    }\r\n\r\n    .g.mask-box-side {\r\n\r\n        &::v-deep {\r\n\r\n            .md.loading {\r\n                height: calc(100vh - 160px);\r\n            }\r\n        }\r\n    }\r\n\r\n    .g.mask-box-center {\r\n\r\n        &::v-deep {\r\n\r\n            .md.loading {\r\n                height: calc(100vh - 150px);\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./productList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./productList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./productList.vue?vue&type=template&id=a8f5b80e&scoped=true&\"\nimport script from \"./productList.vue?vue&type=script&lang=js&\"\nexport * from \"./productList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./productList.vue?vue&type=style&index=0&id=a8f5b80e&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a8f5b80e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"md nav-toggle\",class:[_vm.showNav? 'is-active': '']},[_c('a',{attrs:{\"title\":_vm.$t('site.func.menu')},on:{\"click\":function($event){$event.preventDefault();return _vm.navToggle($event)}}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div\r\n        class=\"md nav-toggle\"\r\n        :class=\"[showNav? 'is-active': '']\"\r\n    >\r\n        <a @click.prevent=\"navToggle\" :title=\"$t('site.func.menu')\"></a>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { mapState, mapMutations } from 'vuex'\r\n\r\n    export default {\r\n        computed: {\r\n            ...mapState([\r\n                'showNav',\r\n            ]),\r\n        },\r\n        methods: {\r\n            ...mapMutations([\r\n                'navToggle',\r\n            ]),\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .md.nav-toggle {\r\n        position: fixed;\r\n        left: $interval-m;\r\n        top: 66px;\r\n        line-height: 1;\r\n        z-index: 7;\r\n        margin-top: 0 !important;\r\n\r\n        @include media('mobile') {\r\n            display: none;\r\n        }\r\n\r\n        &.is-active {\r\n\r\n            a {\r\n\r\n                &::before { //\\e5d2 => =,\\e5c4 => <, \\e5cd =>x\r\n                    content: '\\e9bd';\r\n                }\r\n            }\r\n        }\r\n\r\n        a {\r\n            transition: $transition;\r\n            display: block;\r\n            cursor: pointer;\r\n            border-radius: $border-radius;\r\n            background-color: rgba-set($minor-color, $opacity-h);\r\n\r\n            &:hover {\r\n                background-color: $forth-color;\r\n\r\n                &::before {\r\n                    color: $white;\r\n                }\r\n            }\r\n\r\n            &::before { //\\e5d2 => =,\\e5c4 => <, \\e5cd =>x\r\n                content: '\\e5d2';\r\n                @extend %font-pseudo;\r\n                line-height: $btnInput_h;\r\n                font-size: $font-size-xxl;\r\n                vertical-align: bottom;\r\n                color: $forth-color;\r\n                width: $btnInput_h;\r\n                text-align: center;\r\n                transition: $transition;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdNavToggle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mdNavToggle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mdNavToggle.vue?vue&type=template&id=09b1b9b2&scoped=true&\"\nimport script from \"./mdNavToggle.vue?vue&type=script&lang=js&\"\nexport * from \"./mdNavToggle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mdNavToggle.vue?vue&type=style&index=0&id=09b1b9b2&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"09b1b9b2\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./productList.vue?vue&type=style&index=0&id=a8f5b80e&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./productList.vue?vue&type=style&index=0&id=a8f5b80e&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lo aside\",class:[_vm.asideState? 'is-active': '', _vm.showNav? 'is-show': '' ]},[_c('mdToggleAside',{attrs:{\"state\":_vm.asideState},on:{\"sendEvent\":_vm.receiveEvent}}),_c('transition',{attrs:{\"name\":\"animate\"}},[_c('div',{staticClass:\"g aside\"},[_vm._t(\"default\")],2)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"lo aside\" :class=\"[asideState? 'is-active': '', showNav? 'is-show': '' ]\">\r\n        <mdToggleAside\r\n            :state=\"asideState\"\r\n            \r\n            @sendEvent=\"receiveEvent\"\r\n        ></mdToggleAside>\r\n        <transition name=\"animate\">\r\n            <div class=\"g aside\">\r\n                <slot></slot>\r\n            </div>\r\n        </transition>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import mdToggleAside from '@/components/mdToggleAside'\r\n\r\n    import { mapState } from 'vuex'\r\n\r\n    export default {\r\n        components: {\r\n            mdToggleAside,\r\n        },\r\n        props: {\r\n            caption: {\r\n                type: String,\r\n                required: false,\r\n                default: '標題'\r\n            }\r\n        },\r\n        data: function(){\r\n            \r\n            return {\r\n                asideState: false\r\n            }\r\n        },\r\n        computed: {\r\n            ...mapState([\r\n                'showNav',\r\n            ]),\r\n        },\r\n        methods: {\r\n            changeState: function(){\r\n                this.asideState = !this.asideState\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .animate-enter-active {\r\n        animation: animate-in 150ms;\r\n    }\r\n\r\n    .animate-leave-active {\r\n        animation: animate-out 150ms;\r\n    }\r\n\r\n    @keyframes animate-in {\r\n        0% {\r\n            transform: scale(1.1);\r\n            opacity: 0;\r\n        }\r\n\r\n        100% {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @keyframes animate-out {\r\n        0% {\r\n            opacity: 1;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    .lo.aside {\r\n        $w: 200px;\r\n\r\n        width: 0;\r\n        overflow: hidden;\r\n\r\n        @include media('mobile') {\r\n            width: $w;\r\n        }\r\n\r\n        &.is-show {\r\n            width: $w;\r\n\r\n            .g.aside {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        position: relative;\r\n        flex-grow: 0;\r\n        flex-shrink: 0;\r\n        transition: $transition;\r\n\r\n        @include media('mobile') {\r\n            width: auto;\r\n            margin-right: 0;\r\n            z-index: 7;\r\n        }\r\n\r\n        &.is-active {\r\n\r\n            .g.aside {\r\n        \r\n                @include media('mobile') {\r\n                    left: 0;\r\n                }\r\n            }\r\n        }\r\n\r\n        .g.aside {\r\n            opacity: 0;\r\n            width: $w;\r\n            transition: $transition;\r\n            padding-top: $interval-m;\r\n        \r\n            @include media('mobile') {\r\n                opacity: 1;\r\n            }\r\n    \r\n            @include media('mobile') {\r\n                position: fixed;\r\n                top: 0;\r\n                // width: calc(100vw - 100px);\r\n                width: 75%;\r\n                height: 100vh;\r\n                left: -100vw;\r\n                background-color: $forth-color;\r\n                z-index: 1;\r\n                overflow-y: auto;\r\n                padding: $interval-l;\r\n                box-sizing: border-box;\r\n            }\r\n        }\r\n    }\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loAside.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loAside.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./loAside.vue?vue&type=template&id=7fd614ce&scoped=true&\"\nimport script from \"./loAside.vue?vue&type=script&lang=js&\"\nexport * from \"./loAside.vue?vue&type=script&lang=js&\"\nimport style0 from \"./loAside.vue?vue&type=style&index=0&id=7fd614ce&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7fd614ce\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loHeading.vue?vue&type=style&index=0&id=69067bb8&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loHeading.vue?vue&type=style&index=0&id=69067bb8&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lo heading\"},[_c('mdCaption',{attrs:{\"caption\":_vm.caption}},[(_vm.minorCaption)?_c('cpLabel',{attrs:{\"themes\":\"minor\",\"text\":_vm.minorCaption}}):_vm._e()],1),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"lo heading\">\r\n        <mdCaption\r\n            :caption=\"caption\"\r\n        >\r\n            <cpLabel\r\n                v-if=\"minorCaption\"\r\n                themes=\"minor\"\r\n                :text=\"minorCaption\"\r\n            ></cpLabel>\r\n        </mdCaption>\r\n        <slot></slot>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import mdCaption from '@/components/mdCaption'\r\n    import cpLabel from '@/components/cpLabel'\r\n\r\n    export default {\r\n        components: {\r\n            mdCaption,\r\n            cpLabel,\r\n        },\r\n        props: {\r\n            caption: {\r\n                type: String,\r\n                required: false,\r\n                default: ''\r\n            },\r\n            minorCaption: {\r\n                type: String,\r\n                required: false,\r\n                default: ''\r\n            },\r\n        },\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .lo.heading {\r\n        $lh: 1px;\r\n\r\n        display: flex;\r\n        flex-shrink: 0;\r\n        position: relative;\r\n        padding-top: $interval-s;\r\n        // padding-bottom: $interval-m;\r\n        // border-bottom: $lh solid transparent;\r\n        margin-bottom: $interval-m;\r\n\r\n        // &::before, &::after {\r\n        //     content: $content;\r\n        //     left: 0;\r\n        //     position: absolute;\r\n        // }\r\n\r\n        // &::before {\r\n        //     bottom: 0;\r\n        //     right: 0;\r\n        //     height: $lh;\r\n        //     background-color: $major-color;\r\n        // }\r\n\r\n        // &::after {\r\n        //     bottom: -2px;\r\n        //     height: 5px;\r\n        //     width: 20px;\r\n        //     border-radius: 2px;\r\n        //     background-color: $major-color;\r\n        // }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loHeading.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loHeading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./loHeading.vue?vue&type=template&id=69067bb8&scoped=true&\"\nimport script from \"./loHeading.vue?vue&type=script&lang=js&\"\nexport * from \"./loHeading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./loHeading.vue?vue&type=style&index=0&id=69067bb8&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"69067bb8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}