zhoufan
/
ZXDT_CallCenter


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
							@using ZXDT.CallCenter.MVCWeb.Models;
@using ZXDT.CallCenter.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" />
    <link href="/Content/css/callrecord/callrecord.css" rel="stylesheet" />
    <link href="/Content/css/workorder/eidtmyorder.css" rel="stylesheet" />
    <script src="/Content/layui/loading.js"></script>
    <link href="/Content/css/workorder/loading.css" rel="stylesheet" />

</head>
<body class="childrenBody">
    <blockquote class="layui-elem-quote layui-text" style="font-size: larger; display: none;">
        工单列表
    </blockquote>
    <input id="CallHour" type="text" hidden />
    <input id="linkman" type="text" hidden />
    <input id="calltype" type="text" hidden />
    <input id="ywtype" type="text" hidden />
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-body">
                <div class="layui-row layui-col-space10 searchfilter">
                    <div class="layui-col-md12">
                        <div class="layui-input-inline">
                            <div class="layui-input-inline">
                                <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=" - ">
                                </div>
                            </div>
                            <div class="layui-input-inline">
                                <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>
        </div>

        <div class=" layui-col-space15">
            <div class="layui-card layui-form">
                <div id="content" class="flowContent">
                    @* <table class="layui-table" lay-data="{height: 'full-120',page: true,limit:20, url:'/Report/CallInMatchDataList/?NowDateTime=@Model.NowDateTime&CallHour='+getUrlParam('CallHour')+'&dateParty='+getUrlParam('dateParty'), id:'recordtable' }" lay-size="sm" lay-filter="demo"> *@
                    <table class="layui-table" lay-data="{height: 'full-120',page: true,limit:20, url:'/Report/CallInMatchDataList/?NowDateTime=@Model.NowDateTime', id:'recordtable' }" lay-size="sm" lay-filter="demo">
                        <thead>
                            <tr>
                                <th lay-data="{type:'checkbox',  fixed: 'left'}"></th>
                                <th lay-data="{field:'F_ScaleResume', width:110,  fixed: 'left', templet: '#ScaleResume'}">标志</th>
                                <th lay-data="{field:'CallNumber', width:150,  fixed: 'left', templet: '#btnCallOut'}">电话号码</th>
                                <th lay-data="{field:'FilePath', width:60,align: 'center', fixed: 'left',templet:'#btnPlay'}">录音</th>
                                <th lay-data="{field:'CallType', align: 'center',width:90,  templet: '#callType'}">呼叫方向</th>
                                <th lay-data="{field:'CallState', width:90,  templet: '#callStatus'}">呼叫状态</th>
                                <th lay-data="{field:'BeginTimeNew',align: 'center',width:160}">开始时间</th>
                                <th lay-data="{field:'UserCode', align: 'center',width:90}">坐席工号</th>
                                <th lay-data="{field:'UserName', width:90}">坐席姓名</th>
                                <th lay-data="{field:'TalkStartTimeNew',align: 'center', width:160}">通话开始时间</th>
                                <th lay-data="{field:'TalkEndTimeNew',align: 'center', width:160}">通话结束时间</th>
                                <th lay-data="{field:'LongTime', align: 'right', width:120}">通话时长（S）</th>
                                <th lay-data="{field:'ywtype', width:80}">导航按键</th>
                                <th lay-data="{field:'BType', width:80}">业务按键</th>
                                @* <th lay-data="{field:'ywtype', width:80,  templet: '#F_Key'}">导航按键</th>
                                <th lay-data="{field:'BType', width:80,  templet: '#BusinessType'}">业务按键</th> *@
                            </tr>
                        </thead>
                    </table>
                </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/WorkOrder/WorkOrderAllListShow.js" charset="utf-8"></script>
    <script src="/Content/layui/formatdate.js"></script>
    <script type="text/javascript">
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //自定义背景色主题 - 非常实用
        //日期时间范围
        laydate.render({
            elem: '#test10'
            , range: '-'
            //, value: '@DateTime.Now.ToString("yyyy-MM-dd")'  + '- @DateTime.Now.ToString("yyyy-MM-dd")'
            , theme: '#395E67'
             , type: 'date'
        });
    });
    </script>
    <script type="text/javascript">
        //获取url中的参数
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            document.getElementById("test10").value = getUrlParam("dateParty");
            document.getElementById("CallHour").value = getUrlParam("CallHour");
            document.getElementById("linkman").value = getUrlParam("linkman");
            document.getElementById("calltype").value = getUrlParam("calltype");
            document.getElementById("ywtype").value = getUrlParam("ywtype");  
        });
    </script>
    <script type="text/javascript">
        function Player(callid) {
            layui.use('layer', function () {
                var layer = top.layui.layer;
                layer.open({
                    type: 2,
                    anim: 4,
                    moveOut: true,
                    scrollbar: false,
                    content: '/CallRecord/VoicePlay/?type=0&callid=' + callid,
                    area: ['600px', '380px'],
                    id: 'playRecordFrame',
                    title: '听取录音'
                    , shade: 0
                    , maxmin: true
                })
            });
        }
    </script>
    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="view">工单详情</a>
    </script>
    <script type="text/html" id="btnCallOut">
        {{#  if(d.CallNumber === ''){ }}

        {{#  } else { }}
        <i class="fa fa-phone-square" style="color:green; cursor:pointer;" onclick="top.PhoneCallOut(1, '{{d.CallNumber}}');" title="拨打{{d.CallNumber }}"></i>&nbsp;&nbsp;&nbsp;{{d.CallNumber }}
        {{#  } }}
    </script>
    <script type="text/html" id="btnPlay">
        {{#  if(d.CallState === 1){ }}
        <i class="fa fa-headphones" style="color:blue; cursor:pointer;" onclick="Player('{{d.FilePath}}');" title="听录音"></i>
        {{#  } else { }}
        {{#  } }}
    </script>
    <script type="text/html" id="callType">
        {{#  if(d.CallType === 1){ }}
        呼出
        {{#  } else { }}
        呼入
        {{#  } }}
    </script>
    <script type="text/html" id="callStatus">

        {{#  if(d.CallState === 1){ }}
        接通
        {{#  } }}
        {{#  if(d.CallState === 0){ }}
        未接通
        {{#  } }}
    </script>
    <script type="text/html" id="F_Key">
        {{#  if(d.F_Key1 === '1'){ }}
        自助服务
        {{#  } }}
        {{#  if(d.F_Key1 === '0'){ }}
        人工服务
        {{#  } }}
    </script>
    <script type="text/html" id="BusinessType">
        {{#  if(d.BusinessType === 1){ }}
        咨询
        {{#  } }}
        {{#  if(d.BusinessType === 2){ }}
        建议
        {{#  } }}
        {{#  if(d.BusinessType === 3){ }}
        表扬
        {{#  } }}
        {{#  if(d.BusinessType === 4){ }}
        挂失
        {{#  } }}
        {{#  if(d.BusinessType === 9){ }}
        投诉
        {{#  } }}
    </script>
</body>
<script type="text/html" id="ScaleResume">

    {{#  if(d.F_ScaleResume === "2"){  }}
    <i class="fa fa-heart" style="color:orangered;width:50px; cursor:pointer;" title="特殊标注">&nbsp;&nbsp;特殊标注</i>
    {{#  } else if(d.F_ScaleResume === "3"){ }}
    <i class="fa fa-user-times" style="color:black; width:50px;cursor:pointer;" title="黑名单">&nbsp;&nbsp;黑名单</i>
    {{#  } else if(d.F_ScaleResume === "1" || d.F_ScaleResume ===null){ }}
  @*  <i class="fa fa-user" style="color:green; width:50px;cursor:pointer;" title="语音客户"></i>*@
    {{#  } }}
</script>
</html>