guoyao-jiankang/application/admin/view/phone_monitor/show.html

{extend name="common/common2" /}
{block name="main"}
<style>
    .lybtn{
        position: relative;
    }
    .lyfile{
        opacity: 0;
        position: absolute;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 200px;
        height: 100px;
    }
</style>
<div class="ibox">
    <div class="ibox-content">
        <div class="row">
            <div class="col-xs-6">
                {if condition="!is_admin(is_login())"}
                <button class="btn btn-primary btn-sm" type="button" onClick="parent.I_CheckActiveX()">检查本地驱动是否安装</button>
<!--                <button class="btn btn-success btn-sm" type="button" onClick="parent.openPhone()">弹出电话</button>-->
                <button type="button" class="btn btn-sm btn-danger lybtn">
                    播放录音
                    <input type="file" placeholder="播放" id="lyfile" class="lyfile" onchange="onInputFileChange()">
                </button>
                <br>
                <audio id="audio_id" style="margin-top: 10px" controls autoplay loop>Your browser can't support HTML5 Audio</audio>
                {/if}
            </div>
            <div class="col-xs-6" style="text-align: right;">
                <form class="form-inline" id="form-search" action="{:url('show')}">

                    <div class="input-group">
                        <input type="text" class="form-control" style="width: 150px!important;" name="title" placeholder="电话及订单编号">
                    </div>

                    <div class="input-group">
                        <span class="input-group-btn">
                        <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
                    </span> &nbsp;
                        <span class="input-group-btn">
                        <button class="btn-sm btn-warning" type="button" id="search-clear"><i class="fa fa-undo"></i></button>
                    </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="ibox-content">
        <div class="jqGrid_wrapper">
            <table id="table" style="border-collapse: collapse"></table>
            <div id="pager"></div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script language="javascript" type="text/javascript" src="/static/phonejs/qnviccub.js"></script>
<script language="javascript" type="text/javascript" src="/static/phonejs/qnvfunc.js"></script>
<script language="javascript" type="text/javascript" src="/static/phonejs/json2.js"></script>
<script language="javascript" type="text/javascript" src="/static/phonejs/deviceapi.js"></script>
<script>
    function onInputFileChange(){
        var file = document.getElementById('lyfile').files[0];
        var url = URL.createObjectURL(file);
        console.log(file,url);
        document.getElementById("audio_id").src = url;
    }
    $(function () {

        $(window).bind("resize",function(){
            var width=$(".jqGrid_wrapper").width();
            $("#table").setGridWidth(width);
        });

        $.jgrid.defaults.styleUI="Bootstrap";
        $("#table").jqGrid({
            url:"{:url('show')}",
            datatype: "json",
            colModel:[
                {label:'编号',name:'id',index:'id', width:40,sortable: false},
                {label:'时间',name:'create_time',index:'create_time',width:70,sortable: false},
                {label:'手机号',name:'phone',index:'phone',width:60,sortable: false},
                {label:'订单编号',name:'order_id',index:'order_id',width:60,sortable: false,formatter: function (a, b, c) {
                    let btn = '';
                    if(c.order_id > 0){
                        var edit_url = "{:url('orders/detail2',[],'')}/type/1/id/"+c.order_id;
                        btn+= '<a url="'+edit_url+'" href="javascript:;" data-title="订单详情" onclick="layer_open(this,0)">'+c.order_id+'</a>';
                    }
                    return btn;
                }},
                {label:'本地录音',name:'path',index:'path',width:120,formatter: function (a, b, c) {
                    // let btn = '<audio controls src="'+c.path+'"></audio>';
                    //
                    // // btn+= '<a href="javascript:;" onclick="parent.TV_StartPlayFile(100,\''+c.path+'\')"><span class="label label-success" title="播放录音">播放录音</span></a>&nbsp;';
                    // // btn+= '<a href="javascript:;" onclick="parent.TV_StopPlayFile(0)"><span class="label label-danger" title="停止播放">停止播放</span></a>&nbsp;';
                    return a;
                }},
                {label:'操作',width:60,sortable: false,formatter: function (a, b, c) {
                    let btn = '';
                    if(c.order_id == 0){
                        var edit_url = "{:url('orders/phone',[],'')}/id/"+c.id;
                        btn+= '<a url="'+edit_url+'" href="javascript:;" data-title="处理" onclick="layer_open(this,1)"><span class="label label-primary" title="处理">处理</span></a>&nbsp;';
                    }
                    return btn;
                }},
            ],
            rowNum:10,
            rowList:[10,20,30,50,100],
            pager: '#pager',
            sortname: 'id',
            viewrecords: true,
            autowidth:true,
            mtype: 'post',
            height: 'auto',
            emptyrecords: "暂无数据",
            sortorder: "desc",
            caption:"电话监控记录",
            loadComplete: function (xhr) {
                if(xhr.code==0){
                    layer.msg(xhr.msg);
                    return false;
                }
            },
        });
    });

