| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>上行短信列表</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href="../css/init.css" rel="stylesheet" />
- <script src="../Script/Common/huayi.load.js"></script>
- <script src="../Script/Common/huayi.config.js"></script>
- <link href="../css/Table/table1.css" rel="stylesheet" />
- <script src="../css/laydate/laydate.js"></script>
- </head>
- <style>
- .seach-box ul li{
- display: flex;
- line-height: 34px;
- }
- .seach-box ul li select{
- padding: 0px 12px;
- width: 150px;
- border: 1px solid #CCCCCC;
- }
- </style>
- <body class="gray-bg">
- <div class="wrapper wrapper-content animated fadeInRight">
- <div class="daoHang clearfix">
- <div class="dhLeft">
- <sapn><i class="syIcon"></i>位置：
- <a href="javaScript:;" id="ReIndex">首页</a>>
- <a href="javaScript:;">话务管理</a>>
- <a href="" class="nowPosition">上行短信列表</a>
- </sapn>
- </div>
- <div class="dhRight">
- <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
- </div>
- </div>
- <div class="th-box">
- <div class="th-bar">
- <div class="seach-box fr">
- <ul>
- <li>电话号码：<input class="photo x-color" type="text" id="tel" /></li>
- <li>开始时间：<input class="photo x-color laydate-icon" type="text" id="lysj" /></li>
- <li>结束时间：<input class="laydate-icon photo x-color " type="text" id="clsj" /></li>
-
- <li class="accept" style="display: none;">
- 受理状态：
- <select id="acceptance">
- <option value="">请选择</option>
- <option value="1">已受理</option>
- <option value="2">未受理</option>
- </select>
- </li>
- <li>
- <a class="sc_btn seach">搜索</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div style="width: 100%;padding: 10px;">
- <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
- <thead>
- <tr>
- <th data-field="CallerNum" data-align="center">电话号码</th>
- <th data-field="Content" data-align="center" >内容</th>
- <th data-field="RecvTime" data-align="center">接收时间</th>
-
- <th data-field="type" data-align="center" data-formatter="typeState" class="accept">受理状态</th>
-
- <th data-field="SMSID" data-formatter="dispose" data-align="center">操作</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- <script>
- var type = helper.request.queryString("type")
- $(document).ready(function() {
- /*日期选择*/
- laydate.skin('blue');
- //留言时间
- laydate({
- elem: '#lysj',
- event: 'focus',
- festival: true, //显示节日
- istime: true,
- format: 'YYYY-MM-DD hh:mm:ss'
- });
- //处理时间
- laydate({
- elem: '#clsj',
- festival: true, //显示节日
- event: 'focus',
- istime: true,
- format: 'YYYY-MM-DD hh:mm:ss'
- });
- /*查询*/
- $(".seach").click(function() {
- initTable();
- });
- initTable();
- if(type==="1"){
- $(".nowPosition").text("短信评议")
- $(".accept").hide()
- }else if(type==="2"){
- $(".nowPosition").text("短信受理")
- $(".accept").show()
- }
- })
- function dispose(val,row){
- // row.CallerNum
- if (!row.F_Name) {
- return '<a class="xg" onclick="addWorkOrder(' + val+","+row.CallerNum+')" title="添加工单">添加工单</a>';
- } else {
- return '<a class="xg" onclick="ckxq(\'' + row.F_Name + '\')" title="点击查看工单详情">' + row.F_Name + '</a>';
- }
- }
- function typeState(val,row){
- if (row.F_Name) {
- return "已受理"
- } else{
- return "未受理"
- }
- }
- // 添加工单
- function addWorkOrder(str,callerNum) {
-
- if (str) {
- var turnLink = "./Appeal/AddAppeal.html?SMSID=" + str+"&callerNum="+callerNum
- top.turnIframe(turnLink)
- }
- }
- // 查看工单详情
- function ckxq(str) {
- if (str) {
- layer.open({
- type: 2,
- content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
- title: '工单详情',
- area: ['100%', '100%'], //宽高
- });
- }
- }
- function initTable() {
- //先销毁表格
- $('#list').bootstrapTable('destroy');
- //初始化表格,动态从服务器加载数据
- $("#list").bootstrapTable({
- method: "get", //使用get请求到服务器获取数据
- url: huayi.config.callcenter_url + "SMS/GetRecvList", //获取数据的Servlet地址
- contentType: "application/x-www-form-urlencoded",
- striped: true, //表格显示条纹
- pagination: true, //启动分页
- pageSize: 10, //每页显示的记录数
- pageNumber: 1, //当前第几页
- pageList: [10, 20, 50, 100], //记录数可选列表
- search: false, //是否启用查询
- showColumns: false, //显示下拉框勾选要显示的列
- showRefresh: false, //显示刷新按钮
- sidePagination: "server", //表示服务端请求
- //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
- //设置为limit可以获取limit, offset, search, sort, order
- queryParamsType: "undefined",
- queryParams: function queryParams(params) { //设置查询参数
- var param = {
- page: params.pageNumber,
- pagesize: params.pageSize,
- type:type,
- tel: $("#tel").val(),
- str_type:$("#str_type").val(),
- starttime: $("#lysj").val(),
- endtime: $("#clsj").val(),
- acceptance:$("#acceptance").val(),
- state: 1, // 上行短信列表1 短信列表0
- token: $.cookie("token")
- };
- return param;
- },
- onLoadSuccess: function() { //加载成功时执行
- //layer.msg("加载成功");
- if(type==="1"){
- $(".accept").hide()
- }else if(type==="2"){
- $(".accept").show()
- }
- },
- onLoadError: function() { //加载失败时执行
- //layer.msg("加载数据失败", { time: 1500, icon: 2 });
- }
- });
- }
-
- </script>
- </body>
- </html>
|
