checkRecords.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <div class="checkProblems-tool" style="margin-top: 0;">
  2. <div class="dt-nav">
  3. 库名:
  4. <input class="easyui-combobox search-grainId" name="grainId-search" editable=true data-options="width:120">&emsp;
  5. 巡检时间:
  6. <input class="easyui-datebox checkRecords-start-time" name="checkRecords-start-time" editable="false" data-options="width:120">-<input class="easyui-datebox checkRecords-end-time" name="checkRecords-end-time" editable="false" data-options="width:120">&emsp;
  7. <a href="#" class="easyui-linkbutton bd-add-s" style="height: 25px;" id="Supervise-search">查询</a>
  8. <a href="#" class="easyui-linkbutton bd-add-s clear-btn" plain="true">清空</a>
  9. </div>
  10. </div>
  11. <!--主页面list-->
  12. <div id="checkRecords-info">
  13. </div>
  14. <!--详细-->
  15. <div id="checkRecords-view" style="padding: 20px">
  16. <!-- <div class="checkRecords-bh">
  17. <h3>驳回信息</h3>
  18. <div style="width:100%;display:inline-block;height:240px">
  19. <table id="checkRecords-view-bh">
  20. </table>
  21. </div>
  22. </div>
  23. <br/>-->
  24. <div class="checkRecords-jg">
  25. <h3>巡检结果</h3>
  26. <span class="pf-pitem-li">
  27. <span class="pf-pitem-lit">库名:</span>
  28. <span class="pf-pitem-lic input-pestType-span">
  29. <input class="easyui-textbox checkRecords-jg-grainName" name="grainName" editable=false>
  30. </span>
  31. </span>
  32. <span class="pf-pitem-li">
  33. <span class="pf-pitem-lit">检查时间:</span>
  34. <span class="pf-pitem-lic">
  35. <input class="easyui-textbox checkRecords-jg-checkDate" name="checkDate" editable=false>
  36. </span>
  37. </span>
  38. <div style="width:100%;display:inline-block;height:240px">
  39. <table id="checkRecords-view-jg">
  40. </table>
  41. </div>
  42. </div>
  43. <div class="checkRecords-zg">
  44. <h3>整改信息</h3>
  45. <div style="width:100%;display:inline-block;height:240px">
  46. <table id="checkRecords-view-zg">
  47. </table>
  48. </div>
  49. </div>
  50. <div class="checkRecords-jg">
  51. <h3>签到详细</h3>
  52. <span class="pf-pitem-li">
  53. <span class="pf-pitem-lit">检查人员:</span>
  54. <span class="pf-pitem-lic">
  55. <input class="easyui-textbox checkRecords-jg-checker" name="checker" editable=false>
  56. </span>
  57. </span>
  58. <div style="width:100%;display:inline-block;height:240px">
  59. <table id="checkRecords-view-qd">
  60. </table>
  61. </div>
  62. </div>
  63. </div>
  64. <div id="checkRecords-zg-wrap" style="padding: 20px;">
  65. <img class="checkRecords-zg-img" src="" alt="" style="width: 100%;height: 98%;">
  66. </div>
  67. <style type="text/css">
  68. .imgBox {
  69. width: 100%;
  70. height: 100%;
  71. overflow: hidden;
  72. position: relative;
  73. }
  74. .imgBox-a {
  75. position: absolute;
  76. content: "";
  77. top: 50%;
  78. width: 30px;
  79. height: 30px;
  80. background-color: transparent;
  81. -webkit-transform: translateY(-50%) rotate(-45deg);
  82. -moz-transform: translateY(-50%) rotate(-45deg);
  83. -ms-transform: translateY(-50%) rotate(-45deg);
  84. -o-transform: translateY(-50%) rotate(-45deg);
  85. transform: translateY(-50%) rotate(-45deg);
  86. cursor: pointer;
  87. }
  88. .first-a {
  89. left: 15px;
  90. border-top: 5px solid green;
  91. border-left: 5px solid green;
  92. }
  93. .last-a {
  94. right: 15px;
  95. border-right: 5px solid green;
  96. border-bottom: 5px solid green;
  97. }
  98. .imgBox-list {
  99. width: 1000%;
  100. height: 100%;
  101. transition: all 0.3s;
  102. }
  103. .imgBox img {
  104. width: 10%;
  105. height: 100%
  106. }
  107. .info-no{
  108. background: #f53939;
  109. color: #FFF
  110. }
  111. .info-yes{
  112. background: green;
  113. color: #FFf
  114. }
  115. #Supervise-massage {
  116. text-align: center;
  117. line-height: 110px;
  118. font-size:16px;
  119. font-weight: bold;
  120. }
  121. </style>