bjquanjiang
/
DigitalScholl
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 Commits
27 Branches
925 MiB
 
 
 
 
 
 
Tree: a0689e2426
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'a0689e2426'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Views/Home/AdminWindos/Index.js

837 lines
38 KiB
Raw Blame History 

  1. /*

  2.  * 版 本 Learun-ADMS V7.0.0 数字化智慧校园(http://www.learun.cn)

  3.  * Copyright (c) 2013-2018 北京泉江科技有限公司

  4.  * 创建人：数字化智慧校园-前端开发组

  5.  * 日 期：2017.03.16

  6.  * 描 述：window窗口皮肤	

  7.  */

  8. var bootstrap = function ($, learun) {

  9.     "use strict";

  10.     var isInit = false;

  11.     // 菜单操作

  12.     var meuns = {

  13.         init: function () {

  14.             var $menuwarp = $('.lr-frame-menu');

  15.             if ($menuwarp != undefined && $('#lr_second_menu_wrap').length == 0) {

  16.                 $menuwarp.append('<div class="lr-second-menu-wrap" id="lr_second_menu_wrap"></div><div class="lr-frame-menu-overlay" id="lr_frame_menu_overlay"></div>');

  17.             }

  18.             this.load();

  19.             this.bind();

  20.         },

  21.         load: function () {

  22.             var modulesTree = learun.clientdata.get(['modulesTree']);

  23.             // 第一级菜单

  24.             var parentId = '0';

  25.             var modules = modulesTree[parentId] || [];

  26.             var $firstmenus = $('<ul class="lr-first-menu-list"></ul>');

  27.             for (var i = 0, l = modules.length; i < l; i++) {

  28.                 var item = modules[i];

  29.                 if (item.F_IsMenu == 1) {

  30.                     var $applistul = $('<ul></ul>');// 应用列表

  31.                     if (item.F_Target != 'expand') {

  32.                         $applistul.append(meuns.getAppItem(item));

  33.                     }

  34.                     var $firstMenuItem = $('<li></li>');

  35.                     if (!!item.F_Description) {

  36.                         $firstMenuItem.attr('title', item.F_Description);

  37.                     }

  38.                     var menuItemHtml = '<a id="' + item.F_ModuleId + '" href="javascript:void(0);" class="lr-menu-item">';

  39.                     menuItemHtml += '<i class="' + item.F_Icon + ' lr-menu-item-icon"></i>';

  40.                     menuItemHtml += '<span class="lr-menu-item-text">' + item.F_FullName + '</span>';

  41.                     menuItemHtml += '<span class="lr-menu-item-arrow"></span></a>';

  42.                     $firstMenuItem.append(menuItemHtml);

  43.                     // 第二级菜单

  44.                     var secondModules = modulesTree[item.F_ModuleId] || [];

  45.                     var $secondMenus = $('<ul class="lr-second-menu-list"></ul>');

  46.                     var secondMenuHad = false;

  47.                     for (var j = 0, sl = secondModules.length; j < sl; j++) {

  48.                         var secondItem = secondModules[j];

  49.                         if (secondItem.F_IsMenu == 1) {

  50. 

  51.                             if (secondItem.F_Target != 'expand') {

  52.                                 $applistul.append(meuns.getAppItem(secondItem));

  53.                             }

  54. 

  55.                             secondMenuHad = true;

  56.                             var $secondMenuItem = $('<li></li>');

  57.                             if (!!secondItem.F_Description) {

  58.                                 $secondMenuItem.attr('title', secondItem.F_Description);

  59.                             }

  60.                             var secondItemHtml = '<a id="' + secondItem.F_ModuleId + '" href="javascript:void(0);" class="lr-menu-item" >';

  61.                             secondItemHtml += '<i class="' + secondItem.F_Icon + ' lr-menu-item-icon"></i>';

  62.                             secondItemHtml += '<span class="lr-menu-item-text">' + secondItem.F_FullName + '</span>';

  63.                             secondItemHtml += '</a>';

  64. 

  65.                             $secondMenuItem.append(secondItemHtml);

  66.                             // 第三级菜单

  67.                             var threeModules = modulesTree[secondItem.F_ModuleId] || [];

  68.                             var $threeMenus = $('<ul class="lr-three-menu-list"></ul>');

  69.                             var threeMenuHad = false;

  70.                             for (var m = 0, tl = threeModules.length; m < tl; m++) {

  71.                                 var threeItem = threeModules[m];

  72.                                 if (threeItem.F_IsMenu == 1) {

  73.                                     if (threeItem.F_Target != 'expand') {

  74.                                         $applistul.append(meuns.getAppItem(threeItem));

  75.                                     }

  76. 

  77.                                     threeMenuHad = true;

  78.                                     var $threeMenuItem = $('<li></li>');

  79.                                     $threeMenuItem.attr('title', threeItem.F_FullName);

  80.                                     var threeItemHtml = '<a id="' + threeItem.F_ModuleId + '" href="javascript:void(0);" class="lr-menu-item" >';

  81.                                     threeItemHtml += '<i class="' + threeItem.F_Icon + ' lr-menu-item-icon"></i>';

  82.                                     threeItemHtml += '<span class="lr-menu-item-text">' + threeItem.F_FullName + '</span>';

  83.                                     threeItemHtml += '</a>';

  84.                                     $threeMenuItem.append(threeItemHtml);

  85.                                     $threeMenus.append($threeMenuItem);

  86.                                 }

  87.                             }

  88.                             if (threeMenuHad) {

  89.                                 $secondMenuItem.addClass('lr-meun-had');

  90.                                 $secondMenuItem.find('a').append('<span class="lr-menu-item-arrow"><i class="fa fa-angle-left"></i></span>');

  91.                                 $secondMenuItem.append($threeMenus);

  92.                             }

  93.                             $secondMenus.append($secondMenuItem);

  94.                         }

  95.                     }

  96.                     if (secondMenuHad) {

  97.                         $secondMenus.attr('data-value', item.F_ModuleId);

  98.                         $('#lr_second_menu_wrap').append($secondMenus);

  99.                     }

  100.                     $firstmenus.append($firstMenuItem);

  101.                     if ($applistul.find('li').length > 0) {

  102.                         $("#lr_applist_slidebox").append($applistul);

  103.                         $(".lr-applist-slidebox-slider-content").append('<li><i class="fa fa-circle"></i></li>');

  104.                     }

  105. 

  106.                 }

  107.             }

  108.             $('#lr_frame_menu').html($firstmenus);

  109. 

  110.             // 语言包翻译

  111.             $('.lr-menu-item-text').each(function () {

  112.                 var $this = $(this);

  113.                 var text = $this.text();

  114.                 learun.language.get(text, function (_text) {

  115.                     $this.text(_text);

  116.                     $this.parent().parent().attr('title', _text);

  117.                 });

  118.             });

  119.             $('.icon-text').each(function () {

  120.                 var $this = $(this);

  121.                 var text = $this.text() || '';

  122.                 learun.language.get(text.replace(/^\s+|\s+$/g, ""), function (_text) {

  123.                     $this.text(_text);

  124.                 });

  125.             });

  126.         },

  127.         bind: function () {

  128. 

  129.             $("#lr_frame_menu").lrscroll();

  130.             $("#lr_second_menu_wrap").lrscroll();

  131.             $('#lr_windows_start').on('click', meuns.startMenuClick);

  132.             $('#lr_frame_menu_overlay').on('click', meuns.startMenuClick);

  133.             // 添加点击事件

  134.             $('#lr_frame_menu a').on('click', function () {

  135.                 var $obj = $(this);

  136.                 var id = $obj.attr('id');

  137.                 var _module = learun.clientdata.get(['modulesMap', id]);

  138.                 switch (_module.F_Target) {

  139.                     case 'iframe':// 窗口

  140.                         meuns.startMenuClick();

  141.                         setTimeout(function () {

  142.                             if (learun.validator.isNotNull(_module.F_UrlAddress).code) {

  143.                                 learun.frameTab.open(_module);

  144.                             }

  145.                             else {

  146. 

  147.                             }

  148.                         }, 250);

  149.                         break;

  150.                     case 'expand':

  151.                         var $li = $obj.parent();

  152.                         if (!$li.hasClass('active')) {

  153.                             $('#lr_frame_menu li.active').removeClass('active');

  154.                             $li.addClass('active');

  155.                             $('#lr_second_menu_wrap .lr-second-menu-list').hide();

  156.                             $('#lr_second_menu_wrap .lr-second-menu-list[data-value="' + _module.F_ModuleId + '"]').show();

  157.                         }

  158.                         break;

  159.                 }

  160.             });

  161. 

  162.             $('#lr_second_menu_wrap a').on('click', function () {

  163.                 var $obj = $(this);

  164.                 var id = $obj.attr('id');

  165.                 var _module = learun.clientdata.get(['modulesMap', id]);

  166.                 switch (_module.F_Target) {

  167.                     case 'iframe':// 窗口

  168.                         meuns.startMenuClick();

  169.                         setTimeout(function () {

  170.                             if (learun.validator.isNotNull(_module.F_UrlAddress).code) {

  171.                                 learun.frameTab.open(_module);

  172.                             }

  173.                             else {

  174. 

  175.                             }

  176.                         }, 250);

  177.                         break;

  178.                     case 'expand':

  179.                         var $ul = $obj.next();

  180.                         if ($ul.is(':visible')) {

  181.                             $ul.slideUp(500, function () {

  182.                                 $obj.removeClass('open');

  183.                             });

  184.                         }

  185.                         else {

  186.                             $ul.parents('.lr-second-menu-list').find('.lr-three-menu-list').slideUp(300, function () {

  187.                                 $(this).prev().removeClass('open');

  188.                             });

  189.                             $ul.slideDown(300, function () {

  190.                                 $obj.addClass('open');

  191.                             });

  192.                         }

  193.                         break;

  194.                 }

  195.             });

  196. 

  197.             $('.lr-first-menu-list>li').eq(0).find('a').trigger('click');

  198. 

  199. 

  200.             $(".lr-applist-slidebox-slider-content li").click(function () {

  201.                 var $this = $(this);

  202.                 if (!$this.hasClass("active")) {

  203.                     var $oldli = $(".lr-applist-slidebox-slider-content li.active");

  204.                     $oldli.removeClass("active");

  205.                     $this.addClass("active");

  206. 

  207.                     var oldindex = $oldli.index();

  208.                     var index = $(this).index();

  209. 

  210.                     $("#lr_applist_slidebox ul").eq(oldindex).hide();

  211.                     $("#lr_applist_slidebox ul").eq(index).fadeIn("slow");

  212.                 }

  213.             });

  214. 

  215.             $('#lr_applist_btn').on('click', function () {

  216.                 meuns.openApplist();

  217.             });

  218. 

  219.             $('#lr_applist_slidebox .appItem').on('click', function () {

  220.                 var $obj = $(this);

  221.                 var id = $obj.attr('data-id');

  222.                 var _module = learun.clientdata.get(['modulesMap', id]);

  223.                 if (learun.validator.isNotNull(_module.F_UrlAddress).code) {

  224.                     learun.frameTab.open(_module);

  225.                 }

  226.             });

  227.             $('#lr_applist_content').hide();

  228.             $(".lr-applist-slidebox-slider-content li").eq(0).trigger('click');

  229. 

  230.             //learun.frameTab.leaveFocus();

  231. 

  232. 

  233.         },

  234.         startMenuClick: function () {

  235.             debugger;

  236.             var $lr_frame_menu = $('.lr-frame-menu');

  237.             if (!isInit) {

  238.                 isInit = true;

  239.                 $lr_frame_menu.show();

  240.             } else {

  241.                 if ($lr_frame_menu.is(':visible')) {

  242.                     $lr_frame_menu.show();

  243.                 }

  244.                 else {

  245.                     $lr_frame_menu.hide();

  246.                 }

  247.                 //$lr_frame_menu.slideToggle(300);

  248.             }

  249. 

  250. 

  251. 

  252.         },

  253.         getAppItem: function (item) {

  254.             var colorindex = Math.round(Math.random() * 9 + 1);

  255.             var _html = '';

  256.             _html += '<li class="appItem" data-id="' + item.F_ModuleId + '" href="' + item.F_UrlAddress + '">';

  257.             _html += '<div class="icon" >';

  258.             _html += '<i class="fa ' + item.F_Icon + '"></i>';

  259.             _html += '</div>';

  260.             _html += '<div class="icon-text">';

  261.             _html += item.F_FullName;

  262.             _html += '</div>';

  263.             _html += '</li>';

  264.             return _html;

  265.         },

  266.         closeApplist: function () {

  267.             var appBtn = $('#lr_applist_btn');

  268.             if (!appBtn.hasClass('off')) {

  269.                 $('#lr_applist_btn').addClass('off');

  270.                 $('#lr_applist_content').hide();

  271.             }

  272.         },

  273.         openApplist: function () {

  274.             var appBtn = $('#lr_applist_btn');

  275.             if (appBtn.hasClass('off')) {

  276.                 learun.frameTab.leaveFocus();

  277.                 $('#lr_applist_btn').removeClass('off');

  278.                 $('#lr_applist_content').show();

  279.             }

  280.         }

  281.     };

  282. 

  283.     learun.frameTab.opencallback = function () {

  284.         meuns.closeApplist();

  285.     };

  286.     learun.frameTab.closecallback = function () {

  287.         if (learun.frameTab.iframeId == '') {

  288.             meuns.openApplist();

  289.         }

  290.     };

  291. 

  292.     meuns.init();

  293. 

  294.     var companyMap = {};

  295.     var departmentMap = {};

  296.     var userMap = {};

  297. 

  298.     var imUserId = '';

  299. 

  300.     var getHeadImg = function (user) {

  301.         var url = top.$.rootUrl;

  302.         switch (user.img) {

  303.             case '0':

  304.                 url += '/Content/images/head/on-girl.jpg';

  305.                 break;

  306.             case '1':

  307.                 url += '/Content/images/head/on-boy.jpg';

  308.                 break;

  309.             default:

  310.                 url += '/LR_OrganizationModule/User/GetImg?userId=' + user.id;

  311.                 break;

  312.         }

  313.         return url;

  314.     };

  315.     // 发送聊天信息

  316.     var sendMsg = function (msg, time) {

  317.         var loginInfo = learun.clientdata.get(['userinfo']);

  318.         learun.clientdata.getAsync('user', {

  319.             key: loginInfo.userId,

  320.             callback: function (data, op) {

  321.                 data.id = op.key;

  322.                 var _html = '\

  323.                 <div class="me im-time">'+ (time || '') + '</div>\

  324.                 <div class="im-me">\

  325.                     <div class="headimg"><img src="'+ getHeadImg(data) + '"></div>\

  326.                     <div class="arrow"></div>\

  327.                     <span class="content">'+ msg + '</span>\

  328.                 </div>';

  329. 

  330.                 $('.lr-im-msgcontent .lr-scroll-box').append(_html);

  331.                 $('.lr-im-msgcontent').lrscrollSet('moveBottom');

  332.             }

  333.         });

  334.     };

  335.     // 接收聊天消息

  336.     var revMsg = function (userId, msg, time) {

  337.         learun.clientdata.getAsync('user', {

  338.             key: userId,

  339.             callback: function (data, op) {

  340.                 data.id = op.key;

  341.                 var _html = '\

  342.                 <div class="im-time">'+ (time || '') + '</div>\

  343.                 <div class="im-other">\

  344.                     <div class="headimg"><img src="'+ getHeadImg(data) + '"></div>\

  345.                     <div class="arrow"></div>\

  346.                     <span class="content">'+ msg + '</span>\

  347.                 </div>';

  348. 

  349. 

  350.                 $('.lr-im-msgcontent .lr-scroll-box').append(_html);

  351.                 $('.lr-im-msgcontent').lrscrollSet('moveBottom');

  352.             }

  353.         });

  354.     };

  355. 

  356.     var getTime = function (time) {

  357.         var d = new Date();

  358.         var c = d.DateDiff('d', time);

  359.         if (c <= 1) {

  360.             return learun.formatDate(time, 'hh:mm:ss');

  361.         }

  362.         else {

  363.             return learun.formatDate(time, 'yyyy/MM/dd');

  364.         }

  365.     }

  366. 

  367.     // 即时通讯

  368.     var im = {

  369.         init: function () {

  370.             this.bind();

  371.             this.load();

  372.         },

  373.         load: function () {

  374.             // 获取下公司列表

  375.             learun.clientdata.getAllAsync('company', {

  376.                 callback: function (data) {

  377.                     $.each(data, function (_id, _item) {

  378.                         companyMap[_item.parentId] = companyMap[_item.parentId] || [];

  379.                         _item.id = _id;

  380.                         companyMap[_item.parentId].push(_item);

  381.                     });

  382.                     var $list = $('#lr_im_content_userlist .lr-scroll-box');

  383.                     $.each(companyMap["0"], function (_index, _item) {

  384.                         var _html = '\

  385.                             <div class="lr-im-company-item">\

  386.                                 <div class="lr-im-item-name lr-im-company" data-value="'+ _item.id + '"  data-deep="0" >\

  387.                                     <i class="fa fa-angle-right"></i>'+ _item.name + '\

  388.                                 </div>\

  389.                             </div>';

  390.                         $list.append(_html);

  391. 

  392.                     });

  393.                     // 获取部门列表

  394.                     learun.clientdata.getAllAsync('department', {

  395.                         callback: function (data) {

  396.                             $.each(data, function (_id, _item) {

  397.                                 _item.id = _id;

  398.                                 if (_item.parentId == "0") {

  399.                                     departmentMap[_item.companyId] = departmentMap[_item.companyId] || [];

  400.                                     departmentMap[_item.companyId].push(_item);

  401.                                 }

  402.                                 else {

  403.                                     departmentMap[_item.parentId] = departmentMap[_item.parentId] || [];

  404.                                     departmentMap[_item.parentId].push(_item);

  405.                                 }

  406.                             });

  407. 

  408.                             // 获取人员数据

  409.                             learun.clientdata.getAllAsync('user', {

  410.                                 callback: function (data) {

  411.                                     $.each(data, function (_id, _item) {

  412.                                         _item.id = _id;

  413.                                         if (_item.departmentId) {

  414.                                             userMap[_item.departmentId] = userMap[_item.departmentId] || [];

  415.                                             userMap[_item.departmentId].push(_item);

  416.                                         }

  417.                                         else if (_item.companyId) {

  418.                                             userMap[_item.companyId] = userMap[_item.companyId] || [];

  419.                                             userMap[_item.companyId].push(_item);

  420.                                         }

  421.                                     });

  422. 

  423.                                     // 获取最近联系人列表

  424.                                     learun.im.getContacts(function (data) {

  425.                                         var $userList = $('#lr_immsg_userlist .lr-scroll-box');

  426.                                         $.each(data, function (_index, _item) {

  427.                                             var html = '\

  428.                                             <div class="msg-item'+ (_item.F_IsRead == '1' ? 'imHasMsg' : '') + '" data-value="' + _item.F_OtherUserId + '" >\

  429.                                                 <div class="photo">\

  430.                                                     <img src="'+ top.$.rootUrl + '/Content/images/head/on-boy.jpg">\

  431.                                                     <div class="point"></div>\

  432.                                                 </div>\

  433.                                                 <div class="name"></div>\

  434.                                                 <div class="msg">'+ (_item.F_Content || '') + '</div>\

  435.                                                 <div class="date">'+ getTime(_item.F_Time) + '</div>\

  436.                                             </div>';

  437.                                             $userList.append(html);

  438.                                             learun.clientdata.getAsync('user', {

  439.                                                 key: _item.F_OtherUserId,

  440.                                                 callback: function (data, op) {

  441.                                                     var $item = $userList.find('[data-value="' + op.key + '"]');

  442.                                                     $item.find('.name').text(data.name);

  443.                                                     data.id = op.key;

  444.                                                     $item.find('img').attr('src', getHeadImg(data));

  445.                                                     $item = null;

  446.                                                 }

  447.                                             });

  448.                                         });

  449.                                     });

  450. 

  451.                                 }

  452.                             });

  453. 

  454.                         }

  455.                     });

  456. 

  457.                 }

  458.             });

  459.         },

  460.         bind: function () {

  461.             $('#lr_immsg_userlist').lrscroll();

  462.             $('#lr_im_content_userlist').lrscroll();

  463.             $('.lr-im-msgcontent').lrscroll();

  464. 

  465.             // 打开关闭聊天窗

  466.             $('.lr-im-bell').on('click', function () {

  467.                 var $this = $(this);

  468.                 if ($this.hasClass('open')) {

  469.                     $this.removeClass('open');

  470.                     $('.lr-im-body').removeClass('open');

  471. 

  472.                     $('.lr-im-black-overlay').hide();

  473.                     imUserId = '';

  474.                 }

  475.                 else {

  476.                     $this.addClass('open');

  477.                     $('.lr-im-bell .point').hide();

  478.                     $('.lr-im-body').addClass('open');

  479.                 }

  480.             });

  481. 

  482.             // 最近消息 与 联系人之间的切换

  483.             $('.lr-im-title .title-item').on('click', function () {

  484.                 var $this = $(this);

  485.                 if (!$this.hasClass('active')) {

  486.                     $('.lr-im-body>.active').removeClass('active');

  487.                     $('.lr-im-title>.active').removeClass('active');

  488.                     $this.addClass('active');

  489.                     var v = $this.attr('data-value');

  490.                     $('#' + v).addClass('active');

  491.                 }

  492.             });

  493. 

  494.             // 联系人

  495.             $('#lr_im_content_userlist .lr-scroll-box').on('click', function (e) {

  496.                 e = e || window.event;

  497.                 var et = e.target || e.srcElement;

  498.                 var $et = $(et);

  499. 

  500.                 if (et.tagName == 'IMG' || et.tagName == 'I') {

  501.                     $et = $et.parent();

  502.                 }

  503. 

  504.                 if ($et.hasClass('lr-im-company')) {// 点击公司项

  505.                     // 判断是否是打开的状态

  506.                     if ($et.hasClass('open')) {

  507.                         $et.removeClass('open');

  508.                         $et.parent().find('.lr-im-user-list').remove();

  509. 

  510.                     } else {

  511.                         var id = $et.attr('data-value');

  512.                         var deep = parseInt($et.attr('data-deep'));

  513.                         var $list = $('<div class="lr-im-user-list" ></div>');

  514.                         $list.css({ 'padding-left': '10px' });

  515.                         var flag = false;

  516.                         // 加载员工

  517.                         $.each(userMap[id] || [], function (_index, _item) {

  518.                             var _html = '\

  519.                             <div class="lr-im-company-item">\

  520.                                 <div class="lr-im-item-name lr-im-user" data-value="'+ _item.id + '" >\

  521.                                      <img src="'+ getHeadImg(_item) + '" >' + _item.name + '\

  522.                                 </div>\

  523.                             </div>';

  524.                             $list.append(_html);

  525.                             flag = true;

  526.                         });

  527.                         // 加载部门

  528.                         $.each(departmentMap[id] || [], function (_index, _item) {

  529.                             var _html = '\

  530.                             <div class="lr-im-company-item">\

  531.                                 <div class="lr-im-item-name lr-im-department" data-value="'+ _item.id + '"  data-deep="' + (deep + 1) + '" >\

  532.                                     <i class="fa fa-angle-right"></i>'+ _item.name + '\

  533.                                 </div>\

  534.                             </div>';

  535.                             $list.append(_html);

  536.                             flag = true;

  537.                         });

  538.                         // 加载下属公司

  539.                         $.each(companyMap[id] || [], function (_index, _item) {

  540.                             var _html = '\

  541.                             <div class="lr-im-company-item">\

  542.                                 <div class="lr-im-item-name lr-im-company" data-value="'+ _item.id + '"  data-deep="' + (deep + 1) + '" >\

  543.                                     <i class="fa fa-angle-right"></i>'+ _item.name + '\

  544.                                 </div>\

  545.                             </div>';

  546.                             $list.append(_html);

  547.                             flag = true;

  548.                         });

  549. 

  550. 

  551. 

  552.                         if (flag) {

  553.                             $et.parent().append($list);

  554.                         }

  555.                         $et.addClass('open');

  556.                     }

  557.                     return false;

  558.                 }

  559.                 else if ($et.hasClass('lr-im-department')) {

  560.                     // 判断是否是打开的状态

  561.                     if ($et.hasClass('open')) {

  562.                         $et.removeClass('open');

  563.                         $et.parent().find('.lr-im-user-list').remove();

  564. 

  565.                     } else {

  566.                         var id = $et.attr('data-value');

  567.                         var deep = parseInt($et.attr('data-deep'));

  568.                         var $list = $('<div class="lr-im-user-list" ></div>');

  569.                         $list.css({ 'padding-left': '10px' });

  570.                         var flag = false;

  571.                         // 加载员工

  572.                         $.each(userMap[id] || [], function (_index, _item) {

  573.                             var _html = '\

  574.                             <div class="lr-im-company-item">\

  575.                                 <div class="lr-im-item-name lr-im-user" data-value="'+ _item.id + '" >\

  576.                                      <img src="'+ getHeadImg(_item) + '" >' + _item.name + '\

  577.                                 </div>\

  578.                             </div>';

  579.                             $list.append(_html);

  580.                             flag = true;

  581.                         });

  582.                         // 加载部门

  583.                         $.each(departmentMap[id] || [], function (_index, _item) {

  584.                             var _html = '\

  585.                             <div class="lr-im-company-item">\

  586.                                 <div class="lr-im-item-name lr-im-department" data-value="'+ _item.id + '"  data-deep="' + (deep + 1) + '" >\

  587.                                     <i class="fa fa-angle-right"></i>'+ _item.name + '\

  588.                                 </div>\

  589.                             </div>';

  590.                             $list.append(_html);

  591.                             flag = true;

  592.                         });

  593. 

  594.                         if (flag) {

  595.                             $et.parent().append($list);

  596.                         }

  597.                         $et.addClass('open');

  598. 

  599.                     }

  600. 

  601.                 }

  602.                 else if ($et.hasClass('lr-im-user')) {

  603.                     // 如果是用户列表

  604.                     // 1.打开聊天窗口

  605.                     // 2.添加一条最近联系人数据（如果没有添加的话）

  606.                     // 3.获取最近的20条聊天数据或者最近的聊天信息

  607. 

  608. 

  609.                     var id = $et.attr('data-value');

  610.                     var $userList = $('#lr_immsg_userlist .lr-scroll-box');

  611.                     var $userItem = $userList.find('[data-value="' + id + '"]');

  612. 

  613.                     // 更新下最近的联系人列表数据

  614.                     $('.lr-im-title .title-item').eq(0).trigger('click');

  615. 

  616.                     imUserId = id;

  617.                     if ($userItem.length > 0) {

  618.                         $userList.prepend($userItem);

  619.                         $userItem.trigger('click');

  620.                     }

  621.                     else {

  622.                         var imgurl = $et.find('img').attr('src');

  623.                         var _html = '\

  624.                             <div class="msg-item" data-value="' + id + '" >\

  625.                                 <div class="photo">\

  626.                                     <img src="'+ imgurl + '">\

  627.                                     <div class="point"></div>\

  628.                                 </div>\

  629.                                 <div class="name"></div>\

  630.                                 <div class="msg"></div>\

  631.                                 <div class="date"></div>\

  632.                             </div>';

  633.                         $userList.prepend(_html);

  634.                         $userItem = $userList.find('[data-value="' + id + '"]');

  635.                         // 获取人员数据

  636.                         learun.clientdata.getAsync('user', {

  637.                             key: id,

  638.                             callback: function (data, op) {

  639.                                 $userList.find('[data-value="' + op.key + '"] .name').text(data.name);

  640.                                 $userItem.trigger('click');

  641.                             }

  642.                         });

  643.                         learun.im.addContacts(id);

  644.                     }

  645. 

  646.                 }

  647.             });

  648.             // 最近联系人列表点击

  649.             $('#lr_immsg_userlist .lr-scroll-box').on('click', function (e) {

  650.                 e = e || window.event;

  651.                 var et = e.target || e.srcElement;

  652.                 var $et = $(et);

  653. 

  654.                 if (!$et.hasClass('msg-item')) {

  655.                     $et = $et.parents('.msg-item');

  656.                 }

  657.                 if ($et.length > 0) {

  658.                     if (!$et.hasClass('active')) {

  659.                         var name = $et.find('.name').text();

  660.                         imUserId = $et.attr('data-value');

  661. 

  662.                         $('#lr_immsg_userlist .lr-scroll-box .active').removeClass('active');

  663.                         $et.addClass('active');

  664. 

  665.                         $('.lr-im-black-overlay').show();

  666.                         var $imdialog = $('.lr-im-dialog');

  667.                         $imdialog.find('.im-title').text("与" + name + "对话中");

  668. 

  669.                         $('#lr_im_input').val('');

  670.                         $('#lr_im_input').select();

  671. 

  672.                         $('.lr-im-msgcontent .lr-scroll-box').html('');

  673.                         // 获取聊天信息

  674.                         learun.im.getMsgList(imUserId, function (data) {

  675.                             var len = data.length;

  676.                             if (len > 0) {

  677.                                 for (var i = len - 1; i >= 0; i--) {

  678.                                     var _item = data[i];

  679.                                     learun.clientdata.getAsync('user', {

  680.                                         key: _item.userId,

  681.                                         msg: _item.content,

  682.                                         time: _item.time,

  683.                                         callback: function (data, op) {

  684.                                             data.id = op.key;

  685.                                             var loginInfo = learun.clientdata.get(['userinfo']);

  686.                                             var _html = '\

  687.                                             <div class="im-time '+ (loginInfo.userId == op.key ? 'me' : '') + ' ">' + op.time + '</div>\

  688.                                             <div class="'+ (loginInfo.userId == op.key ? 'im-me' : 'im-other') + '">\

  689.                                                 <div class="headimg"><img src="'+ getHeadImg(data) + '"></div>\

  690.                                                 <div class="arrow"></div>\

  691.                                                 <span class="content">'+ op.msg + '</span>\

  692.                                             </div>';

  693.                                             $('.lr-im-msgcontent .lr-scroll-box').prepend(_html);

  694.                                         }

  695.                                     });

  696.                                 }

  697.                                 $('.lr-im-msgcontent').lrscrollSet('moveBottom');

  698.                             }

  699.                         }, $et.hasClass('imHasMsg'));

  700.                         $et.removeClass('imHasMsg');

  701.                         learun.im.updateContacts(imUserId);

  702.                     }

  703.                 }

  704.             });

  705. 

  706. 

  707.             // 联系人搜索

  708.             $('.lr-im-search input').on("keypress", function (e) {

  709.                 e = e || window.event;

  710.                 if (e.keyCode == "13") {

  711.                     var $this = $(this);

  712.                     var keyword = $this.val();

  713.                     var $list = $('#lr_im_content_userlist .lr-scroll-box');

  714.                     $list.html("");

  715.                     if (keyword) {

  716.                         learun.clientdata.getAllAsync('user', {

  717.                             callback: function (data) {

  718.                                 $.each(data, function (_index, _item) {

  719.                                     if (_item.name.indexOf(keyword) != -1) {

  720.                                         _item.id = _index;

  721.                                         var _html = '\

  722.                                         <div class="lr-im-company-item">\

  723.                                             <div class="lr-im-item-name lr-im-user" data-value="'+ _item.id + '" >\

  724.                                                  <img src="'+ getHeadImg(_item) + '" >' + _item.name + '\

  725.                                             </div>\

  726.                                         </div>';

  727.                                         $list.append(_html);

  728.                                     }

  729.                                 });

  730.                             }

  731.                         });

  732.                     }

  733.                     else {

  734.                         $.each(companyMap["0"], function (_index, _item) {

  735.                             var _html = '\

  736.                             <div class="lr-im-company-item">\

  737.                                 <div class="lr-im-item-name lr-im-company" data-value="'+ _item.id + '"  data-deep="0" >\

  738.                                     <i class="fa fa-angle-right"></i>'+ _item.name + '\

  739.                                 </div>\

  740.                             </div>';

  741.                             $list.append(_html);

  742.                         });

  743.                     }

  744. 

  745.                 }

  746.             });

  747. 

  748.             // 发送消息

  749.             $('#lr_im_input').on("keypress", function (e) {

  750.                 e = e || window.event;

  751.                 if (e.keyCode == "13") {

  752.                     var text = $(this).val();

  753.                     $(this).val('');

  754.                     if (text.replace(/(^\s*)|(\s*$)/g, "") != '') {

  755.                         var time = learun.im.sendMsg(imUserId, text);

  756.                         sendMsg(text, time);

  757.                         var $userItem = $('#lr_immsg_userlist .lr-scroll-box [data-value="' + imUserId + '"]');

  758.                         $userItem.find('.msg').text(text);

  759.                         $userItem.find('.date').text(getTime(learun.getDate('yyyy-MM-dd hh:mm:ss')));

  760.                         $userItem = null;

  761.                     }

  762.                     return false;

  763.                 }

  764.             });

  765.             // 注册消息接收

  766.             learun.im.registerRevMsg(function (userId, msg, dateTime) {

  767.                 var $userList = $('#lr_immsg_userlist .lr-scroll-box');

  768.                 var $userItem = $userList.find('[data-value="' + userId + '"]');

  769.                 // 判断当前账号是否打开聊天窗口

  770.                 if (userId == imUserId) {

  771.                     revMsg(userId, msg, dateTime);

  772.                     learun.im.updateContacts(userId);

  773.                     $userItem.find('.msg').text(msg);

  774.                     $userItem.find('.date').text(getTime(dateTime));

  775.                 }

  776.                 else {

  777.                     if ($userItem.length > 0) {

  778.                         $userList.prepend($userItem);

  779.                         if (!$userItem.hasClass('imHasMsg')) {

  780.                             $userItem.addClass('imHasMsg');

  781.                         }

  782.                         $userItem.find('.msg').text(msg);

  783.                         $userItem.find('.date').text(getTime(dateTime));

  784.                     }

  785.                     else {

  786.                         var html = '\

  787.                             <div class="msg-item" data-value="' + userId + '" >\

  788.                                 <div class="photo">\

  789.                                     <img src="'+ top.$.rootUrl + '/Content/images/head/on-boy.jpg">\

  790.                                     <div class="point"></div>\

  791.                                 </div>\

  792.                                 <div class="name"></div>\

  793.                                 <div class="msg">'+ msg + '</div>\

  794.                                 <div class="date">'+ getTime(dateTime) + '</div>\

  795.                             </div>';

  796.                         $userList.prepend(html);

  797.                         learun.clientdata.getAsync('user', {

  798.                             key: userId,

  799.                             callback: function (data, op) {

  800.                                 var $item = $userList.find('[data-value="' + op.key + '"]');

  801.                                 $item.find('.name').text(data.name);

  802.                                 data.id = op.key;

  803.                                 $item.find('img').attr('src', getHeadImg(data));

  804.                                 $item = null;

  805.                             }

  806.                         });

  807.                     }

  808.                 }

  809.                 if (!$('.lr-im-bell').hasClass('open')) {

  810.                     $('.lr-im-bell .point').show();

  811.                 }

  812.             });

  813. 

  814. 

  815.             // 查看聊天记录

  816.             $('#lr_im_look_msg_btn').on('click', function () {

  817.                 learun.layerForm({

  818.                     id: 'LookMsgIndex',

  819.                     title: '查看聊天记录-' + $('#lr_im_msglist .lr-im-right .lr-im-touser').text(),

  820.                     url: top.$.rootUrl + '/LR_IM/IMMsg/Index?userId=' + imUserId,

  821.                     width: 800,

  822.                     height: 500,

  823.                     maxmin: true,

  824.                     btn: null

  825.                 });

  826.             });

  827. 

  828.             $('.im-close').on('click', function () {

  829.                 $('#lr_immsg_userlist .lr-scroll-box [data-value="' + imUserId + '"]').removeClass('active');

  830.                 $('.lr-im-black-overlay').hide();

  831.                 imUserId = '';

  832.             });

  833.         }

  834.     };

  835. 

  836.     im.init();

  837. };