zhangkun
/
ditie2.0_web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>常见Q&A</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>
    <script src="/Content/layui/lay/modules/tree.js"></script>
    <link href="/Content/css/callrecord/iconfont.css" rel="stylesheet" />
</head>
<body class="childrenBody">
    <blockquote class="layui-elem-quote layui-text" style="font-size: larger;">
        常见Q&A
    </blockquote>
    <div class="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-md12">
                            <button class="layui-btn layui-btn-normal" onclick="StartMonitor()">
                                <i class="layui-icon">&#xe654;  新增</i>
                            </button><button class="layui-btn layui-btn-danger" onclick="StopMonitor();">
                                <i class="layui-icon">&#xe640;  批量删除</i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card layui-form">
                    <div class="layui-card-body layui-row layui-col-space10">
                        <ul id="treelist"></ul>
                    </div>
                </div>
            </div>
            <div class="layui-col-md9">
                <div class="layui-card layui-form">
                    <div class="layui-card-body layui-row layui-col-space10">
                        <table class="layui-table" lay-data="{height: 'full-180' ,page: true,limit:20, url:'/Repository/CallRecordData', page:true, id:'recordtable'}" lay-size="sm" lay-filter="demo">
                            <thead>
                                <tr>
                                    <th lay-data="{type:'checkbox',  fixed: 'left'}"></th>
                                    <th lay-data="{field:'CallNumber', width:120}">电话号码</th>
                                    <th lay-data="{field:'UserCode', align: 'center',width:120}">坐席工号</th>
                                    <th lay-data="{field:'UserName', width:100}">坐席姓名</th>
                                    <th lay-data="{field:'LongTime', align: 'right', width:120}">通话时长（S）</th>
                                    <th lay-data="{field:'ywtype', width:100}">导航按键（S）</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="/Content/js/CallRecord/callRecord.js" charset="utf-8"></script>
<script src="/Content/layui/formatdate.js"></script>
<script type="text/javascript">
    layui.tree({
        elem: '#treelist' //传入元素选择器
        , nodes: [{ //节点
            name: '父节点1'
            , children: [{
                name: '子节点11'
            }, {
                name: '子节点12'
            }]
        }, {
            name: '父节点2'
            , children: [{
                name: '子节点21'
                , children: [{
                    name: '子节点211'
                }]
            }]
        }]
    });
    $('#treelist a').on('click', function () {
        $('#treelist a').removeClass('selected');
        $(this).addClass('selected')

    })
</script>
</html>