{"version":3,"sources":["webpack:///./src/popups/showSalse.vue?0a83","webpack:///src/popups/showSalse.vue","webpack:///./src/popups/showSalse.vue?794e","webpack:///./src/popups/showSalse.vue","webpack:///./src/popups/showSalse.vue?8e7f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","close","attrs","$t","style","content","photo","user","cuno","_v","_s","salename","email","_e","phone","btns","receiveEvent","staticRenderFns","component"],"mappings":"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","file":"js/chunk-f9e77336.0b3278bf.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"g pop-up-inner\"},[_c('mdToggleAside',{on:{\"sendEvent\":_vm.close}}),_c('mdCaption',{attrs:{\"caption\":_vm.$t('site.func.contactsales')}}),_c('div',{staticClass:\"g pop-up-content\"},[_c('div',{staticClass:\"g pop-up-content-inner\"},[_c('div',{staticClass:\"g\"},[_c('div',{staticClass:\"md sales\"},[_c('div',{staticClass:\"fieldset\"},[_c('div',{staticClass:\"cp user-photo\"},[_c('div',{staticClass:\"figure\"},[_c('div',{staticClass:\"img\",style:('background-image: url('+ _vm.content.photo +');')},[_c('img',{attrs:{\"src\":_vm.content.photo,\"alt\":_vm.user.cuno}})])])])]),_c('div',{staticClass:\"fieldset\"},[_c('label',[_vm._v(_vm._s(_vm.$t('page.myaccount.caption.representitive')))]),_c('div',{staticClass:\"cp input div\"},[_c('div',{staticClass:\"text\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.content.salename)+\"\\n                            \")])])]),(_vm.content.email)?_c('div',{staticClass:\"fieldset\"},[_c('label',[_vm._v(\"E-mail\")]),_c('div',{staticClass:\"cp input div\"},[_c('div',{staticClass:\"text\"},[_c('a',{attrs:{\"href\":'mailto:'+ _vm.content.email}},[_vm._v(_vm._s(_vm.content.email))])])])]):_vm._e(),_c('div',{staticClass:\"fieldset\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.$t('site.noun.phone')))]),_c('div',{staticClass:\"cp input div\"},[_c('div',{staticClass:\"text\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.content.phone)+\"\\n                            \")])])])])])])]),_c('mdBtnList',{attrs:{\"content\":_vm.btns,\"block\":true},on:{\"sendEvent\":_vm.receiveEvent}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"g pop-up-inner\">\r\n        <mdToggleAside\r\n            @sendEvent=\"close\"\r\n        ></mdToggleAside>\r\n        <mdCaption\r\n            :caption=\"$t('site.func.contactsales')\"\r\n        ></mdCaption>\r\n        <div class=\"g pop-up-content\">\r\n            <div class=\"g pop-up-content-inner\">\r\n                <div class=\"g\">\r\n                    <div class=\"md sales\">\r\n                        <div class=\"fieldset\">\r\n                            <div class=\"cp user-photo\">\r\n                                <div class=\"figure\">\r\n                                    <div\r\n                                        class=\"img\"\r\n                                        :style=\"'background-image: url('+ content.photo +');'\"\r\n                                    >\r\n                                        <img :src=\"content.photo\" :alt=\"user.cuno\">\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"fieldset\">\r\n                            <label>{{ $t('page.myaccount.caption.representitive') }}</label>\r\n                            <div class=\"cp input div\">\r\n                                <div class=\"text\">\r\n                                    {{ content.salename }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"fieldset\" v-if=\"content.email\">\r\n                            <label>E-mail</label>\r\n                            <div class=\"cp input div\">\r\n                                <div class=\"text\">\r\n                                    <a :href=\"'mailto:'+ content.email\">{{ content.email }}</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"fieldset\">\r\n                            <label> {{ $t('site.noun.phone') }}</label>\r\n                            <div class=\"cp input div\">\r\n                                <div class=\"text\">\r\n                                    {{ content.phone }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <mdBtnList\r\n            :content=\"btns\"\r\n            :block=\"true\"\r\n            @sendEvent=\"receiveEvent\"\r\n        ></mdBtnList>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import mdCaption from '@/components/mdCaption'\r\n    import mdToggleAside from '@/components/mdToggleAside'\r\n    import mdBtnList from '@/components/mdBtnList'\r\n\r\n    import { mapState, mapMutations } from 'vuex'\r\n\r\n    export default {\r\n        components: {\r\n            mdCaption,\r\n            mdToggleAside,\r\n            mdBtnList,\r\n        },\r\n        props: {\r\n            sn: {\r\n                require: true\r\n            },\r\n            content: { //依照模板定義\r\n                require: false,\r\n                default: () => {\r\n                    return {}\r\n                }\r\n            }\r\n        },\r\n        data: function(){\r\n\r\n            return {\r\n                password: '',\r\n            }\r\n        },\r\n        computed: {\r\n            ...mapState([\r\n                'user',\r\n                'talk',\r\n                'productList',\r\n            ]),\r\n            btns: function(){\r\n                let $talk = {\r\n                        text: this.$t('site.func.talk'),\r\n                        themes: 'info',\r\n                        func: 'talkOpen',\r\n                    },\r\n                    $cancel = {\r\n                        text: this.$t('site.func.popupclose'),\r\n                        func: 'close',\r\n                    }\r\n\r\n                let $result = [\r\n                        $cancel,\r\n                    ]\r\n\r\n                if( this.talk.aid ) {\r\n                    $result.unshift($talk)\r\n                }\r\n\r\n                return $result;\r\n            },\r\n        },\r\n        methods: {\r\n            ...mapMutations([\r\n                'talkCreate',\r\n                'talkSet',\r\n                'pushPopUp',\r\n            ]),\r\n            talkOpen: async function(){\r\n                let _saleid = this.content.saleid;\r\n\r\n                if( this.$siteConfig.devEvent ) { //測試機就給我\r\n                    _saleid = 'n000170609'\r\n                }\r\n\r\n                let _url = this.$siteConfig.talkAccountUrl,\r\n                    $form = new URLSearchParams({\r\n                        account: _saleid,\r\n                        accessToken: this.talk.accessToken,\r\n                    });\r\n                    \r\n                try {\r\n                    let $response = await this.$http.post(_url, $form),\r\n                        $data = $response.data;\r\n\r\n                    let $_core = () => {\r\n                            this.talkCreate($data.data.aid); //創造一個聊天\r\n                            this.close();\r\n                        }\r\n                   \r\n                    if( $data.result === 'SUCCESS' ) {\r\n                        let $content = this.content;\r\n\r\n                        if( $content.product_sn ) {\r\n                            let _product_sn = $content.product_sn,\r\n                                $product = this.productList.find(product => product.product_sn === _product_sn),\r\n                                _class= $product.class[0],\r\n                                $location = window.location,\r\n                                _origin = $location.origin,\r\n                                _pathname = $location.pathname,\r\n                                _url = _origin + _pathname +'#/system/productList?class='+ _class +'&product=all&item='+ _product_sn;\r\n\r\n                            this.talkSet({\r\n                                nextSend: _url,\r\n                            });\r\n\r\n                            $_core();\r\n                        }else if( $content.nextSend ) { //目前只有訂單在用，要跳 popup 給他寫意見\r\n                            let _nextSend = $content.nextSend;\r\n\r\n                            this.pushPopUp({\r\n                                type: 'prompt',\r\n                                content: {\r\n                                    caption: this.$t('order.info.requestInput'),\r\n                                    html: _nextSend,\r\n                                    type: 'textarea',\r\n                                    action: (val) => {\r\n\r\n                                        if( val ) {\r\n                                            _nextSend += '<br>'+ this.$t('order.info.request') +': '+ val;\r\n                                        }\r\n\r\n                                        _nextSend = _nextSend.replaceAll('<br>', '\\r\\n');\r\n\r\n                                        this.talkSet({\r\n                                            nextSend: _nextSend,\r\n                                        });\r\n\r\n                                        $_core();\r\n                                    }\r\n                                }\r\n                            });\r\n                        }else {\r\n                            $_core();\r\n                        }\r\n                    }else {\r\n                        console.error($data);\r\n                    }\r\n\r\n                }catch(error) {\r\n                    console.log(error)\r\n                }\r\n            },\r\n            close: function(){\r\n                this.$emit('sendEvent', 'clearPopUp', this.sn);\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .cp.user-photo {\r\n        $size: 144px;\r\n        $lh: 36px;\r\n\r\n        position: relative;\r\n        width: $size;\r\n        margin: 0 auto;\r\n        border-radius: 100px;\r\n        border: 1px solid $gray;\r\n        overflow: hidden;\r\n\r\n        .figure {\r\n            position: relative;\r\n            height: $size;\r\n            text-align: center;\r\n            background-color: $white;\r\n\r\n            .img {\r\n                @extend %fill-image;\r\n                position: absolute;\r\n                top: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                left: 0;\r\n        \r\n                img {\r\n                    display: none;\r\n                }\r\n            }\r\n\r\n            &::after {\r\n                @extend %font-pseudo;\r\n                content: '\\e87c';\r\n                display: block;\r\n                line-height: $size;\r\n                font-size: $size;\r\n                color: $major-color;\r\n            }\r\n        }\r\n    }\r\n\r\n    .fieldset {\r\n        padding: $interval-xs 0;\r\n\r\n        label {\r\n            display: block;\r\n            margin-bottom: $interval-s;\r\n        }\r\n\r\n        div {\r\n            @include media('mobile') {\r\n                width: 100%\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!./showSalse.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!./showSalse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./showSalse.vue?vue&type=template&id=68e71a92&scoped=true&\"\nimport script from \"./showSalse.vue?vue&type=script&lang=js&\"\nexport * from \"./showSalse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./showSalse.vue?vue&type=style&index=0&id=68e71a92&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  \"68e71a92\",\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!./showSalse.vue?vue&type=style&index=0&id=68e71a92&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!./showSalse.vue?vue&type=style&index=0&id=68e71a92&scoped=true&lang=scss&\""],"sourceRoot":""}