{"version":3,"sources":["webpack:///src/views/markup/person/paper.vue","webpack:///./src/views/markup/person/paper.vue?1746","webpack:///./src/views/markup/person/paper.vue"],"names":["paper","ErrorWrap","flow","customerType","this","$store","getters","personRnr","strs","_this","validate","formData","_this2","ruleKeys","failField","back","person_paper","render","_vm","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","_s","currentFlow","totalFlow","convertLanage","proxy","attrs","round","on","click","handleToBefore","type","color","handleToNext","error-message","inputError","certPic","error","id","required","title","max-count","compress","security","customer","model","value","callback","$$v","$set","expression","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"kRA4CeA,QAEf,yDACAC,YAAA,WACAC,EAAA,kDAKA,WACA,WACA,EACAC,aAPAC,KAAAC,OAAAC,QACAC,UAAAJ,2FAiBAK,4BAKA,IAAAC,EAAAL,4GAEAM,WAIA,iFAEAC,6BAEA,8FAMA,IAAAC,EAAAR,sGAEAS,uFAGA,MAEAC,0CAQAC,UCpGeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAd,KAAae,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,uBAAAC,YAAAN,EAAAO,KAAwDC,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,GAAAV,EAAAW,GAAAX,EAAAc,cAAA,cAAmJC,OAAA,IAAcP,IAAA,mBAAAC,GAAA,WAAqC,OAAAN,EAAA,OAAkBE,YAAA,6BAAuCL,EAAAU,GAAAV,EAAAW,GAAAX,EAAAc,cAAA,uDAAwFC,OAAA,IAAcP,IAAA,iBAAAC,GAAA,WAAmC,OAAAN,EAAA,cAAyBE,YAAA,oCAAAW,OAAuDC,MAAA,IAAWC,IAAKC,MAAAnB,EAAAoB,kBAA4BpB,EAAAU,GAAAV,EAAAW,GAAAX,EAAAc,cAAA,WAAAd,EAAAU,GAAA,KAAAP,EAAA,cAA0EE,YAAA,yBAAAW,OAA4CK,KAAA,UAAAJ,MAAA,GAAAK,MAAA,8CAAiFJ,IAAKC,MAAAnB,EAAAuB,gBAA0BvB,EAAAU,GAAAV,EAAAW,GAAAX,EAAAc,cAAA,aAA8CC,OAAA,OAAef,EAAAU,GAAA,KAAAV,EAAAU,GAAA,KAAAP,EAAA,OAAoCE,YAAA,uBAAiCF,EAAA,aAAkBa,OAAOQ,gBAAAxB,EAAAyB,WAAAC,QAAAC,QAAA3B,EAAAyB,WAAAC,WAAyEvB,EAAA,YAAiBE,YAAA,YAAAW,OAA+BY,GAAA,cAAAC,UAAA,EAAAC,MAAA9B,EAAAc,cAAA,SAAqER,YAAAN,EAAAO,KAAsBC,IAAA,QAAAC,GAAA,WAA0B,OAAAN,EAAA,gBAA2Ba,OAAOe,YAAA,EAAAC,YAA2BC,UAAA,EAAAC,UAAA,GAAiCC,OAAQC,MAAApC,EAAAP,SAAA,QAAA4C,SAAA,SAAAC,GAAsDtC,EAAAuC,KAAAvC,EAAAP,SAAA,UAAA6C,IAAuCE,WAAA,sBAAgCrC,EAAA,OAAYE,YAAA,qCAA+CF,EAAA,OAAYE,YAAA,6BAAwCU,OAAA,QAAe,UAEroD0B,oBCCjB,IAaAC,EAbyBC,EAAQ,OAajCC,CACE9D,EACAgB,GATF,EATA,SAAA+C,GACEF,EAAQ,SAYV,KAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/37.4d5bc35977bf4e221d67.js","sourcesContent":["<template>\n  <Page class=\"page-rnr-person-file\">\n    <template #slot-title>\n      <span>{{ currentFlow }}/{{ totalFlow }}</span>\n      <span>{{ convertLanage('证件信息') }}</span>\n    </template>\n    <template #slot-before-main>\n      <div class=\"page-rnr-person-file-tip\">{{ convertLanage('文件类型为图片文件，允许支持的照片格式包括bmp、jpg/jpeg、png，小于500K。') }}</div>\n    </template>\n    <div class=\"page-rnr-main-card\">\n      <ErrorWrap :error-message=\"inputError.certPic\" :error=\"!!inputError.certPic\">\n        <van-cell id=\"contractPic\" :required=\"true\" :title=\"convertLanage('证件信息')\" class=\"van-field\">\n          <template #label>\n            <BridgeUpload\n              :max-count=\"3\"\n              :compress=\"{}\"\n              :security=\"true\"\n              :customer=\"true\"\n              v-model=\"formData.certPic\"\n            >\n              <div class=\"page-rnr-main-card-upload-normal\">\n                <div class=\"icon-upload-camera\" />\n              </div>\n            </BridgeUpload>\n          </template>\n        </van-cell>\n      </ErrorWrap>\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 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  </Page>\n</template>\n\n<script>\nimport Page from '@/components/Page'\nimport ErrorWrap from '@/components/ErrorWrap'\nimport BridgeUpload from '@/components/BridgeUpload'\nimport { validate } from '@/utils/validate'\nimport flowMixin from '@/minxin/flow'\nimport { SET_PERSON_PAPER } from '@/store/modules/markup'\nimport { convertLanage } from '@/utils/lanage'\n\nexport default {\n  name: 'MarkupPersonCard',\n  components: { Page, BridgeUpload, ErrorWrap },\n  mixins: [flowMixin],\n  data() {\n    const { customerType } = this.$store.getters.personRnr\n    return {\n      inputError: {},\n      countTime: 59,\n      isSend: false,\n      showSms: false,\n      customerType,\n      formData: {\n        certPic: []\n      }\n    }\n  },\n  methods: {\n    /**\n     * 简繁体语言转换\n     */\n    convertLanage(strs) {\n      return convertLanage(strs)\n    },\n    /**\n     * 调到到下一页：腾讯的实名认证平台\n     */\n    async handleToNext() {\n      // 校验不通过的字段\n      const failFiled = this.validate()\n      // 如果当前有字段没校验通过\n      if (failFiled) {\n        return\n      }\n      // 保存到store中\n      this.$store.commit(`markup/${SET_PERSON_PAPER}`, this.formData)\n      // 跳转到支付结果页\n      this.routerToNextPage('MarkupPersonNotification')\n    },\n\n    /**\n     * 校验用户输入\n     */\n    validate(ruleKeys = ['certPic']) {\n      // 错误的字段，错误的信息\n      const [failField, failMessage] = validate(this.formData, ruleKeys)\n      // 如果当前有错误信息\n      ruleKeys.forEach(key => {\n        this.$set(this.inputError, key, failField === key ? failMessage : '')\n      })\n      return failField\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-file {\n  .page-rnr-main {\n    margin-top: 0px;\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  .icon-upload-camera {\n    background-image: url(../../../assets/rnr/ico_camera.png);\n    background-size: 100% 100%;\n    position: absolute;\n    width: 80px;\n    height: 80px;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n  .page-rnr-main-card-upload-normal {\n    background-image: url(../../../assets/rnr/ico_pic.png);\n    background-color: #F7F8FA;\n    background-size: 196px 196px;\n    background-repeat: no-repeat;\n    background-position: center;\n    border-radius: 8px;\n    width: 196px;\n    height: 196px;\n  }\n  .page-rnr-main-btn {\n    font-size: 32px !important;\n    &.disabled {\n      color: #CACACA !important;\n    }\n  }\n  .van-cell__label {\n    .page-rnr-flex {\n      display: flex;\n      justify-content: space-between;\n    }\n  }\n  .page-rnr-person-file-tip {\n    font-size: 24px;\n    color: rgba(255, 255, 255, 0.6);\n    font-weight: 400;\n    padding: 14px 48px 18px;\n  }\n  .van-dialog {\n    box-sizing: border-box;\n    width: 685px;\n    padding: 0 40px 50px;\n    .van-dialog__header {\n      padding: 60px 0 12px;\n    }\n    .van-field__button {\n      padding-left: 30px;\n      .page-rnr-main-btn {\n        color: #0761F3;\n        font-size: 32px;\n        font-weight: 400;\n      }\n    }\n    .page-rnr-main-btn-confirm {\n      margin-top: 44px;\n    }\n  }\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/markup/person/paper.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Page',{staticClass:\"page-rnr-person-file\",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(_vm._s(_vm.convertLanage('证件信息')))])]},proxy:true},{key:\"slot-before-main\",fn:function(){return [_c('div',{staticClass:\"page-rnr-person-file-tip\"},[_vm._v(_vm._s(_vm.convertLanage('文件类型为图片文件，允许支持的照片格式包括bmp、jpg/jpeg、png，小于500K。')))])]},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._s(_vm.convertLanage('上一步')))]),_vm._v(\" \"),_c('van-button',{staticClass:\"page-rnr-main-btn-next\",attrs:{\"type\":\"primary\",\"round\":\"\",\"color\":\"linear-gradient(120deg, #000 0%, #000 97%)\"},on:{\"click\":_vm.handleToNext}},[_vm._v(_vm._s(_vm.convertLanage('下一步')))])]},proxy:true}])},[_vm._v(\" \"),_vm._v(\" \"),_c('div',{staticClass:\"page-rnr-main-card\"},[_c('ErrorWrap',{attrs:{\"error-message\":_vm.inputError.certPic,\"error\":!!_vm.inputError.certPic}},[_c('van-cell',{staticClass:\"van-field\",attrs:{\"id\":\"contractPic\",\"required\":true,\"title\":_vm.convertLanage('证件信息')},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('BridgeUpload',{attrs:{\"max-count\":3,\"compress\":{},\"security\":true,\"customer\":true},model:{value:(_vm.formData.certPic),callback:function ($$v) {_vm.$set(_vm.formData, \"certPic\", $$v)},expression:\"formData.certPic\"}},[_c('div',{staticClass:\"page-rnr-main-card-upload-normal\"},[_c('div',{staticClass:\"icon-upload-camera\"})])])]},proxy:true}])})],1)],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-56ba8199\",\"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/person/paper.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-56ba8199\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./paper.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!./paper.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-56ba8199\\\",\\\"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!./paper.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/person/paper.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}