zhangkun
/
ditie2.0_web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
							@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 src="/Content/js/Report/moment.js"></script>
    <script src="~/Content/js/Report/GetDate.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/js/Base64.js"></script>
    <script src="~/Content/js/ExcelToExport.js"></script>

</head>

<body class="childrenBody">

    <div class="layui-fluid" style="height: calc(100% - 35px);overflow:auto;">
        <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-md8">
                            <div class="layui-row layui-col-space10">
                                <div class="layui-col-xs7">
                                    <button class="layui-btn layui-btn-normal layui-btn-radius" id="oneDay">本日</button>
                                    <button class="layui-btn layui-btn-normal layui-btn-radius"
                                        id="oneWeek">最近一周</button>
                                    <button class="layui-btn layui-btn-normal layui-btn-radius"
                                        id="oneMonth">最近一月</button>
                                    <button class="layui-btn layui-btn-normal layui-btn-radius"
                                        id="onePrient">最近一季度</button>
                                    <button class="layui-btn layui-btn-normal layui-btn-radius"
                                        id="oneYear">最近一年</button>

                                </div>
                                <div class="layui-col-xs3">
                                    <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-md4">
                            <button class="layui-btn layui-btn-normal layui-btn-normal bthSearch"
                                style="margin-left: 10px !important;">
                                <i class="layui-icon">&#xe615; 查 询</i>
                            </button>


                            <button class="layui-btn layui-btn-normal layui-btn-normal" id="ExToExcel"
                                style="margin-left: 10px !important;">
                                <i class="fa fa-file-excel-o" style="font-size: 18px;">导出数据</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-content" style="height: 100%; width: calc(100% -10px)">


                </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/WorkOrderShow.js"></script>

    <script type="text/javascript">
        function OpenWorkOrderList(dateParty, name, typeid, typemxid, Qdyw, clfs, hfmyd) {

            layer.open({
                type: 2,
                anim: 4,
                scrollbar: false,
                content: '/WorkOrder/WorkOrderAllListReport/?TypemxID=' + typemxid + '&strDate=' + dateParty + '&Type=' + typeid + '&Qdyw=' + Qdyw + '&clfs=' + clfs + '&hfmyd=' + hfmyd,//
                area: ['100%', '100%'],
                id: 'WorkOrderAllListReport',
                title: '工单数据-' + name

            });
        }

        function saveAs(blob, filename) {
            var type = blob.type;
            var force_saveable_type = 'application/octet-stream';
            if (type && type != force_saveable_type) { // 强制下载，而非在浏览器中打开
                var slice = blob.slice || blob.webkitSlice || blob.mozSlice;
                blob = slice.call(blob, 0, blob.size, force_saveable_type);
            }

            var url = URL.createObjectURL(blob);
            var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
            save_link.href = url;
            save_link.download = filename;

            var theevent = document.createEvent('MouseEvents');
            theevent.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            save_link.dispatchEvent(theevent);
            URL.revokeObjectURL(url);
        }
        //导出到excel
        $('#ExToExcel').on('click', function () {
            debugger
            urlExcel = "/Report/ExToExcelDZNEW"
            ExToExcel()
        })
        function ExToExcel() {
            var img = $("#progressImgage");
            var mask = $("#maskOfProgressImage");
            var dataModel = {
                dateParty: $("#test10").val()
            }
            var para = JSON.stringify(dataModel);

            $.ajaxLoading({
                url: urlExcel,
                type: "post",
                async: true,
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                cache: false,
                data: para,
                success: function (dataContent, result) {

                    if (dataContent.Code == "0") {
                        var datajson = dataContent.Data.replace(/&quot;/g, "\"");
                        var ItemList = JSON.parse(datajson);
                        // alert(ItemList);
                        var bytes = window.atob(ItemList);      //转换为byte  
                        //处理异常,将ascii码小于0的转换为大于0  
                        var ab = new ArrayBuffer(bytes.length);
                        var ia = new Uint8Array(ab);
                        for (var i = 0; i < bytes.length; i++) {
                            ia[i] = bytes.charCodeAt(i);
                        }

                        var blob = new Blob([ab], { type: 'application/vnd.ms-excel' })
                        var fileName = '工单数据.xls';

                        if (dataContent.Message != null && dataContent.Message != "") {
                            fileName = dataContent.Message;
                        }

                        //获取浏览器信息
                        var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
                        var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  
                        var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  
                        var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
                        if (isIE || isEdge || isIE11) {
                            navigator.msSaveBlob(blob, fileName);
                        }
                        else {
                            saveAs(blob, fileName);
                        }
                    }
                    else {
                        layer.msg('数据转换失败');
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    layer.msg(textStatus);
                    layer.msg(errorThrown);
                }
            });

        }
    </script>


</body>

</html>