{"version":3,"sources":["webpack:///./src/views/reg/photos.vue?5140","webpack:///src/views/reg/photos.vue","webpack:///./src/views/reg/photos.vue?cc9f","webpack:///./src/views/reg/photos.vue","webpack:///./src/views/reg/photos.vue?235c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","websiteBanner","on","onSubmit","_v","scopedSlots","_u","key","fn","afterRead1","model","value","callback","$$v","fileList1","expression","proxy","afterRead2","fileList2","loadding","staticRenderFns","data","showUpload","proveinfo","card","computed","components","created","console","log","userinfo","FullCardNumber","methods","beforeRead","file","type","values","params","append","component"],"mappings":"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","file":"js/chunk-60d55a8e.22e1f923.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('img',{attrs:{\"src\":_vm.websiteBanner,\"width\":\"100%\"}}),_c('van-form',{on:{\"submit\":_vm.onSubmit}},[_c('div',{staticClass:\"file-content\"},[_c('div',{staticClass:\"header\"},[_vm._v(\"（二选一）\")]),_c('div',{staticClass:\"file-body\"},[_c('div',{staticClass:\"filediv\"},[_c('div',{staticClass:\"img\"},[_c('van-field',{attrs:{\"name\":\"fileList1\"},scopedSlots:_vm._u([{key:\"input\",fn:function(){return [_c('van-uploader',{attrs:{\"after-read\":_vm.afterRead1,\"max-count\":1,\"accept\":\"image/*\"},model:{value:(_vm.fileList1),callback:function ($$v) {_vm.fileList1=$$v},expression:\"fileList1\"}},[_c('img',{attrs:{\"src\":\"https://iscreg.oss-cn-shanghai.aliyuncs.com/ali6/PFA21/PFAH5/hotel.png\"}})])]},proxy:true}])})],1),_c('div',{staticClass:\"txt\"},[_vm._v(\"证明材料\")])]),_c('div',{staticClass:\"filediv\"},[_c('div',{staticClass:\"img\"},[_c('van-field',{attrs:{\"name\":\"fileList2\"},scopedSlots:_vm._u([{key:\"input\",fn:function(){return [_c('van-uploader',{attrs:{\"after-read\":_vm.afterRead2,\"max-count\":1,\"accept\":\"image/*\"},model:{value:(_vm.fileList2),callback:function ($$v) {_vm.fileList2=$$v},expression:\"fileList2\"}},[_c('img',{attrs:{\"src\":\"https://iscreg.oss-cn-shanghai.aliyuncs.com/ali6/PFA21/PFAH5/hotel.png\"}})])]},proxy:true}])})],1),_c('div',{staticClass:\"txt\"},[_vm._v(\"行业名片\")])])]),_c('div',{staticClass:\"file-foot\"},[_c('span',[_vm._v(\"营业执照、宠物相关技能职称证书、工作证、网店营业证明等。\")])])]),_c('div',{staticClass:\"reg-btn\"},[_c('van-button',{attrs:{\"loading\":_vm.loadding,\"loading-text\":\"提交中...\",\"round\":\"\",\"type\":\"primary\",\"color\":\"#009E38\",\"native-type\":\"submit\",\"block\":\"\"}},[_vm._v(\"下一步\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wrapper\">\r\n    <img :src=\"websiteBanner\" width=\"100%\" />\r\n    <van-form @submit=\"onSubmit\">\r\n      <div class=\"file-content\">\r\n        <div class=\"header\">（二选一）</div>\r\n        <div class=\"file-body\">\r\n          <div class=\"filediv\">\r\n            <div class=\"img\">\r\n              <van-field name=\"fileList1\">\r\n                <template #input>\r\n                  <van-uploader\r\n                    v-model=\"fileList1\"\r\n                    :after-read=\"afterRead1\"\r\n                    :max-count=\"1\"\r\n                    accept=\"image/*\"\r\n                  >\r\n                    <img\r\n                      src=\"https://iscreg.oss-cn-shanghai.aliyuncs.com/ali6/PFA21/PFAH5/hotel.png\"\r\n                    />\r\n                  </van-uploader>\r\n                </template>\r\n              </van-field>\r\n            </div>\r\n            <div class=\"txt\">证明材料</div>\r\n          </div>\r\n          <div class=\"filediv\">\r\n            <div class=\"img\">\r\n              <van-field name=\"fileList2\">\r\n                <template #input>\r\n                  <van-uploader\r\n                    v-model=\"fileList2\"\r\n                    :after-read=\"afterRead2\"\r\n                    :max-count=\"1\"\r\n                    accept=\"image/*\"\r\n                  >\r\n                    <img\r\n                      src=\"https://iscreg.oss-cn-shanghai.aliyuncs.com/ali6/PFA21/PFAH5/hotel.png\"\r\n                    />\r\n                  </van-uploader>\r\n                </template>\r\n              </van-field>\r\n            </div>\r\n            <div class=\"txt\">行业名片</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"file-foot\">\r\n          <span>营业执照、宠物相关技能职称证书、工作证、网店营业证明等。</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"reg-btn\">\r\n        <van-button\r\n          :loading=\"loadding\"\r\n          loading-text=\"提交中...\"\r\n          round\r\n          type=\"primary\"\r\n          color=\"#009E38\"\r\n          native-type=\"submit\"\r\n          block\r\n          >下一步</van-button\r\n        >\r\n      </div>\r\n    </van-form>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport { Form, button, field, Uploader, Toast } from \"vant\";\r\nimport { UploadCard } from \"@/api/user\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      showUpload: false,\r\n      loadding: false,\r\n      proveinfo: \"\",\r\n      card: \"\",\r\n      fileList1: [],\r\n      fileList2: [],\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"userinfo\", \"websiteBanner\"]),\r\n  },\r\n  components: {\r\n    [Form.name]: Form,\r\n    [button.name]: button,\r\n    [field.name]: field,\r\n    [Uploader.name]: Uploader,\r\n  },\r\n  created() {\r\n    console.log(this.userinfo.FullCardNumber);\r\n  },\r\n  methods: {\r\n    beforeRead(file) {\r\n      if (file.type !== \"image/jpeg\") {\r\n        Toast(\"请上传 jpg 格式图片\");\r\n        return false;\r\n      }\r\n      return true;\r\n    },\r\n    afterRead1(file) {\r\n      // 此时可以自行将文件上传至服务器\r\n      console.log(\"1\", file);\r\n    },\r\n    afterRead2(file) {\r\n      // 此时可以自行将文件上传至服务器\r\n      console.log(\"2\", file);\r\n    },\r\n    onSubmit(values) {\r\n      console.log(values);\r\n      //   file.status = \"uploading\";\r\n      //   file.message = \"上传中...\";\r\n\r\n      //   setTimeout(() => {\r\n      //     file.status = \"failed\";\r\n      //     file.message = \"上传失败\";\r\n      //   }, 1000);\r\n      let params = new FormData();\r\n      params.append(\"ckey\", this.userinfo.FullCardNumber);\r\n      if (values) {\r\n        if (\r\n          (!values.fileList1 || values.fileList1.length == 0) &&\r\n          (!values.fileList2 || values.fileList2.length == 0)\r\n        ) {\r\n          Toast(\"请上传文件\");\r\n          return;\r\n        }\r\n      }\r\n      if (values.fileList1[0])\r\n        params.append(\"fileList1\", values.fileList1[0].file);\r\n      if (values.fileList2[0])\r\n        params.append(\"fileList2\", values.fileList2[0].file);\r\n      console.log(params);\r\n\r\n      UploadCard(params)\r\n        .then((res) => {\r\n          console.log(res);\r\n          if (res.state == \"success\") {\r\n            Toast(\"上传成功。\");\r\n          } else {\r\n            res.msg && Toast(res.msg);\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.file-foot {\r\n  margin: 20px;\r\n}\r\n.filediv {\r\n  /deep/ .van-cell {\r\n    padding: 0;\r\n  }\r\n}\r\n.file-content {\r\n  padding: 0px 12px;\r\n  margin-top: -20px;\r\n  font-size: 14px;\r\n  color: #fff;\r\n  .header {\r\n    font-size: 16px;\r\n  }\r\n  .file-body {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n    margin: 20px;\r\n    .filediv {\r\n      .img {\r\n        text-align: center;\r\n        background: #fff;\r\n        border: 2px solid $theme-color;\r\n        height: 100px;\r\n        width: 100px;\r\n        // border-radius: 50%;\r\n        overflow: hidden;\r\n        img {\r\n          display: block;\r\n          height: 100%;\r\n          width: 100%;\r\n          //   border-radius: 50%;\r\n        }\r\n        /deep/ .van-uploader__preview-image {\r\n          width: 96px;\r\n          height: 96px;\r\n          img {\r\n            width: 96px;\r\n            height: 96px;\r\n            // border-radius: 50%;\r\n          }\r\n        }\r\n      }\r\n\r\n      .txt {\r\n        text-align: center;\r\n        color: #fff;\r\n        margin-top: 12px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./photos.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./photos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./photos.vue?vue&type=template&id=58b91032&scoped=true&\"\nimport script from \"./photos.vue?vue&type=script&lang=js&\"\nexport * from \"./photos.vue?vue&type=script&lang=js&\"\nimport style0 from \"./photos.vue?vue&type=style&index=0&id=58b91032&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"58b91032\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./photos.vue?vue&type=style&index=0&id=58b91032&lang=scss&scoped=true&\""],"sourceRoot":""}