{"version":3,"sources":["webpack:///./src/app/parent/views/face/detail.vue?c503","webpack:///src/app/parent/views/face/detail.vue","webpack:///./src/app/parent/views/face/detail.vue?4cd3","webpack:///./src/app/parent/views/face/detail.vue","webpack:///./src/app/parent/views/face/detail.vue?893d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","info","faceInType","on","gotoList","staticStyle","attrs","style","$event","prewView","faceUrl","studentName","_f","faceInFullTime","companyName","campusName","toShare","staticRenderFns","mixins","app","mixin","share","data","pageTitle","faceScene","$vxRoute","query","id","params","methods","$router","push","back","vant","ImagePreview","closeable","showIndex","images","imgurl","x3","popup","setShare","app_share_resolve","title","desc","link","slink","imgUrl","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOF,EAAG,MAAM,CAACE,YAAY,OAAOF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACN,EAAIO,GAAGP,EAAIQ,GAA0B,GAAvBR,EAAIS,KAAKC,WAAkB,KAAO,SAASN,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,MAAM,CAACE,YAAY,MAAMK,GAAG,CAAC,MAAQX,EAAIY,WAAW,CAACR,EAAG,MAAM,CAACJ,EAAIO,GAAG,UAAUH,EAAG,WAAW,CAACS,YAAY,CAAC,cAAc,OAAOC,MAAM,CAAC,KAAO,QAAQ,MAAQ,WAAW,KAAKV,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,MAAM,CAACE,YAAY,KAAKS,MAAQ,0BAA6Bf,EAAIS,KAAY,QAAI,KAAOE,GAAG,CAAC,MAAQ,SAASK,GAAQ,OAAOhB,EAAIiB,SAASjB,EAAIS,KAAKS,aAAad,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,KAAKU,aAAa,IAAInB,EAAIQ,GAA0B,GAAvBR,EAAIS,KAAKC,WAAkB,KAAO,MAAM,OAAON,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIO,GAAG,eAAeP,EAAIQ,GAAGR,EAAIoB,GAAG,iBAAPpB,CAAyBA,EAAIS,KAAKY,eAAe,qBAAqB,oBAAoBjB,EAAG,MAAM,CAACE,YAAY,MAAM,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,KAAKa,aAAa,IAAItB,EAAIQ,GAAGR,EAAIS,KAAKc,iBAAiBnB,EAAG,MAAM,CAACE,YAAY,MAAMK,GAAG,CAAC,MAAQX,EAAIwB,UAAU,CAACpB,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,oBAAoBH,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,kCAAkCH,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,eAC50CkB,EAAkB,G,wBCoCtB,G,UAAA,CACEC,OAAQ,CAACC,IAAIC,MAAMC,OACnBC,KAFF,WAGI,MAAO,CACLC,UAAW,SACXtB,KAAM,GAENuB,UAAW/B,KAAKgC,SAASC,MAAMF,WAAa,EAC5CG,GAAIlC,KAAKgC,SAASG,OAAOD,KAG7BE,QAAS,CACPzB,SADJ,WAE4B,GAAlBX,KAAK+B,UACP/B,KAAKqC,QAAQC,KAAK,gBAElBtC,KAAKqC,QAAQE,QAGjBvB,SARJ,SAQA,GACMwB,KAAKC,aAAa,CAChBC,WAAW,EACXC,WAAW,EACXC,OAAQ,CAACC,MAGbtB,QAfJ,WAiBMG,IAAIoB,GAAGC,MAAMnB,SAEfoB,SAnBJ,WAoBM,IAAN,mFACMhD,KAAKiD,kBAAkB,CACrBC,MAAO,GAAf,iDACQC,KAAM,yBACNC,KAAMC,EACNC,OAAQ,qEAId,QAxCF,6KAyCA,iCACA,aA1CA,OAyCA,EAzCA,OA4CA,iBACA,gBA7CA,0GCrC6X,I,wBCQzXC,EAAY,eACd,EACAzD,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAA+B,E,2CCnBf,W","file":"static/js/chunk-6f40b9cc.2121c4f2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dt-page\"},[_c('div',{staticClass:\"t1\"}),_c('div',{staticClass:\"t2\"}),_c('div',{staticClass:\"faceType\"},[_vm._v(_vm._s(_vm.info.faceInType == 1 ? '到校' : '离校'))]),_c('div',{staticClass:\"tt\"},[_c('div',{staticClass:\"btn\",on:{\"click\":_vm.gotoList}},[_c('div',[_vm._v(\"历史记录\")]),_c('van-icon',{staticStyle:{\"margin-left\":\"2px\"},attrs:{\"name\":\"arrow\",\"color\":\"#BBB\"}})],1)]),_c('div',{staticClass:\"tb\"},[_c('div',{staticClass:\"l1\",style:((\"background-image: url('\" + (_vm.info.faceUrl) + \"')\")),on:{\"click\":function($event){return _vm.prewView(_vm.info.faceUrl)}}}),_c('div',{staticClass:\"l3 flex-center\"},[_c('div',{staticClass:\"l30\"}),_c('div',[_c('div',{staticClass:\"l31\"},[_vm._v(_vm._s(_vm.info.studentName)+\"已\"+_vm._s(_vm.info.faceInType == 1 ? '签到' : '签退')+\"！\")]),_c('div',{staticClass:\"l32\"},[_vm._v(\"\\n          \"+_vm._s(_vm._f(\"formatDatetime\")(_vm.info.faceInFullTime,'yyyy-MM-dd hh:mm'))+\"\\n        \")])])]),_c('div',{staticClass:\"l4\"},[_vm._v(_vm._s(_vm.info.companyName)+\"-\"+_vm._s(_vm.info.campusName))])]),_c('div',{staticClass:\"tf1\",on:{\"click\":_vm.toShare}},[_c('span',{staticClass:\"tf11\"},[_vm._v(\"希望其他机构也使用这个功能？\")]),_c('span',{staticClass:\"tf11\"},[_vm._v(\"把“脸到”推荐给老师吧，机构家长都免费，老师孩子都放心~\")]),_c('span',{staticClass:\"tf12\"},[_vm._v(\"立即分享\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"dt-page\">\n    <div class=\"t1\"></div>\n    <div class=\"t2\"></div>\n    <div class=\"faceType\">{{ info.faceInType == 1 ? '到校' : '离校' }}</div>\n    <div class=\"tt\">\n      <div class=\"btn\" @click=\"gotoList\">\n        <div>历史记录</div>\n        <van-icon name=\"arrow\" color=\"#BBB\" style=\"margin-left: 2px\" />\n      </div>\n    </div>\n    <div class=\"tb\">\n      <div\n        class=\"l1\"\n        :style=\"`background-image: url('${info.faceUrl}')`\"\n        @click=\"prewView(info.faceUrl)\"\n      ></div>\n      <div class=\"l3 flex-center\">\n        <div class=\"l30\"></div>\n        <div>\n          <div class=\"l31\">{{ info.studentName }}已{{ info.faceInType == 1 ? '签到' : '签退' }}！</div>\n          <div class=\"l32\">\n            {{ info.faceInFullTime | formatDatetime('yyyy-MM-dd hh:mm') }}\n          </div>\n        </div>\n      </div>\n      <div class=\"l4\">{{ info.companyName }}-{{ info.campusName }}</div>\n    </div>\n    <div class=\"tf1\" @click=\"toShare\">\n      <span class=\"tf11\">希望其他机构也使用这个功能？</span>\n      <span class=\"tf11\">把“脸到”推荐给老师吧，机构家长都免费，老师孩子都放心~</span\n      ><span class=\"tf12\">立即分享</span>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  mixins: [app.mixin.share],\n  data() {\n    return {\n      pageTitle: '签到/退记录',\n      info: {},\n      // 如果是点击推送进入则为1\n      faceScene: this.$vxRoute.query.faceScene || 0,\n      id: this.$vxRoute.params.id,\n    };\n  },\n  methods: {\n    gotoList() {\n      if (this.faceScene == 1) {\n        this.$router.push('/face/home/0');\n      } else {\n        this.$router.back();\n      }\n    },\n    prewView(imgurl) {\n      vant.ImagePreview({\n        closeable: false,\n        showIndex: false,\n        images: [imgurl],\n      });\n    },\n    toShare() {\n      // 展示弹窗提示\n      app.x3.popup.share();\n    },\n    setShare() {\n      let slink = `${location.origin}/app/simple${location.search}#/face-poster`;\n      this.app_share_resolve({\n        title: `${this.info.studentName}的家长推荐你免费使用脸到APP！`,\n        desc: '孩子刷脸签到，家长自动收到消息，我们都放心。',\n        link: slink,\n        imgUrl: 'https://cdn01.xiaogj.com/uploads/x3/assets/m/img/face/logo.png',\n      });\n    },\n  },\n  async created() {\n    let res = await this.$api.getFaceInRecordDetail({\n      id: this.id,\n    });\n    this.info = res.data;\n    this.setShare();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.dt-page {\n  background: #1952e1;\n  .t1 {\n    position: absolute;\n    top: 49px;\n    left: 0;\n    width: 20.8vw;\n    height: 20.8vw;\n    background-image: url('https://cdn01.xiaogj.com/uploads/x3/assets/m/img/face/010.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    z-index: -1;\n  }\n  .t2 {\n    position: absolute;\n    top: 49px;\n    right: 0;\n    width: 20.8vw;\n    height: 20.8vw;\n    background-image: url('https://cdn01.xiaogj.com/uploads/x3/assets/m/img/face/011.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n  .faceType {\n    position: absolute;\n    top: 55px;\n    left: 0;\n    padding: calc(var(--gap) * 12) calc(var(--gap) * 40);\n    background: var(--white);\n    font-size: var(--fs-ex1);\n    line-height: var(--lh-ex1);\n    transform: translatex(-5px) rotatez(-30deg);\n  }\n  .tb {\n    width: 86.6vw;\n    margin: 26px auto 0 auto;\n    padding-top: 8vw;\n    padding-bottom: 2.6vw;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    background: #fff;\n    z-index: 5;\n    background-image: url('https://cdn01.xiaogj.com/uploads/x3/assets/m/img/face/013.png');\n    background-size: 100%;\n    background-repeat: no-repeat;\n    background-position: 0 0;\n    .l1 {\n      width: 81.5vw;\n      height: 75vw;\n      background-size: cover;\n      background-repeat: no-repeat;\n      background-position: center;\n    }\n    .l3 {\n      position: relative;\n      margin-top: 18px;\n      .l30 {\n        width: 17vw;\n        height: 17vw;\n        margin-right: 2px;\n        background-image: url('https://cdn01.xiaogj.com/uploads/x3/assets/m/img/face/012.png');\n        background-size: 100%;\n        background-repeat: no-repeat;\n        background-position: 0 0;\n      }\n      .l31 {\n        position: relative;\n        font-size: 20px;\n        font-weight: 500;\n        color: var(--g8);\n        line-height: 28px;\n      }\n      .l32 {\n        font-size: 14px;\n        line-height: 20px;\n        color: var(--g6);\n      }\n    }\n    .l4 {\n      margin-top: 22px;\n      color: var(--g6);\n      line-height: 20px;\n    }\n  }\n  .tf1 {\n    padding-left: 16px;\n    padding-right: 16px;\n    margin-top: 22px;\n    text-align: center;\n    font-size: 14px;\n    color: #ffffff;\n    .tf11 {\n      opacity: 0.49;\n    }\n    .tf12 {\n      margin-left: 8px;\n      text-decoration: underline;\n    }\n  }\n  .tt {\n    display: flex;\n    justify-content: flex-end;\n    .btn {\n      margin-top: 18px;\n      width: 92px;\n      height: 30px;\n      display: flex;\n      align-items: center;\n      padding-left: 18px;\n      font-size: var(--fs-sm);\n      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);\n      border-radius: 100px 0px 0px 100px;\n      background-color: rgba(255, 255, 255, 0.1);\n      color: var(--white);\n      z-index: 2;\n      .icon {\n        margin-left: 4px;\n        margin-right: 4px;\n      }\n    }\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!./detail.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!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=43c6119d&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=43c6119d&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  \"43c6119d\",\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!./detail.vue?vue&type=style&index=0&id=43c6119d&lang=scss&scoped=true&\""],"sourceRoot":""}