scan-imei.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
  6. <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
  7. <meta http-equiv="pragma" content="no-cache">
  8. <meta http-equiv="expires" content="0">
  9. <meta name="format-detection" content="telphone=no,email=no"/>
  10. <meta name="viewport"
  11. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
  12. <title>扫描IMEI</title>
  13. <link rel="stylesheet" href="/components/lib/mui.min.css"/>
  14. <link rel="stylesheet" href="/components/custom/css/common.css"/>
  15. <link rel="stylesheet" href="/app/css/xyf.common.min.css"/>
  16. <style>
  17. .icon-qrcode {
  18. margin: -10px;
  19. padding: 10px;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <div id="progress" class="mui-progressbar mui-progressbar-infinite" style="display: none;top: 0">
  25. <span></span>
  26. </div>
  27. <div class="device-test">
  28. <ul class="mui-table-view">
  29. <li class="mui-table-view-cell">
  30. <div class="head-tips">
  31. <span class="info c-primary">请扫描电路板上的二维码</span>
  32. <span class="error c-red mui-hidden"></span>
  33. </div>
  34. </li>
  35. <li class="mui-table-view-cell">IMEI:<span class="imei c-success"></span></li>
  36. <li class="mui-table-view-cell">逻辑码:<span class="logicalCode c-success"></span> <i
  37. class="iconfont icon-qrcode c-primary mui-pull-right" onclick="getQRCode()"></i></li>
  38. </ul>
  39. <div class="handle-panel">
  40. <div class="handle-btn scan-btn" onclick="scanQRCode()">扫描</div>
  41. </div>
  42. </div>
  43. <!--生成二维码-->
  44. <div class="common-mask" id="codePanel">
  45. <div class="common-model">
  46. <div class="common-model-tit">长按二维码保存</div>
  47. <img id="previewImg" style="margin: auto;display: block">
  48. <div class="common-model-close" onclick="closeQRCode()">关闭</div>
  49. </div>
  50. </div>
  51. </body>
  52. <script src="/components/lib/jquery.min.js"></script>
  53. <script src="../components/lib/jquery.qrcode.min.js"></script>
  54. <script src="/app/js/xyf.common.js"></script>
  55. <script src="/components/lib/mui.min.js"></script>
  56. <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  57. <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.0/alipayjsapi.inc.min.js"></script>
  58. <script src="/components/custom/js/common.js"></script>
  59. <script>
  60. var logicalCode = "";
  61. var imei = "";
  62. function scanQRCode() {
  63. ScanResult(function (resultStr) {
  64. imei = resultStr;
  65. $(".imei").text(imei);
  66. sendRequestWithHeaders("/test/getDeviceInfo", "GET", get_token_headers("Tester"), {devNo: imei}, function (response) {
  67. if (response.result == 1) {
  68. var obj = response.para;
  69. logicalCode = obj.logicalCode
  70. $(".logicalCode").text(obj.logicalCode);
  71. } else {
  72. mui.toast(response.description)
  73. }
  74. });
  75. });
  76. }
  77. function closeQRCode() {
  78. $("#codePanel").hide();
  79. }
  80. //生成新的二维码
  81. function getQRCode() {
  82. if (!logicalCode) {
  83. mui.toast('请先扫描IMEI')
  84. return
  85. }
  86. $("#codePanel").show();
  87. var protocol = location.protocol;
  88. if (logicalCode.indexOf('B') > -1) {
  89. protocol = "https:"
  90. }
  91. var currentDomain = protocol + "//" + location.host;
  92. var userUrl = currentDomain + "/userLogin?l=" + logicalCode;
  93. var dataURL = getQRCodeImageData(userUrl, logicalCode);
  94. $("#previewImg").attr({
  95. "width": 200,
  96. "height": 230,
  97. "src": dataURL
  98. });
  99. }
  100. </script>
  101. </html>