designDrawing.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <meta name="format-detection" content="telephone=no">
  10. <meta http-equiv="X-UA-Compatible" content="chrome=1" >
  11. <style>
  12. *{
  13. outline: 0;
  14. padding: 0;
  15. margin: 0;
  16. border: none;
  17. box-sizing: border-box;
  18. background-size: contain;
  19. background-position: center;
  20. background-repeat: no-repeat;
  21. }
  22. ul,ol{
  23. list-style: none outside none;
  24. }
  25. ul.product-info {
  26. padding: 20px;
  27. }
  28. ul.product-info > li {
  29. line-height: 30px;
  30. font-size: 14px;
  31. }
  32. </style>
  33. </head>
  34. <body>
  35. <ul class="product-info">
  36. <li>
  37. <label for="">库区名称:</label>
  38. <span id="name">-</span>
  39. </li>
  40. <li>
  41. <label for="">库区编码:</label>
  42. <span id="code">-</span>
  43. </li>
  44. <li>
  45. <label for="">库区类型:</label>
  46. <span id="areaType">-</span>
  47. </li>
  48. <li>
  49. <label for="">库区属性:</label>
  50. <span id="attribute">-</span>
  51. </li>
  52. <li>
  53. <label for="">库区位置:</label>
  54. <span id="address">-</span>
  55. </li>
  56. <li>
  57. <label for="">库区长(cm):</label>
  58. <span id="areaLength">-</span>
  59. </li>
  60. <li>
  61. <label for="">库区宽(cm):</label>
  62. <span id="areaWidth">-</span>
  63. </li>
  64. <li>
  65. <label for="">库区高(cm):</label>
  66. <span id="areaHigh">-</span>
  67. </li>
  68. <li>
  69. <label for="">货架数量:</label>
  70. <span id="subCount">-</span>
  71. </li>
  72. <li>
  73. <label for="">货架编码:</label>
  74. <span id="codeList">-</span>
  75. </li>
  76. <li>
  77. <label for="">备注:</label>
  78. <span id="remark">-</span>
  79. </li>
  80. </ul>
  81. </body>
  82. <script>
  83. function str_to_obj(str){
  84. var obj = {};
  85. var temp = str.split('&');
  86. for(var i = 0; i < temp .length;i++) {
  87. var t = temp[i].split('=');
  88. obj[t[0]]=t[1];
  89. }
  90. return obj
  91. }
  92. var queryObj = str_to_obj(window.location.search.substring(1));
  93. let ids=['name','code','areaType','attribute','address','areaLength','areaWidth','areaHigh','subCount','codeList','remark']
  94. ids.forEach(id=>{
  95. if(queryObj[id]){
  96. document.querySelector('#'+id).innerHTML = decodeURIComponent(queryObj[id]);
  97. }
  98. })
  99. </script>
  100. </html>