smsLog.jsp 6.84 KB
<%@page language="java" contentType="text/html;charset=utf-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://"
          + request.getServerName() + ":" + request.getServerPort()
          + path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
  <link rel="stylesheet" href="<%=basePath %>css/bootstrap-datetimepicker.css"/>
  <link href="<%=basePath %>js/bootstrap-plugin/css/bootstrap.table.css" rel="stylesheet" media="screen"/>
  <link rel="stylesheet" href="<%=basePath %>css/bootstrap-responsive.min.css"/>
  <link rel="stylesheet" href="<%=basePath %>css/fullcalendar.css"/>
  <link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
  <link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
  <link rel="stylesheet" href="<%=basePath %>css/jquery-ui.css"/>
  <link rel="stylesheet" href="<%=basePath %>css/uniform.css"/>
  <link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
  <link rel="stylesheet" href="<%=basePath %>js/jstree/themes/proton/style.css"/>
  <link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
  <link rel="stylesheet" href="<%=basePath %>css/yoho.css"/>
  <script src="<%=basePath %>js/excanvas.min.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/jquery-ui.custom.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>/js/bootstrap.min.js"></script>
  <script src="<%=basePath %>/js/unicorn.js"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/moment-with-locales.js" charset="UTF-8"
          type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"
          type="text/javascript"></script>
  <script src="<%=basePath %>js/global.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.pagination.js" charset="UTF-8"
          type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.table.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.dialog.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.panel.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.alerts.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.accordion.js" charset="UTF-8"
          type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.breadcrumb.js" charset="UTF-8"
          type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.validate.js" charset="UTF-8"
          type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/layer/layer.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.select.js" charset="UTF-8" type="text/javascript"></script>
  <script src="<%=basePath %>js/jstree/jstree.min.js"></script>
  <script src="<%=basePath %>js/jquery.toaster.js"></script>
  <script>
    var contextPath = '<%=basePath %>';
  </script>
  <title>短信查询</title>
</head>
<body>

<!-- 头部 -->
<div id="head">
</div>
<!-- 右侧具体内容 -->
<div id="content">

  <div id="breadcrumb">
    <a href="#" title="Go to Home" class="tip-bottom"><i
            class="icon-home"></i> Home</a> <a href="#" class="current">查询验证码短信</a>
  </div>

  <div class="container-fluid">


    <div class="widget-box">
      <div class="widget-title">
        <h5>短信查询</h5>
      </div>
      <div class="widget-content nopadding">
        <div class="widget-title" style="height: 53px;">
          <div>
            <div class="form-inline" role="form" id="inBoxQueryDiv"
                 style=" margin-top: 12px;margin-left: 25px;float: left;">
              <div class="input-group" style="float: left;">
                <span class="input-group-addon">手机号码:</span>
                <input type="text" id="workid" name="workid" class="form-control" placeholder=""/>
              </div>
              <button id="searchBtn" class="btn btn-primary" style="margin-left: 18px;">搜索</button>
            </div>
          </div>
        </div>
        <div id="jobsTable">

        </div>
      </div>
    </div>
  </div>
</div>
<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
<script>
  $("#li_other").addClass("active open");
  $("#li_sms").addClass("active");
</script>
<script>

  $(function () {
    //加载表格
    $("#jobsTable").table({
      columnAutoWidth: false,
      url: contextPath +"sms/getSmsLog",
      striped: true,
      title: "短信列表",
      dataType: "json",
      loadFilter: function (data) {
        return defaultLoadFilter(data);
      },
      columns: [ {
        title: "手机号码",
        field: "mobile",
        width: "10%"
      }, {
        title: "服务商",
        field: "firstService",
        formatter : function(value, rowData, rowIndex) {
          if(value == '8'){
            return '玄武';
          }else if(value == '13'){
            return '移通';
          } else if(value == '24'){
            return '玄武400';
          }else{
            return '国都'
          }
        },
        width: "10%"
      },{
        title: "业务类型",
        field: "templateName",
        width: "10%"
      }, {
        title: "发送内容",
        field: "content",
        width: "35%"
      },{
        title: "发送结果",
        field: "firstServiceStatus",
        formatter : function(value, rowData, rowIndex) {
          if(value == '1'){
            return '成功';
          }else{
            return '失败';
          }
        },
        width: "15%"
      },{
        title: "时间",
        field: "createTime",
        formatter : function(value, rowData, rowIndex) {
          return new Date(parseInt(value)).toLocaleString().replace(/:\d{1,2}$/,' ');
        },
        width: "20%"
      }]
    });

  });

  //点击查询按钮
  $("#searchBtn").click(function () {
    var mobile = $("#workid").val();
    $("#jobsTable").table("load", {
      'mobile': mobile
    });
  });

</script>