skyversation
/
meidu2021


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
							<%@ 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 align="right">
     <label class="Validform_label"> 标题: </label>
    </td>
    <td class="value">
     <input id="title" name="title" type="text" style="width: 150px"  datatype="*"  ignore="ignore" />
     <%--  <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-dd"})'  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-dd"})'  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">
showGridTable();
  function showGridTable() {
      var requrl = 'mMessageDataController.do?statisReceiveDatagrid';
      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;
          }
      });

      $("#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>',
          colModel: [
              /*  { label: '编号', name: 'index', width: 160,sortable:false},     */
              {label: '标题', name: 'title', width: 130, sortable: false, align: 'left'},
              {label: '已读', name: 'seeCount', width: 80, sortable: false, align: 'right'},
              {label: '未读', name: 'nSeeCount', width: 80, sortable: false, align: 'right'},
              {label: '总计', name: 'sendCount', width: 60, sortable: false},
              {label: '发送人', name: 'createName', width: 60, sortable: false},
              {label: '发送时间', name: 'createDate', width: 200, sortable: false},

          ],
          viewrecords: true,
          height: 500,
          rowNum: -1,
          rownumbers: true,
          rownumWidth: 25,
          autowidth: true,
          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>