zhoufan
/
ZXDT_CallCenter


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
							@using ZXDT.CallCenter.MVCWeb.Models;
@using ZXDT.CallCenter.Model; 
<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" />

    <script src="/Content/layui/formatdate.js"></script>
    <style>
        .layui-form-select .layui-input{
            max-width: 250px !important;
        }
    </style>
</head>
<body class="childrenBody">
    <blockquote class="layui-elem-quote layui-text" style="font-size: larger; display: none;">
        通话记录
    </blockquote>
    <div class=" layui-form layui-fluid">
        <div class=" layui-col-space15">

            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space15 searchfilter">
                        <div class="layui-col-xs3">
                            <label class="layui-form-label">
                                电话号码：
                            </label>
                            <div class="layui-input-block ">
                                <input type="text" placeholder="" autocomplete="off" class="layui-input" id="callnumber">
                            </div>
                        </div>
                        <div class="layui-col-xs3">
                            <label class="layui-form-label">
                                坐席：
                            </label>
                            <div class="layui-input-block">
                                <input type="text" placeholder="" autocomplete="off" class="layui-input" id="usercode">
                            </div>
                        </div>
                        <div class="layui-col-xs3">
                            <label class="layui-form-label" style="width:100px">坐席工号</label>
                            <div class="layui-input-inline">
                                <select id="userid" name="F_UserId" lay-verify="required" lay-search="">
                                    <option value=""></option>
                                    @if (Model.UserList != null && Model.UserList.Count > 0)
                                    {
                                        foreach (T_Sys_UserAccount dicModel in Model.UserList)
                                        {
                                            if (Model.F_UserId > 0)
                                            {
                                                if (Model.F_UserId == dicModel.F_UserId)
                                                {
                                                    <option value="@dicModel.F_UserId" selected>@dicModel.F_UserName</option>
                                                }
                                                else
                                                {
                                                    <option value="@dicModel.F_UserId">@dicModel.F_UserName</option>
                                                }
                                            }
                                            else
                                            {
                                                <option value="@dicModel.F_UserId">@dicModel.F_UserName</option>
                                            }
                                        }
                                    }

                                </select>
                            </div>
                        </div>
                        <div class="layui-col-xs3">
                            <label class="layui-form-label">呼叫方式</label>
                            <div class="layui-input-inline">
                                <select id="callTypes" style="max-width:250px">
                                    <option value=""></option>
                                    <option value="0">呼入</option>
                                    <option value="1">呼出</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-col-xs3">
                            <label class="layui-form-label">呼叫状态</label>
                            <div class="layui-input-inline">
                                <select id="callRercordStatus" style="max-width:250px">
                                    <option value=""></option>
                                    <option value="1">接通</option>
                                    <option value="0">未接通</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="layui-input-inline" style="margin-left: 50px;">
                            <button class="layui-btn layui-btn-normal layui-btn-normal" data-type="reload">
                                <i class="layui-icon">&#xe615;  查 询</i>
                            </button>
                        </div>

                    </div>
                </div>
            </div>
            <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:'/QualityManagement/CallRecordData/?NowDateTime=@Model.NowDateTime ', page:true, id:'recordtable'}" lay-size="sm" lay-filter="demo">
                        <thead>
                            <tr>

                                <th lay-data="{field:'CallNumber', width:130,  fixed: 'left', templet: '#btnCallOut'}">电话号码</th>
                                <th lay-data="{field:'fileurl', width:60,align: 'center', fixed: 'left',templet:'#btnPlay'}">录音</th>
                                <th lay-data="{field:'F_QCState',align: 'center',width:80,  templet: '#qcStatus'}">是否质检</th>
                                <th lay-data="{field:'F_QCScore',align: 'center',width:80}">质检得分</th>
                                <th lay-data="{field:'CallType', align: 'center',width:80,  templet: '#callType'}">呼叫方向</th>
                                <th lay-data="{field:'CallState', width:80,  templet: '#callStatus'}">呼叫状态</th>
                                <th lay-data="{field:'UserCode', align: 'center',width:80}">坐席工号</th>
                                <th lay-data="{field:'UserName', align: 'center',width:80}">坐席姓名</th>
                                <th lay-data="{field:'TalkStartTimeNew', align: 'center', width:180}">通话开始时间</th>
                                <th lay-data="{field:'TalkEndTimeNew', align: 'center', width:180}">通话结束时间</th>
                                <th lay-data="{field:'TalkLongTime', align: 'center', width:120}">通话时长(s)</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>


        </div>
    </div>
    <script type="text/javascript">
        function Player(callid, callrecordsid) {
            console.log(callid)
            layui.use('layer', function () {
                var layer = layui.layer;
                layer.open({
                    type: 2,
                    anim: 4,
                    scrollbar: false,
                    content: '/QualityManagement/QCVoicePlayNew/?type=0&callid=' + callid + '&callrecordsid=' + callrecordsid,
                    area: ['700px', '520px'],
                    id: 'playRecordFrame',
                    title: '录音播放下载及质检'
                    , shade: 0
                    , maxmin: true
                })
            });
        }

    </script>
</body>

<script src="/Content/js/QualityManagement/QCcallRecord.js" charset="utf-8"></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; line-height:22px" onclick="Player('{{d.fileurl}}',{{d.CallRecordsId}});" title="录音质检"></i>
    {{#  } else { }}
    {{#  } }}
</script>
<script type="text/html" id="callType">
    {{#  if(d.CallType === 1){ }}
    呼出
    {{#  } else { }}
    呼入
    {{#  } }}
</script>
<script type="text/html" id="qcStatus">
    {{#  if(d.F_QCState === 0){ }}
    <div style="color:red;"> 未质检</div>
    {{#  } else { }}
    <div style="color:blue;">已质检</div>
    {{#  } }}
</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>
<!--下拉输入选择框工具栏-->
 
</html>