(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["myCertificate"],{ /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/myLongBall/myCertificate/myCertificate.vue?vue&type=script&lang=js&": /*!******************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/myLongBall/myCertificate/myCertificate.vue?vue&type=script&lang=js& ***! \******************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _index = __webpack_require__(/*! ./node_modules/@babel/runtime/regenerator/index.js */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n\nvar _index2 = _interopRequireDefault(_index);\n\nvar _Common = __webpack_require__(/*! @/utils/Common.js */ \"./src/utils/Common.js\");\n\nvar _apiTaskBill = __webpack_require__(/*! @/api/myLongball/api-task-bill.js */ \"./src/api/myLongball/api-task-bill.js\");\n\nvar _html2canvas = __webpack_require__(/*! html2canvas */ \"./node_modules/html2canvas/dist/html2canvas.js\");\n\nvar _html2canvas2 = _interopRequireDefault(_html2canvas);\n\nvar _DSZhuGe = __webpack_require__(/*! @/views/myLongBall/donationStep/js/DSZhuGe */ \"./src/views/myLongBall/donationStep/js/DSZhuGe.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\n\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar convertToImage = function convertToImage(container) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n // 设置放大倍数\n var scale = window.devicePixelRatio; // 传入节点原始宽高\n\n var width = container.offsetWidth;\n var height = container.offsetHeight; // html2canvas配置项\n\n var ops = _objectSpread({\n scale: scale,\n width: width,\n height: height,\n useCORS: true,\n allowTaint: false\n }, options);\n\n return (0, _html2canvas2.default)(container, ops).then(function (canvas) {\n // 返回图片的二进制数据\n return canvas.toDataURL('image/png');\n });\n};\n\nexports.default = {\n name: 'myCertificate',\n data: function data() {\n return {\n bigImgLoaded: false,\n imgNum: 2,\n myCertHeight: 0,\n imgLoadedNum: 0,\n htmlImg: '',\n // bacImg: require('./img/bac.png'),\n stampImg: __webpack_require__(/*! ./img/stamp.png */ \"./src/views/myLongBall/myCertificate/img/stamp.png\"),\n customStyle: {\n user_name: '',\n // 用户名\n activity_name: '',\n // 活动名称\n cert_name: '',\n // 证书名称\n unit: '',\n // 发证单位\n remark: '',\n // 祝贺语\n bkg_image_url: '',\n // 背景图\n seal_image_url: '',\n // 盖章图\n cert_date: '',\n // 发证日期\n button_image_url: '',\n // 保存按钮图\n button_text_color: '' // 按钮文字颜色\n\n }\n };\n },\n mounted: function mounted() {\n this.getPageData();\n },\n watch: {// imgLoadedNum (newV) {\n // console.log('图片加载监听', newV)\n // if (newV >= this.imgNum) {\n // // this.imgLoadedNum = 0\n // this.getImgData(false)\n // }\n // }\n },\n beforeDestroy: function beforeDestroy() {\n window.removeEventListener('resize', this.setCertHeight);\n },\n methods: {\n imgLoaded: function imgLoaded(flag, isCertBacImg) {\n // 图片加载完成，\n console.log('图片加载状态', flag);\n this.imgLoadedNum++;\n\n if (isCertBacImg) {\n try {\n this.setCertHeight();\n window.addEventListener('resize', this.setCertHeight);\n } catch (e) {}\n }\n },\n setCertHeight: function setCertHeight() {\n var _this = this;\n\n this.$nextTick(function (_) {\n _this.myCertHeight = _this.$refs.certBacImg.offsetHeight + 'px';\n });\n },\n getImgData: function () {\n var _getImgData = _asyncToGenerator(\n /*#__PURE__*/\n _index2.default.mark(function _callee(toastFlag) {\n var loading;\n return _index2.default.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n (0, _DSZhuGe.DSZhuGeTrack)(this.$zhuge, '点击-捐步证书-点击保存');\n loading = this.$toast.loading({\n duration: 0\n }); // 调用函数，取到截图的二进制数据，对图片进行处理（保存本地、展示等）\n\n _context.next = 4;\n return convertToImage(this.$refs.myCertificate);\n\n case 4:\n this.htmlImg = _context.sent;\n this.bigImgLoaded = true;\n loading.clear();\n toastFlag && this.$toast('请长按保存');\n\n case 8:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this);\n }));\n\n function getImgData(_x) {\n return _getImgData.apply(this, arguments);\n }\n\n return getImgData;\n }(),\n getPageData: function getPageData() {\n var _this2 = this;\n\n var activity_no = (0, _Common.getQuery)(window.location.href).activity_no;\n (0, _apiTaskBill.queryCertDetail)({\n activity_no: activity_no\n }).then(function (res) {\n var code = res.code,\n data = res.data,\n message = res.message;\n\n if (code === '0000') {\n Object.assign(_this2.customStyle, data);\n } else {\n _this2.$toast(message);\n }\n });\n }\n }\n};\n\n//# sourceURL=webpack:///./src/views/myLongBall/myCertificate/myCertificate.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"1c4d17da-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/myLongBall/myCertificate/myCertificate.vue?vue&type=template&id=c0ef220e&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1c4d17da-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/myLongBall/myCertificate/myCertificate.vue?vue&type=template&id=c0ef220e&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"cert-main\" }, [\n _c(\n \"div\",\n {\n ref: \"myCertificate\",\n staticClass: \"my-certificate\",\n style: { height: _vm.myCertHeight || \"auto\" }\n },\n [\n _c(\"img\", {\n ref: \"certBacImg\",\n staticClass: \"cert-bac-img\",\n attrs: { src: _vm.customStyle.bkg_image_url, alt: \"\" },\n on: {\n load: function($event) {\n return _vm.imgLoaded(true, true)\n },\n error: function($event) {\n return _vm.imgLoaded(false)\n }\n }\n }),\n _c(\"div\", { staticClass: \"cert-wrap\" }, [\n _c(\"div\", { staticClass: \"cert-content\" }, [\n _vm._v(\"\\n 尊敬的 \"),\n _c(\"span\", { staticClass: \"cert-text\" }, [\n _vm._v(_vm._s(_vm.customStyle.user_name))\n ]),\n _c(\"br\"),\n _vm._v(\"\\n 感谢您参与 \"),\n _c(\"span\", { staticClass: \"cert-text\" }, [\n _vm._v(_vm._s(_vm.customStyle.activity_name || \"龙湖公益捐步季\"))\n ]),\n _c(\"br\"),\n _vm._v(\n \"\\n 龙湖公益基金会将为您进行爱心配捐,支持\" +\n _vm._s(\n _vm.customStyle.donation_project ||\n \"欣芽计划—困难家庭大病儿童救助项目\"\n ) +\n \"。\"\n ),\n _c(\"br\"),\n _c(\"br\"),\n _vm._v(\"\\n 特此证明！\\n \"),\n _c(\"div\", { staticClass: \"cert-time\" }, [\n _vm._v(\n \"\\n 发证时间：\" + _vm._s(_vm.customStyle.cert_date)\n ),\n _c(\"br\"),\n _vm._v(\n \"\\n 发证单位：\" +\n _vm._s(_vm.customStyle.unit) +\n \"\\n \"\n )\n ])\n ]),\n _c(\"img\", {\n staticClass: \"cert-img\",\n attrs: {\n src: _vm.customStyle.seal_image_url || _vm.stampImg,\n alt: \"\"\n },\n on: {\n load: function($event) {\n return _vm.imgLoaded(true)\n },\n error: function($event) {\n return _vm.imgLoaded(false)\n }\n }\n })\n ])\n ]\n ),\n _c(\"img\", {\n staticClass: \"html-img\",\n attrs: { src: _vm.htmlImg, alt: \"\" }\n }),\n _c(\n \"div\",\n { staticClass: \"cert-btn-wrap\", class: { \"hide-btn\": _vm.bigImgLoaded } },\n [\n _c(\n \"van-button\",\n {\n staticClass: \"cert-btn\",\n style: {\n backgroundImage:\n \"url('\" + _vm.customStyle.button_image_url + \"')\",\n color: _vm.customStyle.button_text_color\n },\n attrs: { type: \"primary\", block: \"\" },\n on: {\n click: function($event) {\n return _vm.getImgData(true)\n }\n }\n },\n [_vm._v(\"生成证书图片\")]\n )\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/views/myLongBall/myCertificate/myCertificate.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%221c4d17da-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/less-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/myLongBall/myCertificate/myCertificate.vue?vue&type=style&index=0&id=c0ef220e&lang=less&scoped=true&": /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader??ref--10-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--10-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/myLongBall/myCertificate/myCertificate.vue?vue&type=style&index=0&id=c0ef220e&lang=less&scoped=true& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("var escape = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/url/escape.js */ \"./node_modules/css-loader/lib/url/escape.js\");\nexports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ \"./node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.i, \".cert-main[data-v-c0ef220e] {\\n position: relative;\\n width: 100%;\\n height: 100%;\\n}\\n.cert-main .my-certificate[data-v-c0ef220e] {\\n font-family: 'PingFang SC';\\n font-style: normal;\\n width: 100%;\\n min-height: 18.293333rem;\\n}\\n.cert-main .my-certificate .cert-bac-img[data-v-c0ef220e] {\\n width: 100%;\\n min-height: 18.293333rem;\\n position: absolute;\\n}\\n.cert-main .my-certificate .cert-wrap[data-v-c0ef220e] {\\n position: relative;\\n width: 9.04rem;\\n height: 17.013333rem;\\n left: 0.48rem;\\n top: 0.64rem;\\n background-image: url(\" + escape(__webpack_require__(/*! ./img/cert_bag.png */ \"./src/views/myLongBall/myCertificate/img/cert_bag.png\")) + \");\\n background-size: contain;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-content[data-v-c0ef220e] {\\n position: absolute;\\n top: 4.506667rem;\\n padding: 0 1.306667rem;\\n font-weight: 400;\\n font-size: 0.373333rem;\\n line-height: 0.533333rem;\\n color: #774235;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-content .cert-text[data-v-c0ef220e] {\\n font-weight: 600;\\n font-size: 0.48rem;\\n line-height: 0.746667rem;\\n color: #EE7523;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-content .cert-time[data-v-c0ef220e] {\\n position: relative;\\n top: 1.093333rem;\\n font-weight: 400;\\n font-size: 0.373333rem;\\n line-height: 0.533333rem;\\n color: #774235;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-img[data-v-c0ef220e] {\\n position: absolute;\\n top: 10.666667rem;\\n right: 1.226667rem;\\n width: 2.986667rem;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-border[data-v-c0ef220e] {\\n position: relative;\\n width: 8.293333rem;\\n height: 16.16rem;\\n left: 0.373333rem;\\n top: 0.4rem;\\n box-sizing: border-box;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-border .cert-fine-border[data-v-c0ef220e] {\\n position: relative;\\n width: 7.706667rem;\\n height: 15.546667rem;\\n left: 0.16rem;\\n top: 0.186667rem;\\n box-sizing: border-box;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-border .cert-fine-border .top-bac[data-v-c0ef220e] {\\n position: relative;\\n width: 6.026667rem;\\n height: 1.413333rem;\\n left: 0.72rem;\\n top: 1.493333rem;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-border .cert-fine-border .cert-title[data-v-c0ef220e] {\\n position: relative;\\n height: 1.466667rem;\\n padding: 0 0.533333rem;\\n top: -0.773333rem;\\n font-family: 'zihun167hao-yirenhei';\\n font-style: normal;\\n font-weight: 400;\\n font-size: 1.226667rem;\\n line-height: 1.466667rem;\\n text-align: center;\\n color: #C83F1D;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-border .cert-fine-border .cert-content[data-v-c0ef220e] {\\n position: absolute;\\n top: 3.706667rem;\\n padding-left: 0.773333rem;\\n padding-right: 0.32rem;\\n font-weight: 400;\\n font-size: 0.426667rem;\\n line-height: 0.64rem;\\n color: #774235;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-border .cert-fine-border .cert-content .cert-text[data-v-c0ef220e] {\\n font-weight: 600;\\n font-size: 0.48rem;\\n line-height: 0.746667rem;\\n color: #EE7523;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-border .cert-fine-border .cert-content .cert-time[data-v-c0ef220e] {\\n position: relative;\\n top: 1.12rem;\\n font-weight: 400;\\n font-size: 0.373333rem;\\n line-height: 0.533333rem;\\n color: #774235;\\n}\\n.cert-main .my-certificate .cert-wrap .cert-border .cert-fine-border .cert-img[data-v-c0ef220e] {\\n position: absolute;\\n top: 9.626667rem;\\n right: 0.32rem;\\n width: 2.986667rem;\\n}\\n.cert-main .html-img[data-v-c0ef220e] {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n}\\n.cert-main .hide-btn[data-v-c0ef220e] {\\n display: none;\\n}\\n.cert-main .cert-btn-wrap[data-v-c0ef220e] {\\n position: absolute;\\n top: 14.346667rem;\\n left: 2.613333rem;\\n width: 4.8rem;\\n height: 1.12rem;\\n border-radius: 4.373333rem;\\n overflow: hidden;\\n}\\n.cert-main .cert-btn-wrap img[data-v-c0ef220e] {\\n width: 4.8rem;\\n height: 1.12rem;\\n border-radius: 4.373333rem;\\n position: absolute;\\n top: 0;\\n}\\n.cert-main .cert-btn-wrap .cert-btn[data-v-c0ef220e] {\\n width: 4.8rem;\\n height: 1.12rem;\\n font-weight: 600;\\n font-size: 0.426667rem;\\n line-height: 0.64rem;\\n background: #E0C896;\\n border-radius: 4.373333rem;\\n border: none;\\n background-size: cover;\\n}\\n\\n/*\\n* vantUI 自定义样式\\n*/\", \"\"]);\n\n// exports\n\n\n//# sourceURL=webpack:///./src/views/myLongBall/myCertificate/myCertificate.vue?./node_modules/css-loader??ref--10-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--10-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/css-loader/lib/url/escape.js": /*!***************************************************!*\ !*** ./node_modules/css-loader/lib/url/escape.js ***! \***************************************************/ /*! no static exports found */ /***/ (function(module, exports) { eval("module.exports = function escape(url) {\n if (typeof url !== 'string') {\n return url\n }\n // If url is already wrapped in quotes, remove them\n if (/^['\"].*['\"]$/.test(url)) {\n url = url.slice(1, -1);\n }\n // Should url be wrapped?\n // See https://drafts.csswg.org/css-values-3/#urls\n if (/[\"'() \\t\\n]/.test(url)) {\n return '\"' + url.replace(/\"/g, '\\\\\"').replace(/\\n/g, '\\\\n') + '\"'\n }\n\n return url\n}\n\n\n//# sourceURL=webpack:///./node_modules/css-loader/lib/url/escape.js?"); /***/ }), /***/ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/less-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/myLongBall/myCertificate/myCertificate.vue?vue&type=style&index=0&id=c0ef220e&lang=less&scoped=true&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-style-loader??ref--10-oneOf-1-0!./node_modules/css-loader??ref--10-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--10-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/myLongBall/myCertificate/myCertificate.vue?vue&type=style&index=0&id=c0ef220e&lang=less&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// style-loader: Adds some css to the DOM by adding a