check_result.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>稽查</title>
  6. <link rel="import" href="/view/common/commoncsslink.html?__inline">
  7. <link rel="stylesheet" type="text/css" href="/css/main.css">
  8. <link rel="import" href="/view/common/commonscriptlink.html?__inline">
  9. </head>
  10. <body>
  11. <link rel="import" href="/view/common/head.html?__inline">
  12. <!-- s-->
  13. <div id="main" class="container-fluid main">
  14. <div class="row">
  15. <div class="col-md-2" style="background: #328dc7;padding-right:0;z-index: 11;">
  16. <div id="mum_left" class="mum_left">
  17. <link rel="import" href="/view/mum.html?__inline">
  18. </div>
  19. </div>
  20. <div class="col-md-10">
  21. <div id="mum_right" class="mum_right">
  22. <div class="panel">
  23. <div class="panel-heading">
  24. <ol class="breadcrumb" style="margin-bottom: 0;">
  25. <li><a href="#">申诉列表</a></li>
  26. <li class="active">稽查结果查看</li>
  27. </ol>
  28. </div>
  29. <div class="panel-body" id="main_content">
  30. <!-- start -->
  31. <div class="container-fluid ">
  32. <div class="row" style="text-align:center;">
  33. <span style="font-size:24px;">20170404收费站稽查任务-考核结果</span>
  34. </div>
  35. <hr style="margin-top:10px;">
  36. <div>
  37. <p style="border-left:4px solid #328dc7; color:#328dc7;padding-left:2px;">考核基本信息</p>
  38. <div class="row" style="padding-left:4px;margin-bottom:3px; ">
  39. <div class="col-sm-3">
  40. <span>考核任务名:</span>
  41. <span>20170404收费站稽查任务</span>
  42. </div>
  43. <div class="col-sm-3">
  44. <span>考核任务名:</span>
  45. <span>20170404收费站稽查任务</span>
  46. </div>
  47. <div class="col-sm-3">
  48. <span>考核任务名:</span>
  49. <span>20170404收费站稽查任务</span>
  50. </div>
  51. <div class="col-sm-3">
  52. <span>考核任务名:</span>
  53. <span>20170404收费站稽查任务</span>
  54. </div>
  55. </div>
  56. <div class="row" style="padding-left:4px;margin-bottom:3px; ">
  57. <div class="col-sm-3">
  58. <span>考核人:</span>
  59. <span>李娟</span>
  60. </div>
  61. <div class="col-sm-3">
  62. <span>考核时间:</span>
  63. <span>2017-04-05 09:20:02</span>
  64. </div>
  65. <div class="col-sm-3">
  66. <span>考核视频时长:</span>
  67. <span>270分钟</span>
  68. </div>
  69. <div class="col-sm-3">
  70. <span>任务完成率:</span>
  71. <span>100%</span>
  72. </div>
  73. </div>
  74. </div>
  75. <hr style="margin-top:10px;">
  76. <div>
  77. <p style="border-left:4px solid #328dc7; color:#328dc7;padding-left:2px;">考核任务流程</p>
  78. <div class="row" style="padding-left:4px;margin-bottom:3px; ">
  79. <div class="col-sm-12">
  80. </div>
  81. </div>
  82. </div>
  83. <hr style="margin-top:10px;">
  84. <div>
  85. <p style="border-left:4px solid #328dc7; color:#328dc7;padding-left:2px;">考核详细信息</p>
  86. </div>
  87. <div class="row">
  88. <!-- 使用一个div来显示数据表格 -->
  89. <div class="datatable" data-checkable="true" data-sortable="true"></div>
  90. </div>
  91. <div class="row" style="text-align:center">
  92. <ul class="pager center-block">
  93. <li class="previous"><a href="#">« 上一页</a></li>
  94. <li><a href="#">1</a></li>
  95. <li class="active"><a href="#">2</a></li>
  96. <li><a href="#">3</a></li>
  97. <li><a href="#">4</a></li>
  98. <li><a href="#">5</a></li>
  99. <li class="next"><a href="#">下一页 »</a></li>
  100. </ul>
  101. </div>
  102. </div>
  103. <!-- end -->
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <!-- e-->
  111. <link rel="import" href="/view/common/foot.html?__inline">
  112. </body>
  113. <script type="text/javascript">
  114. $(document).ready(function() {
  115. // 时间和日期
  116. $(".form-date").datetimepicker(
  117. {
  118. language: "zh-CN",
  119. weekStart: 1,
  120. todayBtn: 1,
  121. autoclose: 1,
  122. todayHighlight: 2,
  123. startView: 2,
  124. minView: 2,
  125. forceParse: 0,
  126. format: "yyyy-mm-dd"
  127. });
  128. // 使用data参数更新数据:
  129. $('.datatable').datatable( {
  130. checkable:false,
  131. sortable:false,
  132. data: {
  133. cols: [
  134. {width: 20, text: '序号', type: 'number', flex: false, colClass: 'text-center'},
  135. {width: 80, text: '被考核内容', type: 'date', flex: false, sort: 'down'},
  136. {width: 80, text: '被考核人', type: 'string', flex: true, colClass: ''},
  137. {width: 80, text: '部门', type: 'date', flex: false, sort: 'down'},
  138. {width: 80, text: '职位', type: 'date', flex: false, sort: 'down'},
  139. {width: 120, text: '被考核时间', type: 'string', flex: true, colClass: ''},
  140. {width: 140, text: '录像截图', type: 'date', flex: false, sort: 'down'},
  141. {width: 100, text: '申诉理由', type: 'string', flex: true, colClass: ''},
  142. {width: 80, text: '状态', type: 'string', flex: true, colClass: ''},
  143. ],
  144. rows: [
  145. {checked: false, data: [1, '未按规定收取过路费,着装不规范','李艳芳','收费站','收费员','2017-04-04 00:00-23:59','<img src="/images/img4.jpg" width="80px">','被考核人事正确操作','申诉中']},
  146. {checked: false, data: [1, '未按规定收取过路费,着装不规范','李艳芳','收费站','收费员','2017-04-04 00:00-23:59','<img src="/images/img4.jpg" width="80px">','被考核人事正确操作','申诉中']},
  147. {checked: false, data: [1, '未按规定收取过路费,着装不规范','李艳芳','收费站','收费员','2017-04-04 00:00-23:59','<img src="/images/img4.jpg" width="80px">','被考核人事正确操作','申诉中']},
  148. {checked: false, data: [1, '未按规定收取过路费,着装不规范','李艳芳','收费站','收费员','2017-04-04 00:00-23:59','<img src="/images/img4.jpg" width="80px">','被考核人事正确操作','申诉中']},
  149. ]
  150. }
  151. });
  152. })
  153. </script>
  154. </html>