skyversation
/
meidu2021


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<head>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>

 <link rel="stylesheet" type="text/css" media="screen" href="plug-in/jqgrid/css/css/cupertino/jquery-ui-1.8.16.custom.css" />
 <link rel="stylesheet" type="text/css" media="screen" href="plug-in/ace/css/ui.jqgrid.css" />
 <script type="text/javascript" src="${ctx}/plug-in/jquery/jquery-1.11.3.min.js"></script>
 <script type="text/javascript" src="plug-in/jquery/jquery.jqprint.js"></script>
 <script type="text/javascript" src="plug-in/jqgrid/js/jquery.jqGrid.src.js"></script>
 <script type="text/javascript" src="plug-in/jqgrid/js/i18n/grid.locale-cn.js"></script>
 <script type="text/javascript" src="plug-in/tools/curdtools_zh-cn.js"></script>
 <script type="text/javascript" src="plug-in/lhgDialog/lhgdialog.min.js?skin=metrole"></script>
 <script type="text/javascript" src="${ctx}/plug-in/tableExport/libs/FileSaver/FileSaver.min.js"></script>
 <script type="text/javascript" src="${ctx}/plug-in/tableExport/libs/js-xlsx/xlsx.core.min.js"></script>
 <script type="text/javascript" src="${ctx}/plug-in/tableExport/tableExport.min.js"></script>
 <style>
  .ui-jqgrid {
   font-size: 14px;
  }


  .ui-jqgrid-view {
   font-size: 14px;
  }


  .ui-jqgrid .ui-jqgrid-htable th {
   height: 28px;
   font-size: 14px;  /* 14 */
  }
  .ui-jqgrid .ui-jqgrid-btable {
   height: 28px;
   font-size: 12px;
  }
  .ui-jqgrid .ui-jqgrid-ftable {
   font-size: 13px;
  }

  .ui-jqgrid .ui-jqgrid-pager {
   height: 28px;
   font-size: 14px;   /* 14 */
  }


  .ui-jqgrid .ui-pg-input {
   font-size: 1em;
   height: 20px;
  }


  .ui-jqgrid .i-pg-selbox {
   font-size: 0.9em;
   height: 20px;
  }


  .ui-jqgrid tr.ui-row-ltr td {
   text-align: center;
  }
  .ui-jqgrid tr.footrow-ltr td {
   text-align: center;
  }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
  {
   background: #5187c9 ;
   color: #fffbf8;
  }
  .ui-widget-content
  {
   background:#fff;
  }
  /*.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: 1; filter:Alpha(Opacity=100); font-weight: normal; background-color: #F5F5F5;}*/
  .ui-jqgrid tr.jqgrow td { white-space: normal !important; height:auto; } /**内容自动换行 */
  th.ui-th-column div{
   white-space: normal !important;
   height: auto !important;
  }
 </style>
