{"version":3,"sources":["webpack:///./src/views/QRScanner.vue?7f0f","webpack:///./src/views/QRScanner.vue","webpack:///./src/views/QRScanner.vue?5451"],"names":["class","isApp","toggleLight","value","placeholder","type","rows","block","round","sendRequest","name","setup","state","lightOn","frontCamera","router","route","QRScanner","console","log","text","then","res","status","data","isOuttime","alert","message","back","STATE","ID","result","replace","path","query","id","enableLight","err","disableLight","doScan","onDone","_message","authorized","displayContents","error","scan","show","denied","document","getElementById","style","backgroundColor","querySelector","prepare","hide","JSON","stringify","destroy","__exports__","render"],"mappings":"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","file":"js/chunk-14a9740e.fde5f34e.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./QRScanner.vue?vue&type=style&index=0&id=0671d901&lang=scss&scoped=true\"","<template>\r\n    <div class=\"QRScanner\" v-if=\"isApp\">\r\n        <div class=\"scan-box\">\r\n            <span class=\"iconfont icon-a-payicon101_zhuanqu_huaban1fuben73\" @click=\"toggleLight\"></span>\r\n        </div>\r\n\r\n        <p class=\"scan-text\">请将二维码置于方框中，自动扫描</p>\r\n\r\n        <span class=\"iconfont icon-a-payicon101_pinture\" @click=\"toggleLight\"></span>\r\n\r\n        <span class=\"iconfont icon-a-payicon101_zhuanqu_huaban1fuben73\" @click=\"toggleLight\"></span>\r\n    </div>\r\n\r\n    <div class=\"QRScanner h5\" v-else>\r\n        <div class=\"h5-input\">\r\n            <van-field v-model=\"value\" placeholder=\"请输入付款码\" type=\"textarea\" rows=\"3\" />\r\n        </div>\r\n\r\n        <van-button class=\"btn\" type=\"primary\" block round @click=\"sendRequest(value)\">去支付</van-button>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { reactive, toRefs, onMounted, onUnmounted } from 'vue'\r\nimport { useRouter, useRoute } from 'vue-router'\r\nimport { getorderinfo, checkorder } from '@/api'\r\nimport { Dialog } from 'vant'\r\n\r\nexport default {\r\n    name: 'Scan',\r\n    setup() {\r\n        const state = reactive({\r\n            isApp: true,\r\n            lightOn: false,\r\n            frontCamera: false,\r\n\r\n            value: ''\r\n        })\r\n\r\n        const router = useRouter()\r\n        const route = useRoute()\r\n\r\n        if (typeof QRScanner !== 'object') {\r\n            state.isApp = false\r\n            console.log('当前环境：浏览器 H5')\r\n        } else {\r\n            state.isApp = true\r\n            console.log('当前环境：APP webview')\r\n        }\r\n\r\n        const sendRequest = text => {\r\n            getorderinfo(text).then(res => {\r\n                if (res.status) {\r\n                    if (res.data.isOuttime) {\r\n                        Dialog.alert({\r\n                            message: res.message\r\n                        }).then(() => router.back())\r\n                        return\r\n                    }\r\n\r\n                    if (res.data.STATE !== '2') {\r\n                        Dialog.alert({\r\n                            message: res.message\r\n                        }).then(() => router.back())\r\n                        return\r\n                    }\r\n\r\n                    checkorder(res.data.ID).then(result => {\r\n                        if (result.status) {\r\n                            router.replace({ path: '/Payment', query: { ...res.data } })\r\n                        } else {\r\n                            Dialog.alert({\r\n                                message: result.message\r\n                            }).then(() => router.back())\r\n                        }\r\n                    })\r\n                } else {\r\n                    Dialog.alert({\r\n                        message: res.message\r\n                    }).then(() => router.back())\r\n                }\r\n            })\r\n        }\r\n\r\n        let id = route.query.id\r\n        if (id && state.isApp) {\r\n            sendRequest(id)\r\n        }\r\n\r\n        // 切换闪光灯\r\n        const toggleLight = () => {\r\n            console.log('切换闪光灯')\r\n            if (state.lightOn === false) {\r\n                QRScanner.enableLight((err, status) => {\r\n                    err && console.log(err)\r\n                    state.lightOn = true\r\n                })\r\n            } else {\r\n                QRScanner.disableLight((err, status) => {\r\n                    err && console.log(err)\r\n                    state.lightOn = false\r\n                })\r\n            }\r\n        }\r\n\r\n        const doScan = () => {\r\n            // document.getElementById('app').style.backgroundColor = 'black'\r\n            // document.querySelector('body').style.backgroundColor = 'black'\r\n            // return\r\n\r\n            if (typeof QRScanner !== 'object') return\r\n\r\n            document.getElementById('app').style.backgroundColor = 'transparent'\r\n            document.querySelector('body').style.backgroundColor = 'transparent'\r\n\r\n            QRScanner.prepare(onDone)\r\n            function onDone(err, status) {\r\n                if (err) {\r\n                    console.log(err._message)\r\n                }\r\n\r\n                if (status.authorized) {\r\n                    QRScanner.scan(displayContents)\r\n                    function displayContents(err, text) {\r\n                        if (err) {\r\n                            console.error(err)\r\n                        } else {\r\n                            // 扫码的后续操作\r\n                            sendRequest(text)\r\n                        }\r\n                    }\r\n\r\n                    QRScanner.show()\r\n                } else if (status.denied) {\r\n                    console.log('用户拒绝扫码')\r\n                } else {\r\n                    console.log('未获取数据')\r\n                }\r\n            }\r\n        }\r\n\r\n        onMounted(() => {\r\n            doScan()\r\n        })\r\n\r\n        onUnmounted(() => {\r\n            document.getElementById('app').style.backgroundColor = '#FFFFFF'\r\n            document.querySelector('body').style.backgroundColor = '#FFFFFF'\r\n\r\n            try {\r\n                QRScanner.hide(status => {\r\n                    console.log('关闭扫描' + JSON.stringify(status))\r\n                })\r\n                QRScanner.destroy(status => {\r\n                    console.log('销毁扫描' + JSON.stringify(status))\r\n                })\r\n            } catch (error) {\r\n                console.log(error)\r\n            }\r\n        })\r\n\r\n        return {\r\n            ...toRefs(state),\r\n            toggleLight,\r\n            sendRequest\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n// .van-nav-bar.van-hairline--bottom {\r\n// }\r\n// .van-nav-bar ::v-deep {\r\n// }\r\n\r\n#scanMenu {\r\n    position: absolute;\r\n    bottom: 60px;\r\n    width: 100vw;\r\n}\r\n\r\n.QRScanner {\r\n    width: 100%;\r\n    position: relative;\r\n    text-align: center;\r\n    color: #fff;\r\n\r\n    .scan-box {\r\n        width: w(280);\r\n        height: h(280);\r\n        position: absolute;\r\n        top: h(120);\r\n        left: 0;\r\n        right: 0;\r\n        margin: 0 auto;\r\n        background: url('~@/assets/img/scan-box-bg.png') no-repeat;\r\n        background-size: 100% 100%;\r\n\r\n        .iconfont {\r\n            position: absolute;\r\n            bottom: h(15);\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            font-size: 20px;\r\n        }\r\n    }\r\n\r\n    .scan-text {\r\n        position: absolute;\r\n        top: h(430);\r\n        left: 0;\r\n        right: 0;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n.h5 {\r\n    .h5-input {\r\n        margin-top: h(20);\r\n    }\r\n    .btn {\r\n        @include btn();\r\n        margin-top: h(20);\r\n    }\r\n}\r\n</style>\r\n","import { render } from \"./QRScanner.vue?vue&type=template&id=0671d901&scoped=true\"\nimport script from \"./QRScanner.vue?vue&type=script&lang=js\"\nexport * from \"./QRScanner.vue?vue&type=script&lang=js\"\n\nimport \"./QRScanner.vue?vue&type=style&index=0&id=0671d901&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\svn_gongzuo\\\\_____base\\\\GoPay\\\\v3_gopay\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0671d901\"]])\n\nexport default __exports__"],"sourceRoot":""}