zhengbingbing
/
WuGang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的任务结果</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link href="../css/Table/table1.css" rel="stylesheet" />
    <link href="../css/init.css" rel="stylesheet" />
    <script src="../js/laydate/laydate.js"></script>
    <style>
        table td {
            word-break: break-all;
            word-wrap: break-word;
        }

        #STime {
		    background-color: #FFF;
		    background-image: none;
		    border: 1px solid #e5e6e7;
		    border-radius: 1px;
		    color: inherit;
		  	padding: 2px 2PX 2PX 10PX;
		} 
		.x-color{
			height: 34px;
			line-height: 34px;
			width: 240px;
		}
        
        .seach-box ul li{
        	line-height: 20px;
        } 
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
    	 <div class="daoHang clearfix">
				<div class="dhLeft" >
					<sapn><i class="syIcon"></i>位置：<a   id="ReIndex">首页</a>&gt;<a href="javaScript:;">外呼计划</a>&gt;<a href="" style="color: #000;">我的任务结果</a></sapn>
				</div>
			</div>
        <div class="th-box">
            <div class="th-bar">
               
                <div class="seach-box ">
                    <ul>
                        <li>关键字：<input class="photo x-color" type="text" id="key" placeholder="请输入电话号码"/></li>
                        <li>呼叫结果：
                        <select name="" class="photo" id="hjjgid"></select>
                        </li>
                        <li style="margin-left: 30px;">开始时间：<input class=" x-color  laydate-icon" type="text" id="STime" /></li>
                        <!--<li>用户反馈：
                        <select name="" class="photo" id="yhfkid"></select>
                        </li>-->
                        <li>
                            <a class="sc_btn  Block" id="sc_btns">搜索</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="state" data-checkbox="true"></th>
                        <th data-field="F_Phone" data-align="center"data-formatter="Code">号码</th>
                        <th data-field="F_UserName" data-align="center">分配坐席</th>
                        <th data-field="F_HJJGName" data-align="center">呼叫结果</th>
                        <th data-field="ExpandDatField1" data-align="center">调查时间</th>
                        <!--<th data-field="F_YHFKName" data-align="center">用户反馈</th>-->
                    </tr>
                </thead>
                <tbody id="tbody"></tbody>
            </table>
        </div>
    </div>

    <script>
        
        $(document).ready(function () {
        	initTable();
        	GetHJJG() ;//呼叫结果
        	//GetYHFK();//用户反馈
            $("#sc_btns").click(function () {          	
                initTable();
                
            });

        })
         laydate.render({
			elem: '#STime',
			range: '~',
//					type: 'datetime',
			//max : 31,
//					min: 0,
			theme: '#00a1cb',
		});
        function initTable() {
            //先销毁表格
            $('#list').bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            $("#list").bootstrapTable({
                method: "get",  //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "CallOutPlan/GetMyResultList", //获取数据的Servlet地址
                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 = {
                        pageindex: params.pageNumber,
                        pagesize: params.pageSize,
                        key: $("#key").val(),
                        sdate:$('#STime').val().split('~')[0],//
						edate:$('#STime').val().split('~')[1],///
                      	hjjgid:$("#hjjgid").val(),//呼叫结果ID
						//yhfkid:$("#yhfkid").val(), //用户反馈ID
                        token: $.cookie("token")
                    };
                    return param;
                },
                onLoadSuccess: function () {  //加载成功时执行
                    //layer.msg("加载成功");
                },
                onLoadError: function () {  //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
        }


       //获取呼叫结果
function GetHJJG() {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url +"Dictionary/GetDicValueListByFlag",
		dataType: 'json',
		data: {
			flag: 'HJJG',
			token: $.cookie("token")
		},
		async: true,
		success: function(data) {
			var Count = data.data;
			$("<option value=''>--全部--</option>").appendTo($("#hjjgid"));
			for(var i = 0; i < Count.length; i++) {
				console.log(Count[i].F_UserName);
				$("<option value='" + Count[i].F_DictionaryValueId + "'>" + Count[i].F_Name + "</option>").appendTo($("#hjjgid"));
				
			}
		}
	});
}
//用户反馈
function GetYHFK() {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url +"Dictionary/GetDicValueListByFlag",
		dataType: 'json',
		data: {
			flag: 'YHFK',
			token: $.cookie("token")
		},
		async: true,
		success: function(data) {
			var Count = data.data;
			$("<option value=''>--全部--</option>").appendTo($("#yhfkid"));
			for(var i = 0; i < Count.length; i++) {
				console.log(Count[i].F_UserName);
				$("<option value='" + Count[i].F_DictionaryValueId + "'>" + Count[i].F_Name + "</option>").appendTo($("#yhfkid"));
				
			}
		}
	});
}
 function Code(val,row){
     	return'<div><a onclick="XX('+row.F_Id+')">'+row.F_Phone+'</a></div>'
   
     }
  //详情
      function XX(str){
      	console.log(str);
      	  	 		layer.open({
		type: 2,
		content: "../OutboundMessage/LookMessages.html?Str="+str, //iframe的url，no代表不显示滚动条
		title: '任务信息',
		maxmin: true, //开启最大化最小化按钮
     	id: 'LAY_layuipro1',//防止重复弹出
		area: ['86%', '88%'], //宽高
	});
      }
    </script>

</body>

</html>