{"version":3,"sources":["webpack:///./src/views/Tesuto.vue","webpack:///src/views/Tesuto.vue","webpack:///./src/views/Tesuto.vue?24f0","webpack:///./src/views/Tesuto.vue?ce1f","webpack:///./src/views/Tesuto.vue?7be2"],"names":["render","_vm","this","_c","_self","attrs","afterRead","model","value","fileList","callback","$$v","expression","on","cleanUpload","_v","staticRenderFns","Vue","use","_Uploader","observer","next","res","console","log","total","percent","error","err","complete","push","url","concat","key","data","qiniuToken","nowUploadEvent","methods","uploadBefore","_uploadBefore","_asyncToGenerator","regeneratorRuntime","mark","_callee","resData","wrap","_context","prev","getQiniuToken","sent","status","stop","apply","arguments","_afterRead","_callee2","uploadFile","observable","_context2","qiniu","file","name","subscribe","_x","unsubscribe","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,eAAe,CAACE,MAAM,CAAC,aAAaJ,EAAIK,WAAWC,MAAM,CAACC,MAAOP,EAAIQ,SAAUC,SAAS,SAAUC,GAAMV,EAAIQ,SAASE,GAAKC,WAAW,cAAcT,EAAG,SAAS,CAACU,GAAG,CAAC,MAAQZ,EAAIa,cAAc,CAACb,EAAIc,GAAG,WAAW,IAE7RC,EAAkB,G,8FCctBC,aAAAC,IAAAC,QAEA,IAAAC,EAAA,CAEAC,KAAA,SAAAC,GACAC,QAAAC,IAAA,QAAAF,EAAAG,MAAAC,UAEAC,MAAA,SAAAC,GACAL,QAAAK,QAEAC,SAAA,SAAAP,GACAC,QAAAC,IAAA,KAAAF,GACA,KAAAb,SAAAqB,KAAA,CAAAC,IAAA,0BAAAC,OAAAV,EAAAW,SAIe,GACfC,KAAA,WACA,OACAC,WAAA,GACAC,eAAA,KACA3B,SAAA,KAGA4B,QAAA,CAEAC,aAAA,eAAAC,EAAAC,eAAAC,mBAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,mBAAAI,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAzB,MAAA,cAAAyB,EAAAzB,KAAA,EACA2B,iBAAA,OAAAJ,EAAAE,EAAAG,KACA1B,QAAAC,IAAA,cAAAoB,GACA,MAAAA,EAAAM,SAAA,KAAAf,WAAAS,EAAAV,MAAA,wBAAAY,EAAAK,UAAAR,EAAA,mBAHAL,IAAA,OAAAC,EAAAa,MAAA,KAAAC,WAAA,OAAAf,EAAA,GAKAhC,UAAA,eAAAgD,EAAAd,eAAAC,mBAAAC,MAAA,SAAAa,EAAAC,GAAA,IAAAC,EAAA,OAAAhB,mBAAAI,MAAA,SAAAa,GAAA,eAAAA,EAAAX,KAAAW,EAAArC,MAAA,cAAAqC,EAAArC,KAAA,EAEA,KAAAiB,eAAA,OACAf,QAAAC,IAAA,SAAAgC,GAEAC,EAAAE,OAAAH,EAAAI,KAAAJ,EAAAK,KAAA,KAAA1B,YAEA,KAAAC,eAAAqB,EAAAK,UAAA1C,GAAA,wBAAAsC,EAAAP,UAAAI,EAAA,mBAPAjD,EAAAyD,GAAA,OAAAT,EAAAF,MAAA,KAAAC,WAAA,OAAA/C,EAAA,GASAQ,YAAA,WAEA,KAAAsB,eAAA4B,iBC1D+U,I,wBCQ3UC,EAAY,eACd,EACAjE,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAAiD,E,2CCnBf,W","file":"h5/js/chunk-db1cafc4.f1f9b2c2.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('van-uploader',{attrs:{\"after-read\":_vm.afterRead},model:{value:(_vm.fileList),callback:function ($$v) {_vm.fileList=$$v},expression:\"fileList\"}}),_c('button',{on:{\"click\":_vm.cleanUpload}},[_vm._v(\"取消上传\")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <van-uploader :after-read=\"afterRead\" v-model=\"fileList\" />\r\n    <button @click=\"cleanUpload\">取消上传</button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as qiniu from \"qiniu-js\"\r\n// const observable = qiniu.upload(file, key, token, putExtra, config)\r\n// const subscription = observable.subscribe(observer)\r\nimport { getQiniuToken } from \"@api/public.js\"\r\n\r\nimport Vue from \"vue\"\r\nimport { Uploader } from \"vant\"\r\n\r\nVue.use(Uploader)\r\n\r\nconst observer = {\r\n  //接收上传进度信息的回调函数，具体可看七牛云sdk，这里只监听进度\r\n  next(res) {\r\n    console.log(\"上传进度:\", res.total.percent)\r\n  },\r\n  error(err) {\r\n    console.err(err)\r\n  },\r\n  complete(res) {\r\n    console.log(\"成功\", res)\r\n    this.fileList.push({ url: `http://qiniu.njygj.com/${res.key}` })\r\n  },\r\n}\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      qiniuToken: \"\",\r\n      nowUploadEvent: null,\r\n      fileList: [],\r\n    }\r\n  },\r\n  methods: {\r\n    //上传之前\r\n    async uploadBefore() {\r\n      let resData = await getQiniuToken()\r\n      console.log(\"[获取七牛token]\", resData)\r\n      if (resData.status === 200) this.qiniuToken = resData.data\r\n    },\r\n    async afterRead(uploadFile) {\r\n      //先执行预先操作\r\n      await this.uploadBefore()\r\n      console.log(\"发生什么事了\", uploadFile)\r\n      // 此时可以自行将文件上传至服务器\r\n      const observable = qiniu.upload(uploadFile.file, uploadFile.name, this.qiniuToken)\r\n      //开始上传\r\n      this.nowUploadEvent = observable.subscribe(observer)\r\n    },\r\n    cleanUpload() {\r\n      //取消上传\r\n      this.nowUploadEvent.unsubscribe()\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.page-xsz-card {\r\n  height: 100vh;\r\n  padding: 1.9rem 0.51rem;\r\n  // background-image: url(../assets/images/xsz_bg.png);\r\n  background-repeat: no-repeat;\r\n  background-size: 100% 100%;\r\n  overflow-x: scroll;\r\n}\r\n.xsz {\r\n  position: relative;\r\n  white-space: nowrap;\r\n  width: 13.12rem;\r\n  height: 8.49rem;\r\n  border-radius: 0.28rem;\r\n  .img-bg {\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n  .img-logo {\r\n    position: absolute;\r\n    z-index: 11;\r\n    left: 0.58rem;\r\n    top: 0.51rem;\r\n    width: 1.77rem;\r\n    height: 0.51rem;\r\n  }\r\n  .left-area {\r\n    position: absolute;\r\n    left: 0.9rem;\r\n    z-index: 10;\r\n    top: 1.22rem;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    .title {\r\n      font-size: 0.42rem;\r\n      color: #000000;\r\n    }\r\n    .user-head-img {\r\n      position: relative;\r\n      box-sizing: content-box;\r\n      margin-top: 0.52rem;\r\n      width: 1.73rem;\r\n      height: 1.72rem;\r\n      border: 0.08rem solid #e9e8ea;\r\n      &::after {\r\n        position: absolute;\r\n        content: \"\";\r\n        top: 0.9rem;\r\n        left: 0.9rem;\r\n        width: 1.49rem;\r\n        height: 1.49rem;\r\n        background-image: url(../assets/images/yinzhang.png);\r\n        background-size: 100% 100%;\r\n        background-repeat: no-repeat;\r\n      }\r\n    }\r\n    .qrcode-img {\r\n      box-sizing: content-box;\r\n      margin-top: 0.93rem;\r\n      width: 1.73rem;\r\n      height: 1.72rem;\r\n      border: 0.08rem solid #e9e8ea;\r\n    }\r\n    .text-desc {\r\n      margin-top: 0.46rem;\r\n      font-size: 0.38rem;\r\n      color: #000000;\r\n    }\r\n  }\r\n  .right-area {\r\n    position: absolute;\r\n    top: 1.22rem;\r\n    right: 0.98rem;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    .title {\r\n      margin-bottom: 1.16rem;\r\n      font-size: 0.42rem;\r\n      color: #000000;\r\n    }\r\n    .info-line {\r\n      display: flex;\r\n      margin-bottom: 0.42rem;\r\n      .info-name {\r\n        font-size: 0.34rem;\r\n        color: #000000;\r\n        width: 1rem;\r\n        text-align: right;\r\n      }\r\n      .info-value {\r\n        font-size: 0.38rem;\r\n        color: #000000;\r\n        width: 3.6rem;\r\n        text-align: center;\r\n        padding-bottom: 0.3rem;\r\n        border-bottom: 0.02rem solid #050001;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./Tesuto.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!./Tesuto.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Tesuto.vue?vue&type=template&id=d66ee32a&scoped=true\"\nimport script from \"./Tesuto.vue?vue&type=script&lang=js\"\nexport * from \"./Tesuto.vue?vue&type=script&lang=js\"\nimport style0 from \"./Tesuto.vue?vue&type=style&index=0&id=d66ee32a&prod&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  \"d66ee32a\",\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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tesuto.vue?vue&type=style&index=0&id=d66ee32a&prod&lang=scss&scoped=true\""],"sourceRoot":""}