
@{
    Layout = null;
}
@using ReportWeb_MVC.Models;
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>RecordSoundForm</title>
    <script src="~/Content/layui/layui.js"></script>
    <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
    <script src="~/Content/jquery-1.8.3.js"></script>
    <script src="~/Content/Common.js"></script>
    <script type="text/javascript">
        layui.use(['layer', 'laydate', 'form', 'table'], function () {
            var laydate = layui.laydate;
            var form = layui.form;
            var layer = layui.layer;
            var table = layui.table;
            var bodyWidth = $(document.body).width();
            //常规用法
            laydate.render({
                elem: '#test1'
            });
            laydate.render({
                elem: '#test2'
            });
            laydate.render({
                elem: '#test3'
            });
            laydate.render({
                elem: '#test4'
            });
            ////时间选择器
            //laydate.render({
            //    elem: '#time1'
            //    , type: 'time'
            //});
            ////时间选择器
            //laydate.render({
            //    elem: '#time2'
            //    , type: 'time'
            //});
            laydate.render({
                elem: '#time3'
                , type: 'time'
            });
            laydate.render({
                elem: '#time4'
                , type: 'time'
            });
            laydate.render({
                elem: '#time5'
                , type: 'time'
            });
            laydate.render({
                elem: '#time6'
                , type: 'time'
            });
            laydate.render({
                elem: '#time7'
                , type: 'time'
            });
            laydate.render({
                elem: '#time8'
                , type: 'time'
            });
            //普通查询
            SelectValue("今天", "txt_StaData", "txt_EndData");
            form.on('select(test)', function (data) {
                SelectValue(data.value, "txt_StaData", "txt_EndData");
                if (data.value == "自定义") {
                    $("input[name='txt_StaData']").css("pointer-events", "auto");
                    $("input[name='txt_StaData']").css("opacity", "1");
                    $("input[name='txt_EndData']").css("pointer-events", "auto");
                    $("input[name='txt_EndData']").css("opacity", "1");
                } else {
                    $("input[name='txt_StaData']").css("pointer-events", "none");
                    $("input[name='txt_StaData']").css("opacity", "0.5");
                    $("input[name='txt_EndData']").css("pointer-events", "none");
                    $("input[name='txt_EndData']").css("opacity", "0.5");
                }
            });
            //高级查询
            SelectValue("今天", "txt_StaDataG", "txt_EndDataG");
            form.on('select(testG)', function (data) {
                SelectValue(data.value, "txt_StaDataG", "txt_EndDataG");
                if (data.value == "自定义") {
                    $("input[name='txt_StaDataG']").css("pointer-events", "auto");
                    $("input[name='txt_StaDataG']").css("opacity", "1");
                    $("input[name='txt_EndDataG']").css("pointer-events", "auto");
                    $("input[name='txt_EndDataG']").css("opacity", "1");
                } else {
                    $("input[name='txt_StaDataG']").css("pointer-events", "none");
                    $("input[name='txt_StaDataG']").css("opacity", "0.5");
                    $("input[name='txt_EndDataG']").css("pointer-events", "none");
                    $("input[name='txt_EndDataG']").css("opacity", "0.5");
                }
            });
            var tableIns = table.render({
                ID: 'tablet',
                elem: '#LAY-app-content-comm',
                height: 'full-100',
                cellMinWidth: '60',
                width: (bodyWidth - 80).toString(),
                url: '/Home/SoundLoadData',
                even: true,
                page: {
                    curr: 1,
                    groups: 5,
                    limit: 50,
                    limits: [50, 100, 200, 300, 500]
                },
                toolbar: '#toolbarDemo',
                defaultToolbar: [{
                    title: '导出单一文件' //标题
                    , layEvent: 'lyexport' //事件名，用于 toolbar 事件中使用
                    , icon: 'layui-icon-download-circle' //图标类名
                }, {
                    title: '单一文件按部门多标签拆分' //标题
                    , layEvent: 'odexport' //事件名，用于 toolbar 事件中使用
                    , icon: 'layui-icon-download-circle' //图标类名
                }, {
                    title: '多个文件按部门拆分' //标题
                    , layEvent: 'mdexport' //事件名，用于 toolbar 事件中使用
                    , icon: 'layui-icon-download-circle' //图标类名
                }, 'print'],
                title: '录音记录',
                loading: true,
                text: { none: '暂无相关数据' },
                cols: [[
                    { type: 'checkbox', fixed: 'left', checkbox: true },
                    { type: 'numbers', fixed: 'left', title: '序号', templet: '#indexTpl', align: 'center' },
                    { field: "right", fixed: 'left', title: '批示', width: 60, align: 'center', toolbar: '#table-content-com' },
                    { field: 'CallRecordID', title: 'ID', width: 60, sort: true, align: 'center', hide: true },
                    { field: 'ExtensionNum', title: '分机号码', width: 90, align: 'center' },
                    { field: 'DepartmentName', title: '部门名称', width: 100, align: 'center' },
                    { field: 'EmployeeName', title: '员工姓名', width: 100, align: 'center' },
                    { field: 'CallDate', title: '通话日期', width: 120, align: 'center', templet: "<div>{{layui.util.toDateString(d.CallDate, 'yyyy-MM-dd')}}</div>" },
                    { field: 'StartTime', title: '开始时间', width: 90, align: 'center' },
                    { field: 'EndTime', title: '结束时间', width: 90, align: 'center' },
                    { field: 'CallDuration', title: '通话时长', width: 90, align: 'center' },
                    { field: 'CallDirection', title: '通话方向', width: 80, align: 'center' },
                    { field: 'CallNumber', title: '电话号码', width: 120, align: 'center' },
                    { field: 'Area', title: '所属地区', width: 90, align: 'center' },
                    { field: 'AreaName', title: '所属地名', width: 90, align: 'center' },
                    { field: 'TelephoneTrafficType', title: '话务类型', width: 90, align: 'center' },
                    { field: 'CallType', title: '通话类型', width: 90, align: 'center' },
                    { field: 'Charge', title: '话费(元)', width: 90, align: 'center' },
                    { field: 'ExamineContent', title: '批示内容', width: 150, align: 'center' },
                    { field: 'RecordID', title: '话单ID', width: 90, align: 'center' }
                ]]
            });
            $("#btn_Query").click(function () {
                var type = $("select[name='sel_Data']").val();
                var startData = $("#test1").val();
                var endData = $("#test2").val();
                var startTime = "";
                var endTime = "";
                var content = $("#txt_Content").val();
                tableIns.reload({
                    url: '/Home/SoundLoadData',
                    where: {
                        Type: type,
                        StartDta: startData,
                        EndData: endData,
                        StartTime: startTime,
                        EndTime: endTime,
                        Content: content,
                        TypeWhere: "1"
                    },
                    page: {
                        curr: 1
                    }
                });
            });

            table.on('toolbar(table_filter)', function (obj) {
                var event = obj.event;
                if (event == 'lyprint') {//打印
                    var startData = $("#test1").val();
                    var endData = $("#test2").val();
                    var bdhtml = $("#divTable").html();
                    var sprnstr = "<!--startprint-->"; //开始打印标识字符串有17个字符
                    var eprnstr = "<!--endprint-->"; //结束打印标识字符串
                    var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //从开始打印标识之后的内容
                    prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
                    //生成并打印ifrme
                    var iframe = document.getElementById("iframe1");
                    var iwindow = iframe.contentWindow;//获取iframe的window对象
                    iwindow.document.body.innerText = "";//先清空iframe原先的内容
                    var headstr = "<html><head><title>" + "开始日期：" + startData + "---结束日期：" + endData + "</title></head><body>";
                    var stylestr = "<style>table{border-collapse: collapse;}table tr{height: 40px; line-height: 20px; }table tr td{border: solid 1px;}table tr th {border: solid 1px;}</style>";
                    var footstr = "</body></html>";
                    iwindow.document.title = "开始日期：" + startData + "---结束日期：" + endData;
                    iwindow.document.write(headstr + stylestr + prnhtml + footstr);
                    iwindow.print(); //调用浏览器的打印功能打印指定区域
                }
                else if (event == "lyexport") {//导出单一文件
                    var index = layer.load(1);
                    $.post("/Home/export_Method", { record: "2", eType: "1" }, function (result) {
                        var Rst = result;
                        if (Rst != "-1") {
                            $("input[name='txtPath']").val(Rst);
                            $("#inp_Submit1").click();
                            layer.close(index);
                        }
                        else {
                            layer.close(index);
                            layer.alert("没有导出的文件");
                        }
                    });
                }
                else if (event == "odexport") {//单一文件按部门多标签拆分
                    var index = layer.load(1);
                    $.post("/Home/export_Method", { record: "2", eType: "2" }, function (result) {
                        var Rst = result;
                        if (Rst != "-1") {
                            $("input[name='txtPath']").val(Rst);
                            $("#inp_Submit1").click();
                            layer.close(index);
                        }
                        else {
                            layer.close(index);
                            layer.alert("没有导出的文件");
                        }
                    });
                }
                else if (event == "mdexport") {//多个文件按部门拆分
                    var index = layer.load(1);
                    $.post("/Home/export_Method", { record: "2", eType: "3" }, function (result) {
                        var Rst = result;
                        if (Rst != "-1") {
                            $("input[name='txtPath']").val(Rst);
                            $("#inp_Submit1").click();
                            layer.close(index);
                        }
                        else {
                            layer.close(index);
                            layer.alert("没有导出的文件");
                        }
                    });
                }
            });

            //通话记录ID
            var id;
            //点击修改批示按钮。
            table.on('tool(table_filter)', function (obj) {
                var data = obj.data;
                var layEvent = obj.event;
                id = data.CallRecordID;
                if (layEvent == "Approval") {
                    layer.open({
                        title: '添加',
                        type: 1,
                        skin: 'layui-layer-rim', //加上边框
                        area: ['420px', '240px'], //宽高
                        content: $('#Approval'), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                        success: function (layero, index) {
                            $.post("/Home/ApprovalContent", { ID: id }, function (result) {
                                $("#txt_Content1").val(result);
                            });
                        }
                    });
                }
            });
            //修改批示内容
            $("#btn_Save").click(function () {
                var content = $("#txt_Content1").val();
                $.post("/Home/ApprovalContentUpdate", { ID: id, Content: content }, function (result) {
                    if (result == "0") {
                        layer.close(layer.index);
                        var type = $("select[name='sel_Data']").val();
                        var startData = $("#test1").val();
                        var endData = $("#test2").val();
                        var startTime = "";
                        var endTime = "";
                        var content = $("#txt_Content").val();
                        tableIns.reload({
                            url: '/Home/SoundLoadData',
                            where: {
                                Type: type,
                                StartDta: startData,
                                EndData: endData,
                                StartTime: startTime,
                                EndTime: endTime,
                                Content: content,
                                TypeWhere: "1"
                            },
                            page: {
                                curr: 1
                            }
                        });
                    } else {
                        layer.alert("保存失败");
                    }
                })
            });
            //高级查询
            $("#btn_SeniorQuery").click(function () {
                layer.open({
                    title: '高级查询',
                    type: 1,
                    kin: 'layui-layer-rim', //加上边框
                    area: ['800px', '460px'], //宽高
                    content: $('#SeniorQuery') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                })
            });
            $("#btn_QueryG").click(function () {
                //分机号码
                var extensionNumber = $("input[name='txt_ExtensionNumber']").val();
                //分机姓名
                var extensionName = $("input[name='txt_ExtensionName']").val();
                //部门名称
                var departmentName = $("select[name='sel_Department']").val();
                //通话日期XiaLa
                var callDate = $("select[name='sel_DataG']").val();
                //通话日期Start
                var staData = $("input[name='txt_StaDataG']").val();
                //通话日期End
                var endData = $("input[name='txt_EndDataG']").val();
                //开始时间Start
                var staTimeOne = $("#time3").val();
                //开始时间End
                var staTimeTwo = $("#time4").val();
                //结束时间Start
                var endTimeOne = $("#time5").val();
                //结束时间End
                var endTimeTwo = $("#time6").val();
                //通话时长Start
                var callDurationOne = $("#time7").val();
                //通话时长End
                var callDurationTwo = $("#time8").val();
                //话单ID
                var recordID = $("input[name='txt_RecordID']").val();
                //通话方向
                var callDirection = $('input[name="sex"]:checked').val();
                //电话号码
                var callNumber = $("input[name='txt_CallNumber']").val();
                //所属地区
                var area = $("input[name='txt_Area']").val();
                //所属地名
                var areaName = $("input[name='txt_AreaName']").val();
                //话务类型
                var telephoneTrafficType = $("select[name='sel_TelephoneTrafficType']").val();
                //通话类型
                var callType = $("select[name='sel_CallType']").val();
                //批示内容
                var examineContent = $("input[name='txt_ExamineContent']").val();
                //是否精确查找
                var etaData;
                //获取选中值
                var checkboxValue = "";
                $("input:checkbox[name='cb_JQ']:checked").each(function () {
                    if (checkboxValue == 0) {
                        checkboxValue = $(this).val();
                        return true;
                    }
                    checkboxValue += ',' + $(this).val();
                });
                if (checkboxValue.length == 0) {
                    etaData = "No";
                }
                else {
                    etaData = "Yes";
                }
                var MG;
                checkboxValue = "";
                $("input:checkbox[name='cb_MG']:checked").each(function () {
                    if (checkboxValue == 0) {
                        checkboxValue = $(this).val();
                        return true;
                    }
                    checkboxValue += ',' + $(this).val();
                });
                if (checkboxValue.length == 0) {
                    MG = "No";
                }
                else {
                    MG = "Yes";
                }

                var condition = extensionNumber + "," + extensionName + "," + departmentName + "," + callDate + "," + staData + "," + endData +
                    "," + staTimeOne + "," + staTimeTwo + "," + endTimeOne + "," + endTimeTwo + "," + callDurationOne + "," + callDurationTwo + "," +
                    recordID + "," + callDirection + "," + callNumber + "," + area + "," + areaName + "," + telephoneTrafficType + "," +
                    callType + "," + examineContent + "," + etaData + "," + MG;
                tableIns.reload({
                    url: '/Home/SoundAdvancedQuery',
                    where: {
                        Condition: condition
                    },
                    page: {
                        curr: 1
                    }
                });
                //关闭弹出层
                layer.close(layer.index);
            });
            //录音播放
            $("#btn_Recordings").click(function () {
                var checkStatus = table.checkStatus('LAY-app-content-comm');
                checkData = checkStatus.data;
                if (checkData.length == 0) {
                    layer.msg('请选择记录');
                } else {
                    var json = [];
                    for (var i = 0; i < checkData.length; i++) {
                        var CallDate = checkData[i].CallDate;
                        var EndTime = checkData[i].EndTime;
                        var ExtensionNum = checkData[i].ExtensionNum;
                        var CallNumber = checkData[i].CallNumber;
                        var CarryPassword = checkData[i].CarryPassword;
                        var jsonp = { "CallDate": CallDate, "EndTime": EndTime, "ExtensionNum": ExtensionNum, "CallNumber": CallNumber, "CarryPassword": CarryPassword };
                        json.push(jsonp)
                    }
                    var jsonstring = JSON.stringify(json);
                    $.post("/Home/RecordingsMethod", { js: jsonstring }, function (result) {
                        var Rst = result.split("#$");
                        if (Rst[0] == "1") {
                            Xun(Rst[1]);
                            //var media = document.getElementById("mediaPlayer");
                            //media.FileName = Rst[1];
                            layer.open({
                                title: '录音播放',
                                type: 1,
                                //kin: 'layui-layer-rim', //加上边框
                                area: ['500px', '105px'], //宽高
                                content: $('#div_Recordings'), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                                end: function () {
                                    //var media = document.getElementById("mediaPlayer");
                                    //media.Stop();
                                    $("#div_Recordings").html("");
                                }
                            });
                        }
                        else if (Rst[0] == "2") {
                            layer.alert("当前无此权限");
                        }
                        else {
                            layer.alert("没有选择可播放的录音");
                        }
                    });
                }
            });
            //录音下载
            $("#btn_Downloading").click(function () {
                var checkStatus = table.checkStatus('LAY-app-content-comm');
                checkData = checkStatus.data;
                if (checkData.length == 0) {
                    layer.msg('请选择记录');
                } else {
                    var json = [];
                    for (var i = 0; i < checkData.length; i++) {
                        var CallDate = checkData[i].CallDate;
                        var EndTime = checkData[i].EndTime;
                        var ExtensionNum = checkData[i].ExtensionNum;
                        var CallNumber = checkData[i].CallNumber;
                        var CarryPassword = checkData[i].CarryPassword;
                        var jsonp = { "CallDate": CallDate, "EndTime": EndTime, "ExtensionNum": ExtensionNum, "CallNumber": CallNumber, "CarryPassword": CarryPassword };
                        json.push(jsonp)
                    }
                    var jsonstring = JSON.stringify(json);
                    $.post("/Home/RecordingsMethod", { js: jsonstring }, function (result) {
                        var Rst = result.split("#$");
                        if (Rst[0] == "1") {
                            $("input[name='js']").val(jsonstring);
                            $("#inp_Submit").click();
                        }
                        else if (Rst[0] == "2") {
                            layer.alert("当前无此权限");
                        }
                        else
                        {
                            layer.alert("没有选择可下载的录音文件");
                        }
                    });

                }
            });

            //语音识别。
            $("#btn_Distinguish").click(function () {
                var checkStatus = table.checkStatus('LAY-app-content-comm');
                checkData = checkStatus.data;
                if (checkData.length == 0) {
                    layer.msg('请选择记录');
                }
                else if (checkData.length > 1) {
                    layer.msg('请选择一条记录');
                }
                else {
                    var json = [];
                    for (var i = 0; i < checkData.length; i++) {
                        var CallDate = checkData[i].CallDate;
                        var EndTime = checkData[i].EndTime;
                        var ExtensionNum = checkData[i].ExtensionNum;
                        var CallNumber = checkData[i].CallNumber;
                        var jsonp = { "CallDate": CallDate, "EndTime": EndTime, "ExtensionNum": ExtensionNum, "CallNumber": CallNumber };
                        json.push(jsonp)
                    }
                    var jsonstring = JSON.stringify(json);
                    $.post("/Home/SpeechRecognition", { js: jsonstring }, function (result) {
                        var Rut = result.split("|");
                        if (Rut[0] == "1") {
                            layer.open({
                                title: '语音识别',
                                type: 2,
                                area: ['750px', '530px'],
                                fix: false, //不固定
                                maxmin: true,
                                content: '/Home/chatlog',
                                success: function (layero, index) {
                                    var iframe = window['layui-layer-iframe' + index];
                                    iframe.child(Rut[1]);
                                }
                            });
                        }
                        else if (Rut[0] == "2") {
                            layer.alert("当前无此权限");
                        }
                        else if (Rut[0] == "-1") {
                            layer.alert(Rut[1]);
                        }
                    });

                }
                //var checkStatus = table.checkStatus('LAY-app-content-comm');
                //checkData = checkStatus.data;
                //if (checkData.length == 0) {
                //    layer.msg('请选择记录');
                //} else {
                //    var json = [];
                //    for (var i = 0; i < checkData.length; i++) {
                //        var CallDate = checkData[i].CallDate;
                //        var ExtensionNum = checkData[i].ExtensionNum;
                //        var CallNumber = checkData[i].CallNumber;
                //        var jsonp = { "CallDate": CallDate, "ExtensionNum": ExtensionNum, "CallNumber": CallNumber };
                //        json.push(jsonp)
                //    }
                //    var jsonstring = JSON.stringify(json);
                //    $.post("/Home/SpeechRecognition", { js: jsonstring }, function (result) {
                //        var Rut = result.split(":");
                //        if (Rut[0] == "1") {
                //            $("input[name='txt_Distinguish']").val(Rut[1]);
                //            layer.open({
                //                title: '语音识别',
                //                type: 1,
                //                area: ['500px', '300px'],
                //                content: $("#div_Distinguish"),
                //            });
                //        } else if (Rut[0] == "-1") {
                //            layer.alert(Rut[1]);
                //        }
                //    });
                //}
            });
        });
        function Xun(Path) {
            //div_Recordings
            var arr = [];
            for (var i = 0; i < Path.split(',').length; i++) {
                if (Path.split(',')[i].length > 0) {
                    arr.push(Path.split(',')[i]);
                }
            }

            var myAudio = new Audio();
            myAudio.preload = true;
            myAudio.controls = true;
            myAudio.autoplay = true;
            myAudio.src = arr.pop();//每次读数组最后一个元素
            myAudio.addEventListener('ended', playEndedHandler, false);
            myAudio.play();
            document.getElementById("div_Recordings").appendChild(myAudio);
            if (Path.split(',').length == 1) {
                myAudio.loop = true;
            }
            else {
                myAudio.loop = false;//禁止循环，否则无法触发ended事件
            }
            function playEndedHandler() {
                myAudio.src = arr.pop();
                myAudio.play();
                console.log(arr.length);
                !arr.length && myAudio.removeEventListener('ended', playEndedHandler, false);//只有一个元素时解除绑定
            }
        }
    </script>
    <style type="text/css">
        .txt_data {
            pointer-events: none;
            opacity: 0.5;
        }

        ._TianChong {
            clear: both;
            height: 5px;
        }

        ._TianChong_top {
            clear: both;
            height: 2px;
        }
    </style>
