yuqian
/
ZYKJ_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356
							<!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" />
    <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">
                    <b>获取条数</b>
                    <select name="" id="" class="m-kuang countselect">
                        <option value="10">10</option>
                        <option value="20">20</option>
                        <option value="50">50</option>
                    </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>-->
            </div>
            <div class="anniu" style="margin: 20px 0;">
                <button class="btns search"><i class="fa fa-search"></i>查询</button>
                <button class="btns allot"><i class="fa fa-sign-in"></i>获取号码</button>
                <!--<button class="btns"><i class="fa fa-sign-in"></i>导出</button>-->
            </div>
            <table id="table1" data-row-style="rowStyle" data-classes="table table-no-bordered" data-query-params="queryParams" data-height="600">
                <thead>
                    <tr>
                        <th data-field="phone" data-align="center" data-formatter="Code">序号</th>
                        <th data-field="taskname" data-align="left">外呼计划</th>
                        <th data-field="id" data-align="left">号码Id</th>
                        <th data-field="phone" data-align="left" data-formatter="showDetail">号码</th>
                        <th data-field="agent" data-align="left">分配坐席</th>
                        <th data-field="iscalled" data-align="left">呼叫状态</th>
                        <th data-field="isconnected" data-align="center">接通状态</th>
                        <th data-field="createtime" data-align="center">导入时间</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <script>
        var sear;
        var token = $.cookie("token");
        var table = $('#table1');
        //搜索功能
        $('.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>');
                })
            }
        });
        $('.allot').click(function () {
            $.ajax({
                type: "get",
                url: huayi.config.callcenter_url + "CallPlan/AllotPhoneList",
                async: true,
                dataType: 'json',
                data: {
                    token: token,
                    id: $('.taskselect').val(),
                    count: $('.countselect').val()
                },
                success: function (data) {
                    if (data.state == 'success') {
                        layer.msg(data.message);
                        table.bootstrapTable('refresh');
                    }
                }
            });
        });
        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: 1
                    };
                    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/Details.html?wid=" + id + "&phone=" + phone, //iframe的url，no代表不显示滚动条
                title: '详情',
                area: ['45%', '80%'], //宽高
                cancel: function (index, layero) {
                    initTable();
                }
            });
        }


    </script>
</body>

</html>