zhangkun
/
ditie2.0_web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							@using YTSoft.BaseCallCenter.MVCWeb.Models;
@using YTSoft.BaseCallCenter.Model;
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>工单列表</title>

    <link href="/Content/layui/css/layui.css" rel="stylesheet" />
    <link href="/Content/css/public.css" rel="stylesheet" />
    <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
    <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
    <script src="/Content/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/Content/layui/layui.js"></script>
    <link href="/Content/css/callrecord/iconfont.css" rel="stylesheet" />

    <script src="~/Content/layui/loading.js"></script>
    <link href="~/Content/css/workorder/loading.css" rel="stylesheet" />

    <script src="/Content/dist/echarts.js" type="text/javascript"></script>
    <script src="/Content/dist/theme/dahua.js" type="text/javascript"></script>
    <script src="~/Content/js/Report/GetDate.js"></script>
</head>
<body class="childrenBody">

    <div class="layui-fluid" style="height: calc(100% - 35px)">
        <div class=" layui-col-space15" style="height:100%">

            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space10 searchfilter">
                        <div class="layui-col-md7">
                            <div class="layui-row layui-col-space10">
                                <div class="layui-col-xs6">
                                    <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneWeek">最近一周</button>
                                    <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneMonth">最近一月</button>
                                    <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneYear">最近一年</button>
                                </div>
                                <div class="layui-col-xs6">
                                    <label class="layui-form-label">
                                        来电日期：
                                    </label>
                                    <div class="layui-input-block">
                                        <input type="text" class="layui-input dayParty" id="test10" style="width: 300px; max-width: 300px; " placeholder=" - " value="@Model.NowDate">
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="layui-col-md5">
                            <button class="layui-btn layui-btn-normal layui-btn-normal" data-type="reload">
                                <i class="layui-icon">&#xe615;  查 询</i>
                            </button>


                            @*<button class="layui-btn layui-btn-normal layui-btn-normal" id="ExToExcel">
                                    <i class="fa fa-file-excel-o">导出数据</i>
                                </button>*@
                        </div>
                    </div>
                </div>

            </div>


            <div class="layui-card layui-form" style="position: absolute; top: 80px; bottom: 5px; width: calc(100% - 30px);">

                <div class="layui-tab layui-tab-card" style="height:100%">
                    <ul class="layui-tab-title">
                        <li class="layui-this">数据</li>
                        <li>图表</li>

                    </ul>
                    <div class="layui-tab-content" style="height: 100%; width: calc(100% -10px)">
                        <div class="layui-tab-item layui-show">

                            <table class="layui-table" lay-data="{height: 'full-220',url:'/Report/CallTimeMathData/?NowDateTime=@Model.NowDateTime', id:'recordtable'}" lay-size="sm" lay-filter="demo">
                                <thead>
                                    <tr>
                                        <th lay-data="{field:'坐席工号',align:'center', width:160,sort:true}">坐席工号</th>
                                        <th lay-data="{field:'坐席姓名',align:'center', width:120,sort:true}">坐席姓名</th>
                                        <th lay-data="{field:'总通话次数',align:'right', width:120,sort:true, templet: '#btnzthcs'}">总通话次数</th>
                                        <th lay-data="{field:'接听电话次数',align:'right', width:120,sort:true, templet: '#btnjtcs'}">接听电话次数</th>
                                        <th lay-data="{field:'呼出电话次数',align:'right', width:120,sort:true, templet: '#btnhccs'}">呼出电话次数</th>
                                        <th lay-data="{field:'通话总时长',align:'right', width:120,sort:true}">通话总时长(S)</th>
                                        <th lay-data="{field:'接通率',align:'right', width:120,sort:true}">接通率</th>
                                        <th lay-data="{field:'流失率',align:'right', width:120,sort:true}">流失率</th>
                                        <th lay-data="{field:'平均通话时长',align:'right', width:120,sort:true}">平均通话时长(S)</th>

                                    </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="layui-tab-item" id="divimagereport" style="width:1000px;height:600px;">

                        </div>

                    </div>
                </div>

                <img id="progressImgage" class="progress hide" alt="" src="@Url.Content("~/Content/images/ajax-loader.gif")" />
                <div id="maskOfProgressImage" class="mask hide"></div>
            </div>


        </div>
    </div>
    <script src="~/Content/js/Report/CallTimeMath.js"></script>
    <script type="text/html" id="btnzthcs">
        {{# var dateParty = document.getElementById("test10").value; }}
        <a onclick="OpenRecordDataList('{{dateParty}}','全部话务', {{d.坐席工号}},'' );" style="color:blue; cursor:pointer;">{{d.总通话次数}}</a>
    </script>
    <script type="text/html" id="btnjtcs">
        {{# var dateParty = document.getElementById("test10").value; }}
        <a onclick="OpenRecordDataList('{{dateParty}}','接听电话次数', {{d.坐席工号}},'0' );" style="color:blue; cursor:pointer;">{{d.接听电话次数}}</a>
    </script>
    <script type="text/html" id="btnhccs">
        {{# var dateParty = document.getElementById("test10").value; }}
        <a onclick="OpenRecordDataList('{{dateParty}}','呼出电话次数', {{d.坐席工号}},'1' );" style="color:blue; cursor:pointer;">{{d.呼出电话次数}}</a>
    </script>
    <script type="text/javascript">
        function OpenRecordDataList(dateParty, name, linkman, calltype) {
            layer.open({
                type: 2,
                anim: 4,
                scrollbar: false,
                content: '/WorkOrder/WorkOrderAllListShow/?linkman=' + linkman + '&dateParty=' + dateParty + '&calltype=' + calltype,
                area: ['90%', '90%'],
                id: 'WorkOrderAllListShow',
                title: '话务量数据-' + name

            });
        }
    </script>
</body>

</html>