QRcode.blade.php 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="icon" href="{{asset('icon/faviconc.ico')}}" type="image/x-icon"/>
  7. <!-- CSRF Token -->
  8. <meta name="csrf-token" content="{{ csrf_token() }}">
  9. <title>显示二维码 BsWAS</title>
  10. <!-- Styles -->
  11. <link href="{{ mix('css/app.css') }}" rel="stylesheet">
  12. </head>
  13. <body>
  14. <div class="container-fluid " id="page">
  15. <div class="card ">
  16. <div class="card-body">
  17. <div class="align-content-center m-3" >
  18. <h3 class="text-center text-dark">首次扫描后将与设备绑定,之后扫描需使用原设备与原软件!</h3><br>
  19. <h4 class="text-center text-danger">如更换设备请联系管理人员解除设备绑定!</h4>
  20. </div>
  21. {{-- <div v-if="userWorkgroups.length>3">--}}
  22. {{-- <div class="row row-cols-3">--}}
  23. {{-- <div class="col-sm-3 col-lg-3 col-xl-3 text-center" style="float:left;" v-for="userWorkgroup in userWorkgroups">--}}
  24. {{-- <img id="img" class="img-thumbnail" :src="userWorkgroup.url" />--}}
  25. {{-- <p class="m-2 h5 text-center" >@{{ userWorkgroup.name }}工作组</p>--}}
  26. {{-- </div>--}}
  27. {{-- </div>--}}
  28. {{-- </div>--}}
  29. <div class="row">
  30. <div class="col text-center" style="float:left;">
  31. <img id="img" class="img-thumbnail" style="margin-top: 20px" :src="userWorkgroup.url" width="35%"/>
  32. <p class="m-2 h1 text-center" >@{{ userWorkgroup.name }}工作组</p>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. <script src="{{ mix('js/app.js') }}"></script>
  39. <script>
  40. new Vue({
  41. el:"#page",
  42. data:{
  43. userWorkgroup:{!! $userWorkgroup !!},
  44. },
  45. {{--mounted(){--}}
  46. {{-- let _this=this;--}}
  47. {{-- let refreshQRCode=function(){--}}
  48. {{-- axios.post('{{url('personnel/checking-in/refreshQRCode')}}',{beforeTime:_this.last_refresh_date,warehouseId:_this.warehouseId})--}}
  49. {{-- .then(function (response) {--}}
  50. {{-- _this.userWorkgroups=response.data.userWorkgroups;--}}
  51. {{-- _this.last_refresh_date=response.data.last_refresh_date;--}}
  52. {{-- $("meta[name='csrf-token']").attr('content', response.data.csrf_Token);--}}
  53. {{-- setTimeout(refreshQRCode,computeDiffMicroTime_fromNow(_this.last_refresh_date));--}}
  54. {{-- }).catch(function (err) {--}}
  55. {{-- setTimeout(refreshQRCode,computeDiffMicroTime_fromNow(_this.last_refresh_date));--}}
  56. {{-- tempTip.setDuration(4000);--}}
  57. {{-- tempTip.show(err);--}}
  58. {{-- });--}}
  59. {{-- };--}}
  60. {{-- refreshQRCode();--}}
  61. {{--}--}}
  62. });
  63. </script>
  64. </body>
  65. </html>