rsjlSearchModel.htm 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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/rs/rsjlSearchModel.js"></script>
  8. </head>
  9. <body>
  10. <input type="hidden" value="$!date" id ="date">
  11. <input type="hidden" value="rsjlScjAdd" id="ct" />
  12. <div class="container" style="padding:0 !important;flex: 1;height: 100%;display: flex;flex-direction: column;">
  13. <div class="header topBg">
  14. <div class="btn-group" role="group">
  15. <button type="button" class="btn btn-default danganshuju_leftbtn" onclick="backUrl();">&lt;</button>
  16. </div>
  17. </div>
  18. <div class="searchBox">
  19. <div class="input-group input-group-lg danganInput">
  20. <div class="mui-input-row mui-search">
  21. <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)">
  22. </div>
  23. </div>
  24. </div>
  25. <table class="table table1">
  26. <tr style="text-align:center;">
  27. <td class="col-xs-5 col-sm-5 col-md-5 col-lg-5" style="width:39%;">耳牌号</td>
  28. <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="width:33%;">品种</td>
  29. <td class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="width:28%;">当前状态</td>
  30. </tr>
  31. </table>
  32. <div class="middle">
  33. <div class="scrollr iscroll">
  34. <div class="dangan_scrollr">
  35. <table class="table table2" style="table-layout:fixed">
  36. #foreach($obj in $!mzdaList)
  37. <tr style="text-align:center;" data-for="$!obj.dweb" data-ep="$!obj.eph" class="chooseDweb">
  38. <td class="col-xs-5 col-sm-5 col-md-5 col-lg-5" style="width:39%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">$!obj.eph</td>
  39. <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.pzStr</td>
  40. <td class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="color:#2285e2;width:28%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">$!obj.dqztStr</td>
  41. </tr>
  42. #end
  43. </table>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </body>
  49. <script type="text/javascript">
  50. (function (doc,win) {
  51. var docEl = doc.documentElement;
  52. var docEl = doc.documentElement;
  53. var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
  54. var recalc = function () {
  55. var clientWidth = docEl.clientWidth;
  56. if (!clientWidth) return;
  57. if(clientWidth>=640){
  58. docEl.style.fontSize = '100px';
  59. }else{
  60. docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
  61. }
  62. };
  63. if (!doc.addEventListener) return;
  64. win.addEventListener(resizeEvt, recalc, false);
  65. doc.addEventListener('DOMContentLoaded', recalc, false);
  66. })(document, window);
  67. </script>
  68. </html>