</head>
<body>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            @*批示内容*@
            <div class="layui-form-item layui-form-text" id="Approval" style="display:none;">
                <div class="layui-input-block" style="margin:0px;padding:0px;">
                    <textarea placeholder="请输入内容" class="layui-textarea" name="txt_Content" id="txt_Content1" style="height:130px;"></textarea>
                    <button class="layui-btn" id="btn_Save" style="width:100%;">保存</button>
                </div>
            </div>
            @*高级查询*@
            <div class="layui-form" id="SeniorQuery" style="display:none; margin-top:5px;">
                <div class="layui-inline">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">分机号码</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <input type="text" name="txt_ExtensionNumber" class="layui-input" style="width:190px;">
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">分机姓名</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <input type="text" name="txt_ExtensionName" class="layui-input" style="width:190px;">
                        </div>
                    </div>
                    <div class="layui-inline" style="margin-left:50px;">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:3px;padding-left:0px;">部门名称</label>
                        <div class="layui-input-inline" style="width:190px;margin: 0px;margin-right: 5px;">
                            <select name="sel_Department" lay-filter="Sel_Department">
                                <option value="全部" selected="">全部</option>
                                @MvcHtmlString.Create(new DepartmentDropDown().GetDropDown(""));
                            </select>
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">通话日期</label>
                        <div class="layui-input-inline" style="width:80px;margin: 0px;margin-right: 5px;">
                            <select name="sel_DataG" lay-filter="testG">
                                <option value="全部">全部</option>
                                <option value="今天" selected="">今天</option>
                                <option value="昨天">昨天</option>
                                <option value="本周">本周</option>
                                <option value="上周">上周</option>
                                <option value="本月">本月</option>
                                <option value="上月">上月</option>
                                <option value="自定义">自定义</option>
                            </select>
                        </div>
                        <div class="layui-input-inline" style="width:95px; margin: 0px;margin-right: 5px;">
                            <input type="text" name="txt_StaDataG" class="layui-input txt_data" id="test3" placeholder="yyyy-MM-dd">
                        </div>
                        <div class="layui-input-inline" style="width:95px;margin: 0px;margin-right: 5px;">
                            <input type="text" name="txt_EndDataG" class="layui-input txt_data" id="test4" placeholder="yyyy-MM-dd">
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">开始时间</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <div class="layui-input-inline" style="width:90px;margin: 0px;margin-right: 5px;">
                                <input type="text" class="layui-input" id="time3" placeholder="00:00:00">
                            </div>
                            <div class="layui-input-inline" style="width:90px; margin: 0px;margin-right: 5px;">
                                <input type="text" class="layui-input" id="time4" placeholder="00:00:00">
                            </div>
                        </div>
                    </div>
                    <div class="layui-inline" style="margin-left:46px;">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:3px;padding-left:0px;">结束时间</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <div class="layui-input-inline" style="width:90px;margin: 0px;margin-right: 5px;">
                                <input type="text" class="layui-input" id="time5" placeholder="00:00:00">
                            </div>
                            <div class="layui-input-inline" style="width:90px; margin: 0px;margin-right: 5px;">
                                <input type="text" class="layui-input" id="time6" placeholder="00:00:00">
                            </div>
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">通话时长</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <div class="layui-input-inline" style="width:90px;margin: 0px;margin-right: 5px;">
                                <input type="text" class="layui-input" id="time7" placeholder="00:00:00">
                            </div>
                            <div class="layui-input-inline" style="width:90px; margin: 0px;margin-right: 5px;">
                                <input type="text" class="layui-input" id="time8" placeholder="00:00:00">
                            </div>
                        </div>
                    </div>
                    <div class="layui-inline" style="margin-left:46px;">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:3px;padding-left:0px;">话单ID</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <input type="text" name="txt_RecordID" class="layui-input" style="width:190px;">
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">通话方向</label>
                        <div class="layui-input-block">
                            <input type="radio" name="sex" value="全部" title="全部" checked="">
                            <input type="radio" name="sex" value="0" title="来电">
                            <input type="radio" name="sex" value="1" title="去电">
                            <input type="radio" name="sex" value="2" title="内线">
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">电话号码</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <input type="text" name="txt_CallNumber" class="layui-input" style="width:190px;">
                        </div>
                    </div>
                    <div class="layui-inline" style="margin-left:46px;">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">所属地区</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <input type="text" name="txt_Area" class="layui-input" style="width:190px;">
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">所属地名</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <input type="text" name="txt_AreaName" class="layui-input" style="width:190px;">
                        </div>
                    </div>
                    <div class="layui-inline" style="margin-left:46px;">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">话务类型</label>
                        <div class="layui-input-inline" style="width:190px;margin: 0px;margin-right: 5px;">
                            <select name="sel_TelephoneTrafficType" lay-filter="test_TelephoneTrafficType">
                                <option value="全部" selected="">全部</option>
                                <option value="0">市话</option>
                                <option value="1">国内长途</option>
                                <option value="2">港澳台长途</option>
                                <option value="3">国际长途</option>
                                <option value="4">IP长途</option>
                                <option value="5">本地声讯台</option>
                                <option value="6">本地拨号上网</option>
                                <option value="9">本地400/800</option>
                                <option value="8">内线</option>
                                <option value="7">其他</option>
                            </select>
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">通话类型</label>
                        <div class="layui-input-inline" style="width:190px;margin: 0px;margin-right: 5px;">
                            <select name="sel_CallType" lay-filter="test_CallType">
                                <option value="全部" selected="">全部</option>
                                <option value="0">普通</option>
                                <option value="1">转接</option>
                                <option value="2">会议</option>
                                <option value="3">未接</option>
                                <option value="4">语音信箱</option>
                            </select>
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">批示内容</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <input type="text" name="txt_ExamineContent" class="layui-input" style="width:520px;">
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">敏感词质检</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <input type="checkbox" name="cb_MG" lay-skin="switch" lay-text="ON|OFF">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">精确查找</label>
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right: 5px;">
                            <input type="checkbox" name="cb_JQ" lay-skin="switch" lay-text="ON|OFF">
                        </div>
                    </div>
                    <div class="_TianChong"></div>
                    <div class="layui-inline">
                        <div class="layui-input-inline" style="width:auto; margin: 0px;margin-right:5px; margin-left:5px;">
                            <button class="layui-btn" id="btn_QueryG" style="margin-bottom:3px;width:775px;">查询</button>
                        </div>
                    </div>
                </div>
            </div>
            @*录音播放*@
            <div style="display:none;margin:0 auto; text-align:center; " id="div_Recordings">
                @*<audio  controls>

                    </audio>*@
            </div>
            @*语音识别*@
            <div class="layim-chat-main">
                <ul id="LAY_view"></ul>
            </div>
            <form action="/Home/RecordingDownLoad" method="post" style="display:none;">
                @*@using (Html.BeginForm("RecordingDownLoad", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
                    {*@
                <input type="text" name="js" value="" />
                <input type="submit" id="inp_Submit" />
                @*}*@
            </form>

            <form action="/Home/excelDownLoadRecord" method="post" style="display:none;">
                @*@using (Html.BeginForm("RecordingDownLoad", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
                    {*@
                <input type="text" name="txtPath" value="" />
                <input type="submit" id="inp_Submit1" />
                @*}*@
            </form>
            <div class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-form-item">
                            <div class="layui-inline" style="margin-top:3px;float:right;">
                                <label class="layui-form-label" style="margin-top:2px;padding-right:5px;padding-left:0px;">通话日期</label>
                                <div class="layui-input-inline" style="width:80px;margin: 0px;margin-right: 5px;">
                                    <select name="sel_Data" lay-filter="test">
                                        <option value="全部">全部</option>
                                        <option value="今天" selected="">今天</option>
                                        <option value="昨天">昨天</option>
                                        <option value="本周">本周</option>
                                        <option value="上周">上周</option>
                                        <option value="本月">本月</option>
                                        <option value="上月">上月</option>
                                        <option value="自定义">自定义</option>
                                    </select>
                                </div>
                                <div class="layui-input-inline" style="width:90px; margin: 0px;margin-right: 5px;">
                                    <input type="text" name="txt_StaData" class="layui-input txt_data" id="test1" placeholder="yyyy-MM-dd">
                                </div>

                                <div class="layui-input-inline" style="width:90px;margin: 0px;margin-right: 5px;">
                                    <input type="text" name="txt_EndData" class="layui-input txt_data" id="test2" placeholder="yyyy-MM-dd">
                                </div>
                                @*<label class="layui-form-label" style="margin-top:2px; width:60px; padding-left:0px; padding-right:5px;">通话时间</label>*@
                                @*<div class="layui-input-inline" style="width:90px;margin: 0px;margin-right: 5px;">
                                        <input type="text" class="layui-input" id="time1" placeholder="00:00:00">
                                    </div>
                                    <div class="layui-input-inline" style="width:90px; margin: 0px;margin-right: 5px;">
                                        <input type="text" class="layui-input" id="time2" placeholder="00:00:00">
                                    </div>*@
                                <div class="layui-input-inline" style="width:200px; margin: 0px;margin-right: 5px;">
                                    <input type="text" class="layui-input" placeholder="请输入查询条件" id="txt_Content">
                                </div>
                                <div class="layui-input-inline" style="width:60px; margin: 0px;margin-right: 7px;">
                                    <button class="layui-btn" id="btn_Query" style="margin-bottom:3px;">查询</button>
                                </div>
                                <div class="layui-input-inline" style="width:95px; margin: 0px;margin-right: 0px;">
                                    <button class="layui-btn" id="btn_SeniorQuery" style="margin-bottom:3px;">高级查询</button>
                                </div>
                                <div class="layui-input-inline" style="width:95px; margin: 0px;margin-right: 0px;">
                                    <button class="layui-btn" id="btn_Recordings" style="margin-bottom:3px;">录音播放</button>
                                </div>
                                <div class="layui-input-inline" style="width:95px; margin: 0px;margin-right: 0px;">
                                    <button class="layui-btn" id="btn_Downloading" style="margin-bottom:3px;">录音下载</button>
                                </div>
                                <div class="layui-input-inline" style="width:95px; margin: 0px;margin-right: 2px;">
                                    <button class="layui-btn" id="btn_Distinguish" style="margin-bottom:3px;">语音识别</button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-card-body" style="margin-top:-30px;">
                            <table id="LAY-app-content-comm" lay-filter="table_filter"></table>
                            <script type="text/html" id="table-content-com">
                                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="Approval"><i class="layui-icon layui-icon-edit"></i></a>
                            </script>
                            <div class="layui-inline">
                                <script type="text/html" id="toolbarDemo">
                                    <div class="layui-btn-container">
                                    </div>
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
