f91486b1bca9d6f695cc143bee77b174.php 18.7 KB
<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:53:"D:\sos\public/../application/web\view\index\index.php";i:1593486913;}*/ ?>
<!DOCTYPE html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>永保电销系统</title>
    <link rel="stylesheet" type="text/css" href="/assets/common/css/themes/gray/easyui.css" />
	<link rel="stylesheet" type="text/css" href="/assets/common/css/themes/gray/menu.css" />
    <link rel="stylesheet" type="text/css" href="/assets/common/css/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="/assets/web/css/jitnry.css" />
    <script type="text/javascript" src="/assets/common/js/jquery.min.1.9.4.js"></script>
	<script type="text/javascript" src="/assets/common/js/jquery.easyui.min.1.9.4.js"></script>
    <script type="text/javascript" src="/assets/common/js/jquery.cookie.1.4.1.js"></script>
	<!-- 插件调用 --->
	<script type="text/javascript" src="/assets/common/js/datagrid-detailview.js"></script>
	<script type="text/javascript" src="/assets/common/locale/easyui-lang-zh_CN.js"></script>
	<!-- 基础 JS 调用 -->
	<script type="text/javascript" src="/assets/web/js/src/easyui.base.js"></script>
	<script type="text/javascript" src="/assets/web/js/src/common.menu.js"></script>
	
	<script type="text/javascript">
        var oltTarget, logTarget, logGridTarget;
        var num = 0;
        var iCount;
        $(function () {
            oltTarget = $("#operation_log_txt");
            logTarget = $("#operation_log");
            logGridTarget = $("#operation_log_grid");

            /* 获得窗口大小 */
            function onResize() {
                logTarget.window({
                    left:$(window).width() - 705,
                    top:$(window).height() - 425,
                    closed:true
                });
            };
            window.onresize = onResize;
            onResize();
            
            /*
            $(document).unbind('.commoditygrid').bind('mousedown.commoditygrid', function(e){
                var p = $(e.target).closest('table.datagrid-btable,div.combo-panel');
                if (p.length) { return; }
            });
            */


			$('#main_tabs').tabs('update', {
				tab: $('#main_tabs').tabs('getTab', 0),
				options: {
					id: 'ClientIndex',
					title: '客户管理'
				}
			});

			$('#main_iframe').attr('src','/web/client/client_list_main');

            
            $.h.index.setOperateInfo(null, false);
			
			$("<div class=\"datagrid-mask\"></div>").css({
                display: "none",
                position: "absolute",
                width: "100%",
                height: "100%"
            }).appendTo("#Loading");
			$("<div class=\"loading\"></div>").html("<div><img src='/assets/web/img/loading.gif' style='width:80px;height:80px;'></div><div style='font-size:12px;color:#666;'>正在加载主框架数据……</div>").css({
                position: "relative",
                left: $(window).width() / 2 - $(window).width() * 0.1,
				top: $(window).height() / 2 - 100,
				width: $(window).width() * 0.2
            }).appendTo("#Loading").css({display: "block"});
			setTimeout(function () {
                $("#Loading").fadeOut("normal", function () {
                    $(this).remove();
                });
            }, 800)
        });
        
        $.h.index = {
            refresh : function(e) {
                var objMainTabs = $('#main_tabs');
                var objMainTabsOptions = objMainTabs.tabs('getSelected').panel('options');
                if (objMainTabs.tabs('getTabIndex',objMainTabs.tabs('getSelected')) == 0) {
                    $('#main_iframe').attr('src',$('#main_iframe').attr('src'));
                    return;
                }
                objMainTabs.tabs('update', {
                    tab: objMainTabs.tabs('getSelected'),
                    options: {
                        title: objMainTabsOptions.title,
                        href: objMainTabsOptions.href
                    }
                });
                objMainTabs.tabs('getSelected').panel('refresh');
            },
            onCloseAll : function() {
                var objTabs = $('#main_tabs');
                var mTabs = objTabs.tabs('tabs');
                for (var i = 0; i < mTabs.length; i++) {
                    if (i == 0) continue;
                    objTabs.tabs("close", i);
                }
            },
            sendMainMsg : function(msg) {
                if ($("#main_msg").is(":hidden")) {
                    $('#main_msg').html(msg);
                    var mainMsgWidth = $('#main_msg').width() / 2;
                    $('#main_msg').offset({top:0,left:((document.documentElement.clientWidth || document.body.clientWidth) / 2 - mainMsgWidth)});
                    $('#main_msg').show();
                } else {
                    $('#main_msg').html('');
                    $('#main_msg').offset({top:0,left:0});
                    $('#main_msg').hide();
                }
            },
            /**
             * 如果 info 为 null 并且 b 为 false,只读取数组中第一条记录并显示
             * 如果 info 不是 null 并且 b 为 false,只显示信息,不写入数组中
             * 如果 info 不是 null 并且 b 为 true,显示信息,并写入数组中
             */
            setOperateInfo : function(info, b) {
                if (info == null || b) {
                    var mCookieData = $.cookie('SysOperateInfo');
                    if (!mCookieData) {
                        mCookieData = '[]';
                    }
                    mCookieData = JSON.parse(mCookieData);
                    
                    if (mCookieData.length >= 10) {
                        mCookieData.splice(9, 1);
                    }
                    /* 为 true 时,写入 Cookie */
                    if (b) {
                        info.id = mCookieData.length;
                        mCookieData.unshift(info);
                        $.cookie('SysOperateInfo',JSON.stringify(mCookieData));
                    }
                    if (info == null) {
                        if (mCookieData.length == 0) return;
                        info = mCookieData[0];
                    }
                    
                    if (!logTarget.window('options').closed) {
                        logGridTarget.datagrid('loadData', mCookieData);
                    }
                }
                
                var strHtml = '<strong>【{R_Module}】【{R_Operate}】:</strong>{R_Content}';
                strHtml = strHtml.replace('{R_Module}',info.module).replace('{R_Operate}',info.operate).replace('{R_Content}',info.content);
                $(oltTarget.children()[0]).html(strHtml);
                
                clearInterval(iCount);
                if (info.icon == 'hr-warn' || info.icon == 'hr-error') {

                    this.sendMainMsg(strHtml);
                    iCount = window.setInterval(txtTwinkle, 1300);
                }

                if (!$(oltTarget.children()[1]).hasClass(info.icon)) {
                    strHtml = "l-btn-icon " + info.icon;
                    $(oltTarget.children()[1]).attr("class","l-btn-icon " + info.icon);
                }
            }
        };
        function txtTwinkle() {
            num++;
            if (num == 6) {
                num = 0;
                $.h.index.sendMainMsg(null);
                clearInterval(iCount);
            } else {
                setTimeout("oltTarget.css('color','blue')",500);
                setTimeout("oltTarget.css('color','#000')",800);
            }
        }
	</script>
