{"version":3,"sources":["webpack:///src/views/markup/enterprise/idcard.vue","webpack:///./src/views/markup/enterprise/idcard.vue?6e79","webpack:///./src/views/markup/enterprise/idcard.vue"],"names":["idcard","MustKnow","flow","CARD_TYPE","this","$store","getters","dict","required","uuid","certType","_this","exemplo","validate","formData","_formData","certPic","now","certPicKey","CERT_PIC_STORAGE_KEY","format","back","enterprise_idcard","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","title","scopedSlots","_u","key","fn","_v","proxy","round","on","click","handleToBefore","disabled","type","color","handleToNext","ref","schema","SCHEMA1","change","handleFormDataChange","model","value","callback","$$v","expression","SCHEMA2","_e","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"0OAwCeA,QAEf,6DACAC,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,iBAsBA,iHAEAM,0BAEA,qGAQA,gCAHA,sBAYA,0HAWAC,mCAOA,IAAAC,EAAAP,8IACAD,6DAEAO,cACAE,kCACAT,iCAEAU,eAEAC,SAAAJ,EAAAK,EAAAL,SAAAM,EAAAD,EAAAC,4GAEAP,4BAEAQ,8BAEA,uBAEA,wBAAAC,WACAC,wBACAT,oBAEAU,yFAQAC,UCjLeC,GADEC,OAFjB,WAA0B,IAAAC,EAAApB,KAAaqB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,gCAAAC,OAAmDC,MAAA,WAAkBC,YAAAR,EAAAS,KAAsBC,IAAA,mBAAAC,GAAA,WAAqC,OAAAR,EAAA,OAAkBE,YAAA,6BAAuCL,EAAAY,GAAA,qDAA6DC,OAAA,IAAcH,IAAA,iBAAAC,GAAA,WAAmC,OAAAR,EAAA,cAAyBE,YAAA,oCAAAC,OAAuDQ,MAAA,IAAWC,IAAKC,MAAAhB,EAAAiB,kBAA4BjB,EAAAY,GAAA,SAAAZ,EAAAY,GAAA,KAAAT,EAAA,cAA+CE,YAAA,yBAAAC,OAA4CY,UAAAlB,EAAAV,SAAAE,QAAA,KAAAQ,EAAAV,SAAAE,QAAA,GAAA2B,KAAA,UAAAL,MAAA,GAAAM,MAAA,8CAAiJL,IAAKC,MAAAhB,EAAAqB,gBAA0BrB,EAAAY,GAAA,WAAmBC,OAAA,OAAeb,EAAAY,GAAA,KAAAT,EAAA,OAAwBE,YAAA,uBAAiC,WAAAL,EAAAV,SAAAJ,SAAAiB,EAAA,cAAwDmB,IAAA,gBAAAhB,OAA2BiB,OAAAvB,EAAAwB,SAAqBT,IAAKU,OAAAzB,EAAA0B,sBAAkCC,OAAQC,MAAA5B,EAAA,SAAA6B,SAAA,SAAAC,GAA8C9B,EAAAV,SAAAwC,GAAiBC,WAAA,cAAwB5B,EAAA,cAAmBmB,IAAA,gBAAAhB,OAA2BiB,OAAAvB,EAAAgC,SAAqBjB,IAAKU,OAAAzB,EAAA0B,sBAAkCC,OAAQC,MAAA5B,EAAA,SAAA6B,SAAA,SAAAC,GAA8C9B,EAAAV,SAAAwC,GAAiBC,WAAA,eAAwB,GAAA/B,EAAAY,GAAA,gBAAAZ,EAAAV,SAAAJ,SAAAiB,EAAA,YAAAH,EAAAiC,MAAA,IAE1xCC,oBCCjB,IAaAC,EAbyBC,EAAQ,OAajCC,CACE7D,EACAsB,GATF,EATA,SAAAwC,GACEF,EAAQ,SAYV,KAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/47.bbc223383f3bc5dc2501.js","sourcesContent":["<template>\n  <Page title=\"责任人证件信息\" class=\"page-markup-enterprise-idcard\">\n    <template #slot-before-main>\n      <div class=\"page-rnr-person-file-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 v-if=\"formData.certType === 'IDCARD'\" />\n    <template #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/markup'\nimport Page from '@/components/Page'\nimport MustKnow from '@/components/MustKnow'\nimport FormRender from '@/components/FormRender'\nimport flowMixin from '@/minxin/flow'\nimport { SET_ENTERPRISE_PAPER } from '@/store/modules/markup'\n\nexport default {\n  name: 'MarkupEnterpriseIdcard',\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          type: 'rnr-othercard',\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          itype: ''\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        this.SCHEMA2.certPic.itype = value.certType\n      }\n    },\n\n    /**\n     * 调到到下一页：腾讯的实名认证平台\n     */\n    async handleToNext() {\n      var CARD_TYPE = this.$store.getters.dict.CARD_TYPE\n      var format = CARD_TYPE.filter(el => {\n        return el.value === this.formData.certType\n      })[0].exemplo\n      console.log('CARD_TYPE', this.CARD_TYPE)\n      // 开始校验数据\n      this.$refs.formRenderRef.validate()\n      // 取出双向绑定的身份证照片id\n      const { certType, certPic } = this.formData\n      // 将当前数据保存到store中\n      this.$store.commit(`markup/${SET_ENTERPRISE_PAPER}`, { corporationCertType: certType, corporationPhotoPic: 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('MarkupEnterpriseUser', \n        { certPicKey: CERT_PIC_STORAGE_KEY,\n          idCardType: this.formData.certType,\n          certFormat: format\n        })\n    },\n\n    /**\n     * 跳转到上一页\n     */\n    handleToBefore() {\n      // 回退到上个页面\n      this.$router.back()\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.page-markup-enterprise-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-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}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/markup/enterprise/idcard.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Page',{staticClass:\"page-markup-enterprise-idcard\",attrs:{\"title\":\"责任人证件信息\"},scopedSlots:_vm._u([{key:\"slot-before-main\",fn:function(){return [_c('div',{staticClass:\"page-rnr-person-file-tip\"},[_vm._v(\"文件类型为图片文件，允许支持的照片格式包括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._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(\"下一步\")])]},proxy:true}])},[_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(\" \"),(_vm.formData.certType === 'IDCARD')?_c('MustKnow'):_vm._e()],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-71fe9ae2\",\"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/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-71fe9ae2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./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!./idcard.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-71fe9ae2\\\",\\\"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!./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/markup/enterprise/idcard.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}