fmjlSearchModel.htm 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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/fm/fmjlSearchModel.js"></script>
  8. </head>
  9. <body>
  10. <input type="hidden" value="$!date" id ="date">
  11. <input type="hidden" value="fmjlScjAdd" 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-md-5" style="width:38%;">耳牌号</td>
  28. <td class="col-md-3" style="width:20%;">品种</td>
  29. <td class="col-md-2" style="width:21%;padding: 8px 0;">当前状态</td>
  30. <td class="col-md-2" style="width:21%;padding: 8px 0;">怀孕天数</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 $!mzdaList)
  38. <input type="hidden" value="$!obj.rsid" id="rsid">
  39. <tr style="text-align:center;" data-for="$!obj.dweb" data-day="$!obj.spts" data-ep="$!obj.eph" class="chooseDweb">
  40. <td class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="padding: 8px !important;width:38%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">&nbsp;$!obj.eph</td>
  41. <td class="col-xs-2 col-sm-2 col-md-2 col-lg-2" style="width:20% !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">&nbsp;$!obj.pzStr</td>
  42. <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="color:#2285e2;width:21%;">&nbsp;$!obj.dqztStr</td>
  43. <td class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="color:#2285e2;width:21%;">&nbsp;$!obj.hyts</td>
  44. </tr>
  45. #end
  46. </table>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </body>
  52. <script type="text/javascript">
  53. (function (doc,win) {
  54. var docEl = doc.documentElement;
  55. var docEl = doc.documentElement;
  56. var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
  57. var recalc = function () {
  58. var clientWidth = docEl.clientWidth;
  59. if (!clientWidth) return;
  60. if(clientWidth>=640){
  61. docEl.style.fontSize = '100px';
  62. }else{
  63. docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
  64. }
  65. };
  66. if (!doc.addEventListener) return;
  67. win.addEventListener(resizeEvt, recalc, false);
  68. doc.addEventListener('DOMContentLoaded', recalc, false);
  69. })(document, window);
  70. </script>
  71. </html>