</head>
<body>
<div id='Loading' style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background-color:#fff;text-align:center;"></div>
<div class="easyui-layout" data-options="fit:true">
	<div data-options="region:'north',border:false" style="display:flex;justify-content:space-between;height:60px;line-height:60px;overflow:hidden;background-image:linear-gradient(90deg, #dee, #fff);">
		<div style="display:flex;align-items:center;">
			<div slot="header-logo" style="float:left;width:180px;">
				<img src="/assets/web/img/Logo.png" style="margin-left: 20px;height: 30px;">
			</div>
			<div>
				<a href="#" class="easyui-menubutton" data-options="menu:'#mobile',hasDownArrow:false,iconCls:'hr-database',iconAlign:'top',width:60,plain:false">电话</a>
				<div id="mobile" style="width:100px;">
					<div data-options="iconCls:'icon-ok'">签入</div>
					<div data-options="iconCls:'icon-cancel'">空闲</div>
					<div data-options="iconCls:'icon-cancel'">忙碌</div>
				</div>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-cart',iconAlign:'top',width:60,plain:true">签入</a>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-user',iconAlign:'top',width:60,plain:true">空闲</a>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-law',iconAlign:'top',width:60,plain:true">忙碌</a>
				<span style="color:#E7E7E7;height:50px;margin: 0 5px;border-left: 1px solid #ddd;border-right: 1px solid #fff;"></span>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-admin',iconAlign:'top',width:60,plain:true">内呼</a>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-076',iconAlign:'top',width:60,plain:true">外呼</a>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-user4add',iconAlign:'top',width:60,plain:true">保持</a>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-imageadd',iconAlign:'top',width:60,plain:true">满意度</a>
				<span style="color:#E7E7E7;height:55px;margin: 0 5px;border-left: 1px solid #ddd;border-right: 1px solid #fff;"></span>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-flag2add',iconAlign:'top',width:75,plain:true">组织机构</a>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-turn-on',iconAlign:'top',width:75,plain:true">咨询外线</a>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-creditcards',iconAlign:'top',width:60,plain:true">转接</a>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-report_user',iconAlign:'top',width:60,plain:true">三方</a>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'hr-report_link',iconAlign:'top',width:75,plain:true">三方接回</a>
			</div>
		</div>
		<div style="display:flex;align-items:center;margin-right:5px;">
			<a href="javascript:void(0)" class="easyui-menubutton" data-options="menu:'#sysButton',height:50,hasDownArrow:false">系统设置</a>
			<div id="sysButton" style="width:150px;">
				<div data-options="iconCls:'hr-loading'">组织机构</div>
				<div class="menu-sep"></div>
				<div data-options="iconCls:'icon-organisation'">权限管理</div>
				<div data-options="iconCls:'icon-bolt'">版本管理</div>
			</div>
			<span style="color:#E7E7E7;height:20px;margin: 0 5px;border-left: 1px solid #ccc;border-right: 1px solid #fff;"></span>
			<a href="javascript:void(0)" class="easyui-menubutton" data-options="menu:'#meButton',iconCls:'hr-settings',height:50,menuAlign:'right'"><?php echo \think\Request::instance()->session('user.user_cname'); ?></a>
			<div id="meButton" style="width:150px;">
				<div data-options="iconCls:'hr-view'"><?php echo \think\Request::instance()->session('organization.cn_name'); ?></div>
				<div class="menu-sep"></div>
				<div data-options="iconCls:'hr-warn',href:'/web/passport/logout'">退出</div>
			</div>
		</div>
        <div id="main_msg" style="display:none;position:absolute;top:0;left:50%;transform:translate(-50%,0);height:40px;line-height:30px;font-size:14px;color:#fff;padding:5px 20px;border-radius:0 0 .5em .5em;background-color:rgba(0,0,0,0.5)">~~这是一条提示消息~~</div>
	</div>
	<div data-options="region:'west',split:true,hideCollapsedContent:false,collapsed:false,title:'菜单',dataType:'json'" style="width:180px;min-width:160px;">
		<div class="easyui-menu" data-options="inline:true,fit:true,itemHeight:40" style="border:0px;">
            <div data-options="iconCls:'icon-cancel'">
				<span>客户管理</span>
                <div style="width:180px;">
                    <div data-options="iconCls:'icon-clear'"><b>客户管理</b></div>
                    <div data-options="iconCls:'icon-edit'">客户导入</div>
                    <div data-options="iconCls:'icon-remove'">客户调配</div>
                    <div data-options="iconCls:'icon-save'">数据处理</div>
					<div class="menu-sep"></div>
					<div data-options="iconCls:'icon-cut'">招聘管理</div>
					<div data-options="iconCls:'icon-ok'">下发回收</div>
					<div data-options="iconCls:'icon-no'">故障报修</div>
                </div>
			</div>
            <div class="menu-selected" data-options="iconCls:'hr-loading'">
                <span>我的助手</span>
                <div style="width:180px;">
                    <div><b>我的消息</b></div>
                    <div>消息提醒</div>
                    <div>通话记录</div> 
                    <div>未接来电</div>
                    <div>公告管理</div>
                    <div>通讯录</div>
                    <div>个人设置</div>
					<div>帮助向导</div>
                </div>
            </div>
            <div data-options="iconCls:'icon-reload'">
                <span>保单管理</span>
                <div style="width:180px;">
                    <div><b>保单管理</b></div>
                    <div>中英保单号管理</div>
                    <div>百年支付</div>
                    <div>支付页面</div>
					<div class="menu-sep"></div>
					<div>生命保单管理</div>
					<div>支付结果查询</div>
					<div>支付明细查询</div>
                </div>
            </div>
            <div data-options="iconCls:'icon-print',disabled:true">短信管理</div>
			<div data-options="iconCls:'icon-search'">客服服务</div>
			<div data-options="iconCls:'hr-settings'">产品管理</div>
			<div data-options="iconCls:'icon-help'" onclick="$.h.menu.onMenuAgentUserManage();">代理用户</div>

			<div data-options="iconCls:'icon-undo'" onclick="$.h.menu.onMenuPeopleManagement();">人员管理</div>
			<div data-options="iconCls:'icon-redo'" onclick="$.h.menu.onMenuOrgManage();">组织机构</div>

            <div class="menu-sep"></div>
            <div data-options="iconCls:'hr-settings'">系统管理</div>
        </div>
	</div>
	<div data-options="region:'center',border:false" style="overflow:hidden;">
        <div id="main_tabs" class="easyui-tabs" data-options="fit:true,border:true,tools:'#tab-tools',tabWidth:120">
            <div style="overflow:hidden;padding:4px;">
                <iframe id="main_iframe" style="width:100%;height:100%;border:0px;overflow:hidden;"></iframe>
            </div>
        </div>
		<div id="tab-tools" style="border-right:0px;">
			<a class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-clear',onClick:$.h.index.onCloseAll" title="关闭所有"></a>
			<a class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload',onClick:$.h.index.refresh" title="刷新当前"></a>
		</div>
	</div>
	<div data-options="region:'east',split:true,hideCollapsedContent:false,collapsed:true,title:'快捷',dataType:'json',href:'/web/index/quick_menu'" style="width:100px;min-width:100px;"></div>
    <div data-options="region:'south'" style="height:30px;overflow:hidden;">
    	<div style="float:left;line-height:30px;width:50%;">
			<a href="javascript:void(0)" class="hr-award" style="padding:16px;" title="公司名称"></a>
			<span>坐席号:1001</span>
			<span style="margin:0 5px;color:#eee;">|</span>
			<span>分机号:8499</span>
			<span style="margin:0 5px;color:#ddd;">|</span>
			<span>坐席状态:未签入</span>
			<span style="margin:0 5px;color:#ddd;">|</span>
			<span>队列状态:未签入</span>
		</div>
        <div style="float:right;line-height:30px;padding:1px;">
            <a id='btn_menu' class="easyui-linkbutton" data-options="iconCls:'hr-menu',plain:true,height:26,
                onClick:function() {
                    logTarget.window(logTarget.window('options').closed ? 'open' : 'close');
                }"></a>
        </div>
        <div style="float:right;line-height:30px;">
            <span id="operation_log_txt" class="l-btn-left l-btn-icon-left"><span class="l-btn-text">兵临城下提供技术支持</span></span>
        </div>
    </div>
