duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
							<!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 href="../css/layer/need/layer.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <title>通话记录</title>
</head>

<body>
    <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="CallType" data-formatter="callType" data-align="center">呼叫方向</th>
                        <!--<th data-field="DealType" data-formatter="dealType" data-align="center">是否回访</th>-->
                        <th data-field="CallState" data-formatter="states" data-align="center">呼叫状态</th>
                        <th data-field="ActionType" data-formatter="ActionType" data-align="center">呼叫类型</th>
                        <th data-field="TypeName" data-align="center">通话类型</th>
                        <th data-field="MYD" data-align="center" data-formatter="MYD">满意度</th>
                        <th data-field="UserCode" data-align="center">坐席工号</th>
                        <th data-field="UserName1" data-align="center">坐席姓名</th>
                        <th data-field="ExtNumber" 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="TalkLongTime" data-align="center" data-formatter="ftime">通话时长</th>
                        <th data-field="RingLongTime" data-align="center" data-formatter="ftime">振铃时长</th>
                        <th data-field="LongTime" data-align="center" data-formatter="ftime">总时长</th>
                        <th data-field="PhoneType" data-align="center">电话类别</th>
                    </tr>
                </thead>
                <tbody class="list"></tbody>
            </table>
        </div>
    </div>
    <script>
        var mobile = helper.request.queryString("mobile");
        $(document).ready(function () {
            load();
        });
        //获取查询信息
        function load() {
            //先销毁表格
            $('#orderlist').bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            $("#orderlist").bootstrapTable({
                method: "get", //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "Callrecords/GetList", //获取数据的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: mobile, // 手机
                        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 serialNumber(val, row, index) {
            return index + 1;
        }

                //音频
                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) {
            if (val.length === 12) {
                return val.slice(1)
            } else if (val.length === 13) {
                return val.slice(2)
            } else {
                return val
            }
        }

        //方向呼出
        function callType(val) {
            if (val == 0) {
                return '<div class="imgs">呼入</div>';
            } else {
                return '<div class="imgs">呼出</div>';
            }
        }
        //满意度
        function MYD(val, row) {
            var html = '';
            switch (val + '') {
                case '0':
                    html = '未评价';
                    break;
                case '1':
                    html = '满意';
                    if (row.CallState == 0) {
                        html = '';
                    }
                    break;
                case '2':
                    html = '一般';
                    break;
                case '3':
                    html = '不满意';
                    break;
            }
            return html;
        }

        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 ActionType(val) {
            if (val == 2) {
                return '<div class="imgs">转移</div>';
            } else if (val == 3) {
                return '<div class="imgs">三方通话</div>';
            } else {
                return '<div class="imgs">正常通话</div>';
            }
        }

        //处理
        function isDeal(val) {
            if (val == 0) {
                return '<div >未处理</div>';
            } else {
                return '<div >已处理</div>';
            }
        }

        function ftime(val) {
            if (val) {
                return helper.DateFormat.getFormatTime(val);
            } else {
                return '';
            }
        }
    </script>
</body>

</html>