{"version":3,"sources":["webpack:///src/views/rnr/person/consigner-idcard.vue","webpack:///./src/views/rnr/person/consigner-idcard.vue?7abf","webpack:///./src/views/rnr/person/consigner-idcard.vue"],"names":["consigner_idcard","MustKnow","flow","CARD_TYPE","this","$store","getters","dict","required","uuid","_this","validate","formData","certType","_formData","certPic","now","CERT_PIC_STORAGE_KEY","back","person_consigner_idcard","render","_vm","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","_s","currentFlow","totalFlow","proxy","ref","attrs","schema","SCHEMA1","on","change","handleFormDataChange","model","value","callback","$$v","expression","SCHEMA2","slot","round","click","handleToBefore","disabled","type","color","handleToNext","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"0OA4CeA,QAEf,oDACAC,WAAA,WACAC,EAAA,mBACA,IAAAC,EAAAC,KAAAC,OAAAC,QACAC,KAAAJ,oCAGA,8CAKA,YACA,qBACAK,UAEA,YAEAL,iBAEA,8GAEAM,0BAEA,qGAQA,gCAHA,2CAaA,YACA,qBACAD,UAEA,YAEAL,iBAEA,gBACA,6BAEA,uFACAM,0BAEA,qGAQA,gCAHA,oIA4BA,IAAAC,EAAAN,wIAEAO,eAEAC,SAAAC,EAAAC,EAAAD,SAAAE,EAAAD,EAAAC,kFAEAN,4BAEAO,8BAEA,4DAEAC,yFAMAC,UCtJeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAjB,KAAakB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,yBAAAC,YAAAN,EAAAO,KAA0DC,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,eAA2HI,OAAA,IAAcN,IAAA,mBAAAC,GAAA,WAAqC,OAAAN,EAAA,OAAkBE,YAAA,+BAAyCL,EAAAU,GAAA,qDAA6DI,OAAA,OAAed,EAAAU,GAAA,KAAAV,EAAAU,GAAA,KAAAP,EAAA,OAAoCE,YAAA,uBAAiC,WAAAL,EAAAT,SAAAC,SAAAW,EAAA,cAAwDY,IAAA,gBAAAC,OAA2BC,OAAAjB,EAAAkB,SAAqBC,IAAKC,OAAApB,EAAAqB,sBAAkCC,OAAQC,MAAAvB,EAAA,SAAAwB,SAAA,SAAAC,GAA8CzB,EAAAT,SAAAkC,GAAiBC,WAAA,cAAwBvB,EAAA,cAAmBY,IAAA,gBAAAC,OAA2BC,OAAAjB,EAAA2B,SAAqBR,IAAKC,OAAApB,EAAAqB,sBAAkCC,OAAQC,MAAAvB,EAAA,SAAAwB,SAAA,SAAAC,GAA8CzB,EAAAT,SAAAkC,GAAiBC,WAAA,eAAwB,GAAA1B,EAAAU,GAAA,KAAAP,EAAA,YAAAH,EAAAU,GAAA,KAAAP,EAAA,YAA4DyB,KAAA,mBAAsBzB,EAAA,cAAmBE,YAAA,oCAAAW,OAAuDa,MAAA,IAAWV,IAAKW,MAAA9B,EAAA+B,kBAA4B/B,EAAAU,GAAA,SAAAV,EAAAU,GAAA,KAAAP,EAAA,cAA+CE,YAAA,yBAAAW,OAA4CgB,UAAAhC,EAAAT,SAAAG,QAAA,KAAAM,EAAAT,SAAAG,QAAA,GAAAuC,KAAA,UAAAJ,MAAA,GAAAK,MAAA,8CAAiJf,IAAKW,MAAA9B,EAAAmC,gBAA0BnC,EAAAU,GAAA,kBAEv7C0B,oBCCjB,IAaAC,EAbyBC,EAAQ,OAajCC,CACE5D,EACAmB,GATF,EATA,SAAA0C,GACEF,EAAQ,SAYV,KAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/25.5a6a821e8e6cec78effd.js","sourcesContent":["<template>\n  <Page class=\"page-rnr-person-idcard\">\n    <template #slot-title>\n      <span>{{ currentFlow }}/{{ totalFlow }}</span>\n      <span>代办人证件信息</span>\n    </template>\n    <template #slot-before-main>\n      <div class=\"page-rnr-person-idcard-tip\">文件类型为图片文件，允许支持的照片格式包括bmp、jpg/jpeg、png，小于500K。</div>\n    </template>\n    <div class=\"page-rnr-main-card\">\n      <!-- 身份证选择上传 -->\n      <FormRender\n        ref=\"formRenderRef\"\n        v-if=\"formData.certType === 'IDCARD'\"\n        v-model=\"formData\"\n        :schema=\"SCHEMA1\"\n        @change=\"handleFormDataChange\"\n      />\n      <!-- 其他证件照片的选择上传 -->\n      <FormRender\n        ref=\"formRenderRef\"\n        v-else\n        v-model=\"formData\"\n        :schema=\"SCHEMA2\"\n        @change=\"handleFormDataChange\"\n      />\n    </div>\n    <MustKnow />\n    <template slot=\"slot-operation\">\n      <van-button class=\"page-rnr-main-btn-before lastStep\" round @click=\"handleToBefore\">上一步</van-button>\n      <van-button :disabled=\"!formData.certPic[0] || !formData.certPic[1]\" type=\"primary\" class=\"page-rnr-main-btn-next\" round color=\"linear-gradient(120deg, #000 0%, #000 97%)\" @click=\"handleToNext\">下一步</van-button>\n    </template>\n  </Page>\n</template>\n\n<script>\nimport cache from '@/utils/cache'\nimport { cuscImageUpload } from '@/api/rnr'\nimport Page from '@/components/Page'\nimport MustKnow from '@/components/MustKnow'\nimport FormRender from '@/components/FormRender'\nimport { SET_PERSON_CONSIGNER_CARD } from '@/store/modules/rnr'\nimport flowMixin from '@/minxin/flow'\n\nexport default {\n  name: 'RnrPersonCard',\n  components: { Page, FormRender, MustKnow },\n  mixins: [flowMixin],\n  data() {\n    const { CARD_TYPE } = this.$store.getters.dict\n    return {\n      formData: {\n        certType: 'IDCARD',\n        certPic: []\n      },\n      SCHEMA1: {\n        certType: {\n          label: '证件类型',\n          type: 'rnr-select',\n          rules: [\n            { required: true }\n          ],\n          options: CARD_TYPE\n        },\n        certPic: {\n          type: 'rnr-idcard',\n          compress: {},\n          api: file => cuscImageUpload({ file }).then(resp => resp.uuid),\n          rules: [\n            { required: true },\n            {\n              validator(value) {\n                // 如果人像面没有上传\n                if (!value[0] || value[0].length === 0) {\n                  return { result: false, message: '请上传身份证人像面' }\n                }\n                if (!value[1] || value[1].length === 0) {\n                  return { result: false, message: '请上传身份证国徽面' }\n                }\n                return true\n              }\n            }\n          ]\n        }\n      },\n      SCHEMA2: {\n        certType: {\n          label: '证件类型',\n          type: 'rnr-select',\n          rules: [\n            { required: true }\n          ],\n          options: CARD_TYPE\n        },\n        certPic: {\n          type: 'rnr-file',\n          size: 'large',\n          compress: {},\n          maxCount: 2,\n          api: file => cuscImageUpload({ file }).then(resp => resp.uuid),\n          rules: [\n            { required: true },\n            {\n              validator(value) {\n                // 如果人像面没有上传\n                if (!value[0] || value[0].length === 0) {\n                  return { result: false, message: '请上传证件信息正面' }\n                }\n                if (!value[1] || value[1].length === 0) {\n                  return { result: false, message: '请上传证件信息反面' }\n                }\n                return true\n              }\n            }\n          ]\n        }\n      }\n    }\n  },\n  methods: {\n    /**\n     * 表单项改变方法\n     * @param value 当前双向绑定的值\n     * @param key 当前改变的字段key\n     */\n    handleFormDataChange(value, key) {\n      if (key === 'certType') {\n        this.formData.certPic = []\n      }\n    },\n\n    /**\n     * 调到到下一页：腾讯的实名认证平台\n     */\n    async handleToNext() {\n      // 开始校验数据\n      this.$refs.formRenderRef.validate()\n      // 取出双向绑定的身份证照片id\n      const { certType, certPic } = this.formData\n      // 将当前数据保存到store中\n      this.$store.commit(`rnr/${SET_PERSON_CONSIGNER_CARD}`, { certType, certPic: certPic.map(pic => pic.uuid) })\n      // 当前证件照片的识别key\n      const CERT_PIC_STORAGE_KEY = `cert-pic-${Date.now()}`\n      // 将证件信息保存到缓存中\n      cache.set(CERT_PIC_STORAGE_KEY, certPic, { noStorage: true })\n      // 跳转到文件上传页\n      this.routerToNextPage('RnrPersonConsignerBase', { certPicKey: CERT_PIC_STORAGE_KEY })\n    },\n    /**\n     * 回退到上一页\n     */\n    handleToBefore() {\n      this.$router.back()\n    }\n\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.page-rnr-person-idcard {\n  padding-bottom: 72px;\n  .page-rnr-main {\n    margin-top: 0px !important;\n    .rnr-idcard, .rnr-file {\n      padding: 48px 0;\n    }\n  }\n  .page-rnr-person-idcard-tip {\n    font-size: 24px;\n    color: rgba(255, 255, 255, 0.6);\n    font-weight: 400;\n    padding: 14px 48px 18px;\n  }\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/rnr/person/consigner-idcard.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Page',{staticClass:\"page-rnr-person-idcard\",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-before-main\",fn:function(){return [_c('div',{staticClass:\"page-rnr-person-idcard-tip\"},[_vm._v(\"文件类型为图片文件，允许支持的照片格式包括bmp、jpg/jpeg、png，小于500K。\")])]},proxy:true}])},[_vm._v(\" \"),_vm._v(\" \"),_c('div',{staticClass:\"page-rnr-main-card\"},[(_vm.formData.certType === 'IDCARD')?_c('FormRender',{ref:\"formRenderRef\",attrs:{\"schema\":_vm.SCHEMA1},on:{\"change\":_vm.handleFormDataChange},model:{value:(_vm.formData),callback:function ($$v) {_vm.formData=$$v},expression:\"formData\"}}):_c('FormRender',{ref:\"formRenderRef\",attrs:{\"schema\":_vm.SCHEMA2},on:{\"change\":_vm.handleFormDataChange},model:{value:(_vm.formData),callback:function ($$v) {_vm.formData=$$v},expression:\"formData\"}})],1),_vm._v(\" \"),_c('MustKnow'),_vm._v(\" \"),_c('template',{slot:\"slot-operation\"},[_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.formData.certPic[0] || !_vm.formData.certPic[1],\"type\":\"primary\",\"round\":\"\",\"color\":\"linear-gradient(120deg, #000 0%, #000 97%)\"},on:{\"click\":_vm.handleToNext}},[_vm._v(\"下一步\")])],1)],2)}\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-6c816f4d\",\"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/consigner-idcard.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-6c816f4d\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./consigner-idcard.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!./consigner-idcard.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6c816f4d\\\",\\\"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!./consigner-idcard.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/consigner-idcard.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}