</script>
<script>
    var fp;
    $(document).ready(function(){
        TV_Initialize();
        getEvent(T_GetEvent);
    });
    $(window).unload(function(){
        TV_Disable();
    });
    setInterval(function () {
        OpenDevice(ODT_LBRIDGE,function(nResult){AppendStatus('打开设备.');});
    },30000);
    //离开页面
    $(window).bind('beforeunload',function(){
        TV_Disable();
    });
    function openPhone() {
        // let gphone = "13838379499";
        // let fp = "d:\\wyluyin\\" + getCurrentDate(3) + "_" + gphone + ".wav";
        // check_phone(gphone,fp);
    }

    function playBtn() {
        // let path = "d:\\wyluyin\\20220608191204_13027625915.wav";
        console.log('path:',path);
        PlayFile(1,QNV_PLAY_FILE_START,0,PLAYFILE_MASK_REPEAT,path,function(id){
            console.log('play:',id);
        });
    }

    function check_phone(gphone,fp) {
        fp = base64encode(fp);
        var url = '{:url("orders/phone")}?phone=' + gphone + '&fp='+fp;
        var title = '添加订单';
        layer.open({
            type: 2,
            shade: 0.8,
            title: title,
            area: ['800px', '400px'],
            fix: false, //不固定
            maxmin: true,
            content: url,
            skin: 'layer-ext-moon',
            success: function(layero, index) {
                layer.iframeAuto(index);
            },
            // btn: ['取消']
        });

        return false;
    }

    function AppendStatus(szStatus)
    {
        console.log(szStatus);
        // $("#StatusArea").append(szStatus+"\r\n" );
        // var scrollTop = $("#StatusArea")[0].scrollHeight;
        // $("#StatusArea").scrollTop(scrollTop);
    }
    function AppendStatusEx(uID,szStatus)
    {
        uID=uID+1;
        AppendStatus("通道"+uID+":"+szStatus);
    }

    function  T_GetEvent(uID,uEventType,uHandle,uResult,szdata)
    {
        // console.log(uID,uEventType,uHandle,uResult,szdata);
        //var vValueArray=qnviccub.QNV_Event(0,2,0,"","",1024);
        if(uEventType == -1)
            alert(1);
            return;
        var vValue=" type="+uEventType+" Handle="+uHandle+" Result="+uResult+" szdata="+szdata;
        switch(uEventType)
        {
            case BriEvent_PhoneHook:// 本地电话机摘机事件
                AppendStatusEx(uID,"本地电话机摘机"+vValue);
                TV_StartRecordFile(uID,fp);
                break;
            case BriEvent_PhoneDial:// 只有在本地话机摘机，没有调用软摘机时，检测到DTMF拨号
                AppendStatusEx(uID,"本地话机拨号"+vValue);
                break;
            case BriEvent_PhoneHang:// 本地电话机挂机事件
                TV_HangUpCtrl(uID);
                AppendStatusEx(uID,"本地电话机挂机"+vValue);
                TV_StopRecordFile(uID);
                break;
            case BriEvent_CallIn:// 外线通道来电响铃事件
                AppendStatusEx(uID,"外线通道来电响铃事件"+vValue);
                fp = "d:\\wyluyin\\" + getCurrentDate(3) + "_" + szdata + ".wav";
                check_phone(szdata,fp);
                break;
            case BriEvent_GetCallID://得到来电号码
                AppendStatusEx(uID,"得到来电号码"+vValue);
                fp = "d:\\wyluyin\\" + getCurrentDate(3) + "_" + szdata + ".wav";
                check_phone(szdata,fp);
                break;
            case BriEvent_StopCallIn:// 对方停止呼叫(产生一个未接电话)
                AppendStatusEx(uID,"对方停止呼叫(产生一个未接电话)"+vValue);
                break;
            case BriEvent_DialEnd:// 调用开始拨号后，全部号码拨号结束
                AppendStatusEx(uID,"调用开始拨号后，全部号码拨号结束"+vValue);
                break;
            case BriEvent_PlayFileEnd:// 播放文件结束事件
                AppendStatusEx(uID,"播放文件结束事件"+vValue);
                break;
            case BriEvent_PlayMultiFileEnd:// 多文件连播结束事件
                AppendStatusEx(uID,"多文件连播结束事件"+vValue);
                break;
            case BriEvent_PlayStringEnd://播放字符结束
                AppendStatusEx(uID,"播放字符结束"+vValue);
                break;
            case BriEvent_RepeatPlayFile:// 播放文件结束准备重复播放
                AppendStatusEx(uID,"播放文件结束准备重复播放"+vValue);
                break;
            case BriEvent_SendCallIDEnd:// 给本地设备发送震铃信号时发送号码结束
                AppendStatusEx(uID,"给本地设备发送震铃信号时发送号码结束"+vValue);
                break;
            case BriEvent_RingTimeOut://给本地设备发送震铃信号时超时
                AppendStatusEx(uID,"给本地设备发送震铃信号时超时"+vValue);
                break;
            case BriEvent_Ringing://正在内线震铃
                AppendStatusEx(uID,"正在内线震铃"+vValue);
                break;
            case BriEvent_Silence:// 通话时检测到一定时间的静音.默认为5秒
                AppendStatusEx(uID,"通话时检测到一定时间的静音"+vValue);
                break;
            case BriEvent_GetDTMFChar:// 线路接通时收到DTMF码事件
                AppendStatusEx(uID,"线路接通时收到DTMF码事件"+vValue);
                break;
            case BriEvent_RemoteHook:// 拨号后,被叫方摘机事件
                AppendStatusEx(uID,"拨号后,被叫方摘机事件"+vValue);
                break;
            case BriEvent_RemoteHang://对方挂机事件
                TV_HangUpCtrl(uID);
                AppendStatusEx(uID,"对方挂机事件"+vValue);
                TV_StopRecordFile(uID);
                break;
            case BriEvent_Busy:// 检测到忙音事件,表示PSTN线路已经被断开
                AppendStatusEx(uID,"检测到忙音事件,表示PSTN线路已经被断开"+vValue);
                break;
            case BriEvent_DialTone:// 本地摘机后检测到拨号音
                AppendStatusEx(uID,"本地摘机后检测到拨号音"+vValue);
                break;
            case BriEvent_RingBack:// 电话机拨号结束呼出事件。
                AppendStatusEx(uID,"电话机拨号结束呼出事件"+vValue);
                break;
            case BriEvent_MicIn:// MIC插入状态
                AppendStatusEx(uID,"MIC插入状态"+vValue);
                break;
            case BriEvent_MicOut:// MIC拔出状态
                AppendStatusEx(uID,"MIC拔出状态"+vValue);
                break;
            case BriEvent_FlashEnd:// 拍插簧(Flash)完成事件，拍插簧完成后可以检测拨号音后进行二次拨号
                AppendStatusEx(uID,"拍插簧(Flash)完成事件，拍插簧完成后可以检测拨号音后进行二次拨号"+vValue);
                break;
            case BriEvent_RefuseEnd:// 拒接完成
                AppendStatusEx(uID,"拒接完成"+vValue);
                break;
            case BriEvent_SpeechResult:// 语音识别完成
                AppendStatusEx(uID,"语音识别完成"+vValue);
                break;
            case BriEvent_FaxRecvFinished:// 接收传真完成
                AppendStatusEx(uID,"接收传真完成"+vValue);
                break;
            case BriEvent_FaxRecvFailed:// 接收传真失败
                AppendStatusEx(uID,"接收传真失败"+vValue);
                break;
            case BriEvent_FaxSendFinished:// 发送传真完成
                AppendStatusEx(uID,"发送传真完成"+vValue);
                break;
            case BriEvent_FaxSendFailed:// 发送传真失败
                AppendStatusEx(uID,"发送传真失败"+vValue);
                break;
            case BriEvent_OpenSoundFailed:// 启动声卡失败
                AppendStatusEx(uID,"启动声卡失败"+vValue);
                break;
            case BriEvent_UploadSuccess://远程上传成功
                AppendStatusEx(uID,"远程上传成功"+vValue);
                break;
            case BriEvent_UploadFailed://远程上传失败
                AppendStatusEx(uID,"远程上传失败"+vValue);
                break;
            case BriEvent_EnableHook:// 应用层调用软摘机/软挂机成功事件
                AppendStatusEx(uID,"应用层调用软摘机/软挂机成功事件"+vValue);
                break;
            case BriEvent_EnablePlay:// 喇叭被打开或者/关闭
                AppendStatusEx(uID,"喇叭被打开或者/关闭"+vValue);
                break;
            case BriEvent_EnableMic:// MIC被打开或者关闭
                AppendStatusEx(uID,"MIC被打开或者关闭"+vValue);
                break;
            case BriEvent_EnableSpk:// 耳机被打开或者关闭
                AppendStatusEx(uID,"耳机被打开或者关闭"+vValue);
                break;
            case BriEvent_EnableRing:// 电话机跟电话线(PSTN)断开/接通
                AppendStatusEx(uID,"电话机跟电话线(PSTN)断开/接通"+vValue);
                break;
            case BriEvent_DoRecSource:// 修改录音源
                AppendStatusEx(uID,"修改录音源"+vValue);
                break;
            case BriEvent_DoStartDial:// 开始软件拨号
                AppendStatusEx(uID,"开始软件拨号"+vValue);
                break;
            case BriEvent_RecvedFSK:// 接收到FSK信号，包括通话中FSK/来电号码的FSK
                AppendStatusEx(uID,"接收到FSK信号，包括通话中FSK/来电号码的FSK"+vValue);
                break;
            case BriEvent_PlugOut:
                AppendStatusEx(uID,"设备移除");
                // alert('设备移除');
                break;
            case BriEvent_DevErr://设备错误
                AppendStatusEx(uID,"设备错误"+ decodeURIComponent(vValue) );
                // alert('设备错误');
                break;
            default:
                if(uEventType < BriEvent_EndID)
                    AppendStatusEx(uID,"忽略其它事件发生:ID=" + uEventType+ vValue);
                break;
        }

    }

    //编码问题
    var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
    var base64DecodeChars = new Array(

        -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,

        -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,

        -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,

        52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,

        -1,　0,　1,　2,　3,  4,　5,　6,　7,　8,　9, 10, 11, 12, 13, 14,

        15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,

        -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,

        41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);

    function base64encode(str) {

        var out, i, len;

        var c1, c2, c3;

        len = str.length;

        i = 0;

        out = "";

        while(i < len) {

            c1 = str.charCodeAt(i++) & 0xff;

            if(i == len)

            {

                out += base64EncodeChars.charAt(c1 >> 2);

                out += base64EncodeChars.charAt((c1 & 0x3) << 4);

                out += "==";

                break;

            }

            c2 = str.charCodeAt(i++);

            if(i == len)

            {

                out += base64EncodeChars.charAt(c1 >> 2);

                out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));

                out += base64EncodeChars.charAt((c2 & 0xF) << 2);

                out += "=";

                break;

            }

            c3 = str.charCodeAt(i++);

            out += base64EncodeChars.charAt(c1 >> 2);

            out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));

            out += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >>6));

            out += base64EncodeChars.charAt(c3 & 0x3F);

        }

        return out;

    }

    function base64decode(str) {

        var c1, c2, c3, c4;

        var i, len, out;

        len = str.length;

        i = 0;

        out = "";

        while(i < len) {

            /* c1 */

            do {

                c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff];

            } while(i < len && c1 == -1);

            if(c1 == -1)

                break;

            /* c2 */

            do {

                c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff];

            } while(i < len && c2 == -1);

            if(c2 == -1)

                break;

            out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));

            /* c3 */

            do {

                c3 = str.charCodeAt(i++) & 0xff;

                if(c3 == 61)

                    return out;

                c3 = base64DecodeChars[c3];

            } while(i < len && c3 == -1);

            if(c3 == -1)

                break;

            out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));

            /* c4 */

            do {

                c4 = str.charCodeAt(i++) & 0xff;

                if(c4 == 61)

                    return out;

                c4 = base64DecodeChars[c4];

            } while(i < len && c4 == -1);

            if(c4 == -1)

                break;

            out += String.fromCharCode(((c3 & 0x03) << 6) | c4);

        }

        return out;

    }

    function utf16to8(str) {

        var out, i, len, c;

        out = "";

        len = str.length;

        for(i = 0; i < len; i++) {

            c = str.charCodeAt(i);

            if ((c >= 0x0001) && (c <= 0x007F)) {

                out += str.charAt(i);

            } else if (c > 0x07FF) {

                out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));

                out += String.fromCharCode(0x80 | ((c >>　6) & 0x3F));

                out += String.fromCharCode(0x80 | ((c >>　0) & 0x3F));

            } else {

                out += String.fromCharCode(0xC0 | ((c >>　6) & 0x1F));

                out += String.fromCharCode(0x80 | ((c >>　0) & 0x3F));

            }

        }

        return out;

    }

    function utf8to16(str) {

        var out, i, len, c;

        var char2, char3;

        out = "";

        len = str.length;

        i = 0;

        while(i < len) {

            c = str.charCodeAt(i++);

            switch(c >> 4)

            {

                case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7:

                // 0xxxxxxx

                out += str.charAt(i-1);

                break;

                case 12: case 13:

                // 110x xxxx　 10xx xxxx

                char2 = str.charCodeAt(i++);

                out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));

                break;

                case 14:

                    // 1110 xxxx　10xx xxxx　10xx xxxx

                    char2 = str.charCodeAt(i++);

                    char3 = str.charCodeAt(i++);

                    out += String.fromCharCode(((c & 0x0F) << 12) |

                        ((char2 & 0x3F) << 6) |

                        ((char3 & 0x3F) << 0));

                    break;

            }

        }

        return out;

    }

    function getCurrentDate(format) {
        var now = new Date();
        var year = now.getFullYear(); //得到年份
        var month = now.getMonth();//得到月份
        var date = now.getDate();//得到日期
        var day = now.getDay();//得到周几
        var hour = now.getHours();//得到小时
        var minu = now.getMinutes();//得到分钟
        var sec = now.getSeconds();//得到秒
        month = month + 1;
        if (month < 10) month = "0" + month;
        if (date < 10) date = "0" + date;
        if (hour < 10) hour = "0" + hour;
        if (minu < 10) minu = "0" + minu;
        if (sec < 10) sec = "0" + sec;
        var time = "";
        //精确到天
        if(format==1){
            time = year + "-" + month + "-" + date;
        }
        //精确到分
        else if(format==2){
            time = year + "-" + month + "-" + date+ " " + hour + ":" + minu + ":" + sec;
        }else if(format==3){
            time = year + "" + month + "" + date+ "" + hour + "" + minu + "" + sec;
        }
        return time;
    }
</script>
{/block}