zzttSearchModel.htm 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
  6. <title>慧牧科技</title>
  7. <script src="views/haifmp/sjlr/scgl/zztt/zzttSearchModel.js"></script>
  8. </head>
  9. <body>
  10. <input type="hidden" value="$!id" id="id" />
  11. <input type="hidden" value="$!date" id ="date">
  12. <input type="hidden" value="zzttScjAdd" id="ct" />
  13. <div class="container" style="padding:0 !important;flex: 1;height: 100%;display: flex;flex-direction: column;">
  14. <div class="header topBg">
  15. <div class="btn-group" role="group">
  16. <button type="button" class="btn btn-default danganshuju_leftbtn" onclick="backUrl();">&lt;</button>
  17. </div>
  18. </div>
  19. <div class="searchBox">
  20. <div class="input-group input-group-lg danganInput">
  21. <div class="mui-input-row mui-search">
  22. <input type="search" class="form-control mui-input-clear" value="$!dweb" id="dweb" placeholder="请输入耳牌号" aria-describedby="sizing-addon1" oninput="if(value.length>10)value=value.slice(0,10)"/>
  23. </div>
  24. </div>
  25. </div>
  26. <table class="table table1">
  27. <tr style="text-align:center;">
  28. <td class="col-xs-5 col-sm-5 col-md-5 col-lg-5" style="width:39%;">耳牌号</td>
  29. <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="width:33%;">舍栏</td>
  30. <td class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="width:28%;">当前状态</td>
  31. </tr>
  32. </table>
  33. <div class="middle">
  34. <div class="scrollr iscroll">
  35. <div class="dangan_scrollr">
  36. <table class="table table2" style="table-layout: fixed;">
  37. #foreach($obj in $!daList)
  38. <tr style="text-align:center;" data-for="$!obj.dweb" data-ep="$!obj.eph" class="chooseDweb">
  39. <td class="col-xs-5 col-sm-5 col-md-5 col-lg-5" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">$!obj.eph</td>
  40. <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="color:#2285e2;width:33%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">$!obj.slStr</td>
  41. <td class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="color:#2285e2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 28%;">$!obj.dqztStr</td>
  42. </tr>
  43. #end
  44. </table>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </body>
  50. <script type="text/javascript">
  51. (function (doc,win) {
  52. var docEl = doc.documentElement;
  53. var docEl = doc.documentElement;
  54. var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
  55. var recalc = function () {
  56. var clientWidth = docEl.clientWidth;
  57. if (!clientWidth) return;
  58. if(clientWidth>=640){
  59. docEl.style.fontSize = '100px';
  60. }else{
  61. docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
  62. }
  63. };
  64. if (!doc.addEventListener) return;
  65. win.addEventListener(resizeEvt, recalc, false);
  66. doc.addEventListener('DOMContentLoaded', recalc, false);
  67. })(document, window);
  68. </script>
  69. </html>