zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../css/init.css" />
    <link href="../css/Table/table1.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../js/layui/css/layui.css" />
    <title>任务结果查询</title>

</head>
<body class="gray-bg">
    <div class="daoHang clearfix">
        <div class="dhLeft">
            <sapn>
                <i class="syIcon"></i>位置：
                <a id="ReIndex" href="javaScript:;">首页</a>&gt;
                <a href="javaScript:;">外呼任务管理</a>&gt;
                <a href="javaScript:;">点击外呼管理</a>&gt;
                <a href="javascript:location.reload()" class="now_position">任务结果查询</a>
            </sapn>
        </div>
    </div>
    <div class="container-fluid wrapper wrapper-content animated fadeInRight">
        <div class="th-box">
            <div class="th-bar">
                <div class="form-inline clearfix">
                	<div class="form-group">
						<select class="form-control" id="taskselect">
							<option value="-1">请选择外呼任务</option>
						</select>
					</div>
                	<div class="form-group">
						<select class="form-control" id="countselect">
							<option value="0">请选择获取条数</option>
							<option value="10">10</option>
	                        <option value="20">20</option>
	                        <option value="50">50</option>
						</select>
					</div>
                	<div class="form-group">
						<select class="form-control" id="allotselect">
							<option value="-1">请选择是否分配</option>
							<option value="0">未分配</option>
                        	<option value="1">已分配</option>	
						</select>
					</div>
                	<div class="form-group">
						<select class="form-control" id="callselect">
							<option value="-1">请选择呼叫状态</option>
							<option value="0">未呼叫</option>
                        	<option value="1">已呼叫</option>	
						</select>
					</div>
                	<div class="form-group">
						<select class="form-control" id="connectselect">
							<option value="-1">请选择接通状态</option>
							<option value="0">未接通</option>
                        	<option value="1">已接通</option>	
						</select>
					</div>
                	<div class="form-group">
						<select class="form-control" id="hjjgselect">
							<option value="-1">请选择呼叫结果</option>
						</select>
					</div>
                	<div class="form-group">
						<select class="form-control" id="yhfkselect">
							<option value="-1">请选择用户反馈</option>
						</select>
					</div>
                	
                	<div class="form-group time-box">
				    	<i class="tub fa fa-search"></i>
				    	<input type="text" class="form-control" id="phone" placeholder="请输入查询号码">
				  	</div>
	                <div class="form-group pull-right">
	                    <input type="button" class="btn_gray form-control" id="search" value="搜索" />
	                </div>
                </div>
            </div>
        </div>
        <div style="width: 100%;">   
            <table class="layui-hide" id="table1"></table>
        </div>
    </div>
    <script src="../js/layui/layui.js"></script>
    <script src="../Script/Common/regexs.js"></script>
    <script>
        var sear;
        var token  = $.cookie("token");
        
        //搜索功能
        $('#search').click(function () {
            if (!regexs.phone.test($.trim($("#phone").val()))) {
	            layer.confirm('请输入有效的号码', {
	                icon: 2,
	                btn: ['确定'] //按钮
	            });
	            return;
	        }
            initTable();
        });
        //外呼任务下拉
        $.ajax({
            type: "get",
            url: huayi.config.callcenter_url + "CallPlan/GetMyCallPlan",
            async: true,
            dataType: 'json',
            data: {
                token: token
            },
            success: function (data) {
            	//debugger;
                var con = data.data;
                $(con).each(function (i, n) {
                    $('#taskselect').append('<option value="' + n.id + '">' + n.name + '</option>');
                })
            }
        });
        //呼叫结果下拉
        $.ajax({
            type: "post",
            url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
            async: true,
            dataType: 'json',
            data: {
                token: token,
                flag: 'HJJG',
            },
            success: function (data) {
                if (data.state.toLowerCase() == "success") {
                    $(data.data).each(function (i, n) {
                        $('#hjjgselect').append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
                    })
                }
            }
        });
		//用户反馈下拉
        $.ajax({
            type: "post",
            url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
            async: true,
            dataType: 'json',
            data: {
                token: token,
                flag: 'YHFK',
            },
            success: function (data) {
                if (data.state.toLowerCase() == "success") {
                    $(data.data).each(function (i, n) {
                        $('#yhfkselect').append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
                    })
                }
            }
        });

//      initTable()
        function initTable() {
          	var colsData =[];
    		var arrData = [];
          	$.ajax({
				url: huayi.config.callcenter_url + 'CallPlan/GetPhoneResult',
				type: 'get',
				data: {
				   	id: $('#taskselect').val(),//外呼任务
				    phone: $("#phone").val(),//号码
				    fpstate: $("#allotselect").val(),//是否分配
				    hcstate: $("#callselect").val(),//呼叫状态
				    yjstate: $("#connectselect").val(),//接通状态
				    userid: $("#agentselect").val(),
				    requesttype: 3,
				    yhfkid: $("#yhfkselect").val(),//
				    hjjgid: $("#hjjgselect").val(),
				    token: token,
				},
				dataType: "json",
				async: true,
				success: function (returnValue) {
					//异步获取数据
					if(returnValue.data){
						var theadData = returnValue.data.headlist ,
						theadDataLength = theadData.length,
						resultData1 = returnValue.data.datalist,
						resultData1Length = resultData1.length;
						//加载头部
						
						for(var i = 0; i < theadDataLength; i++){
							var obj1 = {};
							obj1['field'] = 'items'+ i;
							obj1['title'] = theadData[i];
							colsData.push(obj1);
						}
						//console.log(colsData);
						for(var x = 0; x < resultData1Length; x++){
							var temData = resultData1[x],
								temLength = resultData1[x].length,
								obj={};
							for(var y = 0; y < temLength; y++){
								obj['items'+ y +''] = temData[y];
							}
							arrData.push(obj);
						}
						//console.log(arrData);	
						//debugger;
						layui.use('table', function(){
						  	var table = layui.table;
						  	//展示已知数据
						  	table.render({
						    	elem: '#table1',
						    	cols: [colsData],
						    	data: arrData,
							    //skin: 'line', //表格风格
							    even: true,
							    page: true //是否显示分页
							    //,limits: [5, 7, 10]
							    //,limit: 5 //每页默认显示的数量
							});
						});
					}else{
						//console.log(returnValue.message);
					}
				},
			});         
        }
    </script>
</body>

</html>