duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
							<!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 rel="stylesheet" href="./css/search.css" />
    <title>工单列表</title>
    
</head>

<body>
    <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>&gt;
                	<a href="javaScript:;">话务管理</a>&gt;
                	<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="box_content">
                <table id="sqzx" style="width: 100%" border="0">
                    <tbody>
                        <tr>
                        	<th>电话号码：</th>
                            <td><input id="tel" class="form-control" type="text" /></td>
                            <th>电话类别：</th>
                            <td>
                                <select class="form-control" id="phoneType">
                                    <option value="">请选择</option>
                                </select>
                            </td>
                            <td colspan="3">
                                <a class="sc_btn Ss">搜索</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div style="width: 100%;padding: 10px;">
            <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
                <thead>
                    <tr>
                        <th data-field="" data-align="center" data-formatter="Code">编号</th>
                        <th data-field="CallNumber" data-align="center" data-formatter="formatterCallNum">电话号码</th>
                        <th data-field="FilePath" data-formatter="setCode" data-align="center">录音</th>
                        <th data-field="CallState" data-formatter="states" data-align="center">呼叫状态</th>
                        <th data-field="UserCode" data-align="center">坐席工号</th>
                        <th data-field="UserName1" data-align="center">坐席姓名</th>
                        <th data-field="BeginTime" data-align="center">开始时间</th>
                        <th data-field="TalkStartTime" data-align="center">通话开始时间</th>
                        <th data-field="TalkEndTime" data-align="center">通话结束时间</th>
                        <th data-field="EndTime" data-align="center">结束时间</th>
                        <th data-field="CallNumber" data-align="center" data-formatter="operationFormatter">操作</th>
                    </tr>
                </thead>
                <tbody class="list"></tbody>
            </table>
        </div>
    </div>
    <script src="../js/guid.js"></script>
    <script src="../js/sm2/sm2.js"></script>
	<script src="../js/sm2/decrypt.js"></script>
	
    <script src="../js/utils/localStorageCache.js"></script>
    
    <script>
        var callId = helper.request.queryString("callId");
        $(document).ready(function () {
            load();
             // 电话类别
            getPhoneType($("#phoneType"));
        });
        //搜索  
        $(".Ss").click(function () {
            load();
        });
        //获取查询信息
        function load() {
            //先销毁表格
            $('#orderlist').bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            $("#orderlist").bootstrapTable({
                method: "get", //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "Callrecords/GetCallBackList", //获取数据的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,
                        phone:$("#tel").val(),
                        phoneType:$("#phoneType").val(),
                        token: $.cookie("token")
                    };
                    return param;
                },
                responseHandler: function (res) {
                    return {
                        "total": res.total,
                        "rows": res.rows,
                    }
                },
                onLoadSuccess: function (data) { //加载成功时执行
                },
                onLoadError: function () { //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
        }
        //音频
        function setCode(val) {
            if (val) {
                return '<div class="imgs">' +
                    '<img src="../img/vice.png" alt="" onclick="helper.luyin.view(this)" item="' + val + '" />' +
                    '</div>';
            } else {
                return '';
            }
        }
        //编号
        function Code(val, row, index) {
            return index + 1;
        }
        // 电话号码
        function formatterCallNum(val, row) {
            var phoneNumber
            var callNumber = decryptFn(row.CallNumberShow)
            if (callNumber.length === 12) {
                callNumber = callNumber.slice(1)
            } else if (callNumber.length === 13) {
                callNumber = callNumber.slice(2)
            } else {
                callNumber = callNumber
            }
            if (callNumber) {
	            return '<a class="operation" onclick="backDial(\'' + callNumber + '\',\'' + row.CallId +'\')" title="">'+
	            '<img src="../img/phones.png" style="display:inline-block"></img>'+val+'</a>'
            }
        }
		function states(val, row) {
            if (val == 0) {
                if (row.CallType == 0 && !row.UserCode) {
                    return '<div class="imgs">主动放弃</div>';
                } else {
                    return '<div class="imgs">未接通</div>';
                }
            } else if (val == 1) {
                return '<div class="imgs">已接通</div>';
            } else if (val == 2) {
                return '<div class="imgs">接通未达</div>';
            }
        }
		// 操作
        function operationFormatter(val) {
        	// CallType ===0呼入    row.CallState ===0 未接通
        	if (val) {
	            return '<a class="operation" onclick="updateCallback(\'' + val + '\')" title="">无需回拨</a>'
            }
        }
		function  updateCallback(phone){
			$.ajax({
		        type: "get",
		        url: huayi.config.callcenter_url + "Callrecords/UpdateCallbackid",
		        async: true,
		        dataType: "json",
		        data: {
		            token: $.cookie("token"),
		            phone:phone,
		            type:1
		        },
		        success: function (result) {
		            if (result.state.toLowerCase() == "success") {
		            	load();
		            }
		        },
		    });
		}
		// 外呼
        function backDial(phoneNumber, callId) {
            $.ajax({
                type: "get",
                url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
                async: true,
                dataType: "json",
                data: {
                    token: $.cookie("token"),
                    phone: phoneNumber,
                },
                success: function (result) {
                    if (result.state.toLowerCase() == "success") {
                    	top.callbackState = true
                        var guid = uuid();
                        top.obj.Type = "MakeCall";
                        top.obj.DestinationNumber = result.data.phone;
                        top.obj.Header = result.data.fix;
                        top.obj.TaskType = "2"; //0:拨号外呼；1:未接来电外呼；2:回访外呼
                        top.obj.TaskPhoneID = callId; //回访的电话ID
                        top.obj.TaskID = guid; //回访记录编号
                        top.obj.Callee = phoneNumber; //被叫号码
                        top.obj.Caller = $.cookie("extno"); //操作人分机号
                        top.Send();
                    }
                },
            });
        }
		//	电话类别
		function getPhoneType(obj) {
			obj.empty();
			obj.append('<option selected="selected" value="">请选择</option>');
			cacheManager.fetchData('Dictionary2498',"Dictionary/GetDicValueListById",{id: 2498 }).then(data => {
				var content = data.data;
				$(content).each(function(i, n) {
					$("<option value='" +n.F_Value +"'>" +n.F_Value +"</option>").appendTo(obj);
				});
			}).catch(error => {
				console.log('Dictionary2498加载失败' + error.message, '2498');
			});	
		}
    </script>
</body>

</html>