adqr.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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. </style>
  18. </head>
  19. <body>
  20. <div class="mui-content custom-top">
  21. <div class="mui-input-group">
  22. <div class="mui-input-row">
  23. <label>广告ID</label>
  24. <input type="text" id="adId" placeholder="请输入广告ID" class="mui-text-right"
  25. maxlength="24">
  26. </div>
  27. <div class="mui-input-row">
  28. <label>其他说明</label>
  29. <input type="text" id="remarks" placeholder="请输入其他信息" class="mui-text-right"
  30. maxlength="24">
  31. </div>
  32. </div>
  33. <div class=" mui-table-view handleBtn mui-text-center">
  34. <button type="button" class=" mui-col-sm-4 mui-col-xs-4 mui-btn mui-btn-primary" onclick="getQRCode()">生成二维码
  35. </button>
  36. </div>
  37. </div>
  38. <div class="common-model" style="display:none" id="adQRCode">
  39. <div class="common-model-tit">长按二维码保存</div>
  40. <img id="previewImg" style="margin: auto;display: block">
  41. </div>
  42. </body>
  43. <script src="/components/lib/jquery.min.js"></script>
  44. <script src="/components/lib/jquery.qrcode.min.js"></script>
  45. <script src="/app/js/xyf.common.js"></script>
  46. <script src="/components/lib/mui.min.js"></script>
  47. <script>
  48. //生成二维码
  49. function getQRCode() {
  50. $("#adQRCode").show();
  51. var adId = $("#adId").val();
  52. if (adId == "") {
  53. mui.toast("请填写广告id");
  54. return;
  55. }
  56. var remarks = $("#remarks").val();
  57. var currentDomain = location.protocol + "//" + location.host;
  58. var userUrl = currentDomain + "/checkAdClick?adId=" + adId;
  59. var dataURL = getQRCodeImageData(userUrl, "广告" + adId + "\n" + remarks);
  60. $("#previewImg").attr({
  61. "width": 200,
  62. "height": 230,
  63. "src": dataURL
  64. });
  65. }
  66. </script>
  67. </html>