{"version":3,"sources":["webpack:///./src/components/mdUserFunc.vue?3505","webpack:///./src/components/gProductList.vue?ccb8","webpack:///./src/components/mdProductList.vue?d140","webpack:///src/components/mdProductList.vue","webpack:///./src/components/mdProductList.vue?7d64","webpack:///./src/components/mdProductList.vue","webpack:///./src/components/mdUserFunc.vue?006b","webpack:///src/components/mdUserFunc.vue","webpack:///./src/components/mdUserFunc.vue?2ff1","webpack:///./src/components/mdUserFunc.vue","webpack:///src/components/gProductList.vue","webpack:///./src/components/gProductList.vue?c69d","webpack:///./src/components/gProductList.vue","webpack:///./src/components/mdProductList.vue?78f0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","haveSort","haveFunc","class","errors","has","attrs","first","_v","_s","$t","directives","name","rawName","value","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","sortType","multiple","_e","_t","sortIcon","clickFunc","receiveEvent","pageFilter","length","showType","showFilter","havePageination","show","page","selector","staticRenderFns","_l","item","key","sn","viewItem","productClassSN","productM","$siteTool","getLabelClassName","label","style","image","$siteConfig","emptyProductPhoto","favorite","preventDefault","stopPropagation","contact","alias","caption","essay","getPrice","node","$okaTool","numberToStringFormat","component","getUUID","icon","active","path"],"mappings":"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","file":"js/chunk-00728b3f.0786c3cd.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!./mdUserFunc.vue?vue&type=style&index=0&id=73c96260&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!./mdUserFunc.vue?vue&type=style&index=0&id=73c96260&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"g product-list\"},[(_vm.haveSort || _vm.haveFunc)?_c('mdSearch',[(_vm.haveSort)?_c('div',{staticClass:\"cp input select\",class:[_vm.errors.has('sortType')? 'is-error': ''],attrs:{\"data-error\":_vm.errors.first('sortType')}},[_c('label',{attrs:{\"for\":\"sortType\"}},[_vm._v(_vm._s(_vm.$t('site.func.sort')))]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.sortType),expression:\"sortType\"},{name:\"validate\",rawName:\"v-validate\",value:(''),expression:\"''\"}],attrs:{\"name\":\"sortType\",\"id\":\"sortType\"},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.sortType=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(_vm._s(_vm.$t('site.func.sortdefault')))]),_c('option',{attrs:{\"value\":\"product_s\"}},[_vm._v(_vm._s(_vm.$t('site.func.sortbyname')))]),_c('option',{attrs:{\"value\":\"price\"}},[_vm._v(_vm._s(_vm.$t('site.func.sortbyprice')))])])]):_vm._e(),_vm._t(\"search\"),(_vm.haveFunc)?_c('mdUserFunc',{attrs:{\"node\":_vm.sortIcon},on:{\"click\":_vm.clickFunc,\"sendEvent\":_vm.receiveEvent}}):_vm._e()],2):_vm._t(\"search\"),_vm._t(\"top\"),(_vm.pageFilter && _vm.pageFilter.length)?_c('mdProductList',{attrs:{\"list\":_vm.pageFilter,\"showType\":_vm.showType},on:{\"sendEvent\":_vm.receiveEvent}}):_c('div',{staticClass:\"md\"},[_c('cpStatus',{attrs:{\"tag\":\"div\",\"themes\":\"major\",\"icon\":\"warning\",\"text\":_vm.$t('page.search.status.noresults')}})],1),_vm._t(\"bottom\"),(_vm.showFilter && _vm.showFilter.length && _vm.havePageination && _vm.length > _vm.show)?_c('mdPageination',{attrs:{\"page\":_vm.page,\"selector\":_vm.selector,\"setLength\":_vm.show,\"length\":_vm.length},on:{\"sendEvent\":_vm.receiveEvent}}):_vm._e()],2)}\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:\"md product-list\",class:['is-'+ _vm.showType]},[_c('ul',_vm._l((_vm.list),function(item){return _c('li',{key:item.sn,on:{\"click\":function($event){_vm.viewItem(item)}}},[_c('router-link',{staticClass:\"div\",attrs:{\"to\":'/system/productList?class='+ (_vm.productClassSN || item.class[0] || 'all'|| 'offGrade') +'&product='+ (_vm.productM || 'all'|| 'offGrade' ) +'&item='+ item.sn}},[_c('div',{staticClass:\"image\"},[(item.label)?_c('div',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.productM === 'offGrade'? _vm.$siteTool.getLabelClassName('副牌料') :_vm.$siteTool.getLabelClassName(item.label)))]):_vm._e(),_c('div',{staticClass:\"mask\",style:({\n                            'background-image': 'url('+ item.image +')',\n                            'background-size': _vm.$siteConfig.emptyProductPhoto === item.image? 'contain': 'cover',\n                        })}),_c('img',{attrs:{\"src\":item.image}})]),_c('div',{staticClass:\"essay\"},[_c('div',{staticClass:\"func\"},[_c('ul',[_c('li',{staticClass:\"is-favorite\",class:[item.favorite? 'is-active': '']},[_c('div',{staticClass:\"a\",attrs:{\"title\":item.favorite ? _vm.$t('site.func.removefavorite') : _vm.$t('site.func.addfavorites')},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();_vm.favorite(item)}}},[_c('span',[_vm._v(_vm._s(_vm.$t('site.func.addfavorites')))])])]),_c('li',{staticClass:\"is-contact\"},[_c('div',{staticClass:\"a\",attrs:{\"title\":_vm.$t('site.func.contactsales')},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();_vm.contact(item)}}},[_c('span',[_vm._v(_vm._s(_vm.$t('site.func.contactsales')))])])])])]),_c('div',{staticClass:\"caption\"},[_vm._v(_vm._s(item.alias || item.caption))]),_c('div',{staticClass:\"p\"},[_vm._v(_vm._s(item.essay))]),(typeof _vm.$siteTool.getPrice(item.node) === 'number')?_c('div',{staticClass:\"label\"},[_vm._v(_vm._s('NT$ '+ _vm.$okaTool.numberToStringFormat(_vm.$siteTool.getPrice(item.node))))]):_c('div',{staticClass:\"label is-alert\"},[_vm._v(_vm._s(_vm.$siteTool.getPrice(item.node)))])])])],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div\r\n        class=\"md product-list\"\r\n        :class=\"['is-'+ showType]\"\r\n    >\r\n        <ul>\r\n            <li\r\n                v-for=\"item in list\"\r\n                :key=\"item.sn\"\r\n                @click=\"viewItem(item)\"\r\n            >\r\n                <router-link\r\n                    class=\"div\"\r\n                    :to=\"'/system/productList?class='+ (productClassSN || item.class[0] || 'all'|| 'offGrade') +'&product='+ (productM || 'all'|| 'offGrade' ) +'&item='+ item.sn\"\r\n                >\r\n                    <div\r\n                        class=\"image\"\r\n                    >\r\n                        <div v-if=\"item.label\" class=\"label\">{{ productM === 'offGrade'? $siteTool.getLabelClassName('副牌料') :$siteTool.getLabelClassName(item.label) }}</div>\r\n                        <div\r\n                            class=\"mask\"\r\n                            :style=\"{\r\n                                'background-image': 'url('+ item.image +')',\r\n                                'background-size': $siteConfig.emptyProductPhoto === item.image? 'contain': 'cover',\r\n                            }\"\r\n                        ></div>\r\n                        <img :src=\"item.image\">\r\n                    </div>\r\n                    <div class=\"essay\">\r\n                        <div class=\"func\">\r\n                            <ul>\r\n                                <li\r\n                                    class=\"is-favorite\"\r\n                                    :class=\"[item.favorite? 'is-active': '']\"\r\n                                >\r\n                                    <div  class=\"a\" :title=\"item.favorite ? $t('site.func.removefavorite') : $t('site.func.addfavorites')\" @click.prevent.stop=\"favorite(item)\">\r\n                                        <span>{{ $t('site.func.addfavorites') }}</span>\r\n                                    </div>\r\n                                </li>\r\n                                <li class=\"is-contact\">\r\n                                    <div class=\"a\" :title=\"$t('site.func.contactsales')\" @click.prevent.stop=\"contact(item)\">\r\n                                        <span>{{ $t('site.func.contactsales') }}</span>\r\n                                    </div>\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                        <div class=\"caption\">{{ item.alias || item.caption }}</div>\r\n                        <div class=\"p\">{{ item.essay }}</div>\r\n                        <div\r\n                            v-if=\"typeof $siteTool.getPrice(item.node) === 'number'\"\r\n                            class=\"label\"\r\n                        >{{ 'NT$ '+ $okaTool.numberToStringFormat($siteTool.getPrice(item.node)) }}</div>\r\n                        <div\r\n                            v-else\r\n                            class=\"label is-alert\"\r\n                        >{{ $siteTool.getPrice(item.node) }}</div>\r\n                    \r\n                    </div>\r\n                </router-link>\r\n            </li>\r\n        </ul>\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        props: {\r\n            showType: {\r\n                type: String,\r\n                require: false,\r\n                default: 'table'\r\n            },\r\n            list:{\r\n                type: Array,\r\n                require: false,\r\n                default: function() {\r\n                    return []\r\n                }\r\n            }\r\n        },\r\n        computed: {\r\n            ...mapState([\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        },\r\n        methods: {\r\n            ...mapMutations([\r\n                'initProductData',\r\n            ]),\r\n            favorite: function(item){\r\n                this.$emit('sendEvent', 'favorite', item);\r\n            },\r\n            contact: function(item){\r\n                this.$emit('sendEvent', 'contact', item.sn);\r\n            },\r\n            viewItem: function(item){\r\n                let $data = item.node;\r\n\r\n                window.dataLayer = window.dataLayer || [];\r\n                dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.\r\n                dataLayer.push({\r\n                    event: \"view_item\",\r\n                    ecommerce: {\r\n                        currency: \"TWD\",\r\n                        value: $data.price,\r\n                        items: [\r\n                            {\r\n                                item_id: $data.product_sn,\r\n                                item_name: $data.product_s,\r\n                                item_brand: \"Formosa Plastic Corporation\",\r\n                                item_category: $data.product_b,\r\n                                item_category2: $data.product_m,\r\n                                item_category3: $data.product_s,\r\n                            }\r\n                        ]\r\n                    }\r\n                });\r\n            }\r\n        },\r\n        created: function(){\r\n            let _date = new Date().toLocaleDateString();\r\n\r\n            if( _date !== this.productListInit ) {\r\n                this.initProductData();\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    \r\n    .md.product-list {\r\n\r\n        &.is-table {\r\n            \r\n            > ul {\r\n\r\n                > li {\r\n                    display: inline-block;\r\n                    width: 20%;\r\n\r\n                    @include media('center') {\r\n                        width: 25%;\r\n                    }\r\n\r\n                    @include media('pad') {\r\n                        width: 33.3%;\r\n                    }\r\n\r\n                    @include media('phone') {\r\n                        width: 50%;\r\n                    }\r\n                }\r\n            }\r\n            \r\n            .div {\r\n\r\n            }\r\n\r\n            .image {\r\n\r\n                .label {\r\n                    top: $interval-s;\r\n                    left: $interval-s;\r\n                    // width: 75px;\r\n                    // padding-bottom: 18%;\r\n                }\r\n                \r\n                .mask {\r\n                    padding-bottom: 100%;\r\n                    border-radius: $border-radius;\r\n                }\r\n\r\n                img {\r\n                    \r\n                }\r\n            }\r\n\r\n            .essay {\r\n\r\n                .func {\r\n                    bottom: 100%;\r\n                    right: 0;\r\n                }\r\n            }\r\n        }\r\n\r\n        &.is-list {\r\n            \r\n            .div {\r\n                display: flex;\r\n            }\r\n\r\n            .image {\r\n                width: 120px;\r\n                z-index: 1;\r\n\r\n                .label {\r\n                    top: $interval-m;\r\n                    left: 100%;\r\n                    margin-left: $interval-s;\r\n                    font-size: $font-size-s;\r\n                    // width: 50px;\r\n                    // padding-bottom: 22%;\r\n                }\r\n                \r\n                .mask {\r\n                    position: absolute;\r\n                    top: 0;\r\n                    right: 0;\r\n                    bottom: 0;\r\n                    left: 0;\r\n                    border-radius: $border-radius 0 0 $border-radius;\r\n                }\r\n            }\r\n\r\n            .essay {\r\n                flex: 1;\r\n                background-color: #ECECEC;\r\n                padding-top: 42px;\r\n                padding-left: $interval-m;\r\n                border-radius: 0 $border-radius $border-radius 0;\r\n\r\n                .func {\r\n                    bottom: 0;\r\n                    right: 0;\r\n\r\n                    li {\r\n                        \r\n                    }\r\n\r\n                    .a {\r\n                        padding: $interval-s $interval-m;\r\n\r\n                        @include media('phone') {\r\n                            padding: $interval-s;\r\n                        }\r\n\r\n                        &:before {\r\n                            display: inline-block;\r\n                            margin-right: $interval-s;\r\n                        }\r\n\r\n                        span {\r\n                            display: inline;\r\n\r\n                            @include media('phone') {\r\n                                display: none;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        > ul {\r\n\r\n            > li {\r\n\r\n            }\r\n        }\r\n\r\n        ul {\r\n            @extend %reset;\r\n        }\r\n\r\n        li {\r\n\r\n        }\r\n        \r\n        .div {\r\n            display: block;\r\n            padding: $interval-s;\r\n            cursor: pointer;\r\n            color: inherit;\r\n        }\r\n\r\n        .image {\r\n            position: relative;\r\n\r\n            .label {\r\n                position: absolute;\r\n                padding: $interval-xs $interval-s;\r\n                // border-radius: $border-radius;\r\n                white-space: nowrap;\r\n                color: $white;\r\n                background-color: $tag-color;\r\n                text-shadow: 1px 1px 2px $gray;\r\n                font-weight: 900;\r\n                border-radius: $border-radius;\r\n                \r\n                // border: $border;\r\n                // border-color: $minor-color;\r\n                // background-size: contain;\r\n                // background-position: center;\r\n                // background-repeat: no-repeat;\r\n\r\n                // &.spec {\r\n                //     // background-image: image-url('spec.png');\r\n                // }\r\n\r\n                // &.hot {\r\n                //     background-image: image-url('hot.png');\r\n                // }\r\n\r\n                // &.new {\r\n                //     background-image: image-url('new.png');\r\n                // }\r\n\r\n                // &.sale {\r\n                //     background-image: image-url('sale.png');\r\n                // }\r\n\r\n            }\r\n            \r\n            .mask {\r\n                display: block;\r\n                background-repeat: no-repeat;\r\n                background-position: center;\r\n                background-size: cover;\r\n                background-color: $minor-color;\r\n            }\r\n\r\n            img {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .essay {\r\n            position: relative;\r\n            padding: $interval-s;\r\n            transition: $transition;\r\n\r\n            .func {\r\n                position: absolute;\r\n\r\n                ul {\r\n                    position: absolute;\r\n                    right: $interval-s;\r\n                    bottom: $interval-s;\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                    $size: 18px;\r\n\r\n                    display: block;\r\n                    line-height: $size;\r\n                    text-align: center;\r\n                    cursor: pointer;\r\n                    transition: $transition;\r\n                    border-radius: $border-radius;\r\n                    white-space: nowrap;\r\n                    padding: $interval-s;\r\n                    transition: $transition;\r\n                    background-color: rgba-set($white, $opacity-m);\r\n                    // color: $forth-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                        display: block;\r\n                        width: $size;\r\n                        height: $size;\r\n                        line-height: $size;\r\n                        text-align: center;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n                    span {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .caption {\r\n                font-weight: bold;\r\n            }\r\n\r\n            .p {\r\n                // color: $major-color;\r\n                @extend %ellipsis;\r\n            }\r\n\r\n            .label {\r\n                margin-top: $interval-s;\r\n                font-weight: bold;\r\n                color: #ee4d2d;\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                        position: relative;\r\n                        content: '\\e001';\r\n                        margin-right: $interval-xs;\r\n                        color: $text;\r\n                        vertical-align: bottom;\r\n                    }\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!./mdProductList.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!./mdProductList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mdProductList.vue?vue&type=template&id=0843b85c&scoped=true&\"\nimport script from \"./mdProductList.vue?vue&type=script&lang=js&\"\nexport * from \"./mdProductList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mdProductList.vue?vue&type=style&index=0&id=0843b85c&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  \"0843b85c\",\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 user-func\"},[_c('ul',_vm._l((_vm.node),function(item){return _c('li',{key:item.sn || _vm.$okaTool.getUUID(),class:[item.icon? 'is-'+ item.icon: '', item.active? 'is-active': '']},[(item.path)?_c('router-link',{attrs:{\"to\":item.path}}):_c('a',{on:{\"click\":function($event){$event.preventDefault();_vm.clickFunc(item)}}})],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"md user-func\">\r\n        <ul>\r\n            <li\r\n                v-for=\"item in node\"\r\n                :key=\"item.sn || $okaTool.getUUID()\"\r\n                :class=\"[item.icon? 'is-'+ item.icon: '', item.active? 'is-active': '']\"\r\n            >\r\n                <router-link\r\n                    v-if=\"item.path\"\r\n                    :to=\"item.path\"\r\n                ></router-link>\r\n                <a\r\n                    v-else\r\n                    @click.prevent=\"clickFunc(item)\"\r\n                ></a>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        props: {\r\n            node: {\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            clickFunc: function(opt){\r\n                this.$emit('click', opt);\r\n            },\r\n        },\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .md.user-func {\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n\r\n        .lo.header & {\r\n\r\n            @include media('mobile') {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .lo.section & {\r\n\r\n            @include media('phone') {\r\n                display: none;\r\n            }\r\n\r\n            li {\r\n\r\n                &:last-child {\r\n                    border-right-width: 0;\r\n                }\r\n            }\r\n        }\r\n\r\n        ul {\r\n            @extend %reset;\r\n            text-align: center;\r\n        }\r\n\r\n        li {\r\n            @extend %header-btn;\r\n\r\n            + li {\r\n                padding-left: 0;\r\n            }\r\n\r\n            .lo.content & {\r\n                border-right-color: $minor-color;\r\n\r\n                a {\r\n                    background-color: $minor-color;\r\n\r\n                    &:hover {\r\n                        opacity: $opacity-h;\r\n                    }\r\n\r\n                    &::before {\r\n                        color: $forth-color;\r\n                    }\r\n                }\r\n\r\n                &.is-active {\r\n\r\n                    > a {\r\n                        background-color: $forth-color;\r\n\r\n                        &::before {\r\n                            color: $white;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.is-active {\r\n\r\n                > a {\r\n                    background-color: $major-color;\r\n\r\n                    &::before {\r\n                        color: $white;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.is-chart {\r\n\r\n                a {\r\n\r\n                    &::before {\r\n                        content: '\\e6e1';\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.is-price {\r\n\r\n                a {\r\n\r\n                    &::before {\r\n                        content: '\\e227';\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.is-table {\r\n\r\n                a {\r\n\r\n                    &::before {\r\n                        content: '\\e9b0';\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.is-list {\r\n\r\n                a {\r\n\r\n                    &::before {\r\n                        content: '\\f06d';\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        a {\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!./mdUserFunc.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!./mdUserFunc.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mdUserFunc.vue?vue&type=template&id=73c96260&scoped=true&\"\nimport script from \"./mdUserFunc.vue?vue&type=script&lang=js&\"\nexport * from \"./mdUserFunc.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mdUserFunc.vue?vue&type=style&index=0&id=73c96260&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  \"73c96260\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div\r\n        class=\"g product-list\"\r\n    >\r\n        <mdSearch v-if=\"haveSort || haveFunc\">\r\n            <div v-if=\"haveSort\" class=\"cp input select\" :class=\"[errors.has('sortType')? 'is-error': '']\" :data-error=\"errors.first('sortType')\">\r\n                <label for=\"sortType\">{{ $t('site.func.sort') }}</label>\r\n                <select v-model=\"sortType\" v-validate=\"''\" name=\"sortType\" id=\"sortType\">\r\n                    <option value=\"\">{{ $t('site.func.sortdefault') }}</option>\r\n                    <option value=\"product_s\">{{ $t('site.func.sortbyname') }}</option>\r\n                    <option value=\"price\">{{ $t('site.func.sortbyprice') }}</option>\r\n                </select>\r\n            </div>\r\n            <slot name=\"search\"></slot>\r\n            <mdUserFunc\r\n                v-if=\"haveFunc\"\r\n                :node=\"sortIcon\"\r\n\r\n                @click=\"clickFunc\"\r\n                @sendEvent=\"receiveEvent\"\r\n            ></mdUserFunc>\r\n        </mdSearch>\r\n        <slot v-else name=\"search\"></slot>\r\n        <slot name=\"top\"></slot>\r\n        <mdProductList\r\n            v-if=\"pageFilter && pageFilter.length\"\r\n            :list=\"pageFilter\"\r\n            :showType=\"showType\"\r\n\r\n            @sendEvent=\"receiveEvent\"\r\n        ></mdProductList>\r\n        <div\r\n            v-else\r\n            class=\"md\"\r\n        >\r\n            <cpStatus\r\n                tag=\"div\"\r\n                themes=\"major\"\r\n                icon=\"warning\"\r\n                :text=\"$t('page.search.status.noresults')\"\r\n            ></cpStatus>\r\n        </div>\r\n        <slot name=\"bottom\"></slot>\r\n        <mdPageination\r\n            v-if=\"showFilter && showFilter.length && havePageination && length > show\"\r\n            :page=\"page\"\r\n            :selector=\"selector\"\r\n            :setLength=\"show\"\r\n            :length=\"length\"\r\n\r\n            @sendEvent=\"receiveEvent\"\r\n        ></mdPageination>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import mdProductList from '@/components/mdProductList'\r\n    import mdPageination from '@/components/mdPageination'\r\n    import mdUserFunc from '@/components/mdUserFunc'\r\n    import mdSearch from '@/components/mdSearch' \r\n    import cpStatus from '@/components/cpStatus'\r\n\r\n    export default {\r\n        components: {\r\n            mdProductList,\r\n            mdPageination,\r\n            mdUserFunc,\r\n            mdSearch,\r\n            cpStatus,\r\n        },\r\n        props: {\r\n            list: {\r\n                type: Array,\r\n                require: true,\r\n                default: function(){\r\n                    return []\r\n                }\r\n            },\r\n            haveSort: { //是否顯示切換排序\r\n                type: Boolean,\r\n                require: false,\r\n                default: true\r\n            },\r\n            haveFunc: { //是否顯示切換樣式\r\n                type: Boolean,\r\n                require: false,\r\n                default: true\r\n            },\r\n            havePageination: { //是否顯示底部分頁\r\n                type: Boolean,\r\n                require: false,\r\n                default: true\r\n            },\r\n            setLength: { //調整 list 一頁的列數\r\n                type: Number,\r\n                require: false,\r\n                default: 10\r\n            },\r\n            selector: { //調整 table 可切換的單頁筆數\r\n                type: Array,\r\n                required: false,\r\n                default: function(){\r\n                    return [10, 20, 50, 100, 200, 500]\r\n                }\r\n            },\r\n            showMode: { //調整顯示模式\r\n                type: String,\r\n                require: false,\r\n                default: 'table'\r\n            },\r\n            pageSet: { //設定 page\r\n                type: Number,\r\n                require: false,\r\n                default: 1\r\n            },\r\n            action: {\r\n                type: Function,\r\n                require: false,\r\n                default: () => {}\r\n            }\r\n        },\r\n        data: function(){\r\n            let _setLength = this.setLength || 10,\r\n                _showMode = this.showMode || 'table';\r\n\r\n            return {\r\n                showType: _showMode,\r\n                show: _setLength,\r\n                sortType: '',\r\n                page: this.pageSet,\r\n            }\r\n        },\r\n        computed: {\r\n            content: function(){\r\n                let $content = this.list || []\r\n\r\n                return $content;\r\n            },\r\n            sortIcon: function(){\r\n\r\n                return [\r\n                    {\r\n                        icon: 'table',\r\n                        active: this.showType === 'table',\r\n                    },\r\n                    {\r\n                        icon: 'list',\r\n                        active: this.showType === 'list',\r\n                    }\r\n                ]\r\n            },\r\n            showFilter: function(){\r\n                let $content = this.content || [],\r\n                    $show = $content.filter(data => data.show === true),\r\n                    _sortType = this.sortType || 'sn';\r\n\r\n                $show.sort((a, b) => {\r\n                    let _a = a[_sortType],\r\n                        _b = b[_sortType];\r\n\r\n                    if( _sortType === 'price' ) {\r\n                        _a = this.getPrice(a.node);\r\n                        _b = this.getPrice(b.node);\r\n                    }\r\n\r\n                    return _a > _b? 1: -1\r\n                });\r\n\r\n                $show.forEach((data, _index) => { //init\r\n                    data.page = Math.floor(_index / this.show) + 1;\r\n                });\r\n\r\n                return $show;\r\n            },\r\n            pageFilter: function(){\r\n\r\n                if( this.havePageination ) {\r\n                    return this.showFilter.filter(data => data.page === this.page);\r\n                }else {\r\n                    return this.showFilter;\r\n                }\r\n            },\r\n            length: function(){\r\n                return this.showFilter.length;\r\n            },\r\n        },\r\n        watch: {\r\n            list: {\r\n                handler: function(){\r\n                    this.initList();\r\n                }\r\n            },\r\n            pageSet: {\r\n                handler: function(){\r\n                    this.page = parseInt(this.pageSet);\r\n                }\r\n            },\r\n        },\r\n        methods: {\r\n            clickFunc: function(obj){\r\n                this.$set(this, 'showType', obj.icon);\r\n            },\r\n            getPrice: function(item) {\r\n\r\n                if( item.available && item.available ) {\r\n                    return item.price;\r\n                }else {\r\n                    return 0;\r\n                }\r\n            },\r\n            changeByLength: function(length){ //改一次顯示的數量\r\n                let _length = parseInt(length, 10);\r\n\r\n                this.changeByPage(1);\r\n                \r\n                this.show = _length;\r\n            },\r\n            changeByPage: function(page){ //改頁面\r\n                let _page = parseInt(page);\r\n\r\n                let _show = this.show;\r\n\r\n                if( _page <= Math.ceil(this.length / _show) ){\r\n\r\n                    let $_action = this.action;\r\n\r\n                    if( $_action && typeof $_action === 'function' ) {\r\n                        $_action(parseInt(page));\r\n                    }else {\r\n                        this.page = parseInt(page);\r\n                    }\r\n                }\r\n            },\r\n            initList: function(){\r\n                let $content = this.content;\r\n\r\n                $content.forEach(data => {\r\n\r\n                    if( data.show === undefined ) {\r\n                        data.show = true;\r\n                    }\r\n\r\n                    if( data.sn === undefined ) {\r\n                        data.sn = this.$okaTool.getUUID();\r\n                    }\r\n                });\r\n            },\r\n            initTable: function(){\r\n\r\n                if( this.rememberHistory ) {\r\n                    this.initList();\r\n                }\r\n            }\r\n        },\r\n        created: function(){\r\n            this.initList();\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!./gProductList.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!./gProductList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./gProductList.vue?vue&type=template&id=d18c02d8&scoped=true&\"\nimport script from \"./gProductList.vue?vue&type=script&lang=js&\"\nexport * from \"./gProductList.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  \"d18c02d8\",\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!./mdProductList.vue?vue&type=style&index=0&id=0843b85c&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!./mdProductList.vue?vue&type=style&index=0&id=0843b85c&scoped=true&lang=scss&\""],"sourceRoot":""}