zhaozhiqiang
/
YH_Web_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
							<!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" />
    <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="clearfix form-inline">
                	<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="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 id="table1" data-row-style="rowStyle" data-classes="table" data-query-params="queryParams">
                <thead>
                    <tr>
                        <th data-field="phone" data-align="center" data-formatter="Code">序号</th>
                        <th data-field="Goods_Id" data-align="center">项目编号</th>
	                    <th data-field="TaskId" data-align="center">外呼任务ID</th>
                        <th data-field="id" data-align="center">号码Id</th>
                        <th data-field="phone" data-align="center" data-formatter="showDetail">号码</th>
                        <th data-field="agent" data-align="center">分配坐席</th>
                        <th data-field="SalePrice" data-align="center">价格</th>
                        <th data-field="isallot" data-align="center">分配状态</th>
                        <th data-field="iscalled" data-align="center">呼叫状态</th>
                        <th data-field="isconnected" data-align="center">接通状态</th>
                        <th data-field="hjjg" data-align="center">呼叫结果</th>
                        <th data-field="yhfk" data-align="center">结果反馈</th>
                        <th data-field="createtime" data-align="center">导入时间</th>
                        <th data-field="lastcalltime" data-align="center">呼出时间</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <script src="../Script/Common/regexs.js"></script>
    <script>
        var sear;
        var token = $.cookie("token");
        var table = $('#table1');
        //搜索功能
        $('#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) {
                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() {
            //先销毁表格
            table.bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            table.bootstrapTable({
                method: "get", //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "CallPlan/GetMyPhoneList",
                contentType: "application/x-www-form-urlencoded", striped: true,
                striped: true, //表格显示条纹
                pagination: true, //启动分页
                pageSize: 25, //每页显示的记录数
                pageNumber: 1, //当前第几页
                pageList: [25, 50], //记录数可选列表
                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,
                        token: token,
                        id: $('#taskselect').val(),
                        phone: $("#phone").val(),
                        fpstate: $("#allotselect").val(),
                        hcstate: $("#callselect").val(),
                        yjstate: $("#connectselect").val(),
                        userid: $("#agentselect").val(),
                        requesttype: 2,
                        yhfkid: $("#yhfkselect").val(),
                        hjjgid: $("#hjjgselect").val()
                    };
                    return param;
                },
                onLoadSuccess: function () { //加载成功时执行
                    //layer.msg("加载成功");
                },
                onLoadError: function () { //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
        }

        //编号
        function Code(val, row, index) {
            return index + 1;
        }

        //电话
        function showDetail(val, row) {
            return '<div class="imgs" onclick= detail(' + row.id + ',' + row.phone + ')>' +
                '<img src="../img/vice.png" />' + val + '' +
                '</div>';
        }
        function detail(id, phone) {
            layer.open({
                type: 2,
                content: "../clickcall/DetailsCannotCall.html?wid=" + id + "&phone=" + phone, //iframe的url，no代表不显示滚动条
                title: '详情',
                area: ['45%', '55%'], //宽高
            });
        }


    </script>
</body>

</html>