夏邑12345_前端

jiXiaoTongJi.html 4.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>单位绩效考核统计</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <script src="../Script/Common/huayi.http.js"></script>
  10. <link href="../css/WorkOrder/Search.css" rel="stylesheet">
  11. <link href="../css/init.css" rel="stylesheet" />
  12. <!--<script src="../css/laydate/laydate.js"></script>-->
  13. <script src="../js/laydate/laydate.js"></script>
  14. <style type="text/css">
  15. .time-box{
  16. display: inline-block;
  17. position: relative;
  18. }
  19. .toolRight{
  20. padding-right: 50px;
  21. }
  22. .toolRight input{
  23. padding-right: 30px;
  24. }
  25. .tub{
  26. position: absolute;
  27. right: 8px;
  28. top: 5px;
  29. font-size: 18px;
  30. color: #00a0ca;
  31. }
  32. </style>
  33. </head>
  34. <body class="gray-bg">
  35. <div class="wrapper wrapper-content animated fadeInRight">
  36. <div class="daoHang clearfix">
  37. <div class="dhLeft">
  38. <sapn>
  39. <i class="syIcon"></i>位置:
  40. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  41. <a href="javaScript:;">绩效质检</a>&gt;
  42. <a href="javaScript:;" class="nowPosition">单位绩效考核</a>
  43. </sapn>
  44. </div>
  45. <div class="dhRight">
  46. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  47. </div>
  48. </div>
  49. <div class="Content_box">
  50. <!--待处理/-->
  51. <div class="complain Shows">
  52. <div class="th-box">
  53. <div class="toolBar clearfix">
  54. <div class="toolRight">
  55. 时间: <span class="time-box"><i class="tub fa fa-calendar"></i><input type="text" id="startTime" /></span>
  56. <a class="search btns">搜索</a>
  57. </div>
  58. </div>
  59. </div>
  60. <div style="width: 100%;padding: 10px;">
  61. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams">
  62. <thead>
  63. <tr>
  64. <!--<th data-field="state" data-checkbox="true" data-align="center"></th>-->
  65. <th data-field="deptname" data-align="center">单位名称</th>
  66. <th data-field="phonesum" data-align="center" data-sortable="true">电话办理(20分)</th>
  67. <th data-field="workordersum" data-align="center" data-sortable="true">电子工单办理及书面交办件办理(60分)</th>
  68. <th data-field="sendsum" data-align="center" data-sortable="true">信息报送(15分)</th>
  69. <th data-field="elsenum" data-align="center" data-sortable="true">其他(5分)</th>
  70. <th data-field="handlednum" data-align="center" data-sortable="true">办理情况评分(100分)</th>
  71. <th data-field="addgradenum" data-align="center" data-sortable="true">加分事项(10分)</th>
  72. <th data-field="totalnum" data-align="center" data-sortable="true">总计</th>
  73. <th data-align="center" data-formatter="detail">操作</th>
  74. </tr>
  75. </thead>
  76. </table>
  77. <!--<p style="margin-top: 20px;"><button class="btns allDel">批量删除</button></p>-->
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <script>
  83. // var table1=$('#table1');
  84. var dates=new Date();
  85. var time=dates.getFullYear()+"-"+(dates.getMonth()+1);
  86. $(document).ready(function() {
  87. $('#startTime').val(time)
  88. //年月选择器
  89. laydate.render({
  90. elem: '#startTime'
  91. ,format: 'yyyy-MM',
  92. type: 'month',
  93. theme: '#00a1cb'
  94. // value: new Date()
  95. });
  96. console.log($('#startTime').val())
  97. initTable1();
  98. //搜索
  99. $('.search').click(function(){
  100. initTable1();
  101. })
  102. })
  103. function initTable1() {
  104. $.ajax({
  105. type:"get",
  106. url: huayi.config.callcenter_url+"DeptAssessment/GetDeptAssessment",
  107. async:true,
  108. dataType:'json',
  109. data:{
  110. strdatetime: $('#startTime').val(),
  111. token: $.cookie("token"),
  112. },
  113. success:function(data){
  114. $('#table1').bootstrapTable('load',data.rows);
  115. }
  116. });
  117. $('#table1').bootstrapTable('destroy').bootstrapTable({striped: true});
  118. }
  119. function detail(val,row){
  120. return '<div> <a title="查看详情" onclick=go("'+ row.deptid +'")><i class="fa fa-bars"></i></a></div>'
  121. }
  122. function go(deptname){
  123. console.log(deptname)
  124. top.$("iframe:visible")[0].src = "jiXiao/jiXiaoDetail.html?depid=" + deptname +"&time="+$('#startTime').val();
  125. }
  126. </script>
  127. </body>
  128. </html>