yuqian
/
ZYKJ_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374
							<!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" type="text/css" href="../js/layui/css/layui.css" />
    <title>任务结果查询</title>
    <style type="text/css">
        body {
            color: #000;
            font-family: 'Open Sans';
            font-size: 13px;
        }

        .m-kuang {
            width: 134px;
            background-color: #ffffff;
            background-image: none !important;
            filter: none !important;
            border: 1px solid #e5e5e5;
            outline: none;
            height: 34px !important;
            line-height: 30px;
            padding: 4px 6px;
        }

        .zt, .cz {
            display: block;
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .zt {
            background: url(../img/bf1.png) no-repeat;
        }

        .cz {
            background: url(../img/sz1.png) no-repeat;
        }

        .jia {
            display: inline-block;
            height: 16px;
            width: 16px;
            background: url(../img/jia.png) no-repeat;
            vertical-align: sub;
            margin-right: 3px;
        }

        .tool {
            margin: 20px 0;
        }

        .searchbox input {
            width: 99%;
            height: 98%;
            border: 0;
            outline: none;
            padding-left: 10px;
        }

        .secon {
            width: 100%;
            height: 34px;
        }

        .secl {
            width: 84%;
            display: inline-block;
            height: 100%;
            margin: 0;
            border: 1px solid #eee;
        }

        .stb {
            display: block;
            width: 10%;
            background-color: #1ab394;
            background-image: url(../img/sear1.png);
            background-position: center center;
            background-repeat: no-repeat;
            height: 100%;
            float: left;
            border: 0;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .cz_down {
            position: absolute;
            top: 130%;
            left: -42px;
            z-index: 9999;
            display: none;
            float: left;
            list-style: none;
            text-shadow: none;
            margin: 0px;
            background: #fff;
            border: 1px solid #e5e5e5;
            text-align: left;
            padding: 5px;
        }

            .cz_down li > a {
                padding: 6px 0 6px 13px;
                color: #333;
                text-decoration: none;
                display: block;
                clear: both;
                font-weight: normal;
                line-height: 18px;
                white-space: nowrap;
            }

            .cz_down li:hover {
                background: #eee;
            }

            .cz_down .divider {
                height: 1px;
                margin: 9px 1px;
                overflow: hidden;
                background-color: #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
            }

        .ztColor {
            padding: 2px;
            color: #fff;
        }

        .taskName {
            cursor: pointer;
        }

        .ztc {
            background: #fcb322;
        }

        .clw {
            background: #3cc051;
        }

        .clz {
            background: #57b5e3;
        }

        .dzx {
            background: #ed4e2a;
        }

        .ysc {
            background: #ef2e18;
        }
    </style>
</head>
<body>
    <div class="container-fluid">
        <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:;" style="color: #000;">任务结果查询</a>
                </sapn>
            </div>
        </div>
        <div class="tcon">
            <div class="tool clearfix">
                <div class="searchbox col-sm-2">
                    <b>外呼任务</b>
                    <select name="" id="" class="m-kuang taskselect"></select>
                </div>
                <div class="searchbox col-sm-2">
                    <div class="secon">
                        <b>号码</b>
                        <p class="secl"><input type="text" placeholder="号码" class="phone" /></p>
                    </div>
                </div>
                <div class="searchbox col-sm-2">
                    <b>是否分配</b>
                    <select name="" id="" class="m-kuang allotselect">
                        <option value="-1">全部</option>
                        <option value="0">未分配</option>
                        <option value="1">已分配</option>
                    </select>
                </div>
                <div class="searchbox col-sm-2">
                    <b>呼叫状态</b>
                    <select name="" id="" class="m-kuang callselect">
                        <option value="-1">全部</option>
                        <option value="0">未呼叫</option>
                        <option value="1">已呼叫</option>
                    </select>
                </div>
                <div class="searchbox col-sm-2">
                    <b>接通状态</b>
                    <select name="" id="" class="m-kuang connectselect">
                        <option value="-1">全部</option>
                        <option value="0">未接通</option>
                        <option value="1">已接通</option>
                    </select>
                </div>
                <hr />
                <div class="searchbox col-sm-2">
                    <b>呼叫结果</b>
                    <select name="" id="" class="m-kuang hjjgselect"></select>
                </div>
                <div class="searchbox col-sm-2">
                    <b>用户反馈</b>
                    <select name="" id="" class="m-kuang yhfkselect"></select>
                </div>
            </div>
            <div class="anniu" style="margin: 20px 0;">
                <button class="btns search"><i class="fa fa-search"></i>查询</button>
                <!--<button class="btns"><i class="fa fa-sign-in"></i>导出</button>-->
            </div>
            <table class="layui-hide" id="table1"></table>
        </div>
    </div>
    <script src="../js/layui/layui.js"></script>
    <script>
        var sear;
        var token = $.cookie("token");

        //搜索功能
        $('.search').click(function () {
            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;
                $('.taskselect').append('<option value="-1">全部</option>');

                $(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") {
                    $('.hjjgselect').append('<option value="-1">全部</option>');
                    $(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") {
                    $('.yhfkselect').append('<option value="-1">全部</option>');
                    $(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(),
                    //id: 14,
                    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;
                        recordCount = returnValue.data.recordcount;
                        //加载头部

                        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;
                            var laypage = layui.laypage;
                            //展示已知数据
                            table.render({
                                elem: '#table1',
                                cols: [colsData],
                                data: arrData,
                                //skin: 'line', //表格风格
                                even: true,
                                page: true //是否显示分页
                                , limits: [20]
                                , limit: 20 //每页默认显示的数量
                                , curr: 1

                            });

                            laypage.render({
                                count: recordCount
                            });
                        });
                    } else {
                        //console.log(returnValue.message);
                    }
                },
            });
        }
    </script>
</body>

</html>