{"version":3,"sources":["webpack:///src/views/rnr/person/notification.vue","webpack:///./src/views/rnr/person/notification.vue?e750","webpack:///./src/views/rnr/person/notification.vue"],"names":["notification","Painter","sign","query","idCardType","_this","this","modules_rnr","getters","protocal","fileUrl","_this2","draw","file","uuid","error","_context2","t0","back","person_notification","render","_vm","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","_s","currentFlow","totalFlow","proxy","attrs","round","on","click","handleToBefore","disabled","btnDisable","loading","type","color","handleToNext","notificationUrl","ref","crossOrigin","src","signUrl","openSign","visible","showSign","update:visible","$event","submit","handleSignChange","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"4NAqCeA,QAEf,6CACAC,UAAA,eACAC,EAAA,mCAGA,WACA,kBAEA,4CAGAC,uCAEAC,gCAIA,IAAAC,EAAAC,qJACAC,EAAA,4BAEAC,QAAAC,oGAGA,gGAEAC,uFAOA,IAAAC,EAAAL,kIAIA,uCAEAM,6DACAC,uEAIAC,wBAIA,gFAEAC,MAAAC,EAAAC,uBACA,iGAQAC,UC9FeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAf,KAAagB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,4BAAAC,YAAAN,EAAAO,KAA6DC,IAAA,aAAAC,GAAA,WAA+B,OAAAN,EAAA,QAAAH,EAAAU,GAAAV,EAAAW,GAAAX,EAAAY,aAAA,IAAAZ,EAAAW,GAAAX,EAAAa,cAAAb,EAAAU,GAAA,KAAAP,EAAA,QAAAH,EAAAU,GAAA,sBAAkII,OAAA,IAAcN,IAAA,iBAAAC,GAAA,WAAmC,OAAAN,EAAA,cAAyBE,YAAA,oCAAAU,OAAuDC,MAAA,IAAWC,IAAKC,MAAAlB,EAAAmB,kBAA4BnB,EAAAU,GAAA,SAAAV,EAAAU,GAAA,KAAAP,EAAA,cAA+CE,YAAA,yBAAAU,OAA4CK,SAAApB,EAAAqB,WAAAC,QAAAtB,EAAAsB,QAAAC,KAAA,UAAAP,MAAA,GAAAQ,MAAA,8CAAiIP,IAAKC,MAAAlB,EAAAyB,gBAA0BzB,EAAAU,GAAA,WAAmBI,OAAA,OAAed,EAAAU,GAAA,KAAAP,EAAA,OAAwBE,YAAA,uBAAiCL,EAAA0B,gBAAkGvB,EAAA,WAAgBwB,IAAA,eAAiBxB,EAAA,OAAYY,OAAOa,YAAA,GAAAC,IAAA7B,EAAA0B,mBAA4C1B,EAAAU,GAAA,KAAAP,EAAA,OAAwBE,YAAA,cAAAU,OAAiCc,IAAA7B,EAAA8B,aAA3P3B,EAAA,eAA2CE,YAAA,iBAAAU,OAAoCS,MAAA,cAA+L,GAAAxB,EAAAU,GAAA,KAAAP,EAAA,OAA8BE,YAAA,0BAAoCL,EAAA,QAAAG,EAAA,OAA0BE,YAAA,qBAAAY,IAAqCC,MAAAlB,EAAA+B,YAAsB5B,EAAA,OAAYE,YAAA,oBAAAU,OAAuCc,IAAA7B,EAAA8B,WAAmB9B,EAAAU,GAAA,KAAAP,EAAA,OAAwBE,YAAA,sBAAgCL,EAAAU,GAAA,UAAAP,EAAA,OAA6BE,YAAA,gBAAAY,IAAgCC,MAAAlB,EAAA+B,YAAsB/B,EAAAU,GAAA,eAAAV,EAAAU,GAAA,KAAAV,EAAAU,GAAA,KAAAP,EAAA,QAA2DY,OAAOiB,QAAAhC,EAAAiC,UAAuBhB,IAAKiB,iBAAA,SAAAC,GAAkCnC,EAAAiC,SAAAE,GAAoBC,OAAApC,EAAAqC,qBAAgC,IAErmDC,oBCCjB,IAaAC,EAbyBC,EAAQ,OAajCC,CACE9D,EACAmB,GATF,EATA,SAAA4C,GACEF,EAAQ,SAYV,KAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/21.ccc8c449f59c6366825f.js","sourcesContent":["<template>\n  <Page class=\"page-rnr-person-agreement\">\n    <template #slot-title>\n      <span>{{ currentFlow }}/{{ totalFlow }}</span>\n      <!-- <span>责任告知书</span> -->\n      <span>实名认证隐私政策与责任告知书</span>\n    </template>\n    <div class=\"page-rnr-main-card\">\n      <van-loading v-if=\"!notificationUrl\" class=\"global-loading\" color=\"#0094ff\" />\n      <Painter ref=\"painterRef\" v-else>\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=\"openSign\">\n        <img :src=\"signUrl\" class=\"page-rnr-sign-img\">\n        <div class=\"page-rnr-sign-btn\">重签</div>\n      </div>\n      <div v-else class=\"page-rnr-sign\" @click=\"openSign\">点击在此处签名</div>\n    </div>\n    <template #slot-operation>\n      <van-button class=\"page-rnr-main-btn-before lastStep\" round @click=\"handleToBefore\">上一步</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\">下一步</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/rnr'\nimport { SET_PERSON_DUTY_PIC, DISPATCH_INIT_PROTOCAL } from '@/store/modules/rnr'\nimport Page from '@/components/Page'\nimport signMixin from '@/minxin/sign'\nimport flowMixin from '@/minxin/flow'\n\nexport default {\n  name: 'RnrPersonNotification',\n  components: { Page, Painter },\n  mixins: [flowMixin, signMixin],\n  data() {\n    return {\n      loading: false,\n      showSms: false,\n      notificationUrl: ''\n    }\n  },\n  activated() {\n    const query = this.$route.query\n    if (query.idCardType) {\n      this.idCardType = query.idCardType\n    }\n  },\n  async mounted() {\n    // 查询协议数据\n    await this.$store.dispatch(`rnr/${DISPATCH_INIT_PROTOCAL}`)\n    // 当前请求到的协议数据\n    const { protocal } = this.$store.getters\n    // 协议链接\n    if (protocal[window.os.isTablet ? 'realnameNoticeVertical' : 'realnameNoticeHorizontal'] == null) {\n      this.notificationUrl = '1'\n    } else {\n      this.notificationUrl = protocal[window.os.isTablet ? 'realnameNoticeVertical' : 'realnameNoticeHorizontal'].fileUrl\n    }\n  },\n  methods: {\n    /**\n     * 调到到下一页：腾讯的实名认证平台\n     */\n    async handleToNext() {\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(`rnr/${SET_PERSON_DUTY_PIC}`, {\n          dutyPic: [uuid]\n        })\n        // 跳转到\n        // this.routerToNextPage('RnrPersonAgreement', { idCardType: this.formData.certType })\n        this.routerToNextPage('RnrPersonAgreement')\n      } catch (error) {\n        console.error(error)\n      }\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@import \"../rnr.scss\";\n\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      .paint-sign-image {\n        width: auto;\n        height: 120px;\n        margin: -120px 0 0 52%;\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      bottom: -68px !important;\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/rnr/person/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\",scopedSlots:_vm._u([{key:\"slot-title\",fn:function(){return [_c('span',[_vm._v(_vm._s(_vm.currentFlow)+\"/\"+_vm._s(_vm.totalFlow))]),_vm._v(\" \"),_c('span',[_vm._v(\"实名认证隐私政策与责任告知书\")])]},proxy:true},{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._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(\"下一步\")])]},proxy:true}])},[_vm._v(\" \"),_c('div',{staticClass:\"page-rnr-main-card\"},[(!_vm.notificationUrl)?_c('van-loading',{staticClass:\"global-loading\",attrs:{\"color\":\"#0094ff\"}}):_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\":_vm.openSign}},[_c('img',{staticClass:\"page-rnr-sign-img\",attrs:{\"src\":_vm.signUrl}}),_vm._v(\" \"),_c('div',{staticClass:\"page-rnr-sign-btn\"},[_vm._v(\"重签\")])]):_c('div',{staticClass:\"page-rnr-sign\",on:{\"click\":_vm.openSign}},[_vm._v(\"点击在此处签名\")])]),_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-4ef49e68\",\"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/rnr/person/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-4ef49e68\\\",\\\"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-4ef49e68\\\",\\\"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/rnr/person/notification.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}