</head>
<div>
 <div id="searchDiv">
  <%--查询框begin --%>
  <table cellpadding="0"  cellspacing="1" class="formtable" style="position:fixed;top:5px;"> <!--  bottom -->

   <tr >
    <td class="value">
     <label><input type="radio" name="groupBy" value="noticeType" checked="checked"/>按类型</label>&nbsp;&nbsp;
     <label><input type="radio" name="groupBy" value="dep"/>按部门</label>&nbsp;&nbsp;&nbsp;
     <label><input type="radio" name="groupBy" value="user"/>按用户</label>
    </td>
    <td width="20">&nbsp;</td>
    <td class="value">
     <div id="c_noticeType" class="sc">
      类型:
      <t:dictSelect field="noticeType" type="select"  datatype="*"   typeGroupCode="message_notice_type"  hasLabel="false"  title="通知类型" ></t:dictSelect>
     </div>
     <div id="c_dep"  style="display:none" class="sc">
      部门:
      <input type="text" id="depName" name="depName"/>
     </div>
     <div id="c_user" style="display:none" class="sc">
      用户名:
      <input type="text" id="realname" name="realname"/>
     </div>
     <%--  <t:dictSelect id="period" field="period" type="list" extendJson="{class:'form-control',style:'width:136px'}"
        typeGroupCode="busperiod"  hasLabel="false"  title="采购期间" ></t:dictSelect> --%>
    </td>
   <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td align="right">
     <label class="Validform_label"> 发送时间: </label>
    </td>
    <td class="value">
     <input id="startTime" name="startTime" type="text" style="width: 150px" class="Wdate" readonly="readonly"
            onClick='WdatePicker({readOnly:true,enableKeyboard:false,enableInputMask:false,dateFmt: "yyyy-MM"})'  datatype="*"  ignore="ignore" />
     -
     <input id="endTime" name="endTime" type="text" style="width: 150px" class="Wdate" readonly="readonly"
            onClick='WdatePicker({readOnly:true,enableKeyboard:false,enableInputMask:false,dateFmt: "yyyy-MM"})'  datatype="*"  ignore="ignore" />
     <label class="Validform_label" style="display: none;"> 发送时间: </label>
    </td>
    <td width="20px"></td>
    <td height="50px" align="right">
     <a  href="#" class="easyui-linkbutton l-btn"  iconcls="icon-search"  onclick="btn_query()">查询</a>
     <%--<a  href="#" class="easyui-linkbutton l-btn"  iconcls="icon-putout"  onclick="btn_output()">导出excel</a>--%>
     <%--<a  href="#" class="easyui-linkbutton l-btn"  iconcls="icon-print"  onclick="btn_print()">打印</a>--%>
    </td>
   </tr>
  </table>
  <%--查询框end --%>
 </div>
 <%--div2 end--%>
 <br/><br/><br/>
 <div id="divgrid">
   <div id="div1">
    <table id="jqGrid"></table>
  </div>
</div>
<%--<div class="easyui-layout" fit="true">
  <div region="center" style="padding:0px;border:0px">

  </div>
 </div>--%>
 <script type="text/javascript">
  $('input[name="groupBy"]').on('click',function(){
    var t=$(this);
    var groupBy = t.val();
    $('.sc').hide();
    $('#c_'+groupBy).show();
    showGridTable(groupBy);
  });
showGridTable();
  function showGridTable(group) {
      var requrl = 'mMessageDataController.do?statisSendDatagrid';
      var searchDiv = $('#searchDiv');
      var postData={};
      searchDiv.find('input,select,textarea').each(function(){
       var t=$(this);
       if(t.attr('type')=='radio' &&!t.is(':checked')) {
           return;
       }
       var name =t.attr('name');
       var value=t.val();
       if(name&&value){
           postData[name]=value;
       }
      });
      var colNames=['类型','月份','次数'];
      if(group=='dep'){
          colNames[0] = '部门';
      }
      if(group=='user'){
          colNames[0] = '用户';
      }
      $("#div1").empty();
      $("#div1").html("<table class='jqgrid' id='jqGrid'></table>");

      $("#jqGrid").jqGrid({
          url: requrl,
          datatype: "json",
          mtype: "POST",
          postData:postData,
          caption: '<div style="text-align:center;font-size: 14px;"><span>消息发送统计表</span></div>',
          colNames:colNames,
          colModel: [
              {label: '类型', name: 'title', width: 130, sortable: false, align: 'left'},
              {label: '月份', name: 'sendMonth', width: 80, sortable: false, align: 'center'},
              {label: '次数', name: 'count', width: 80, sortable: false, align: 'center'}

          ],
          viewrecords: true,
          height: 500,
          rowNum: -1,
          rownumbers: true,
          rownumWidth: 25,
          autowidth: false,
          multiselect: false,
          frozen: true,
          footerrow: false,                   //开启统计
          userDataOnFooter: false,          //在页脚显示统计
          altRows: true,
          pager: "#jqGridPager",
          jsonReader: {
              root: "page.list",
              page: "page.currPage",
              total: "page.totalPage",
              records: "page.totalCount"
          },
          prmNames: {
              page: "page",
              rows: "limit",
              order: "order"
          }
          ,loadComplete:function(){
              var records = $("#jqGrid").getGridParam('records');
              if(records==0){
                  $("#jqGrid").remove();
              }
          }
          ,gridComplete: function () {

          }
      });
  }

  function btn_query(){
      showGridTable();
  }
 </script>