{"version":3,"sources":["webpack:///src/views/markup/enterprise/notification.vue","webpack:///./src/views/markup/enterprise/notification.vue?66d5","webpack:///./src/views/markup/enterprise/notification.vue"],"names":["notification","Painter","sign","_this","this","modules_markup","getters","protocalMarkup","fileUrl","strs","_this2","draw","file","uuid","log","_context2","t0","back","enterprise_notification","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","title","convertLanage","scopedSlots","_u","key","fn","round","on","click","handleToBefore","_v","_s","disabled","btnDisable","loading","type","color","handleToNext","proxy","notificationUrl","_e","ref","crossOrigin","src","signUrl","$event","showSign","openSign","visible","update:visible","submit","handleSignChange","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"wOAkCeA,QAEf,oDACAC,UAAA,eACAC,EAAA,mCAGA,WACA,kBAEA,wBAGA,IAAAC,EAAAC,wJACAC,EAAA,qBAEAC,QAAAC,2GAEAC,4GAOAC,6BAKA,IAAAC,EAAAN,kIAIA,uCAEAO,6DACAC,0EAIAC,wBAGA,uFAEAC,IAAAC,EAAAC,uBAEA,iGAQAC,UCvFeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAhB,KAAaiB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,4BAAAC,OAA+CC,MAAAP,EAAAQ,cAAA,mBAA4CC,YAAAT,EAAAU,KAAsBC,IAAA,iBAAAC,GAAA,WAAmC,OAAAT,EAAA,cAAyBE,YAAA,oCAAAC,OAAuDO,MAAA,IAAWC,IAAKC,MAAAf,EAAAgB,kBAA4BhB,EAAAiB,GAAAjB,EAAAkB,GAAAlB,EAAAQ,cAAA,WAAAR,EAAAiB,GAAA,KAAAd,EAAA,cAA0EE,YAAA,yBAAAC,OAA4Ca,SAAAnB,EAAAoB,WAAAC,QAAArB,EAAAqB,QAAAC,KAAA,UAAAT,MAAA,GAAAU,MAAA,8CAAiIT,IAAKC,MAAAf,EAAAwB,gBAA0BxB,EAAAiB,GAAAjB,EAAAkB,GAAAlB,EAAAQ,cAAA,aAA8CiB,OAAA,OAAetB,EAAA,OAAYE,YAAA,uBAAiCL,EAAA0B,gBAAkG1B,EAAA2B,KAAlGxB,EAAA,eAA2CE,YAAA,iBAAAC,OAAoCiB,MAAA,aAAmBvB,EAAAiB,GAAA,KAAAd,EAAA,WAAqCyB,IAAA,eAAiBzB,EAAA,OAAYG,OAAOuB,YAAA,GAAAC,IAAA9B,EAAA0B,mBAA4C1B,EAAAiB,GAAA,KAAAd,EAAA,OAAwBE,YAAA,cAAAC,OAAiCwB,IAAA9B,EAAA+B,cAAmB,GAAA/B,EAAAiB,GAAA,KAAAd,EAAA,OAA8BE,YAAA,0BAAoCL,EAAA,QAAAG,EAAA,OAA0BE,YAAA,qBAAAS,IAAqCC,MAAA,SAAAiB,GAAyBhC,EAAAiC,UAAA,MAAsB9B,EAAA,OAAYE,YAAA,oBAAAC,OAAuCwB,IAAA9B,EAAA+B,WAAmB/B,EAAAiB,GAAA,KAAAd,EAAA,OAAwBE,YAAA,sBAAgCL,EAAAiB,GAAAjB,EAAAkB,GAAAlB,EAAAQ,cAAA,YAAAL,EAAA,OAAwDE,YAAA,gBAAAS,IAAgCC,MAAAf,EAAAkC,YAAsBlC,EAAAiB,GAAAjB,EAAAkB,GAAAlB,EAAAQ,cAAA,iBAAAR,EAAAiB,GAAA,KAAAjB,EAAAiB,GAAA,KAAAd,EAAA,QAAsFG,OAAO6B,QAAAnC,EAAAiC,UAAuBnB,IAAKsB,iBAAA,SAAAJ,GAAkChC,EAAAiC,SAAAD,GAAoBK,OAAArC,EAAAsC,qBAAgC,IAExnDC,oBCCjB,IAaAC,EAbyBC,EAAQ,OAajCC,CACE9D,EACAkB,GATF,EATA,SAAA6C,GACEF,EAAQ,SAYV,KAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/46.925231fd250d743ff2b5.js","sourcesContent":["<template>\n  <!-- <Page class=\"page-rnr-person-agreement\" title=\"责任告知书\"> -->\n  <Page class=\"page-rnr-person-agreement\" :title=\"convertLanage('实名认证隐私政策与责任告知书')\">\n    <div class=\"page-rnr-main-card\">\n      <van-loading v-if=\"!notificationUrl\" class=\"global-loading\" color=\"#0094ff\" />\n      <Painter ref=\"painterRef\" >\n        <img crossOrigin :src=\"notificationUrl\">\n        <img :src=\"signUrl\" class=\"fixed-right\">\n      </Painter>\n    </div>\n    <div class=\"page-rnr-sign-wrapper\">\n      <div v-if=\"signUrl\" class=\"page-rnr-sign-fill\" @click=\"showSign = true\">\n        <img :src=\"signUrl\" class=\"page-rnr-sign-img\">\n        <div class=\"page-rnr-sign-btn\">{{ convertLanage('重签') }}</div>\n      </div>\n      <div v-else class=\"page-rnr-sign\" @click=\"openSign\">{{ convertLanage('点击在此处签名') }}</div>\n    </div>\n    <template #slot-operation>\n      <van-button class=\"page-rnr-main-btn-before lastStep\" round @click=\"handleToBefore\">{{ convertLanage('上一步') }}</van-button>\n      <van-button :disabled=\"btnDisable\" :loading=\"loading\" type=\"primary\" class=\"page-rnr-main-btn-next\" round color=\"linear-gradient(120deg, #000 0%, #000 97%)\" @click=\"handleToNext\">{{ convertLanage('下一步') }}</van-button>\n    </template>\n    <Sign :visible.sync=\"showSign\" @submit=\"handleSignChange\" />\n  </Page>\n</template>\n\n<script>\nimport Painter from '@/components/Painter'\nimport { fileUpload } from '@/api/markup'\nimport { SET_ENTERPRISE_DUTY_PIC, DISPATCH_INIT_PROTOCAL } from '@/store/modules/markup'\nimport Page from '@/components/Page'\nimport signMixin from '@/minxin/sign'\nimport flowMixin from '@/minxin/flow'\nimport { convertLanage } from '@/utils/lanage'\n\nexport default {\n  name: 'MarkupEnterpriseNotification',\n  components: { Page, Painter },\n  mixins: [flowMixin, signMixin],\n  data() {\n    return {\n      loading: false,\n      showSms: false,\n      notificationUrl: ''\n    }\n  },\n  async mounted() {\n    // 查询协议数据\n    await this.$store.dispatch(`markup/${DISPATCH_INIT_PROTOCAL}`)\n    // 当前请求到的协议数据\n    const { protocalMarkup } = this.$store.getters\n    // 协议链接\n    this.notificationUrl = protocalMarkup[window.os.isTablet ? 'realnameNoticeVertical' : 'realnameNoticeHorizontal'].fileUrl\n  },\n  methods: {\n    /**\n     * 简繁体语言转换\n     */\n    convertLanage(strs) {\n      return convertLanage(strs)\n    },\n    /**\n     * 调到到下一页：腾讯的实名认证平台\n     */\n    async handleToNext(formData) {\n      // 展示loading框\n      this.loading = true\n      try {\n        // 开始绘制canvas\n        const file = await this.$refs.painterRef.draw()\n        // 开始导出图片\n        const { uuid } = await fileUpload({ file })\n        // 开始保存数据\n        this.$store.commit(`markup/${SET_ENTERPRISE_DUTY_PIC}`, {\n          dutyPic: [uuid]\n        })\n        // 跳转到\n        this.routerToNextPage('MarkupEnterpriseAgreement')\n      } catch (error) {\n        console.log(error)\n      }\n      // 关闭loading框\n      this.loading = false\n    },\n\n    /**\n     * 跳转到上一页\n     */\n    handleToBefore() {\n      // 回退到上个页面\n      this.$router.back()\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.page-rnr-person-agreement {\n  .page-rnr-main {\n    margin-top: 30px;\n    .page-rnr-main-card {\n      padding: 24px 24px 168px;\n      height: calc(100vh - 450px);\n      overflow: auto;\n      .page-rnr-main-canvas {\n        width: 100%;\n      }\n    }\n    .page-rnr-sign-wrapper {\n      background: #ffffff;\n      bottom: 196px;\n      padding: 24px 32px;\n      position: fixed;\n      left: 24px;\n      right: 24px;\n\n      .page-rnr-sign {\n        align-items: center;\n        background: #F7F8FA;\n        border: 1px dashed rgba(7, 97, 243, 1);\n        border-radius: 12px;\n        color: #0761F3;\n        display: flex;\n        font-size: 24px;\n        font-weight: 400;\n        height: 120px;\n        justify-content: center;\n      }\n      .page-rnr-sign-fill {\n        align-items: center;\n        background: #F7F8FA;\n        border-radius: 12px;\n        // bottom: 148px;\n        display: flex;\n        height: 120px;\n        justify-content: space-between;\n        padding: 0px 48px 0px 132px;\n        .page-rnr-sign-img {\n          width: auto;\n          height: 100px;\n        }\n        .page-rnr-sign-btn {\n          color: #0761F3;\n          font-size: 24px;\n          font-weight: 400;\n        }\n      }\n    }\n    .page-rnr-main-fixed-btn-group {\n      display: flex;\n      justify-content: space-between;\n      .page-rnr-main-btn-before {\n        color: #242424 !important;\n        flex: 1;\n        height: 96px;\n      }\n      .page-rnr-main-btn-next {\n        flex: 2;\n        margin-left: 40px;\n        height: 96px;\n      }\n    }\n  }\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/markup/enterprise/notification.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Page',{staticClass:\"page-rnr-person-agreement\",attrs:{\"title\":_vm.convertLanage('实名认证隐私政策与责任告知书')},scopedSlots:_vm._u([{key:\"slot-operation\",fn:function(){return [_c('van-button',{staticClass:\"page-rnr-main-btn-before lastStep\",attrs:{\"round\":\"\"},on:{\"click\":_vm.handleToBefore}},[_vm._v(_vm._s(_vm.convertLanage('上一步')))]),_vm._v(\" \"),_c('van-button',{staticClass:\"page-rnr-main-btn-next\",attrs:{\"disabled\":_vm.btnDisable,\"loading\":_vm.loading,\"type\":\"primary\",\"round\":\"\",\"color\":\"linear-gradient(120deg, #000 0%, #000 97%)\"},on:{\"click\":_vm.handleToNext}},[_vm._v(_vm._s(_vm.convertLanage('下一步')))])]},proxy:true}])},[_c('div',{staticClass:\"page-rnr-main-card\"},[(!_vm.notificationUrl)?_c('van-loading',{staticClass:\"global-loading\",attrs:{\"color\":\"#0094ff\"}}):_vm._e(),_vm._v(\" \"),_c('Painter',{ref:\"painterRef\"},[_c('img',{attrs:{\"crossOrigin\":\"\",\"src\":_vm.notificationUrl}}),_vm._v(\" \"),_c('img',{staticClass:\"fixed-right\",attrs:{\"src\":_vm.signUrl}})])],1),_vm._v(\" \"),_c('div',{staticClass:\"page-rnr-sign-wrapper\"},[(_vm.signUrl)?_c('div',{staticClass:\"page-rnr-sign-fill\",on:{\"click\":function($event){_vm.showSign = true}}},[_c('img',{staticClass:\"page-rnr-sign-img\",attrs:{\"src\":_vm.signUrl}}),_vm._v(\" \"),_c('div',{staticClass:\"page-rnr-sign-btn\"},[_vm._v(_vm._s(_vm.convertLanage('重签')))])]):_c('div',{staticClass:\"page-rnr-sign\",on:{\"click\":_vm.openSign}},[_vm._v(_vm._s(_vm.convertLanage('点击在此处签名')))])]),_vm._v(\" \"),_vm._v(\" \"),_c('Sign',{attrs:{\"visible\":_vm.showSign},on:{\"update:visible\":function($event){_vm.showSign=$event},\"submit\":_vm.handleSignChange}})],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-e903243c\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/views/markup/enterprise/notification.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-e903243c\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./notification.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./notification.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-e903243c\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./notification.vue\"\n/* template functional */\n  var __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/views/markup/enterprise/notification.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}