{"version":3,"sources":["webpack:///./src/app/parent/views/face/home/collect.vue?ebd5","webpack:///src/app/parent/views/face/home/collect.vue","webpack:///./src/app/parent/views/face/home/collect.vue?919f","webpack:///./src/app/parent/views/face/home/collect.vue","webpack:///./src/app/parent/views/face/home/collect.vue?b86b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","directives","name","rawName","value","facePhoto","expression","ref","addImg","style","on","reUpload","$event","stopPropagation","delFacePho","_e","_m","updateFace","staticRenderFns","data","stuId","$vxRoute","params","companyId","pageTitle","methods","console","log","$refs","chooseFile","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAAC,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcF,EAAG,KAAK,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,eAAeJ,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,eAAe,CAACK,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQZ,EAAIa,UAAWC,WAAW,eAAeC,IAAI,WAAWT,YAAY,WAAWC,MAAM,CAAC,cAAc,OAAO,cAAc,GAAG,aAAaP,EAAIgB,UAAWhB,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,KAAKW,MAAQ,0BAA4BjB,EAAIa,UAAY,MAAQN,MAAM,CAAC,YAAY,8BAA8BW,GAAG,CAAC,MAAQlB,EAAImB,WAAW,CAACf,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CAAC,YAAY,2BAA2BW,GAAG,CAAC,MAAQ,SAASE,GAAiC,OAAzBA,EAAOC,kBAAyBrB,EAAIsB,WAAWF,MAAW,CAAChB,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAM,CAAC,cAAc,OAAO,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,MAAM,CAAC,aAAa,2BAA2BH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,KAAO,YAAYP,EAAIQ,GAAG,WAAW,KAAKR,EAAIuB,MAAM,GAAGvB,EAAIwB,GAAG,KAAKpB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,KAAO,UAAU,MAAQ,GAAG,OAAS,GAAG,MAAQ,GAAG,YAAY,4BAA4BW,GAAG,CAAC,MAAQlB,EAAIyB,aAAa,CAACzB,EAAIQ,GAAG,uBAAuB,MACh4CkB,EAAkB,CAAC,WAAa,IAAI1B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,UAAUJ,EAAG,MAAM,CAACE,YAAY,MAAMC,MAAM,CAAC,IAAM,qFAAqF,IAAM,U,wBC0D5T,GACEoB,KADF,WAEI,MAAO,CACLC,MAAO3B,KAAK4B,SAASC,OAAOF,MAC5BG,UAAW9B,KAAK4B,SAASC,OAAOC,UAChClB,UAAW,GACXmB,UAAW,WAGfC,QAAS,CACP,OADJ,oEACA,KADA,8FAEA,oBACA,iBACA,eACA,sBACA,WACA,aAPA,SAUA,sBACA,cACA,SACA,eAbA,OAUA,EAVA,OAgBA,qBACA,mBAjBA,2GAsBIX,WAtBJ,WAuBMrB,KAAKY,UAAY,IAEnBM,SAzBJ,WA0BMe,QAAQC,IAAIlC,KAAKmC,MAAM,aACvBnC,KAAKmC,MAAM,aAAenC,KAAKmC,MAAM,YAAYC,cAEnD,WA7BJ,6KA8BA,6BACA,cACA,yBACA,2BAjCA,OA8BA,EA9BA,OAoCA,aACA,2BACA,sCACA,qBAEA,uBAzCA,yGA6CE,QAtDF,6KAuDA,0EAvDA,OAuDA,EAvDA,OAwDA,kCACA,kDAzDA,yGC3D6Y,I,yBCQzYC,EAAY,eACd,EACAvC,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAY,E,uECnBf","file":"static/js/chunk-31735fac.bbe70dd8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"face-collect\",attrs:{\"data-test\":\"face-collect\"}},[_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"face-logo\"}),_c('h2',{staticClass:\"main-title\"},[_vm._v(\"上传人脸照片\")]),_c('div',{staticClass:\"tips\"},[_vm._v(\"用于签到时识别学员\")]),_c('div',{staticClass:\"top\"},[_c('van-uploader',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.facePhoto),expression:\"!facePhoto\"}],ref:\"uploader\",staticClass:\"btn-wrap\",attrs:{\"result-type\":\"file\",\"upload-icon\":\"\",\"after-read\":_vm.addImg}}),(_vm.facePhoto)?_c('div',{staticClass:\"ph\",style:((\"background-image: url('\" + _vm.facePhoto + \"');\")),attrs:{\"data-test\":\"face-collect-btn-re-upload\"},on:{\"click\":_vm.reUpload}},[_c('div',{staticClass:\"btn-del\",attrs:{\"data-test\":\"face-collect-btn-delete\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.delFacePho($event)}}},[_c('svg',{staticClass:\"vxm-icon\",attrs:{\"aria-hidden\":\"true\",\"font-size\":\"16\"}},[_c('use',{attrs:{\"xlink:href\":\"#vxm-icon-shanchu\"}})])]),_c('div',{staticClass:\"btn-tips\"},[_c('van-icon',{attrs:{\"name\":\"replay\"}}),_vm._v(\"点击重新上传\")],1)]):_vm._e()],1),_vm._m(0)]),_c('div',{staticClass:\"btn-sub\"},[_c('van-button',{attrs:{\"type\":\"primary\",\"block\":\"\",\"square\":\"\",\"round\":\"\",\"data-test\":\"face-collect-btn-confirm\"},on:{\"click\":_vm.updateFace}},[_vm._v(\"\\n      确定\\n    \")])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tip\"},[_c('div',{staticClass:\"text\"},[_vm._v(\"上传须知\")]),_c('img',{staticClass:\"img\",attrs:{\"src\":\"https://cdn01.xiaogj.com/uploads/x3/assets/m/img/teacher/app-face-001.png?t=123456\",\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"face-collect\" data-test=\"face-collect\">\n    <div class=\"main\">\n      <div class=\"face-logo\"></div>\n      <h2 class=\"main-title\">上传人脸照片</h2>\n      <div class=\"tips\">用于签到时识别学员</div>\n      <div class=\"top\">\n        <van-uploader\n          v-show=\"!facePhoto\"\n          ref=\"uploader\"\n          class=\"btn-wrap\"\n          result-type=\"file\"\n          upload-icon=\"\"\n          :after-read=\"addImg\"\n        >\n        </van-uploader>\n\n        <!-- @click=\"prevFacePho(facePhoto)\" -->\n        <div\n          v-if=\"facePhoto\"\n          class=\"ph\"\n          :style=\"`background-image: url('${facePhoto}');`\"\n          data-test=\"face-collect-btn-re-upload\"\n          @click=\"reUpload\"\n        >\n          <div class=\"btn-del\" @click.stop=\"delFacePho\" data-test=\"face-collect-btn-delete\">\n            <svg class=\"vxm-icon\" aria-hidden=\"true\" font-size=\"16\">\n              <use xlink:href=\"#vxm-icon-shanchu\"></use>\n            </svg>\n          </div>\n          <div class=\"btn-tips\"><van-icon name=\"replay\" />点击重新上传</div>\n        </div>\n      </div>\n\n      <div class=\"tip\">\n        <div class=\"text\">上传须知</div>\n        <img\n          class=\"img\"\n          src=\"https://cdn01.xiaogj.com/uploads/x3/assets/m/img/teacher/app-face-001.png?t=123456\"\n          alt=\"\"\n        />\n      </div>\n    </div>\n    <div class=\"btn-sub\">\n      <van-button\n        type=\"primary\"\n        block\n        square\n        round\n        @click=\"updateFace\"\n        data-test=\"face-collect-btn-confirm\"\n      >\n        确定\n      </van-button>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      stuId: this.$vxRoute.params.stuId,\n      companyId: this.$vxRoute.params.companyId,\n      facePhoto: '',\n      pageTitle: '编辑学员信息',\n    };\n  },\n  methods: {\n    async addImg(res, detail) {\n      vant.Toast.loading({\n        message: '加载中...',\n        forbidClick: true,\n        loadingType: 'spinner',\n        overlay: true,\n        duration: 0,\n      });\n      \n      let ret = await xgjzt.oss.uploadFile({\n          platform: 'h5',\n          options: {\n            file: res.file,\n          },\n        });\n      this.facePhoto = ret.url;\n      vant.Toast.clear();\n    },\n    // prevFacePho(url) {\n    //   vant.ImagePreview([url]);\n    // },\n    delFacePho() {\n      this.facePhoto = '';\n    },\n    reUpload() {\n      console.log(this.$refs['uploader']);\n      this.$refs['uploader'] && this.$refs['uploader'].chooseFile();\n    },\n    async updateFace() {\n      let res = await this.$api.updateFaceStudent({\n        id: this.stuId,\n        companyId: this.companyId,\n        facePhoto: this.facePhoto,\n      });\n\n      if (res.code == 200) {\n        vant.Toast.success('操作成功');\n        app.vue.$emit('face-collect-success');\n        this.$router.back();\n      } else {\n        vant.Toast.fail(res.msg);\n      }\n    },\n  },\n  async created() {\n    let res = await this.$api.getStudentFace({ studentId: this.stuId, companyId: this.companyId });\n    if (res.data.studentFaceList.length > 0) {\n      this.facePhoto = res.data.studentFaceList[0].faceUrl;\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.face-collect {\n  background: var(--white);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.main {\n  flex: 1;\n  overflow-y: auto;\n}\n.face-logo {\n  margin: calc(var(--gap) * 19) calc(var(--gap) * 16) calc(var(--gap) * 7);\n  width: calc(var(--w) * 61);\n  height: calc(var(--w) * 24);\n  background: transparent\n    url(https://cdn01.xiaogj.com/uploads/x3/assets/m/img/teacher/app-face-002.png) center/cover\n    no-repeat;\n}\n.top {\n  padding: calc(var(--gap) * 16) calc(var(--gap) * 32);\n  background: var(--white);\n  .tx1 {\n    font-size: 26px;\n    line-height: 34px;\n    color: var(--g8);\n  }\n  .tx2 {\n    padding: calc(var(--gap) * 8) 0 calc(var(--gap) * 16);\n    font-size: var(--fs-md);\n    line-height: var(--lh-md);\n    font-weight: 400;\n    color: var(--g6);\n  }\n  .btn-wrap {\n    position: relative;\n    display: block;\n    margin: calc(var(--gap) * 20) auto calc(var(--gap) * 36);\n    width: calc(var(--w) * 140);\n    height: calc(var(--w) * 140);\n    background: transparent url(https://cdn01.xiaogj.com/uploads/x3/assets/m/img/parent/014.png)\n      center/cover no-repeat;\n\n    ::v-deep .van-uploader__upload,\n    ::v-deep .van-uploader__input {\n      width: calc(var(--w) * 140);\n      height: calc(var(--w) * 140);\n      background-color: transparent;\n    }\n  }\n  .ph {\n    position: relative;\n    margin: calc(var(--gap) * 20) auto calc(var(--gap) * 36);\n    width: calc(var(--w) * 140);\n    height: calc(var(--w) * 140);\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n  .btn-del {\n    position: absolute;\n    width: calc(var(--w) * 30);\n    height: calc(var(--w) * 30);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    right: calc(var(--w) * -15);\n    top: calc(var(--w) * -15);\n  }\n  .btn-tips {\n    position: absolute;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.7);\n    color: var(--white);\n    font-size: var(--fs-md);\n    line-height: var(--lh-md);\n    > i {\n      // transform: rotateZ(15deg);\n      margin-right: calc(var(--gap) * 2);\n    }\n  }\n}\n.main-title {\n  margin: calc(var(--gap) * 7) 0 0;\n  padding: 0 calc(var(--gap) * 16);\n  font-size: calc(var(--fs-ex2) * 1.3);\n  line-height: calc(var(--lh-ex2) * 1.3);\n  font-weight: 500;\n}\n.tips {\n  padding: 0 calc(var(--gap) * 16);\n  color: var(--g6);\n}\n.tip {\n  padding: calc(var(--gap) * 24) calc(var(--gap) * 32);\n  .text {\n    font-size: var(--fs-lg);\n    line-height: var(--lh-lg);\n    font-weight: 500;\n    color: var(--g6);\n  }\n  .img {\n    margin-top: calc(var(--gap) * 16);\n    width: 100%;\n  }\n}\n\n.btn-sub {\n  margin-bottom: calc(var(--gap) * 32);\n  padding: 0 calc(var(--gap) * 16);\n}\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!./collect.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!./collect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./collect.vue?vue&type=template&id=17e9a88c&scoped=true&\"\nimport script from \"./collect.vue?vue&type=script&lang=js&\"\nexport * from \"./collect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./collect.vue?vue&type=style&index=0&id=17e9a88c&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  \"17e9a88c\",\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/index.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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./collect.vue?vue&type=style&index=0&id=17e9a88c&lang=scss&scoped=true&\""],"sourceRoot":""}