{"version":3,"sources":["webpack:///src/views/rnr/enterprise/notification.vue","webpack:///./src/views/rnr/enterprise/notification.vue?b26e","webpack:///./src/views/rnr/enterprise/notification.vue"],"names":["notification","Painter","sign","_this","this","modules_rnr","getters","protocal","fileUrl","_this2","draw","file","uuid","error","_context2","t0","back","enterprise_notification","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","title","scopedSlots","_u","key","fn","round","on","click","handleToBefore","_v","disabled","btnDisable","loading","type","color","handleToNext","proxy","notificationUrl","ref","crossOrigin","src","signUrl","$event","showSign","openSign","visible","update:visible","submit","handleSignChange","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"8NAiCeA,QAEf,iDACAC,UAAA,eACAC,EAAA,mCAGA,WACA,kBAEA,wBAGA,IAAAC,EAAAC,qJACAC,EAAA,qBAEAC,QAAAC,gFAEA,0HACAC,wFAMA,IAAAC,EAAAL,kIAGA,uCAEAM,6DACAC,uEAIAC,wBAGA,oFAEAC,MAAAC,EAAAC,uBACA,iGAQAC,UC/EeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAf,KAAagB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,4BAAAC,OAA+CC,MAAA,kBAAyBC,YAAAR,EAAAS,KAAsBC,IAAA,iBAAAC,GAAA,WAAmC,OAAAR,EAAA,cAAyBE,YAAA,oCAAAC,OAAuDM,MAAA,IAAWC,IAAKC,MAAAd,EAAAe,kBAA4Bf,EAAAgB,GAAA,SAAAhB,EAAAgB,GAAA,KAAAb,EAAA,cAA+CE,YAAA,yBAAAC,OAA4CW,SAAAjB,EAAAkB,WAAAC,QAAAnB,EAAAmB,QAAAC,KAAA,UAAAR,MAAA,GAAAS,MAAA,8CAAiIR,IAAKC,MAAAd,EAAAsB,gBAA0BtB,EAAAgB,GAAA,WAAmBO,OAAA,OAAepB,EAAA,OAAYE,YAAA,uBAAiCL,EAAAwB,gBAAkGrB,EAAA,WAAgBsB,IAAA,eAAiBtB,EAAA,OAAYG,OAAOoB,YAAA,GAAAC,IAAA3B,EAAAwB,mBAA4CxB,EAAAgB,GAAA,KAAAb,EAAA,OAAwBE,YAAA,cAAAC,OAAiCqB,IAAA3B,EAAA4B,aAA3PzB,EAAA,eAA2CE,YAAA,iBAAAC,OAAoCe,MAAA,cAA+L,GAAArB,EAAAgB,GAAA,KAAAb,EAAA,OAA8BE,YAAA,0BAAoCL,EAAA,QAAAG,EAAA,OAA0BE,YAAA,qBAAAQ,IAAqCC,MAAA,SAAAe,GAAyB7B,EAAA8B,UAAA,MAAsB3B,EAAA,OAAYE,YAAA,oBAAAC,OAAuCqB,IAAA3B,EAAA4B,WAAmB5B,EAAAgB,GAAA,KAAAb,EAAA,OAAwBE,YAAA,sBAAgCL,EAAAgB,GAAA,UAAAb,EAAA,OAA6BE,YAAA,gBAAAQ,IAAgCC,MAAAd,EAAA+B,YAAsB/B,EAAAgB,GAAA,eAAAhB,EAAAgB,GAAA,KAAAhB,EAAAgB,GAAA,KAAAb,EAAA,QAA2DG,OAAO0B,QAAAhC,EAAA8B,UAAuBjB,IAAKoB,iBAAA,SAAAJ,GAAkC7B,EAAA8B,SAAAD,GAAoBK,OAAAlC,EAAAmC,qBAAgC,IAEp+CC,oBCCjB,IAaAC,EAbyBC,EAAQ,OAajCC,CACE1D,EACAiB,GATF,EATA,SAAA0C,GACEF,EAAQ,SAYV,KAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/32.6828bfb1babf7cb215c9.js","sourcesContent":["<template>\n  <!-- <Page class=\"page-rnr-person-agreement\" title=\"责任告知书\"> -->\n  <Page class=\"page-rnr-person-agreement\" title=\"实名认证隐私政策与责任告知书\">\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=\"showSign = true\">\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_ENTERPRISE_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: 'RnrEnterpriseNotification',\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(`rnr/${DISPATCH_INIT_PROTOCAL}`)\n    // 当前请求到的协议数据\n    const { protocal } = this.$store.getters\n    // 协议链接\n    console.log('fileUrl-1', protocal[window.os.isTablet ? 'peopleAgreementVertical' : 'peopleAgreementHorizontal'])\n    this.notificationUrl = protocal[window.os.isTablet ? 'realnameNoticeVertical' : 'realnameNoticeHorizontal'].fileUrl\n  },\n  methods: {\n    /**\n     * 调到到下一页：腾讯的实名认证平台\n     */\n    async handleToNext(formData) {\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_ENTERPRISE_DUTY_PIC}`, {\n          dutyPic: [uuid]\n        })\n        // 跳转到\n        this.routerToNextPage('RnrEnterpriseAgreement')\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    }\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/rnr/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\":\"实名认证隐私政策与责任告知书\"},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._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}])},[_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\":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(\"重签\")])]):_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-b7cd1a80\",\"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/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-b7cd1a80\\\",\\\"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-b7cd1a80\\\",\\\"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/enterprise/notification.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}