{"version":3,"sources":["webpack:///src/views/markup/enterprise/file.vue","webpack:///./src/views/markup/enterprise/file.vue?10af","webpack:///./src/views/markup/enterprise/file.vue"],"names":["enterprise_file","ErrorWrap","flow","this","formData","authorizationLetterPic","index","_ref","_this","origin","files","file","content","uuid","key","_this2","markup","extends_default","phone","verificationCode","_this3","ruleKeys","failField","back","markup_enterprise_file","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","title","scopedSlots","_u","fn","_v","proxy","round","on","click","handleToBefore","loading","disabled","btnDisable","type","color","handleToNext","error-message","inputError","error","id","required","compress","quality","customer","model","value","callback","$$v","$set","expression","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"0SAoCeA,QAEf,6EACAC,YAAA,WACAC,EAAA,iDAIA,gFAYA,IAFAC,KACAC,SAAAC,0EAQA,IAAAC,EAAAC,EAAAD,gCACA,mCAQA,MAAAE,EAAAL,OAEAM,0BAGAC,yCAIAC,wHACAC,sDAEAC,eAGAC,uHAMA,IAAAC,EAAAZ,qJAEA,2BAIA,2EAEAa,EAAA,EAAAC,OAAAF,EACAX,2BACAc,EAEAC,2CACA,oGAMA,IAAAC,EAAAjB,iCAEAkB,uFAGA,MAEAC,0CAQAC,8CAOA,wBCnIeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAvB,KAAawB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,2BAAAC,OAA8CC,MAAA,QAAeC,YAAAR,EAAAS,KAAsBrB,IAAA,mBAAAsB,GAAA,WAAqC,OAAAP,EAAA,OAAkBE,YAAA,6BAAuCL,EAAAW,GAAA,qDAA6DC,OAAA,IAAcxB,IAAA,iBAAAsB,GAAA,WAAmC,OAAAP,EAAA,cAAyBE,YAAA,oCAAAC,OAAuDO,MAAA,IAAWC,IAAKC,MAAAf,EAAAgB,kBAA4BhB,EAAAW,GAAA,SAAAX,EAAAW,GAAA,KAAAR,EAAA,cAA+CE,YAAA,yBAAAC,OAA4CW,QAAAjB,EAAAiB,QAAAC,SAAAlB,EAAAmB,WAAAC,KAAA,UAAAP,MAAA,GAAAQ,MAAA,8CAAiIP,IAAKC,MAAAf,EAAAsB,gBAA0BtB,EAAAW,GAAA,WAAmBC,OAAA,OAAeZ,EAAAW,GAAA,KAAAR,EAAA,OAAwBE,YAAA,uBAAiCF,EAAA,aAAkBG,OAAOiB,gBAAAvB,EAAAwB,WAAA7C,uBAAA8C,QAAAzB,EAAAwB,WAAA7C,0BAAuGwB,EAAA,YAAiBE,YAAA,YAAAC,OAA+BoB,GAAA,yBAAAC,UAAA,EAAApB,MAAA,aAAkEC,YAAAR,EAAAS,KAAsBrB,IAAA,QAAAsB,GAAA,WAA0B,OAAAP,EAAA,gBAA2BG,OAAOsB,UAAYC,QAAA,IAAcC,UAAA,GAAiBC,OAAQC,MAAAhC,EAAAtB,SAAA,uBAAAuD,SAAA,SAAAC,GAAqElC,EAAAmC,KAAAnC,EAAAtB,SAAA,yBAAAwD,IAAsDE,WAAA,qCAA+CjC,EAAA,OAAYE,YAAA,qCAA+CF,EAAA,OAAYE,YAAA,6BAAwCO,OAAA,QAAe,UAE1+CyB,oBCCjB,IAaAC,EAbyBC,EAAQ,OAajCC,CACElE,EACAwB,GATF,EATA,SAAA2C,GACEF,EAAQ,SAYV,KAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/48.1ebaf256a82ad111dc94.js","sourcesContent":["<template>\n  <Page class=\"page-rnr-enterprise-file\" title=\"文件信息\">\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      <ErrorWrap :error-message=\"inputError.authorizationLetterPic\" :error=\"!!inputError.authorizationLetterPic\">\n        <van-cell id=\"authorizationLetterPic\" :required=\"true\" title=\"企业实名认证授权书\" class=\"van-field\">\n          <template #label>\n            <BridgeUpload v-model=\"formData.authorizationLetterPic\" :compress=\"{ quality: 80 }\" :customer=\"true\">\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\">上一步</van-button>\n      <van-button :loading=\"loading\" :disabled=\"btnDisable\" 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 { SET_ENTERPRISE_FILE } from '@/store/modules/markup'\nimport PhoneVerify from '@/components/PhoneVerify'\nimport Page from '@/components/Page'\nimport ErrorWrap from '@/components/ErrorWrap'\nimport BridgeUpload from '@/components/BridgeUpload'\nimport { fileUpload } from '@/api/markup'\nimport { Toast } from 'vant'\nimport { validate } from '@/utils/validate'\nimport flowMixin from '@/minxin/flow'\n\nexport default {\n  name: 'MarkupEnterpriseFile',\n  components: { Page, BridgeUpload, PhoneVerify, ErrorWrap },\n  mixins: [flowMixin],\n  data() {\n    return {\n      inputError: {},\n      loading: false,\n      formData: {\n        authorizationLetterPic: []\n      }\n    }\n  },\n  computed: {\n    /**\n     * 按钮是否禁用\n     */\n    btnDisable() {\n      const { authorizationLetterPic } = this.formData\n      return authorizationLetterPic.length === 0\n    }\n  },\n  methods: {\n    /**\n     * 删除文件\n     */\n    handleDeleteFile(files, { index }, key) {\n      this.formData[key].splice(index, 1)\n    },\n\n    /**\n     * 上传文件\n     * @param origin 源文件\n     * @param key 字段key\n     */\n    handleUploadFile(origin, key) {\n      // 获取当前文件\n      let files = origin\n      // 如果当前不是数组，则将其变成数组\n      if (!(files instanceof Array)) {\n        files = [files]\n      }\n      // 将文件的uuid都展示在界面上\n      files.forEach(async file => {\n        // 文件可访问路径和文件的uuid\n        const { uuid } = await fileUpload({ file: file.content })\n        // 将文件id保存在照片中\n        this.formData[key].push(uuid)\n        // 开始校验上传字段\n        this.validate([key])\n      })\n    },\n\n    /**\n     * 调到到下一页：签名页\n     */\n    async handleToNext({ phone, verificationCode }) {\n      // 校验不通过的字段\n      const failField = this.validate(['authorizationLetterPic'])\n      // 如果当前校验失败\n      if (failField) {\n        return\n      }\n      // 将当前数据保存到store中\n      this.$store.commit(`markup/${SET_ENTERPRISE_FILE}`, {\n        ...this.formData,\n        corporationPhone: phone,\n        verificationCode\n      })\n      this.$router.push({ name: 'MarkupEnterpriseNotification' })\n    },\n\n    /**\n     * 校验用户输入\n     */\n    validate(ruleKeys) {\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     * 图片超过最大限制\n     */\n    handleOverSize() {\n      Toast('选择的图片超过最大限制，请重新选择')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.page-rnr-enterprise-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      height: 96px;\n      margin-left: 40px;\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}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/markup/enterprise/file.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Page',{staticClass:\"page-rnr-enterprise-file\",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:{\"loading\":_vm.loading,\"disabled\":_vm.btnDisable,\"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\"},[_c('ErrorWrap',{attrs:{\"error-message\":_vm.inputError.authorizationLetterPic,\"error\":!!_vm.inputError.authorizationLetterPic}},[_c('van-cell',{staticClass:\"van-field\",attrs:{\"id\":\"authorizationLetterPic\",\"required\":true,\"title\":\"企业实名认证授权书\"},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('BridgeUpload',{attrs:{\"compress\":{ quality: 80 },\"customer\":true},model:{value:(_vm.formData.authorizationLetterPic),callback:function ($$v) {_vm.$set(_vm.formData, \"authorizationLetterPic\", $$v)},expression:\"formData.authorizationLetterPic\"}},[_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-0aca78f3\",\"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/file.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-0aca78f3\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./file.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!./file.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0aca78f3\\\",\\\"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!./file.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/file.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}