index.html 86.3 KB

Raw Blame History Permalink

<!DOCTYPE html>
<html>

<head>
  <title>腾讯IM Web Demo(V1.7)</title>
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
  <link href="css/jquery-ui.css" rel="stylesheet" type="text/css">
  <link href="css/webim_demo.css" rel="stylesheet" type="text/css">
  <link href="css/bootstrap-table.css" rel="stylesheet" type="text/css">
  <!-- <script src="https://js.aq.qq.com/js/aq_common.js"></script> -->

  <style>
    .ui-menu {
      width: 150px;
    }
  </style>
</head>

<body>
  <div class="aio" id="webim_demo">
    <div class="titlebar">
      <img id="p_my_face">
      <p id="t_my_name"></p>
      <ul id="t_my_menu">
        <li>菜单
          <ul>
            <li>最近联系人
              <ul>
                <li id="getRecentContactListMenu" onclick="getRecentContactList()">最近联系人</li>
              </ul>
            </li>
            <li>好友申请
              <ul>
                <li id="getPendencyMenu" onclick="getPendency(false)">查看好友申请</li>
              </ul>
            </li>
            <li>好友
              <ul>
                <li id="searchProfileByUserIdMenu" onclick="searchProfileByUserIdClick()">搜索用户</li>
                <li id="getAllFriendMenu" onclick="getMyFriend()">我的好友</li>
              </ul>
            </li>
            <li>黑名单
              <ul>
                <li id="getBlackListMenu" onclick="getBlackList()">我的黑名单</li>
              </ul>
            </li>
            <li>群组申请
              <ul>
                <li id="getApplyJoinGroupPendencyMenu" onclick="getApplyJoinGroupPendency()">查看加群申请</li>
              </ul>
            </li>
            <li>群组
              <ul>
                <li id="searchGroupByNameMenu" onclick="searchGroupByNameMenuClick()">搜索群组(按名称)</li>
                <li id="searchGroupMenu" onclick="searchGroupMenuClick()">搜索群组(按ID)</li>
                <li id="createGroupMenu" onclick="createGroupMenuClick()">创建群组</li>
                <li id="getMyGroupMenu" onclick="getMyGroup()">我的群组</li>
                <li id="sendCustomGroupNofifyMenu" onclick="showSendCustomGroupNotifyDialog()">发送群自定义通知</li>
              </ul>
            </li>
            <li>系统消息
              <ul>
                <li id="getMyGroupSystemsMenu" onclick="getMyGroupSystemMsgs()">我的群组系统消息</li>
                <li id="getMyFriendSystemsMenu" onclick="getMyFriendSystemMsgs()">我的好友系统消息</li>
                <li id="getMyProfileSystemsMenu" onclick="getMyProfileSystemMsgs()">我的资料系统消息</li>
              </ul>
            </li>
            <!--<li>图片-->
            <!--<ul>-->
            <!--<li id="uploadPicByBase64Menu" onclick="uploadPicByBase64()">上传图片(Base64)</li>-->
            <!--</ul>-->
            <!--</li>-->
            <li>设置
              <ul>
                <li id="setProfilePortraitMenu" onclick="setProfilePortraitClick()">个人资料</li>
                <li id="quitMenu" onclick="quitClick()">退出</li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    </div>
    <div class="sesspart">
      <div class="accordion" id="accordionContact">
        <div class="accordion-group">
          <div class="accordion-heading">
            <a class="accordion-toggle" data-parent="#accordionContact" data-toggle="collapse" href="#collapseRecentSession">最近联系人</a>
          </div>
          <div class="accordion-body collapse in" id="collapseRecentSession">
            <div class="sesslist"></div>
          </div>
        </div>
        <!-- <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionContact" href="#collapseFriend">
                        我的好友
                    </a>
                </div>
                <div id="collapseFriend" class="accordion-body collapse">
                    <div class="sesslist">
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionContact" href="#collapseGroup">
                        我的群组
                    </a>
                </div>
                <div id="collapseGroup" class="accordion-body collapse">
                    <div class="sesslist-group">
                    </div>
                </div>
            </div> -->
      </div>
    </div>
    <div class="chatpart">
      <div class="msgflow"></div>
      <span id="msg_end" style="overflow:hidden"></span>
      <div class="editbar">
        <a class="chat02_title_btn ctb01" onclick="showEmotionDialog()" title="选择表情"></a>
        <a class="chat02_title_btn ctb03" href="#" onclick="selectPicClick()" title="选择图片"></a>
        <a class="chat02_title_btn ctb05" href="#" onclick="selectFileClick()" title="选择文件"></a>
        <a class="chat02_title_btn ctb04" href="#" onclick="showEditCustomMsgDialog()" title="发送自定义消息"></a>
        <div class="wl_faces_box" id="wl_faces_box">
          <div class="wl_faces_content">
            <div class="title">
              <ul>
                <li class="title_name">常用表情</li>
                <li class="wl_faces_close">
                  <span onclick='turnoffFaces_box()'>&nbsp;</span>
                </li>
              </ul>
            </div>
            <div class="wl_faces_main" id="wl_faces_main">
              <ul id="emotionUL"></ul>
            </div>
          </div>
          <div class="wlf_icon"></div>
        </div>
      </div>
      <textarea class="msgedit" cols="82" id="send_msg_text" onkeydown="onTextareaKeyDown()" rows="5"></textarea>
      <div class="sendbar">
        <button class="sendbtn" onclick="onSendMsg()" type="button">发送</button>
        <button class="closebtn" onclick="onClose()" type="button">关闭</button>
      </div>
    </div>
    <div class="bottom"></div>
  </div>
  <div aria-hidden="true" aria-labelledby="search_profile_dialog_label" class="modal fade" data-backdrop="static" id="search_profile_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="search_profile_dialog_label">搜索用户</h4>
        </div>
        <div class="modal-body">
          <form class="form-inline" id="sp_form" name="sp_form" role="form">
            <div class="form-group">
              <label class="sr-only" for="sp_to_account">帐号</label>
              <input class="form-control" id="sp_to_account" maxlength="50" onkeydown="if(event.keyCode==13)return false;"
                placeholder="请输入用户ID" type="text">
            </div>
            <button class="btn btn-default" onclick="searchProfileByUserId()" type="button">搜索</button>
          </form>
          <table id="search_profile_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="add_friend_dialog_label" class="modal fade" data-backdrop="static" id="add_friend_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="add_friend_dialog_label">申请加好友</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" role="form">
            <input id="af_allow_type" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="af_to_account">对方帐号</label>
              <div class="col-sm-10">
                <input class="form-control" id="af_to_account" placeholder="请输入对方帐号" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="af_add_wording">附言</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="af_add_wording" rows="3">你好，我想和你成为朋友~~</textarea>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="applyAddFriend()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_my_friend_dialog_label" class="modal fade" data-backdrop="static" id="get_my_friend_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_my_friend_dialog_label">我的好友</h4>
        </div>
        <div class="modal-body">
          <table id="get_my_friend_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="delete_friend_dialog_label" class="modal fade" data-backdrop="static" id="delete_friend_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="delete_friend_dialog_label">删除好友</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
            <input id="df_sel_row_index" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="df_to_account">对方帐号</label>
              <div class="col-sm-10">
                <input class="form-control" id="df_to_account" placeholder="请输入对方帐号" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="df_type_radio">操作</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input checked id="df_type_both_radio" name="df_type_radio" type="radio" value="Delete_Type_Both"> 双向删除</label>
                <label class="radio-inline">
                  <input id="df_type_single_radio" name="df_type_radio" type="radio" value="Delete_Type_Single"> 单向删除</label>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="deleteFriend()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_black_list_dialog_label" class="modal fade" data-backdrop="static" id="get_black_list_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_black_list_dialog_label">我的黑名单</h4>
        </div>
        <div class="modal-body">
          <table id="get_black_list_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_recent_contact_list_dialog_label" class="modal fade" data-backdrop="static"
    id="get_recent_contact_list_dialog" role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_recent_contact_list_dialog_label">我的最近联系人</h4>
        </div>
        <div class="modal-body">
          <table id="get_recent_contact_list_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="set_profile_portrait_label" class="modal fade" data-backdrop="static" id="set_profile_portrait_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="set_profile_portrait_label">设置个人资料</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="spp_form" name="spp_form" onkeydown="if(event.keyCode==13)return false;" role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="spp_image">头像URL</label>
              <div class="col-sm-10">
                <input class="form-control" id="spp_image" maxlength="100" placeholder="请输入头像URL" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="spp_nick">昵称</label>
              <div class="col-sm-10">
                <input class="form-control" id="spp_nick" maxlength="20" placeholder="请输入昵称" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="spp_gender_radio">性别</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input id="spp_gender_male_radio" name="spp_gender_radio" type="radio" value="Gender_Type_Male"> 男</label>
                <label class="radio-inline">
                  <input id="spp_gender_female_radio" name="spp_gender_radio" type="radio" value="Gender_Type_Female"> 女</label>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="spp_allow_type_radio">加好友设置</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input id="spp_allow_type_need_confirm_radio" name="spp_allow_type_radio" type="radio" value="AllowType_Type_NeedConfirm"> 需要确认</label>
                <label class="radio-inline">
                  <input id="spp_allow_type_allow_any_radio" name="spp_allow_type_radio" type="radio" value="AllowType_Type_AllowAny"> 允许任何人</label>
                <label class="radio-inline">
                  <input id="spp_allow_type_deny_any_radio" name="spp_allow_type_radio" type="radio" value="AllowType_Type_DenyAny"> 拒绝任何人</label>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="setProfilePortrait()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_pendency_dialog_label" class="modal fade" data-backdrop="static" id="get_pendency_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_pendency_dialog_label">我的好友申请</h4>
        </div>
        <div class="modal-body">
          <table id="get_pendency_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <!-- 模态框（Modal） -->
  <div aria-hidden="true" aria-labelledby="response_friend_dialog_label" class="modal fade" data-backdrop="static" id="response_friend_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="response_friend_dialog_label">处理好友申请</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="rf_to_account">对方帐号</label>
              <div class="col-sm-10">
                <input class="form-control" id="rf_to_account" placeholder="请输入对方帐号" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="rf_action_radio">操作</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input checked id="rf_action_agree_and_add_radio" name="rf_action_radio" type="radio" value="Response_Action_AgreeAndAdd"> 同意并添加对方为好友</label>
                <label class="radio-inline">
                  <input id="rf_action_agree_radio" name="rf_action_radio" type="radio" value="Response_Action_Agree"> 同意</label>
                <label class="radio-inline">
                  <input id="rf_action_reject_radio" name="rf_action_radio" type="radio" value="Response_Action_Reject"> 拒绝</label>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="responseFriend()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="create_group_dialog_label" class="modal fade" data-backdrop="static" id="create_group_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="create_group_dialog_label">创建一个群</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="cg_form" name="cg_form" role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label">已选好友</label>
              <div class="col-sm-8">
                <!--<input type="text" class="form-control" id="select_friends" value=""
                                   placeholder="已选好友列表" readonly="readonly">-->
                <textarea class="form-control" id="select_friends" readonly="readonly" rows="3"></textarea>
              </div>
              <div class="col-sm-2">
                <button class="btn btn-primary" onclick="selectMyFriendGroup()" type="button">选择(选填)</button>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="cg_id">自定义ID</label>
              <div class="col-sm-10">
                <input class="form-control" id="cg_id" maxlength="30" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入自定义群ID"
                  type="text" value="">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="cg_type_radio">类型</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input checked id="cg_type_chat_room_radio" name="cg_type_radio" type="radio" value="ChatRoom"> 聊天室</label>
                <label class="radio-inline">
                  <input id="cg_type_public_radio" name="cg_type_radio" type="radio" value="Public"> 公开群</label>
                <label class="radio-inline">
                  <input id="cg_type_private_radio" name="cg_type_radio" type="radio" value="Private"> 私有群
                  <!--私有群即讨论组-->
                </label>
                <label class="radio-inline">
                  <input id="cg_type_avchatroom_radio" name="cg_type_radio" type="radio" value="AVChatRoom"> 直播聊天室</label>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="cg_ajp_type_radio">加群方式</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input checked id="cg_ajp_type_fa_radio" name="cg_ajp_type_radio" type="radio" value="FreeAccess"> 自由加入</label>
                <label class="radio-inline">
                  <input checked id="cg_ajp_type_np_radio" name="cg_ajp_type_radio" type="radio" value="NeedPermission"> 需要验证</label>
                <label class="radio-inline">
                  <input id="cg_ajp_type_da_radio" name="cg_ajp_type_radio" type="radio" value="DisableApply"> 禁止加群</label>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="cg_faceurl">群头像URL</label>
              <div class="col-sm-10">
                <input class="form-control" id="cg_faceurl" maxlength="100" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入群头像URL"
                  type="text" value="">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="cg_name">名称</label>
              <div class="col-sm-10">
                <input class="form-control" id="cg_name" maxlength="30" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入群名称"
                  type="text" value="">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="cg_notification">公告</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="cg_notification" rows="3"></textarea>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="cg_introduction">简介</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="cg_introduction" rows="3"></textarea>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="createGroup()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="select_my_friend_group_dialog_label" class="modal fade" data-backdrop="static" id="select_my_friend_group_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="select_my_friend_group_dialog_label">选择好友建群</h4>
        </div>
        <div class="modal-body">
          <table id="select_my_friend_group_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="search_group_dialog_label" class="modal fade" data-backdrop="static" id="search_group_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog-full">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="search_group_dialog_label">搜索群(按ID)</h4>
        </div>
        <div class="modal-body">
          <form class="form-inline" id="sg_form" name="sg_form" role="form">
            <div class="form-group">
              <label class="sr-only" for="sg_group_id">群ID</label>
              <input class="form-control" id="sg_group_id" maxlength="20" onkeydown="if(event.keyCode==13)return false;"
                placeholder="请输入群ID" type="text" value="">
            </div>
            <button class="btn btn-default" onclick="getGroupPublicInfo()" type="button">搜索</button>
          </form>
          <table id="search_group_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="search_group_by_name_dialog_label" class="modal fade" data-backdrop="static" id="search_group_by_name_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog-full">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="search_group_by_name_dialog_label">搜索群(按名称)</h4>
        </div>
        <div class="modal-body">
          <form class="form-inline" id="sgbn_form" name="sgbn_form" role="form">
            <div class="form-group">
              <label class="sr-only" for="sgbn_group_name">群名称</label>
              <input class="form-control" id="sgbn_group_name" maxlength="50" onkeydown="if(event.keyCode==13)return false;"
                placeholder="请输入群名称(完全匹配)" type="text" value="">
            </div>
            <button class="btn btn-default" onclick="searchGroupByName()" type="button">搜索</button>
          </form>
          <table id="search_group_by_name_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="apply_join_group_dialog_label" class="modal fade" data-backdrop="static" id="apply_join_group_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="apply_join_group_dialog_label">申请加群</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="ajg_form" name="ajg_form" role="form">
            <input id="ajg_group_id" type="hidden">
            <input id="ajg_group_type" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="ajg_group_name">群名称</label>
              <div class="col-sm-10">
                <input class="form-control" id="ajg_group_name" placeholder="" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="ajg_apply_msg">附言</label>
              <div class="col-sm-10">
                <input class="form-control" id="ajg_apply_msg" maxlength="50" placeholder="请输入附言" type="text" value="你好，我想加入贵群~">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="applyJoinGroup()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_my_group_dialog_label" class="modal fade" data-backdrop="static" id="get_my_group_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_my_group_dialog_label">我的群组</h4>
        </div>
        <div class="modal-body">
          <table id="get_my_group_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="modify_group_msg_flag_dialog_label" class="modal fade" data-backdrop="static" id="modify_group_msg_flag_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="modify_group_msg_flag_dialog_label">修改群消息提示</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="mgmf_form" name="mgmf_form" onkeydown="if(event.keyCode==13)return false;" role="form">
            <input id="mgmf_sel_row_index" type="hidden">
            <input id="mgmf_group_id" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="mgmf_msg_flag_radio">群消息提示类型</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input id="mgmf_mf_aan_radio" name="mgmf_msg_flag_radio" type="radio" value="AcceptAndNotify"> 接收并提示</label>
                <label class="radio-inline">
                  <input id="mgmf_mf_ann_radio" name="mgmf_msg_flag_radio" type="radio" value="AcceptNotNotify"> 接收不提示</label>
                <label class="radio-inline">
                  <input id="mgmf_mf_d_radio" name="mgmf_msg_flag_radio" type="radio" value="Discard"> 屏蔽</label>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="modifyGroupMsgFlag()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_group_member_dialog_label" class="modal fade" data-backdrop="static" id="get_group_member_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_group_member_dialog_label">群组成员</h4>
        </div>
        <div class="modal-body">
          <input id="ggm_group_id" type="hidden">
          <input id="ggm_my_role" type="hidden">
          <input id="ggm_group_type" type="hidden">
          <table id="get_group_member_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="modify_group_member_dialog_label" class="modal fade" data-backdrop="static" id="modify_group_member_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="modify_group_member_dialog_label">修改群成员角色</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="mgm_form" name="mgm_form" onkeydown="if(event.keyCode==13)return false;" role="form">
            <input id="mgm_sel_row_index" type="hidden">
            <input id="mgm_group_id" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="mgm_account">成员帐号</label>
              <div class="col-sm-10">
                <input class="form-control" id="mgm_account" placeholder="请输入要修改的成员帐号" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group" id="mgm_role_div">
              <label class="col-sm-2 control-label" for="mgm_role_radio">群角色</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input id="mgm_role_admin_radio" name="mgm_role_radio" type="radio" value="Admin"> 管理员</label>
                <label class="radio-inline">
                  <input id="mgm_role_member_radio" name="mgm_role_radio" type="radio" value="Member"> 成员</label>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="modifyGroupMemberRole()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="delete_group_member_dialog_label" class="modal fade" data-backdrop="static" id="delete_group_member_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="delete_group_member_dialog_label">删除群成员</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
            <input id="dgm_group_id" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="dgm_account">成员帐号</label>
              <div class="col-sm-10">
                <input class="form-control" id="dgm_account" placeholder="请输入要删除成员帐号" readonly="readonly" type="text">
              </div>
            </div>
            <!--<div class="form-group">
                        <label for="dgm_silence_radio" class="col-sm-2 control-label">是否静默删除</label>
                        <div class="col-sm-10">

                            <label class="radio-inline">
                                <input type="radio" name="dgm_silence_radio" id="dgm_silence_yes_radio"
                                       value="1" checked> 是
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="dgm_silence_radio" id="dgm_silence_no_radio"
                                       value="0"> 否
                            </label>

                        </div>
                    </div>-->
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="deleteGroupMember()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <!-- 模态框（Modal） -->
  <div aria-hidden="true" aria-labelledby="handle_invite_join_group_request_label" class="modal fade" data-backdrop="static"
    id="handle_invite_join_group_request" role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="handle_invite_join_group_request_label">处理被邀请进群申请</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
            <input id="hijg_authentication" type="hidden">
            <input id="hijg_msg_key" type="hidden">
            <input id="hijg_user_defined_field" type="hidden">
            <input id="hijg_from_account" type="hidden">
            <input id="hijg_msg_seq" type="hidden">
            <input id="hijg_msg_random" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="hijg_group_id">群ID</label>
              <div class="col-sm-10">
                <input class="form-control" id="hijg_group_id" placeholder="" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="hijg_to_account">邀请人</label>
              <div class="col-sm-10">
                <input class="form-control" id="hijg_to_account" placeholder="" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="hijg_action_radio">操作</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input checked id="hijg_action_agree_radio" name="hijg_action_radio" type="radio" value="Agree"> 同意</label>
                <label class="radio-inline">
                  <input id="hijg_action_reject_radio" name="hijg_action_radio" type="radio" value="Reject"> 拒绝</label>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="hijg_approval_msg">附言</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="hijg_approval_msg" rows="3"></textarea>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="handleInviteJoinGroupRequest()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="modify_group_dialog_label" class="modal fade" data-backdrop="static" id="modify_group_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="modify_group_dialog_label">修改群基本资料</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="mg_form" name="mg_form" role="form">
            <input id="mg_sel_row_index" type="hidden">
            <input id="mg_group_id" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="mg_faceurl">群头像URL</label>
              <div class="col-sm-10">
                <input class="form-control" id="mg_faceurl" maxlength="100" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入群头像URL"
                  type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="mg_name">名称</label>
              <div class="col-sm-10">
                <input class="form-control" id="mg_name" maxlength="30" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入群名称"
                  type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="mg_notification">公告</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="mg_notification" rows="3"></textarea>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="mg_introduction">简介</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="mg_introduction" rows="3"></textarea>
              </div>
            </div>
            <div class="form-group" id="shut_up_all_role_div">
              <label class="col-sm-2 control-label" for="shut_up_all">群全局禁言</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input id="shut_up_all_member_On" name="mgm_up_all_radio" type="radio" value="On"> 全局禁言</label>
                <label class="radio-inline">
                  <input id="shut_up_all_member_Off" name="mgm_up_all_radio" type="radio" value="Off"> 取消禁言</label>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="modifyGroup()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="change_group_owner_dialog_label" class="modal fade" data-backdrop="static" id="change_group_owner_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="change_group_owner_dialog_label">转让群组</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="cgo_form" name="cgo_form" role="form">
            <input id="cgo_sel_row_index" type="hidden">
            <input id="cgo_group_id" type="hidden">
            <div class="form-group">
              <label class="col-sm-4 control-label" for="cgo_new_owner">新群主账号</label>
              <div class="col-sm-8">
                <input class="form-control" id="cgo_new_owner" maxlength="50" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入新群主ID"
                  type="text">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="changeGroupOwner()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_my_friend_group_dialog_label" class="modal fade" data-backdrop="static" id="get_my_friend_group_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_my_friend_group_dialog_label">我的好友</h4>
        </div>
        <div class="modal-body">
          <input id="gmfg_group_id" type="hidden">
          <table id="get_my_friend_group_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="add_group_member_dialog_label" class="modal fade" data-backdrop="static" id="add_group_member_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="add_group_member_dialog_label">邀请群成员</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
            <input id="agm_group_id" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="agm_account">成员帐号</label>
              <div class="col-sm-10">
                <input class="form-control" id="agm_account" placeholder="请输入要邀请成员帐号" readonly="readonly" type="text">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="addGroupMember()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="forbid_send_msg_dialog_label" class="modal fade" data-backdrop="static" id="forbid_send_msg_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="forbid_send_msg_dialog_label">设置成员禁言时间</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="fsm_form" name="fsm_form" role="form">
            <input id="fsm_sel_row_index" type="hidden">
            <input id="fsm_group_id" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="fsm_account">成员帐号</label>
              <div class="col-sm-10">
                <input class="form-control" id="fsm_account" placeholder="请输入要修改的成员帐号" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="fsm_shut_up_time">禁言时间(s)</label>
              <div class="col-sm-10">
                <input class="form-control" id="fsm_shut_up_time" maxlength="8" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入禁言时间"
                  type="text">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="forbidSendMsg()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="send_c2c_msg_dialog_label" class="modal fade" data-backdrop="static" id="send_c2c_msg_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="send_c2c_msg_dialog_label">发C2C消息</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="scm_form" name="scm_form" role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="scm_to_account">好友账号</label>
              <div class="col-sm-10">
                <input class="form-control" id="scm_to_account" placeholder="" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="scm_content">内容</label>
              <div class="col-sm-10">
                <input class="form-control" id="scm_content" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入消息内容" type="text">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="sendC2cMsg()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="send_group_msg_dialog_label" class="modal fade" data-backdrop="static" id="send_group_msg_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="send_group_msg_dialog_label">发群消息</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="sgm_form" name="sgm_form" role="form">
            <input id="sgm_to_group_name" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="sgm_to_groupid">群ID</label>
              <div class="col-sm-10">
                <input class="form-control" id="sgm_to_groupid" placeholder="" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="sgm_content">内容</label>
              <div class="col-sm-10">
                <input class="form-control" id="sgm_content" onkeydown="if(event.keyCode==13)return false;" placeholder="请输入消息内容" type="text">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="sendGroupMsg()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="select_app_dialog_label" class="modal" data-backdrop="static" id="select_app_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="select_app_dialog_label">腾讯开放IM Web Demo(V1.7)</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
            <div class="form-group">
              <div class="col-sm-5">
                <label class="radio-inline">
                  <input checked id="at_myself_radio" name="app_type_radio" onclick="changeAppType(this)" type="radio" value="0"> 自建应用</label>
              </div>
              <div class="col-sm-5">
                <label class="radio-inline">
                  <input  id="at_demo_radio" name="app_type_radio" onclick="changeAppType(this)" type="radio" value="1">测试应用</label>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-9">
                <label id="demo_type_desc">无需注册腾讯云帐号直接使用，适合只需快速体验开放IM的用户</label>
                <label id="myself_type_desc">需注册腾讯云官帐号，并创建应用获取SdkAppId，适合需在Demo基础上进行修改调试的用户。
                  <a href="http://console.qcloud.com/avc/" id="qcloudLink" target="_blank">现在创建&gt;&gt;</a>
                </label>
              </div>
            </div>
            <div class="form-group" id="sdkAppIdDiv">
              <label class="col-sm-2 control-label" for="sdk_app_id">SdkAppId:</label>
              <div class="col-sm-6">
                <input class="form-control" id="sdk_app_id" placeholder="请输入SdkAppId" type="text" value="">
              </div>
            </div>
            <div class="form-group" id="accountTypeDiv">
              <label class="col-sm-2 control-label" for="account_type">AccountType:</label>
              <div class="col-sm-6">
                <input class="form-control" id="account_type" placeholder="请输入AccountType" type="text" value="">
              </div>
            </div>
            <div class="form-group" id="accountModeDiv" style="display:none">
              <label class="col-sm-2 control-label" for="account_type">集成模式:</label>
              <div class="col-sm-6" style="padding-top:5px">
                <input checked name="accountMode" type="radio" value="0">独立模式
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-primary" onclick="selectApp()" type="button">确认</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="login_dialog_label" class="modal fade" data-backdrop="static" id="login_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="login_dialog_label">登录</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="login_account">选择用户</label>
              <div class="col-sm-10">
                <!-- <input class="form-control" id="login_account" maxlength="100" placeholder="请输入identifier" type="text" value=""> -->
                <select class="form-control" id="login_account" name="userID">
                  <option value="u0">u0</option>
                  <option value="u1">u1</option>
                  <option value="u2">u2</option>
                  <option value="u3">u3</option>
                  <option value="u4">u4</option>
                </select>
              </div>
            </div>
            <!-- <div class="form-group">
              <label class="col-sm-2 control-label" for="login_pwd">UserSig</label>
              <div class="col-sm-10">
                <input class="form-control" id="login_pwd" placeholder="请输入UserSig" type="password" value="">
              </div>
            </div> -->
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="independentModeLogin()" type="button">确定</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="upload_pic_low_ie_dialog_label" class="modal fade" data-backdrop="static" id="upload_pic_low_ie_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="upload_pic_low_ie_dialog_label">发送图片</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" enctype="multipart/form-data" id="updli_form" name="updli_form" onkeydown="if(event.keyCode==13)return false;"
            role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="File">选择</label>
              <div class="col-sm-10">
                <input id="updli_file" type="file">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="uploadPicLowIE()" type="button">发送</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="upload_file_low_ie_dialog_label" class="modal fade" data-backdrop="static" id="upload_file_low_ie_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="upload_file_low_ie_dialog_label">发送文件</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" enctype="multipart/form-data" id="updli_file_form" name="updli_file_form" onkeydown="if(event.keyCode==13)return false;"
            role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="File">选择</label>
              <div class="col-sm-10">
                <input id="upload_low_ie_file" type="file">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="uploadFileLowIE()" type="button">发送</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="upload_pic_dialog_label" class="modal fade" data-backdrop="static" id="upload_pic_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="upload_pic_dialog_label">发送图片</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="upd_form" name="upd_form" onkeydown="if(event.keyCode==13)return false;" role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="File">选择</label>
              <div class="col-sm-10">
                <input id="upd_pic" onchange="fileOnChange(this)" type="file">
                <!--<input type="button" value="停止" id="upd_abort" />-->
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="File">预览</label>
              <div class="col-sm-10">
                <div id="previewPicDiv"></div>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="upd_progress">进度</label>
              <div class="col-sm-10">
                <progress id="upd_progress" max="100" value="0"></progress>
                <!--<input type="text" id="upd_progress" value="0" name="upd_progress" />-->
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="uploadPic()" type="button">发送</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="upload_file_dialog_label" class="modal fade" data-backdrop="static" id="upload_file_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="upload_file_dialog_label">发送文件</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="upd_file_form" name="upd_file_form" onkeydown="if(event.keyCode==13)return false;" role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="File">选择</label>
              <div class="col-sm-10">
                <input id="upd_file" type="file">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="upd_file_progress">进度</label>
              <div class="col-sm-10">
                <progress id="upd_file_progress" max="100" value="0"></progress>
                <!--<input type="text" id="upd_progress" value="0" name="upd_progress" />-->
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="uploadFile()" type="button">发送</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="click_pic_dialog_label" class="modal fade" data-backdrop="static" id="click_pic_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="click_pic_dialog_label">查看图片</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" role="form">
            <div class="form-group">
              <div class="col-sm-12">
                <div id="bigPicDiv"></div>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <!--<button type="button" class="btn btn-primary" id="viewOriPicBt">
                    查看原图
                </button>-->
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_apply_join_group_pendency_dialog_label" class="modal fade" data-backdrop="static"
    id="get_apply_join_group_pendency_dialog" role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_apply_join_group_pendency_dialog_label">我的加群申请</h4>
        </div>
        <div class="modal-body">
          <table id="get_apply_join_group_pendency_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <!-- 模态框（Modal） -->
  <div aria-hidden="true" aria-labelledby="handle_ajg_dialog_label" class="modal fade" data-backdrop="static" id="handle_ajg_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="handle_ajg_dialog_label">处理加群申请</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" onkeydown="if(event.keyCode==13)return false;" role="form">
            <input id="hajg_authentication" type="hidden">
            <input id="hajg_msg_key" type="hidden">
            <input id="hajg_user_defined_field" type="hidden">
            <input id="hajg_from_account" type="hidden">
            <input id="hajg_msg_seq" type="hidden">
            <input id="hajg_msg_random" type="hidden">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="hajg_group_id">群ID</label>
              <div class="col-sm-10">
                <input class="form-control" id="hajg_group_id" placeholder="" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="hajg_to_account">对方帐号</label>
              <div class="col-sm-10">
                <input class="form-control" id="hajg_to_account" placeholder="" readonly="readonly" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="hajg_action_radio">操作</label>
              <div class="col-sm-10">
                <label class="radio-inline">
                  <input checked id="hajg_action_agree_radio" name="hajg_action_radio" type="radio" value="Agree"> 同意</label>
                <label class="radio-inline">
                  <input id="hajg_action_reject_radio" name="hajg_action_radio" type="radio" value="Reject"> 拒绝</label>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="hajg_approval_msg">附言</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="hajg_approval_msg" rows="3"></textarea>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="handleApplyJoinGroupPendency()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_my_group_system_msgs_dialog_label" class="modal fade" data-backdrop="static"
    id="get_my_group_system_msgs_dialog" role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_my_group_system_msgs_dialog_label">我的群组系统消息</h4>
        </div>
        <div class="modal-body">
          <table id="get_my_group_system_msgs_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="edit_custom_msg_label" class="modal fade" data-backdrop="static" id="edit_custom_msg_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="edit_custom_msg_label">发送自定义消息</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="ecm_form" name="ecm_form" onkeydown="if(event.keyCode==13)return false;" role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="ecm_data">数据</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="ecm_data" rows="3"></textarea>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="ecm_desc">描述</label>
              <div class="col-sm-10">
                <input class="form-control" id="ecm_desc" maxlength="50" placeholder="请输入描述" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="ecm_ext">扩展</label>
              <div class="col-sm-10">
                <input class="form-control" id="ecm_ext" maxlength="50" placeholder="请输入扩展" type="text">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="sendCustomMsg()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="send_group_system_msg_dialog_label" class="modal fade" data-backdrop="static" id="send_group_system_msg_dialog"
    role="dialog" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="send_group_system_msg_dialog_label">发送自定义群系统通知</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="sgsm_form" name="sgsm_form" role="form">
            <div class="form-group">
              <label class="col-sm-2 control-label" for="sgsm_group_id">群组ID</label>
              <div class="col-sm-10">
                <input class="form-control" id="sgsm_group_id" maxlength="30" placeholder="请输入群组ID" type="text">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label" for="sgsm_content">内容</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="sgsm_content" rows="3"></textarea>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
          <button class="btn btn-primary" onclick="sendCustomGroupNotify()" type="button">提交</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_my_friend_system_msgs_dialog_label" class="modal fade" data-backdrop="static"
    id="get_my_friend_system_msgs_dialog" role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_my_friend_system_msgs_dialog_label">我的好友系统通知</h4>
        </div>
        <div class="modal-body">
          <table id="get_my_friend_system_msgs_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <div aria-hidden="true" aria-labelledby="get_my_friend_profile_msgs_dialog_label" class="modal fade" data-backdrop="static"
    id="get_my_profile_system_msgs_dialog" role="dialog" tabindex="-1">
    <div class="modal-dialog-wide">
      <div class="modal-content">
        <div class="modal-header">
          <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
          <h4 class="modal-title" id="get_my_friend_profile_msgs_dialog_label">我的资料系统通知</h4>
        </div>
        <div class="modal-body">
          <table id="get_my_profile_system_msgs_table"></table>
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->
  <script src="js/lib/jquery/jquery.js" type="text/javascript"></script>
  <script src="js/lib/jquery/jquery-ui.js" type="text/javascript"></script>
  <script src="js/lib/lodash.min.js" type="text/javascript"></script>
  <script src="js/lib/bootstrap/bootstrap.js" type="text/javascript"></script>
  <script src="js/lib/bootstrap/bootstrap-table.js" type="text/javascript"></script>
  <script src="js/lib/bootstrap/bootstrap-collapse.js" type="text/javascript"></script>
  <script src="js/lib/xss.js" type="text/javascript"></script>

  <!--TLS web sdk(只用于托管模式，独立模式不用引入)-->

  <script src="https://tls.qcloud.com/libs/api.min.js" type="text/javascript"></script>
  <!--用于获取文件MD5 js api(发送图片时用到)-->

  <script src="js/lib/md5/spark-md5.js" type="text/javascript"></script>

  <!-- 签名计算 -->
  <script src="js/debug/lib-generate-test-usersig.min.js" type="text/javascript"></script>
  <script src="js/debug/GenerateTestUserSig.js" type="text/javascript"></script>

  <!--web im sdk-->
  <script src="sdk/webim.js" type="text/javascript"></script>
  <!--<script type="text/javascript" src="sdk/webim.min.js"></script>-->

  <script src="sdk/json2.js" type="text/javascript"></script>
  <!--web im sdk 登录 示例代码-->

  <script src="js/login/login.js" type="text/javascript"></script>
  <!--web im sdk 登出 示例代码-->

  <script src="js/logout/logout.js" type="text/javascript"></script>
  <!--web im 解析一条消息 示例代码-->

  <script src="js/common/show_one_msg.js" type="text/javascript"></script>
  <!--web im demo 基本逻辑-->

  <script src="js/base.js" type="text/javascript"></script>
  <!--web im sdk 资料管理 api 示例代码-->

  <script src="js/profile/profile_manager.js" type="text/javascript"></script>
  <!--web im sdk 好友管理 api 示例代码-->

  <script src="js/friend/friend_manager.js" type="text/javascript"></script>
  <!--web im sdk 好友申请管理 api 示例代码-->

  <script src="js/friend/friend_pendency_manager.js" type="text/javascript"></script>
  <!--web im sdk 好友黑名单管理 api 示例代码-->

  <script src="js/friend/friend_black_list_manager.js" type="text/javascript"></script>
  <!--web im sdk 最近联系人 api 示例代码-->

  <script src="js/recentcontact/recent_contact_list_manager.js" type="text/javascript"></script>
  <!--web im sdk 群组管理 api 示例代码-->

  <script src="js/group/group_manager.js" type="text/javascript"></script>
  <!--web im sdk 群成员�����理 api 示例代码-->

  <script src="js/group/group_member_manager.js" type="text/javascript"></script>
  <!--web im sdk 加群申请管理 api 示例代码-->

  <script src="js/group/group_pendency_manager.js" type="text/javascript"></script>
  <!--web im 切换聊天好友或群组 示例代码-->

  <script src="js/switch_chat_obj.js" type="text/javascript"></script>
  <!--web im sdk 获取c2c获取群组历史消息 示例代码-->

  <script src="js/msg/get_history_msg.js" type="text/javascript"></script>
  <!--web im sdk 发送普通消息(文本和表情) api 示例代码-->

  <script src="js/msg/send_common_msg.js" type="text/javascript"></script>
  <!--web im sdk 上传和发送图片消息 api 示例代码-->

  <script src="js/msg/upload_and_send_pic_msg.js" type="text/javascript"></script>
  <!--web im sdk 上传和发送文件消息 api 示例代码-->

  <script src="js/msg/upload_and_send_file_msg.js" type="text/javascript"></script>
  <!--web im sdk 切换播放语音消息 示例代码-->

  <script src="js/msg/switch_play_sound_msg.js" type="text/javascript"></script>
  <!--web im sdk 发送自定义消息 api 示例代码-->

  <script src="js/msg/send_custom_msg.js" type="text/javascript"></script>
  <!--web im sdk 发送群自定义通知 api 示例代码-->

  <script src="js/msg/send_custom_group_notify_msg.js" type="text/javascript"></script>
  <!--web im 监听新消息(c2c或群) 示例代码-->

  <script src="js/msg/receive_new_msg.js" type="text/javascript"></script>
  <!--web im 监听群系统通知消息 示例代码-->

  <script src="js/msg/receive_group_system_msg.js" type="text/javascript"></script>
  <!--web im 监听好友系统通知消息 示例代码-->

  <script src="js/msg/receive_friend_system_msg.js" type="text/javascript"></script>
  <!--web im 监听资料系统通知消息 示例代码-->

  <script src="js/msg/receive_profile_system_msg.js" type="text/javascript"></script>


  <script src="js/lib/BenzAMRRecorder.js" type="text/javascript"></script>
  <!-- web im 让h5支持播放amr录音文件 -->

  <script type="text/javascript">
    //帐号模式，0-表示独立模式，1-表示托管模式(托管模式已经停用，请使用独立模式集成帐号)
    // var accountMode = 0;

    //当前用户身份
    var loginInfo = {
      'sdkAppID': '', //用户所属应用id,必填
      // 'accountType': accountType, //用户所属应用帐号类型, 已废弃
      'identifier': '', //当前用户ID,必须是否字符串类型，必填
      'userSig': '',
      //当前用户身份凭证，必须是字符串类型，必填
      'identifierNick': null, //当前用户昵称，不用填写，登录接口会返回用户的昵称，如果没有设置，则返回用户的id
      'headurl': 'img/me.jpg' //当前用户默认头像，选填，如果设置过头像，则可以通过拉取个人资料接口来得到头像信息
    };

    var AdminAcount = 'qwe101';
    var selType = webim.SESSION_TYPE.C2C; //当前聊天类型
    var selToID = null; //当前选中聊天id（当聊天类型为私聊时，该值为好友帐号，否则为群号）
    var selSess = null; //当前聊天会话对象
    var recentSessMap = {}; //保存最近会话列表
    var reqRecentSessCount = 50; //每次请求的最近会话条数，业务可以自定义
    window.recentSessMap = recentSessMap;
    var isPeerRead = 1; //是否需要支持APP端已读回执的功能,默认为0。是：1，否：0。

    //默认好友头像
    var friendHeadUrl = 'img/friend.jpg'; //仅demo使用，用于没有设置过头像的好友
    //默认群头像
    var groupHeadUrl = 'img/group.jpg'; //仅demo使用，用于没有设置过群头像的情况


    //存放c2c或者群信息（c2c用户：c2c用户id，昵称，头像；群：群id，群名称，群头像）
    var infoMap = {}; //初始化时，可以先拉取我的好友和我的群组信息


    var maxNameLen = 12; //我的好友或群组列表中名称显示最大长度，仅demo用得到
    var reqMsgCount = 15; //每次请求的历史消息(c2c获取群)条数，仅demo用得到

    var pageSize = 15; //表格的每页条数，bootstrap table 分页时用到
    var totalCount = 200; //每次接口请求的条数，bootstrap table 分页时用到

    var emotionFlag = false; //是否打开过表情选择框

    var curPlayAudio = null; //当前正在播放的audio对象

    var getPrePageC2CHistroyMsgInfoMap = {}; //保留下一次拉取好友历史消息的信息
    var getPrePageGroupHistroyMsgInfoMap = {}; //保留下一次拉取群历史消息的信息

    var defaultSelGroupId = null; //登录默认选中的群id，选填，仅demo用得到

    //监听（多终端同步）群系统消息方法，方法都定义在receive_group_system_msg.js文件中
    //注意每个数字代表的含义，比如，
    //1表示监听申请加群消息，2表示监听申请加群被同意消息，3表示监听申请加群被拒绝消息
    var onGroupSystemNotifys = {
      "1": onApplyJoinGroupRequestNotify, //申请加群请求（只有管理员会收到）
      "2": onApplyJoinGroupAcceptNotify, //申请加群被同意（只有申请人能够收到）
      "3": onApplyJoinGroupRefuseNotify, //申请加群被拒绝（只有申请人能够收到）
      "4": onKickedGroupNotify, //被管理员踢出群(只有被踢者接收到)
      "5": onDestoryGroupNotify, //群被解散(全员接收)
      "6": onCreateGroupNotify, //创建群(创建者接收)
      "7": onInvitedJoinGroupNotify, //邀请加群(被邀请者接收)
      "8": onQuitGroupNotify, //主动退群(主动退出者接收)
      "9": onSetedGroupAdminNotify, //设置管理员(被设置者接收)
      "10": onCanceledGroupAdminNotify, //取消管理员(被取消者接收)
      "11": onRevokeGroupNotify, //群已被回收(全员接收)
      "15": onReadedSyncGroupNotify, //群消息已读同步通知
      "255": onCustomGroupNotify, //用户自定义通知(默认全员接收)
      "12": onInvitedJoinGroupNotifyRequest //邀请加群(被邀请者接收,接收者需要同意)
    };

    //监听好友系统通知函数对象，方法都定义在receive_friend_system_msg.js文件中
    var onFriendSystemNotifys = {
      "1": onFriendAddNotify, //好友表增加
      "2": onFriendDeleteNotify, //好友表删除
      "3": onPendencyAddNotify, //未决增加
      "4": onPendencyDeleteNotify, //未决删除
      "5": onBlackListAddNotify, //黑名单增加
      "6": onBlackListDeleteNotify //黑名单删除
    };

    var onC2cEventNotifys = {
      "92": onMsgReadedNotify, //消息已读通知,
      "96": onMultipleDeviceKickedOut
    };

    //监听资料系统通知函数对象，方法都定义在receive_profile_system_msg.js文件中
    var onProfileSystemNotifys = {
      "1": onProfileModifyNotify //资料修改
    };

    //监听连接状态回调变化事件
    var onConnNotify = function (resp) {
      var info;
      switch (resp.ErrorCode) {
        case webim.CONNECTION_STATUS.ON:
          webim.Log.warn('建立连接成功: ' + resp.ErrorInfo);
          break;
        case webim.CONNECTION_STATUS.OFF:
          info = '连接已断开，无法收到新消息，请检查下你的网络是否正常: ' + resp.ErrorInfo;
          // alert(info);
          webim.Log.warn(info);
          break;
        case webim.CONNECTION_STATUS.RECONNECT:
          info = '连接状态恢复正常: ' + resp.ErrorInfo;
          // alert(info);
          webim.Log.warn(info);
          break;
        default:
          webim.Log.error('未知连接状态: =' + resp.ErrorInfo);
          break;
      }
    };

    //IE9(含)以下浏览器用到的jsonp回调函数
    function jsonpCallback(rspData) {
      webim.setJsonpLastRspData(rspData);
    }

    //监听事件
    var listeners = {
      "onConnNotify": onConnNotify //监听连接状态回调变化事件,必填
        ,
      "jsonpCallback": jsonpCallback //IE9(含)以下浏览器用到的jsonp回调函数，
        ,
      "onMsgNotify": onMsgNotify //监听新消息(私聊，普通群(非直播聊天室)消息，全员推送消息)事件，必填
        ,
      "onBigGroupMsgNotify": onBigGroupMsgNotify //监听新消息(直播聊天室)事件，直播场景下必填
        ,
      "onGroupSystemNotifys": onGroupSystemNotifys //监听（多终端同步）群系统消息事件，如果不需要监听，可不填
        ,
      "onGroupInfoChangeNotify": onGroupInfoChangeNotify //监听群资料变化事件，选填
        ,
      "onFriendSystemNotifys": onFriendSystemNotifys //监听好友系统通知事件，选填
        ,
      "onProfileSystemNotifys": onProfileSystemNotifys //监听资料系统（自己或好友）通知事件，选填
        ,
      "onKickedEventCall": onKickedEventCall //被其他登录实例踢下线
        ,
      "onC2cEventNotifys": onC2cEventNotifys //监听C2C系统消息通道
        ,
      "onAppliedDownloadUrl": onAppliedDownloadUrl //申请文件/音频下载地址的回调
        ,
      "onLongPullingNotify": function (data) {
        console.debug('onLongPullingNotify', data)
      }
    };

    var isAccessFormalEnv = true; //是否访问正式环境

    var isLogOn = false; //是否开启sdk在控制台打印日志

    //初始化时，其他对象，选填
    var options = {
      'isAccessFormalEnv': isAccessFormalEnv, //是否访问正式环境，默认访问正式，选填
      'isLogOn': isLogOn //是否开启控制台打印日志,默认开启，选填
    }


    var msgflow = document.getElementsByClassName("msgflow")[0];
    var bindScrollHistoryEvent = {
      init: function () {
        msgflow.onscroll = function () {
          if (msgflow.scrollTop == 0) {
            msgflow.scrollTop = 10;
            if (selType == webim.SESSION_TYPE.C2C) {
              getPrePageC2CHistoryMsgs();
            } else {
              getPrePageGroupHistoryMsgs();
            }

          }
        }
      },
      reset: function () {
        msgflow.onscroll = null;
      }
    };
    // webimLogin();
    // $('#select_app_dialog').modal('show');
    $('#login_dialog').modal('show');

  </script>
</body>

</html>