{"version":3,"sources":["webpack:///./src/app/teacher/views/app-face/collect.vue?4747","webpack:///./src/app/teacher/views/app-face/collect.vue?1cd4","webpack:///src/app/teacher/views/app-face/collect.vue","webpack:///./src/app/teacher/views/app-face/collect.vue?4725","webpack:///./src/app/teacher/views/app-face/collect.vue"],"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","app","permission","op","$router","push","staticRenderFns","data","stuId","$vxRoute","params","id","pageTitle","methods","console","log","$refs","chooseFile","component"],"mappings":"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","file":"static/js/chunk-72000b8b.d867536d.js","sourcesContent":["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=4400fc2f&lang=scss&scoped=true&\"","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(\"点击重新上传\\n        \")],1)]):_vm._e()],1),_vm._m(0)]),_c('div',{staticClass:\"footer\"},[_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),(_vm.app.permission.op('face_in'))?_c('div',{staticClass:\"notify-line\",on:{\"click\":function($event){return _vm.$router.push('/face/notification')}}},[_c('span',{staticClass:\"link\"},[_vm._v(\"通知采集面部信息\")])]):_vm._e()])])}\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\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\n        <van-uploader \n          v-show=\"!facePhoto\" \n          class=\"btn-wrap\" \n          ref=\"uploader\"\n          result-type=\"file\" \n          upload-icon=\"\"\n          :after-read=\"addImg\">\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\" >\n            <van-icon name=\"replay\" />点击重新上传\n          </div>\n        </div>\n      </div>\n\n      <div class=\"tip\">\n        <div class=\"text\">上传须知</div>\n        <img class=\"img\" src=\"https://cdn01.xiaogj.com/uploads/x3/assets/m/img/teacher/app-face-001.png?t=123456\" alt=\"\" />\n      </div>\n    </div>\n    <div class=\"footer\">\n      <div class=\"btn-sub\">\n        <van-button type=\"primary\" block square round @click=\"updateFace\" data-test=\"face-collect-btn-confirm\">\n          确定\n        </van-button>\n      </div>\n      <div class=\"notify-line\" @click=\"$router.push('/face/notification')\" v-if=\"app.permission.op('face_in')\">\n        <span class=\"link\" >通知采集面部信息</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      stuId: this.$vxRoute.params.id,\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      this.showLoading();\n      let res = await this.$api.updateFaceStudent({\n        id: this.stuId,\n        companyId: app.teacher.user.companyId,\n        facePhoto: this.facePhoto,\n      });\n\n      if (res.code == 200) {\n        vant.Toast.success('操作成功');\n        app.vue.$emit('updateStudentFaceSuccess');\n        app.vue.$emit('studentInfoRefresh');\n        app.vue.$emit('studentDeatilRefresh');\n        this.$router.back();\n      } else {\n        vant.Toast.fail(res.msg);\n      }\n    },\n  },\n  async created() {\n    if (this.stuId) {   \n      let res = await this.$api.getContainFace({ id: this.stuId });\n      if (res.data.studentFaceList.length > 0) {\n        this.facePhoto = res.data.studentFaceList[0].faceUrl;\n      }\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 url(https://cdn01.xiaogj.com/uploads/x3/assets/m/img/teacher/app-face-002.png) center/cover no-repeat;\n}\n.top {\n  padding: calc(var(--gap) * 16);\n  background: var(--white);\n  .tx {\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/teacher/app-face-003.png) center/cover no-repeat;\n\n\n    ::v-deep .van-uploader__upload,\n    ::v-deep .van-uploader__input{\n\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);\n  .text {\n    font-size: var(--fs-lg);\n    line-height: var(--lh-lg);\n    font-weight: var(--bold);\n    color: var(--g8);\n  }\n  .img {\n    margin-top: calc(var(--gap) * 16);\n    width: 100%;\n  }\n}\n.footer{ \n  margin-bottom: calc(var(--gap) * 32);\n}\n.btn-sub {\n  margin: 0 0 calc(var(--gap) * 12);\n  padding: 0 calc(var(--gap) * 16);\n}\n.notify-line{\n  text-align: center;\n  .link {\n    color: var(--c1);\n  }\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=4400fc2f&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=4400fc2f&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  \"4400fc2f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}