{"version":3,"sources":["webpack:///./src/views/exhibitionCenter/ticket.vue?5f88","webpack:///./static/images/index/canvas_btm.png","webpack:///./static/images/index/t_bg.png","webpack:///./static/images/index/canvas_top.png","webpack:///./src/views/exhibitionCenter/ticket.vue?e3ff","webpack:///src/views/exhibitionCenter/ticket.vue","webpack:///./src/views/exhibitionCenter/ticket.vue?c26c","webpack:///./src/views/exhibitionCenter/ticket.vue","webpack:///./src/api/exhibition.js"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ticket_vue_vue_type_style_index_0_id_274c4123_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ticket_vue_vue_type_style_index_0_id_274c4123_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","module","exports","p","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","src","alt","imgcode","_e","ref","_v","_s","info","RegistrationCode","Name","CompanyName","_m","staticRenderFns","ticketvue_type_script_lang_js_","name","components","data","computed","methods","mounted","_this","that","Common","showLoading","Object","exhibition","Mobile","localStorage","getItem","then","res","Data","qrcode_default","a","$refs","qrCodeUrl","width","height","background","foreground","text","$nextTick","html2canvas_default","imageDom","backgroundColor","useCORS","allowTaint","taintTest","canvas","imgUrl","toDataURL","setTimeout","clearLoading","exhibitionCenter_ticketvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","d","visitInfo","beforeInfo","dutyList","questionList","checkInfo","addRecords","addViews","_utils_request__WEBPACK_IMPORTED_MODULE_0__","request","url","method","isHasErrorOther"],"mappings":"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","file":"js/chunk-c340706c.18bc6a91.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ticket.vue?vue&type=style&index=0&id=274c4123&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ticket.vue?vue&type=style&index=0&id=274c4123&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/canvas_btm.f57414c7.png\";","module.exports = __webpack_public_path__ + \"img/t_bg.f08d2f33.png\";","module.exports = __webpack_public_path__ + \"img/canvas_top.1fa1674c.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('img',{staticClass:\"bgImg\",attrs:{\"src\":require(\"../../../static/images/index/t_bg.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"ticket-box\"},[(_vm.imgcode)?_c('img',{staticClass:\"saveImg\",attrs:{\"src\":_vm.imgcode}}):_vm._e(),_c('div',{ref:\"imageDom\",staticClass:\"tb_real\"},[_c('img',{staticClass:\"topImg\",attrs:{\"src\":require(\"../../../static/images/index/canvas_top.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"tb_real_box\"},[_c('div',{staticClass:\"no\"},[_vm._v(\"预登记号：\"),_c('b',[_vm._v(_vm._s(_vm.info.RegistrationCode))])]),_c('div',{ref:\"qrCodeUrl\",staticClass:\"code\"}),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.info.Name))]),_c('div',{staticClass:\"company\"},[_vm._v(_vm._s(_vm.info.CompanyName))]),_vm._m(0)]),_c('img',{staticClass:\"btmImg\",attrs:{\"src\":require(\"../../../static/images/index/canvas_btm.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"tips\"},[_vm._v(\"长按图片保存\")]),_vm._m(1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"time\"},[_c('p',[_vm._v(\"展会时间：2024.06.09~2024.06.12\")]),_c('p',[_vm._v(\"展会地点：中国广州海珠区阅江中路380号\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"notice-box\"},[_c('div',[_vm._v(\"入场须知\")]),_c('div',[_vm._v(\"1. 进入展馆需凭本人实名登记后的电子胸卡入场。请携带身份证原件到场，以便核验。\")]),_c('div',[_vm._v(\"2. 主办单位将会核实阁下的专业观众身份，并保留拒绝向非专业观众或提供虚假资料人士发出专业观众证的权利。\")]),_c('div',[_vm._v(\"3. 持卡人必须遵从并接受主办单位安排的保安检查程序。\")]),_c('div',[_vm._v(\"4. 本届展会采用实名登记方式，一人一证，不得转让。暂不接受纸质证明与手机截图入场参展参观。\")]),_c('div',[_vm._v(\"5. 此展览只供18岁或以上的业内人士参观。\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"container\">\r\n        <img src=\"../../../static/images/index/t_bg.png\" class=\"bgImg\" alt=\"\" />\r\n        <div class=\"ticket-box\">\r\n            <img :src=\"imgcode\" class=\"saveImg\" v-if=\"imgcode\"/>\r\n            <div class=\"tb_real\" ref=\"imageDom\">\r\n                <img src=\"../../../static/images/index/canvas_top.png\" class=\"topImg\" alt=\"\" />\r\n                <div class=\"tb_real_box\">\r\n                    <div class=\"no\">预登记号：<b>{{info.RegistrationCode}}</b></div>\r\n                    <div class=\"code\" ref=\"qrCodeUrl\"></div>\r\n                    <div class=\"name\">{{info.Name}}</div>\r\n                    <div class=\"company\">{{info.CompanyName}}</div>\r\n                    <div class=\"time\">\r\n                        <p>展会时间：2024.06.09~2024.06.12</p>\r\n                        <p>展会地点：中国广州海珠区阅江中路380号</p>\r\n                    </div>\r\n                </div>\r\n                <img src=\"../../../static/images/index/canvas_btm.png\" class=\"btmImg\" alt=\"\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"tips\">长按图片保存</div>\r\n\r\n        <div class=\"notice-box\">\r\n            <div>入场须知</div>\r\n            <div>1. 进入展馆需凭本人实名登记后的电子胸卡入场。请携带身份证原件到场，以便核验。</div>\r\n            <div>2. 主办单位将会核实阁下的专业观众身份，并保留拒绝向非专业观众或提供虚假资料人士发出专业观众证的权利。</div>\r\n            <div>3. 持卡人必须遵从并接受主办单位安排的保安检查程序。</div>\r\n            <div>4. 本届展会采用实名登记方式，一人一证，不得转让。暂不接受纸质证明与手机截图入场参展参观。</div>\r\n            <div>5. 此展览只供18岁或以上的业内人士参观。</div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    import { visitInfo } from \"@/api/exhibition\";\r\n    import html2canvas from 'html2canvas';\r\n    import QRCode from \"qrcodejs2\";\r\n    export default {\r\n        name: \"ticket\",\r\n        components: {},\r\n        data() {\r\n            return {\r\n                info: \"\",\r\n                imgcode: \"\",\r\n            };\r\n        },\r\n        computed: {\r\n\r\n        },\r\n        methods: {\r\n\r\n        },\r\n        mounted() {\r\n            var that = this;\r\n            // if(localStorage.getItem('mobile')){\r\n                that.Common.showLoading(\"门票生成中…\");\r\n                visitInfo({\r\n                    \"Mobile\": localStorage.getItem('mobile')\r\n                }).then((res) => {\r\n                    that.info = res.Data;\r\n                    let qrcode = new QRCode(that.$refs.qrCodeUrl, {\r\n                            width: 128, // 宽度\r\n                            height: 128, // 高度\r\n                            background: \"#ffffff\", // 背景色\r\n                            foreground: \"#000000\", // 前景色\r\n                            text: res.Data.RegistrationCode, // 二维码内容\r\n                            render: \"canvas\", // 设置渲染方式（有两种方式 table和canvas，默认是canvas）\r\n                    });\r\n                    this.$nextTick(() => {\r\n                        html2canvas(that.$refs.imageDom, {\r\n                            backgroundColor: \"transparent\", //设置透明背景\r\n                            useCORS: true, // 【重要】开启跨域配置\r\n                            allowTaint: true, //允许跨域图片\r\n                            taintTest: false, //是否在渲染前测试图片\r\n                        }).then((canvas) => {\r\n                            let imgUrl = canvas.toDataURL(\"image/png\");\r\n                            that.imgcode = imgUrl;\r\n                            setTimeout(function(){\r\n                                that.Common.clearLoading();\r\n                            }, 1000)\r\n                        });\r\n                    });\r\n                }) \r\n            // }\r\n        },\r\n    };\r\n</script>\r\n<style scoped>\r\n    .container{\r\n        background-color: #0E1937;\r\n        min-height: 100vh;\r\n        box-sizing: border-box;\r\n        padding: 20px 25px 50px 25px;\r\n    }\r\n\r\n    .bgImg {\r\n        width: 100%;\r\n        height: auto;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n    }\r\n\r\n    /* 海报 */\r\n    .ticket-box{\r\n        position: relative;\r\n    }\r\n    \r\n    .saveImg{\r\n        position: absolute;\r\n        z-index: 10;\r\n        width: 100%;\r\n        height: auto;\r\n    }\r\n\r\n    .tb_real{\r\n        position: relative;\r\n        min-height: 318px;\r\n        padding: 23px 5px 0 5px;\r\n    }\r\n\r\n    .tb_real .topImg{\r\n        position: absolute;\r\n        width: 100%;\r\n        height: auto;\r\n        top: 0;\r\n        left: 0;\r\n    }\r\n\r\n    .tb_real_box{\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .tb_real .no{\r\n        text-align: center;\r\n        font-size: 15px;\r\n        line-height: 18px;\r\n        color: #EB4E4E;\r\n    }\r\n\r\n    .tb_real .code{\r\n        margin: 14px auto 0;\r\n        width: 128px;\r\n        height: 128px;\r\n    }\r\n\r\n    .tb_real .name{\r\n        text-align: center;\r\n        font-size: 20px;\r\n        min-height: 23px;\r\n        line-height: 23px;\r\n        font-weight: bold;\r\n        color: #000000;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .tb_real .company{\r\n        text-align: center;\r\n        font-size: 13px;\r\n        min-height: 16px;\r\n        line-height: 16px;\r\n        height: 32px;\r\n        color: #000000;\r\n        margin-top: 9px;\r\n    }\r\n\r\n    .tb_real .time{\r\n        margin-top: 18px;\r\n    }\r\n\r\n    .tb_real .time p{\r\n        margin: 0 10px;\r\n        font-size: 12px;\r\n        line-height: 20px;\r\n        color: #4E548A;\r\n    }\r\n\r\n    .tb_real .btmImg{\r\n        position: absolute;\r\n        width: 100%;\r\n        height: auto;\r\n        bottom: 0;\r\n        left: 0;\r\n    }\r\n    \r\n    .tips{\r\n        margin-top: 10px;\r\n        color: #cccccc;\r\n        font-size: 12px;\r\n        text-align: center;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .notice-box {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .notice-box div {\r\n        color: #ffffff;\r\n        font-size: 12px;\r\n        line-height: 23px;\r\n    }\r\n\r\n    .notice-box div:first-child {\r\n        position: relative;\r\n        font-weight: bold;\r\n        font-size: 18px;\r\n        padding-left: 9px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .notice-box div:first-child::before {\r\n        position: absolute;\r\n        z-index: 1;\r\n        left: 0;\r\n        top: 50%;\r\n        transform: translate(0, -50%);\r\n        content: \"\";\r\n        width: 5px;\r\n        height: 18px;\r\n        background: #CE1D64;\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!./ticket.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!./ticket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ticket.vue?vue&type=template&id=274c4123&scoped=true&\"\nimport script from \"./ticket.vue?vue&type=script&lang=js&\"\nexport * from \"./ticket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ticket.vue?vue&type=style&index=0&id=274c4123&scoped=true&lang=css&\"\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  \"274c4123\",\n  null\n  \n)\n\nexport default component.exports","import request from '@/utils/request'\r\n\r\n//门票信息\r\nexport function visitInfo(data) {\r\n    return request({\r\n      url: `/Exhibition/GetMemberVisitInfoByMobile`,\r\n      method: 'post',\r\n      data\r\n    })\r\n}\r\n\r\n//预登记信息（以前记录）\r\nexport function beforeInfo(data) {\r\n    return request({\r\n      url: `/Exhibition/GetBeforeExhibitionVisitInfo`,\r\n      method: 'post',\r\n      data,\r\n      isHasErrorOther: true\r\n    })\r\n}\r\n\r\n//职业列表\r\nexport function dutyList(data) {\r\n  return request({\r\n    url: `/Exhibition/GetVisitMemberDutyList`,\r\n    method: 'post',\r\n    data\r\n  })\r\n}\r\n\r\n//问卷列表\r\nexport function questionList(data) {\r\n    return request({\r\n      url: `/Exhibition/GetGymfQuestionList`,\r\n      method: 'post',\r\n      data\r\n    })\r\n}\r\n\r\n//资料验证\r\nexport function checkInfo(data) {\r\n    return request({\r\n      url: `/Exhibition/CheckExhibitionVisitInfo`,\r\n      method: 'post',\r\n      data\r\n    })\r\n}\r\n\r\n//添加预登记信息\r\nexport function addRecords(data) {\r\n    return request({\r\n      url: `/Exhibition/AddExhibitionVisitRecords`,\r\n      method: 'post',\r\n      data\r\n    })\r\n}\r\n\r\n//渠道访问次数\r\nexport function addViews(data) {\r\n  return request({\r\n    url: `/Exhibition/AddExhibitionVisitChannelViews`,\r\n    method: 'post',\r\n    data,\r\n    isHasErrorOther: true\r\n  })\r\n}\r\n"],"sourceRoot":""}