dev-public-check.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  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>扫码查询</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. .right-menu{
  18. transform: translateX(0);
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div id="progress" class="mui-progressbar mui-progressbar-infinite" style="display: none;top: 0">
  24. <span></span>
  25. </div>
  26. <div class="device-test">
  27. <ul class="mui-table-view">
  28. <li class="mui-table-view-cell">
  29. <div class="head-tips">
  30. <span class="info c-primary">请扫描电路板上的二维码</span>
  31. <span class="error c-red mui-hidden"></span>
  32. </div>
  33. </li>
  34. <li class="mui-table-view-cell">逻辑码:<span class="logicalCode c-success"></span></li>
  35. <li class="mui-table-view-cell">IMEI:<span class="devNo c-success"></span></li>
  36. <div class="more-info">
  37. <li class="mui-table-view-cell">绑定时间:<span class="bindTime "></span></li>
  38. <li class="mui-table-view-cell">测试时间:<span class="testTime "></span></li>
  39. <li class="mui-table-view-cell">测试结果:<span class="testResult "></span></li>
  40. <li class="mui-table-view-cell">软件版本:<span class="softVer "></span></li>
  41. <li class="mui-table-view-cell">硬件版本:<span class="hwVer "></span></li>
  42. <li class="mui-table-view-cell">驱动编码:<span class="driverCode"></span></li>
  43. <li class="mui-table-view-cell">驱动版本:<span class="driverVersion"></span></li>
  44. <li class="mui-table-view-cell">生产厂商:<span class="mf "></span></li>
  45. <li class="mui-table-view-cell">异常标记:<span class="label c-red"></span></li>
  46. </div>
  47. </ul>
  48. <div class="right-menu">
  49. <div class="menu-item" onclick="moreInfo()">设备详情</div>
  50. </div>
  51. <div class="handle-panel">
  52. <div class="handle-btn scan-btn" onclick="scanQRCode()">扫描二维码</div>
  53. </div>
  54. </div>
  55. </body>
  56. <script src="/components/lib/jquery.min.js"></script>
  57. <script src="/components/lib/mui.min.js"></script>
  58. <script src="/components/custom/js/common.js"></script>
  59. <script src="/app/js/xyf.common.js"></script>
  60. <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  61. <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.0/alipayjsapi.inc.min.js"></script>
  62. <script>
  63. var logicalCode = "";
  64. var devNo = "";
  65. function scanQRCode() {
  66. ScanResult(function (resultStr) {
  67. var code = "";
  68. var type = "";
  69. if (resultStr.indexOf("http") > -1) {
  70. var url = new URL(resultStr);
  71. code = logicalCode = url.searchParams.get("l");
  72. $(".logicalCode").text(logicalCode);
  73. type = "logicalCode";
  74. mui.alert('请扫描电路板上的二维码(IMEI)')
  75. return
  76. } else {
  77. code = devNo = resultStr;
  78. $(".devNo").text(devNo);
  79. type = "devNo";
  80. }
  81. getDevInfo(code, type);
  82. });
  83. }
  84. //显示更多设备信息
  85. function moreInfo() {
  86. if ($(".more-info").hasClass("hidden")) {
  87. $(".more-info").removeClass("hidden");
  88. } else {
  89. $(".more-info").addClass("hidden");
  90. }
  91. }
  92. //扫码出结果后查询结果
  93. function getDevInfo(code, type) {
  94. $("#progress").show();
  95. var data = {};
  96. data[type] = code;
  97. sendRequestWithHeaders("/test/getDeviceInfo", "GET",
  98. get_token_headers("Tester"),
  99. data, function (response) {
  100. if (response.result == 1) {
  101. var obj = response.para;
  102. $(".logicalCode").text(obj.logicalCode);
  103. $(".devNo").text(obj.devNo);
  104. $(".bindTime").text(obj.bindTime);
  105. $(".testTime").text(obj.testTime);
  106. $(".testResult").text(obj.testResult);
  107. $(".label").text(obj.label);
  108. $(".softVer").text(obj.softVer);
  109. $(".driverCode").text(obj.driverCode);
  110. $(".driverVersion").text(obj.driverVersion);
  111. $(".hwVer").text(obj.hwVer);
  112. $(".mf").text(obj.mf);
  113. $(".logicalCode").text(obj.logicalCode);
  114. devNo = obj.devNo;
  115. logicalCode = obj.logicalCode;
  116. } else {
  117. showMsg("error", response.description);
  118. }
  119. $("#progress").hide();
  120. });
  121. }
  122. function showMsg(type, text) {
  123. if (type == "error") {
  124. $(".error").removeClass("mui-hidden").text(text);
  125. $(".info").addClass("mui-hidden");
  126. } else {
  127. $(".error").addClass("mui-hidden");
  128. $(".info").removeClass("mui-hidden").text(text);
  129. }
  130. }
  131. </script>
  132. </html>