{"version":3,"sources":["webpack:///./src/view/service/appeal/components/IdCard.vue?a083","webpack:///src/view/service/appeal/components/IdCard.vue","webpack:///./src/view/service/appeal/components/IdCard.vue?9fe2","webpack:///./src/view/service/appeal/components/IdCard.vue","webpack:///./src/view/service/appeal/components/IdCard.vue?f452","webpack:///./src/view/service/appeal/components/IdCard.vue?4737"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","$style","card","up_wrapper","ref","uploder","attrs","uploader","on","setUploadImg","getIdentifyData","card_info","style","isUp","info","_v","_s","cardInfo","name","sex","id_code","photo","photo_man","photo_woman","again_up","againUp","agree","model","value","callback","$$v","checked","expression","$event","stopPropagation","preventDefault","onSubmit","apply","arguments","require","_e","staticRenderFns","components","TheUploader","data","$ls","get","uploadImg","count","text","reqiure","isCard","computed","Object","keys","length","methods","$refs","clearImg","set","chagneAgree","val","$Toast","$parent","getAppeal","injectStyles","context","locals","component","module","exports"],"mappings":"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","file":"js/service6.0ae8a78d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.$style.card},[_c('div',{class:_vm.$style.up_wrapper},[_c('the-uploader',{ref:\"uploader\",class:_vm.$style.uploder,attrs:{\"uploader\":_vm.uploader},on:{\"update\":_vm.setUploadImg,\"identifyData\":_vm.getIdentifyData}}),_c('div',{class:[_vm.$style.card_info],style:({ 'z-index': _vm.isUp ? -1 : 99 })},[_c('div',{class:_vm.$style.info},[_c('p',[_vm._v(\"姓名：\"+_vm._s(_vm.cardInfo.name))]),_c('p',[_vm._v(\"性别：\"+_vm._s(_vm.cardInfo.sex ? \"女\" : \"男\"))]),_c('p',[_vm._v(\"身份证号：\"+_vm._s(_vm.cardInfo.id_code))])]),_c('p',{class:[\n          _vm.$style.photo,\n          _vm.cardInfo.sex != 1 ? _vm.$style.photo_man : _vm.$style.photo_woman\n        ]}),_c('p',{class:_vm.$style.again_up,on:{\"click\":_vm.againUp}},[_vm._v(\"\\n        信息有误？\"),_c('span',[_vm._v(\"点击重新上传\")])])])],1),_c('div',{class:_vm.$style.agree},[_c('van-checkbox',{attrs:{\"icon-size\":\"14px\"},model:{value:(_vm.checked),callback:function ($$v) {_vm.checked=$$v},expression:\"checked\"}}),_vm._v(\"同意将身份信息用于本次申诉工单\\n  \")],1),_c('van-button',{attrs:{\"round\":\"\",\"disabled\":!_vm.checked,\"type\":\"primary\",\"size\":\"large\",\"tag\":\"input\",\"value\":\"提交\",\"native-type\":\"submit\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}}),(_vm.isUp)?_c('div',{class:_vm.$style.require}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"$style.card\">\n    <div :class=\"$style.up_wrapper\">\n      <the-uploader\n        :class=\"$style.uploder\"\n        ref=\"uploader\"\n        :uploader=\"uploader\"\n        @update=\"setUploadImg\"\n        @identifyData=\"getIdentifyData\"\n      ></the-uploader>\n      <div :style=\"{ 'z-index': isUp ? -1 : 99 }\" :class=\"[$style.card_info]\">\n        <div :class=\"$style.info\">\n          <p>姓名：{{ cardInfo.name }}</p>\n          <p>性别：{{ cardInfo.sex ? \"女\" : \"男\" }}</p>\n          <p>身份证号：{{ cardInfo.id_code }}</p>\n        </div>\n        <p\n          :class=\"[\n            $style.photo,\n            cardInfo.sex != 1 ? $style.photo_man : $style.photo_woman\n          ]\"\n        ></p>\n        <p :class=\"$style.again_up\" @click=\"againUp\">\n          信息有误？<span>点击重新上传</span>\n        </p>\n      </div>\n    </div>\n\n    <div :class=\"$style.agree\">\n      <van-checkbox v-model=\"checked\" icon-size=\"14px\"></van-checkbox\n      >同意将身份信息用于本次申诉工单\n    </div>\n    <van-button\n      round\n      :disabled=\"!checked\"\n      type=\"primary\"\n      size=\"large\"\n      tag=\"input\"\n      value=\"提交\"\n      native-type=\"submit\"\n      @click.stop.prevent=\"onSubmit\"\n    />\n    <div :class=\"$style.require\" v-if=\"isUp\"></div>\n  </div>\n</template>\n<script>\nimport TheUploader from \"@/components/TheUploader\";\nimport { getIdentifyData } from \"@/http/serve\";\nexport default {\n  name: \"idCard\",\n  components: {\n    TheUploader\n  },\n  data() {\n    return {\n      checked: true, //是否同意\n      cardInfo: this.$ls.get(\"cardInfo\", {}), //身份证识别新\n      uploadImg: [], //身份证图片\n      uploader: {\n        //图片上传初始化\n        count: 1,\n        text: \"点击上传身份证人像面\",\n        reqiure: true,\n        isCard: true\n      }\n    };\n  },\n  computed: {\n    isUp() {\n      return Object.keys(this.cardInfo).length == 0;\n    }\n  },\n  methods: {\n    againUp() {\n      this.$refs.uploader.clearImg();\n      this.cardInfo = {};\n      this.$ls.set(\"cardInfo\", this.cardInfo);\n    },\n    chagneAgree(val) {\n      this.checked = val;\n    },\n    /**\n     * @description 上传身份证图片\n     * @param {string} val  - 图片地址\n     */\n    setUploadImg(val) {\n      //重置身份证信息\n      this.cardInfo = {};\n      this.$ls.set(\"cardInfo\", this.cardInfo);\n      this.uploadImg = val;\n    },\n    /**\n     * @description 自动识别身份证信息\n     * @param {string} filepath  - 图片地址\n     */\n    async getIdentifyData(filepath, base64Img, url) {\n      base64Img = base64Img.replace(/^data:image\\/\\w+;base64,/, \"\");\n      let parmas = {\n        filepath,\n        cache_id: this.$ls.get(\"cacheId\"),\n        base64Img\n      };\n      let res = await getIdentifyData(parmas);\n\n      if (res.rcode == 0) {\n        let {\n          data: { id_code, name, sex }\n        } = res;\n\n        this.cardInfo = {\n          id_code,\n          name,\n          sex,\n          pic_id_code: url\n        };\n        this.$ls.set(\"cardInfo\", this.cardInfo);\n      } else if (res.rcode == 6002) {\n        this.$parent.resetData();\n      } else {\n        this.againUp();\n      }\n    },\n    /**\n     * @description 提交身份证信息\n     */\n    onSubmit() {\n      if (!this.checked) {\n        this.$Toast(\"您为同意上传身份证\");\n        return false;\n      }\n      if (Object.keys(this.cardInfo).length == 0) {\n        this.$Toast(\"请点击上传身份证人像面\");\n        return false;\n      }\n      this.$parent.getAppeal(3, this.cardInfo);\n    }\n  }\n};\n</script>\n<style lang=\"less\" module>\n.up_wrapper {\n  .size(6.4rem, 4.3rem);\n  position: relative;\n  .uploder {\n    position: absolute;\n    :global {\n      .van-uploader {\n        .size(6.4rem, 4.3rem);\n        background-color: #ffffff;\n        background: url(\"./image/bg.png\");\n        background-size: 100% 100%;\n        box-shadow: 0 0 0.01rem 0 rgba(14, 5, 10, 0.06);\n        border-radius: 0.1rem;\n        margin: 0;\n      }\n      .van-uploader__upload {\n        .size(6.4rem, 4.3rem);\n        background-color: transparent;\n        margin: 0;\n      }\n      .van-uploader__upload-icon {\n        font-size: 0;\n      }\n    }\n  }\n  .card_info {\n    .size(6.4rem, 4.3rem);\n    position: absolute;\n    position: relative;\n    background: url(\"./image/card_bg.png\");\n    background-size: 100% 100%;\n    box-shadow: 0 0 0.01rem 0 rgba(14, 5, 10, 0.06);\n    .info {\n      height: 2.5rem;\n      position: absolute;\n      left: 1rem;\n      top: 0.6rem;\n      padding: 0 0.3rem;\n      p {\n        width: 3.8rem;\n        font-size: 0.24rem;\n        text-align: left;\n        color: #222222;\n        margin-top: 0.4rem;\n      }\n    }\n    .photo {\n      .size(1.08rem, 1.25rem);\n      background: url(\"./image/sex.png\");\n      background-size: 200% 100%;\n      position: absolute;\n      right: 1.5rem;\n      top: 0.8rem;\n      &_man {\n        background-position: 100% 0%;\n      }\n      &_woman {\n        background-position: 0% 0%;\n      }\n    }\n  }\n}\n.card {\n  .flex-col;\n  .flex-align-center;\n  position: relative;\n  :global {\n    .van-button {\n      margin-top: 0.7rem;\n    }\n  }\n}\n.again_up {\n  .size(4.5rem, 0.6rem);\n  position: absolute;\n  right: 0.9rem;\n  bottom: 0.4rem;\n  font-size: 0.3rem;\n  line-height: 0.6rem;\n  text-align: center;\n  span {\n    color: #1b8cff;\n  }\n}\n.require {\n  .size(6.29rem, 2rem);\n  background: url(\"./image/require.png\");\n  background-size: 100% 100%;\n  margin-top: 0.75rem;\n}\n.agree {\n  .flex-row;\n  font-size: 0.24rem;\n  color: #222222;\n  margin-top: 0.2rem;\n  :global {\n    .van-checkbox {\n      margin-right: 0.11rem;\n    }\n  }\n}\n.tip {\n  position: absolute;\n  left: 1.1rem;\n  bottom: 0.5rem;\n  width: 4.2rem;\n  font-size: 0.32rem;\n  color: #222222;\n  text-align: center;\n  pointer-events: none;\n  span {\n    color: #1b8cff;\n  }\n}\n</style>\n","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!./IdCard.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!./IdCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IdCard.vue?vue&type=template&id=1cfbe18d&\"\nimport script from \"./IdCard.vue?vue&type=script&lang=js&\"\nexport * from \"./IdCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IdCard.vue?vue&type=style&index=0&lang=less&module=true&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style0.locals || style0)\n\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  injectStyles,\n  null,\n  null\n  \n)\n\nexport default component.exports","export { default } from  \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-0-0!../../../../../node_modules/css-loader/index.js??ref--10-oneOf-0-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-0-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-0-3!../../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-0-4!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IdCard.vue?vue&type=style&index=0&lang=less&module=true&\"; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-0-0!../../../../../node_modules/css-loader/index.js??ref--10-oneOf-0-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-0-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-0-3!../../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-0-4!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IdCard.vue?vue&type=style&index=0&lang=less&module=true&\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"flex-center\":\"IdCard_flex-center_3JluA\",\"flex-justify-center\":\"IdCard_flex-justify-center_3upC0\",\"flex-align-center\":\"IdCard_flex-align-center_3pWwA\",\"inline-flex-center\":\"IdCard_inline-flex-center_fDlgz\",\"inline-flex-align-center\":\"IdCard_inline-flex-align-center_1JGTa\",\"flex-start\":\"IdCard_flex-start_2_LgH\",\"flex-col\":\"IdCard_flex-col_mfUS8\",\"flex-row\":\"IdCard_flex-row_2lI1Y\",\"flex-around\":\"IdCard_flex-around_3NYAh\",\"flex-bet\":\"IdCard_flex-bet_1inn7\",\"flex-wrap\":\"IdCard_flex-wrap_3U2Us\",\"wrap-center\":\"IdCard_wrap-center_2uzfI\",\"title_wrap\":\"IdCard_title_wrap_f4G6C\",\"defaultText\":\"IdCard_defaultText_2RvTf\",\"darkText\":\"IdCard_darkText_2v-Wo\",\"telphone_info\":\"IdCard_telphone_info_1ZKSw\",\"tip_wrap\":\"IdCard_tip_wrap_2ItgM\",\"base_title\":\"IdCard_base_title_rLOUj\",\"again_text\":\"IdCard_again_text_ArSyQ\",\"up_wrapper\":\"IdCard_up_wrapper_25mo0\",\"uploder\":\"IdCard_uploder_RG70j\",\"card_info\":\"IdCard_card_info_mo3UN\",\"info\":\"IdCard_info_cLZGJ\",\"photo\":\"IdCard_photo_1qwt5\",\"photo_man\":\"IdCard_photo_man_2y7dZ\",\"photo_woman\":\"IdCard_photo_woman_3_V6s\",\"card\":\"IdCard_card_s4nW1\",\"again_up\":\"IdCard_again_up_dASOf\",\"require\":\"IdCard_require_1rEpN\",\"agree\":\"IdCard_agree_2R0ga\",\"tip\":\"IdCard_tip_AhyHd\"};"],"sourceRoot":""}