
@{
    Layout = null;
}
@using ReportWeb_MVC.Models;
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>话务员未接记录</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(['laydate', 'layer', 'form', 'table'], function () {
            var bodyWidth = $(document.body).width();
            var laydate = layui.laydate;
            var form = layui.form;
            var layer = layui.layer;
            var table = layui.table;
            var tableIns = table.render({
                ID: 'tablet',
                elem: '#LAY-app-content-comm',
                height: 'full-30',
                width: (bodyWidth - 80).toString(),
                cellMinWidth: 60,
                url: '/Home/loadOperatorCallRecord',
                even: true,
                page: {
                    // layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'],
                    curr: 1,
                    groups: 5,
                    limit: 50,
                    limits: [50, 100, 200, 300, 500]
                },
                toolbar: '#toolbarDemo',
                //defaultToolbar: [{
                //    title: '导出' //标题
                //    , layEvent: 'lyexport' //事件名，用于 toolbar 事件中使用
                //    , icon: 'layui-icon-download-circle' //图标类名
                //}, 'print'],

                title: '话务员通话记录',
                loading: true,
                text: { none: '暂无相关数据' },
                //totalRow: true,
                cols: [[
                    { type: 'numbers', fixed: 'left', width: 60, title: '序号', templet: '#indexTpl', align: 'center' },//, totalRowText: '合计'
                    { field: 'ID', title: 'ID', width: 60, sort: true, align: 'center', hide: true },
                    { field: 'JobNum', title: '工号', width: 100, align: 'center' },
                    { field: 'TrueName', title: '姓名', width: 100, align: 'center' },
                    { field: 'CallDate', title: '呼叫日期', width: 110, align: 'center', templet: function (d) { return formatCSTDate(d.CallDate, "yyyy-MM-dd"); } },
                    { field: 'CallDate', title: '呼叫时间', width: 100, align: 'center', templet: function (d) { return formatCSTDate(d.CallDate, "hh:mm:ss"); } },
                    { field: 'CallNumber', title: '电话号码', width: 126, align: 'center' },
                    { field: 'Operating', title: '后续操作', width: 230, align: 'center' },
                    { field: 'Area', title: '所属地区', width: 115, align: 'center' },
                    { field: 'AreaName', title: '所属地名', width: 115, align: 'center' }
                ]]
            });
        });
    </script>
    <style type="text/css">
        .txt_data {
            pointer-events: none;
            opacity: 0.5;
        }

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

        ._TianChong_top {
            clear: both;
            height: 10px;
        }
    </style>
</head>
<body>
    <div class="_TianChong_top"></div>
    <div id="divMain" class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <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>
