scan.vue 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <template>
  2. <view>
  3. <mumu-get-qrcode @success='qrcodeSucess' @error="qrcodeError" ></mumu-get-qrcode>
  4. </view>
  5. </template>
  6. <script>
  7. import mumuGetQrcode from '@/uni_modules/mumu-getQrcode/components/mumu-getQrcode/mumu-getQrcode.vue'
  8. import {getDeviceInfoFromQrcode,bindDevice} from "@/api/device/device";
  9. export default {
  10. components: {
  11. mumuGetQrcode
  12. },
  13. data() {
  14. return {
  15. }
  16. },
  17. methods: {
  18. toBind(qrcode){
  19. bindDevice(qrcode).then(res=>{
  20. let data = res.data;
  21. if(data != null){
  22. let imei = res.data.imei;
  23. let ccid = res.data.ccid;
  24. let qrcode = res.data.qrcode;
  25. this.$modal.showToast("绑定成功");
  26. setTimeout(function (){
  27. uni.navigateTo({
  28. url: '/pages/weitiandi/device/status?qrcode='+qrcode+'&id='+imei+'&ccid='+ccid
  29. });
  30. },2000)
  31. }else{
  32. this.$modal.showToast("绑定失败");
  33. }
  34. })
  35. },
  36. qrcodeSucess(data) {
  37. let self = this;
  38. getDeviceInfoFromQrcode(data).then(res=>{
  39. if(res.data != null){
  40. let imei = res.data.imei;
  41. let ccid = res.data.ccid;
  42. let qrcode = res.data.qrcode;
  43. let uuid = res.data.userId;
  44. if(uuid){
  45. this.$modal.showToast("该设备已被绑定");
  46. }else{
  47. this.$modal.confirm("确认绑定该设备?").then(res=>{
  48. self.toBind(qrcode)
  49. })
  50. }
  51. // uni.navigateTo({
  52. // url: '/pages/weitiandi/device/status?qrcode='+qrcode+'&id='+imei+'&ccid='+ccid
  53. // });
  54. }else{
  55. this.$modal.showToast("找不到设备,请联系管理员");
  56. }
  57. });
  58. },
  59. qrcodeError(err) {
  60. console.log(err)
  61. uni.showModal({
  62. title: '摄像头授权失败',
  63. content: '摄像头授权失败,请检测当前浏览器是否有摄像头权限。',
  64. success: () => {
  65. uni.navigateBack({})
  66. }
  67. })
  68. },
  69. }
  70. }
  71. </script>
  72. <style>
  73. </style>