</div>
<!-- 操作日志 -->
<div id="operation_log" class="easyui-window" style="width:700px;height:392px;"
    data-options="
        title:'操作日志',
        modal:false,
        closed:true,
        collapsible:false,
        minimizable:false,
        maximizable:false,
        resizable:false,
        draggable:false,
        noheader:false,
        onOpen:function() {
            $('#btn_menu').linkbutton('select');
            var mCookieData = $.cookie('SysOperateInfo');
            if (mCookieData) {
                mCookieData = JSON.parse(mCookieData);
                logGridTarget.datagrid('loadData', mCookieData);
            }
        },
        onClose:function() {
            $('#btn_menu').linkbutton('unselect');
        }">
    <table id="operation_log_grid" class="easyui-datagrid" style="width:100%;" title=""
			data-options="
				fit:true,
				fitColumns:true,
				rownumbers:true,
				iconCls:'hr-record',
				singleSelect:true,
				rownumbers:true,
				border:false,
				method:'get',
				checkOnSelect:false,
				selectOnCheck:false
			">
			<thead>
				<tr>
                    <th data-options="field:'id',hidden:true"></th>
                    <th data-options="
                            field:'icon',
                            align:'center',
                            formatter:function(value,row,index) {
                                switch(value) {
                                    case 'hr-warn':
                                        return '<img src=/static/manage/themes/icons/warn.png />';
                                    case 'hr-error':
                                        return '<img src=/static/manage/themes/icons/error.png />';
                                    case 'icon-ok':
                                        return '<img src=/static/manage/themes/icons/ok.png />';
                                    case 'icon-save':
                                        return '<img src=/static/manage/themes/icons/filesave.png />';
                                }
                            }
                        ">&nbsp;&nbsp;&nbsp;&nbsp;</th>
					<th data-options="field:'module',align:'center',width:50"><b>单据</b></th>
					<th data-options="field:'operate',align:'center',width:40"><b>操作</b></th>
					<th data-options="field:'content',width:200"><b>说明</b></th>
				</tr>
			</thead>
		</table>
</div>
</body>
</html>