main.html 25.2 KB

原文件审查历史永久链接

<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>云信 Web Demo</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/jquery-ui.css" />
		<link rel="stylesheet" href="css/contextMenu/jquery.contextMenu.css" />
		<link rel="stylesheet" href="css/minAlert.css" />
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/uiKit.css" />
		<link rel="stylesheet" href="css/CEmojiEngine.css" />
		<link rel="stylesheet" href="css/rangeslider.css" />
		<link rel="stylesheet" href="css/pure-min.css">
		<link rel="stylesheet" href="css/whiteboard.css" />
		<link rel="icon" href="images/icon.ico" type="image/x-icon" />

	</head>

	<body>
		<!--<select name="" id="changeAccount" style="position: absolute;left:130px;top:30px;height:30px;line-height: 30px;z-index: 999;">
		</select>-->
		<audio controls="controls" preload="auto" id="dididi" style="display:none">
			<source src="./audio/avchat_ring.mp3" type="audio/mp3" />
		  </audio>
		<div class="bad-network hide tc radius5px" id="errorNetwork">已与服务器断开，请检查网络连接</div>
		<div class="wrapper box-sizing">
			<div class="content">
				<div class="left-panel radius5px" id="left-panel">
					<div class="hide loading" id="loading"></div>
					<div class="title">
						<span>对客服说列表</span>
						<span class="exitBtn" id="exitBtn">退出</span>
					</div>
					<div class="m-devices hide">正在使用云信web版</div>
					<div class="panel" id="switchPanel">
						<a class="box-sizing tc m-unread panel_tab cur" data-type="sessions"><span class="icon icon-session"></span><b class="u-unread hide"> </b></a>
						<a class="box-sizing tc panel_tab" data-type="friends"><span class="icon icon-friend"></span></a>
					</div>
					<div class="item" id="sessionsWrap" data-type="sessions">
						<!-- 最近联系人 -->
						<div class="list">
							<!--<div class="m-panel">
							<div class="panel_item m-sysMsg" id="showNotice">
								<div class="panel_avatar">
									<img class="panel_image" src="images/notice.png" alt="消息中心" />
								</div>
								<div class="panel_text">
									<p class="panel_single-row">消息中心</p>
								</div>
								<b class="count j-sysMsgCount hide"></b>
							</div>
						</div>-->
							<div id="sessions">
								<p>正在获取最近联系人...</p>
							</div>
						</div>
					</div>
					<div class="item hide" id="friendsWrap" data-type="friends">
						<!-- 通讯录 -->
						<div class="list">
							<div class="m-panel">
								<!--<div class="panel_item" id="addFriend">
									<div class="panel_avatar">
										<img class="panel_image" src="images/addFriend.png" alt="添加好友" />
									</div>
									<div class="panel_text">
										<p class="panel_single-row">添加好友</p>
									</div>
								</div>-->
							</div>
							<div id="friends">
								<p>正在获取通讯录...</p>
							</div>
						</div>
					</div>
				</div>
				<div class="right-panel hide radius5px" id="rightPanel" style="float: left;">
					<!-- 聊天面板 -->
					<div class="chat-box show-netcall-box" id="chatBox">
						<div class="title" id="chatTitle">
							<img src="" width="56" height="56" class="radius-circle img" id="headImg" style="position: absolute; left:20px;top:20px;"/>
							<span id="nickName" style="position: absolute; left:0;top:0; color: #333;"></span>
							<div class="cloudMsg tc radius4px" data-record-id="" id="cloudMsg"><i class="icon icon-team-info"></i>
								<p>云记录</p>
							</div>
							<div class="team-info hide tc radius4px" data-team-id="" id="teamInfo"><i class="icon icon-team-info"></i>
								<p>资料</p>
							</div>
						</div>
						<div class="netcall-box" id="netcallBox">
							<div class="netcall-mask hide">
								<div class="netcallTip"></div>
							</div>
							<div class="top hide">
								<span class="transferAudioAndVideo switchToAudio" id="switchToAudio">切换音频</span>
								<span class="transferAudioAndVideo switchToVideo" id="switchToVideo">切换视频</span>
								<span class="fullScreenIcon toggleFullScreenButton" id="toggleFullScreenButton" title="切换全屏">&nbsp;</span>
							</div>
							<!-- p2p呼叫界面 -->
							<div class="netcall-calling-box hide">
								<img alt="用户头像" class="avatar">
								<div class="nick"></div>
								<div class="tip">等待对方接听...</div>
								<div class="op">
									<button id="callingHangupButton" class="netcall-button red">挂断</button>
								</div>
							</div>
							<!-- p2p视频界面 -->
							<div class="netcall-show-video hide">
								<div class="netcall-video-left">
									<div class="netcall-video-remote bigView">
										<div class="message"></div>
										<span class="switchViewPositionButton"></span>
									</div>
								</div>
								<div class="netcall-video-right">
									<div class="netcall-video-local smallView">
										<div class="message"></div>
										<span class="switchViewPositionButton"></span>
									</div>
									<div class="operation">
										<div class="control">
											<div class="microphone control-item">
												<div class="slider hide">
													<div class="txt">10</div>
													<input class="microSliderInput" id="microSliderInput1" type="range" min="0" max="10" step="1" value="10" data-orientation="vertical">
												</div>
												<span class="icon-micro"></span>
											</div>
											<div class="volume control-item">
												<div class="slider hide">
													<div class="txt">10</div>
													<input class="volumeSliderInput" id="volumeSliderInput1" type="range" min="0" max="10" step="1" value="10" data-orientation="vertical">
												</div>
												<span class="icon-volume"></span>
											</div>
											<div class="camera control-item">
												<span class="icon-camera"></span>
											</div>
										</div>
										<div class="op">
											<button class="hangupButton netcall-button red">挂断</button>
										</div>
										<div class="tip">00 : 00</div>
									</div>
								</div>
							</div>
							<!-- p2p音频界面 -->
							<div class="netcall-show-audio hide">
								<img alt="用户头像" class="avatar">
								<div class="nick">test</div>
								<div class="tip">00 : 00</div>
								<div class="control">
									<div class="microphone control-item ">
										<div class="slider hide">
											<div class="txt">10</div>
											<input class="microSliderInput" id="microSliderInput" type="range" min="0" max="10" step="1" value="10" data-orientation="vertical">
										</div>
										<span class="icon-micro"></span>
									</div>
									<div class="volume control-item">
										<div class="slider hide">
											<div class="txt">10</div>
											<input class="volumeSliderInput" id="volumeSliderInput" type="range" min="0" max="10" step="1" value="10" data-orientation="vertical">
										</div>
										<span class="icon-volume"></span>
									</div>
								</div>
								<div class="op">
									<button class="hangupButton netcall-button red">挂断</button>
								</div>

							</div>
							<!-- 多人音视频互动界面 -->
							<div class="netcall-meeting-box hide" id="netcallMeetingBox"></div>
							<!-- 被叫界面 -->
							<div class="netcall-becalling-box hide">
								<img alt="用户头像" class="avatar">
								<div class="nick"></div>
								<p id="becallingText" class="tip"></p>
								<div class="op">
									<div class="normal">
										<div class="checking-tip">检查插件中...<span class="netcall-icon-checking"></span></div>
										<button class="netcall-button blue beCallingAcceptButton" id="beCallingAcceptButton">
                                        <span class="txt">接听</span>
                                        <span class="netcall-icon-checking"></span>
                                    </button>
										<button class="netcall-button red beCallingRejectButton" id="beCallingRejectButton">拒绝</button>
									</div>
									<div class="exception">
										<button class="netcall-button blue" id="downloadAgentButton">下载音视频插件</button><br/>
										<button class="netcall-button red beCallingRejectButton">拒绝</button>
										<div class="exception-tip">拒绝调用插件申请会导致无法唤起插件,需重启浏览器</div>
									</div>
								</div>
							</div>
							<div class="dialogs hide">
							</div>
						</div>
						<div id="whiteboard"></div>
						<div class="chat-content box-sizing" id="chatContent">
							<!-- 聊天记录 -->
						</div>
						<div class="u-chat-notice">您已退出</div>
						<div class="chat-mask"></div>
						<div class="chat-editor box-sizing" id="chatEditor" data-disabled="1">
							<div id="emojiTag" class="m-emojiTag"></div>
							<a class="chat-btn u-emoji" id="showEmoji"></a>
							<span class="chat-btn msg-type" id="chooseFileBtn">
							<a class="icon icon-file" data-type="file"></a>
						</span>
							<!--<a class="chat-btn u-netcall-audio-link hide" id="showNetcallAudioLink">&nbsp;</a>
							<a class="chat-btn u-netcall-video-link hide" id="showNetcallVideoLink">&nbsp;</a>-->
							<!-- 在netcall_ui.js的fn.whenOpenChatBox中隐藏 -->
							<!--<a class="chat-btn u-whiteboard hide" id="showWhiteboard">&nbsp;</a>-->
							<textarea id="messageText" class="chat-btn msg-input box-sizing radius5px p2p" rows="1" autofocus="autofocus" maxlength="500"></textarea>
							<a class="btn-send radius5px" id="sendBtn">发送</a>
							<form action="#" id="uploadForm">
								<input multiple="multiple" type="file" name="file" id="uploadFile" class="hide" />
							</form>
						</div>
					</div>
				</div>
				<!--用户信息展示-->
				<div class="showInfoBox hide" id="showInfoBox">
					<div class="tabTitle" id="tabTitle">
						<span class="active">个人基础资料</span>
						<span>认证信息</span>
					</div>
					<div class="conBox info ">
						<div class="conItem headBox">
							<span class="prompt">头像</span>
							<img src="" alt="" />
						</div>
						<div class="conItem uType">
							<span class="prompt">用户类型</span>
							<span class="conText"></span>
						</div>
						<div class="conItem realName">
							<span class="prompt">真实姓名</span>
							<span class="conText"></span>
						</div>
						<div class="conItem sexBox">
							<span class="prompt">性别</span>
							<span class="conText"></span>
						</div>
						<div class="conItem areaBox">
							<span class="prompt">地区</span>
							<span class="conText"></span>
						</div>
						<div class="conItem addressBox">
							<span class="prompt">地址</span>
							<span class="conText"></span>
						</div>
						<div class="conItem jobsBox">
							<span class="prompt">岗位</span>
							<span class="conText"></span>
						</div>
						<div class="conItem phoneBox">
							<span class="prompt">注册手机号</span>
							<span class="conText"></span>
						</div>
						<div class="conItem assPhoneBox" style="height: auto;overflow: hidden;">
							<span class="prompt">关联手机</span>
							<div class="conText" style="line-height: 40px;padding-top: 10px;"></div>
						</div>
						<div class="conItem regTimeBox">
							<span class="prompt">注册时间</span>
							<span class="conText"></span>
						</div>
						<div class="conItem certTimeBox">
							<span class="prompt">第一次认证时间</span>
							<span class="conText"></span>
						</div>
						<div class="conItem certLvBox">
							<span class="prompt">认证等级</span>
							<span class="conText"></span>
						</div>
						<div class="conItem companyName">
							<span class="prompt">公司/店铺名称</span>
							<span class="conText"></span>
						</div>
					</div>
					<div class="conBox certification hide">
						<div class="projectBox">
							<table style="width: 100%;">
									<tr class="tbhead">
										<td  class="tTitle">项目</td>
										<td >详情</td>
									</tr>
									<tr class="channelBox proItem">
										<td class="tTitle ">主营渠道</td>
										<td class="conText"></td>
									</tr>
									<tr class="categoryBox proItem">
										<td class="tTitle ">主营品类</td>
										<td class="conText"></td>
									</tr>
									<tr class="proItem totalSaleBox">
										<td class="tTitle">年销售额</td>
										<td class="conText"></td>
									</tr>
									<tr class="proItem ice_areaBox">
										<td class="tTitle">冻库面积</td>
										<td class="conText"></td>
									</tr>
									<tr class="proItem memberBox">
										<td class="tTitle">员工人数</td>
										<td class="conText"></td>
									</tr>
									<tr class="proItem carBox">
										<td class="tTitle">配送车辆</td>
										<td class="conText"></td>
									</tr>
									<tr class="proItem business_height">
										<td class="tTitle">批发业务比重</td>
										<td class="conText"></td>
									</tr>
									<tr class="proItem in_system">
										<td class="tTitle">进销存系统</td>
										<td class="conText"></td>
									</tr>
									<tr class="proItem" style="font-weight: bold;color: #333;background: #f5f5f5;">
										<td colspan="2">
											<span style="margin-left: 30px;">证明材料</span>
										</td>
									</tr>
									<tr class="proItem storeImgBox">
										<td class="tTitle">门店照片</td>
										<td class="conText">

										</td>
									</tr>
							</table>

					</div>
				</div>
			</div>

			<!-- 云记录 -->
			<div class="cloud-msg-container hide" id="cloudMsgContainer"></div>
			<!-- 技术方案弹框 -->
			<div class="dialog-team-container radius5px hide" id="dialogCallMethod"></div>
			<!-- 消息中心 -->
			<div class="m-notice radius5px hide" id="notice">
				<div class="title box-sizing">
					消息中心
					<i class="icon icon-close j-close"></i>
					<b class="j-rmAllSysNotice rmAll"></b>
				</div>
				<ul class="tab f-cb">
					<li class="crt" data-value="sys">系统通知</li>
					<li data-value="other">自定义通知</li>
				</ul>
				<div class="content j-sysMsg">
				</div>
				<div class="content j-customSysMsg hide">
				</div>
			</div>

		</div>
		<!-- 添加好友 -->
		<div class="m-dialog hide" id="addFriendBox">
			<div class="title box-sizing">
				添加好友
				<i class="icon icon-close j-close"></i>
			</div>
			<div class="content tc">
				<input type="text" class="ipt radius5px box-sizing j-account" placeholder="请输入帐号" />
				<div class="info f-cb">
					<img src="">
					<div class="desc">
						<p class="j-nickname"></p>
						<p><span class="j-username"></span></p>
					</div>
				</div>
				<div class="tip">
				</div>
			</div>
			<div class="btns tc">
				<button class="btn btn-cancel radius4px cancel j-close">取消</button>
				<button class="btn btn-ok radius4px search j-search">确定</button>
				<button class="btn btn-cancel radius4px back j-back">继续搜索</button>
				<button class="btn btn-ok radius4px add j-add">加为好友</button>
				<button class="btn btn-ok radius4px done j-close">完成</button>
				<button class="btn btn-ok radius4px chat j-chat">聊天</button>
				<button class="btn btn-del radius4px blacklist j-blacklist">移出黑名单</button>
			</div>
		</div>
			<!-- 人物信息 -->
	<div class="m-card hide" id="personCard">
		<i class="icon icon-close j-close"></i>
		<div class="uInfo f-cb">
			<img class="u-icon" src="">
			<div class="desc">
				<p class="j-nick nick">超级大饼</p>
				<img src="" class="j-gender gender">
				<p><span class="j-username">帐号：caojidabin</span></p>
				<p><span class="j-nickname">昵称：caojidabin</span></p>
			</div>
		</div>
		<div class="infos">
			<div class="items alias">
				<div class="item">备注名</div>
				<input type="text" class="e-alias ipt" maxlength="16">
				<a class="j-saveAlias save">保存</a>
			</div>
			<div class="items">
				<div class="item">生日</div>
				<div class="j-birth">1990-08-18</div>
			</div>
			<div class="items">
				<div class="item">手机</div>
				<div class="j-tel">18072912974</div>
			</div>
			<div class="items">
				<div class="item">邮箱</div>
				<div class="j-email">w8@173.com </div>
			</div>
			<div class="items">
				<div class="item">签名</div>
				<div class="j-sign sign">相信真善美,相信真善美相信真善美相信真善美,相信真善美,相信真善美,相信真善美,相信真善美,相信真善美</div>
			</div>
		</div>
		<ul>
			<!--<li class="mutelist">消息提醒
				<div class="u-switch">
					<img src="images/btn_switch.png">
					<span class="off">off</span>
					<span class="on">on</span>
				</div>
			</li>-->
			<li class="blacklist">黑名单
				<div class="u-switch">
					<img src="images/btn_switch.png">
					<span class="off">off</span>
					<span class="on">on</span>
				</div>
			</li>
			<li class="mute hide" id="setTeamMute">设置禁言
				<div class="u-switch">
					<img src="images/btn_switch.png">
					<span class="off">off</span>
					<span class="on">on</span>
				</div>
			</li>
		</ul>
		<div class="btns tc">
		<!--	<button class="btn btn-del radius4px j-del del">删除好友</button>-->
			<button class="btn btn-cancel radius4px j-add add">加为好友</button>
			<!--<button class="btn btn-ok radius4px j-chat chat">聊天</button>-->
		</div>
	</div>


		<!-- 个人信息 -->
		<div class="m-card m-card-1 hide" id="myInfo">
			<i class="icon icon-close j-close"></i>
			<div class="uInfo f-cb">
				<img class="u-icon modifyAvatar j-modifyAvatar" src="" alt="更换头像">
				<div class="desc">
					<p class="j-nickname nick">超级大饼</p>
					<img src="" class="j-gender gender">
					<p><span class="j-username">帐号：caojidabin</span></p>
				</div>
			</div>
			<div class="infos">
				<div class="operate">
					<span class="edit j-edit">编辑</span>
					<span class="save j-save">保存</span>
					<span class="cancel j-cancel"> 取消</span>
				</div>
				<div class="tt">基本信息</div>
				<div class="showUI">
					<div class="items">
						<div class="item">生日</div>
						<div class="j-birth">1990-08-18</div>
					</div>
					<div class="items">
						<div class="item">手机</div>
						<div class="j-tel">18072912974</div>
					</div>
					<div class="items">
						<div class="item">邮箱</div>
						<div class="j-email">w8@173.com </div>
					</div>
					<div class="items">
						<div class="item">签名</div>
						<div class="j-sign sign">相信真善美,相信真善美相信真善美相信真善美,相信真善美,相信真善美,相信真善美,相信真善美,相信真善美</div>
					</div>
				</div>
				<div class="editUI">
					<div class="items">
						<div class="item">昵称</div>
						<input type="text" class="e-nick ipt" maxlength="10">
					</div>
					<div class="items">
						<div class="item">性别</div>
						<select class="e-gender slt">
							<option value="unknown">不显示</option>
							<option value="male">男</option>
							<option value="female">女</option>
						</select>
					</div>
					<div class="items">
						<div class="item">生日</div>
						<input type="text" class="e-birth ipt" maxlength="20" id="datepicker">
					</div>
					<div class="items">
						<div class="item">手机</div>
						<input type="text" class="e-tel ipt ipt-1" maxlength="13">
					</div>
					<div class="items">
						<div class="item">邮箱</div>
						<input type="text" class="e-email ipt ipt-1" maxlength="30">
					</div>
					<div class="items">
						<div class="item">签名</div>
						<textarea class="e-sign" maxlength="30"></textarea>
					</div>
				</div>
			</div>
		</div>
		<script>
			// IE 11 polify
			if(!Object.assign) {
				Object.assign = function() {
					var list = arguments
					for(var i = 1; i < list.length; i++) {
						list[0] = extend(list[0], list[i])
					}
					return list[0]
				}

				function extend(obj1, obj2) {
					for(var i in obj2) {
						obj1[i] = obj2[i]
					}
					return obj1
				}
			}
		</script>
		<script src="../3rd/NIM_Web_SDK_v4.8.0.js"></script>
		<script src="../3rd/NIM_Web_Netcall_v4.8.0.js"></script>
		<script src="../3rd/NIM_Web_WebRTC_v4.8.0.js"></script>
		<script src="../3rd/NIM_Web_WhiteBoard_v4.8.0.js"></script>
		<script src="../3rd/jquery-1.11.3.min.js"></script>
		<script>
			// FastClick.attach(document.body);
			window.onerror = function(errorMessage, source, lineno, colno, error) {
				var info = "错误信息：" + errorMessage + "\n" +
					"出错文件：" + source + "\n " +
					"出错行号：" + lineno + "\n" +
					"出错列号：" + colno + "\n" +
					"错误详情：" + error + "\n";

				// alert(JSON.stringify(ERROR));
				// ajax.postp(monitorUrl, ERROR, null, function(e){
				//     alert(e.stack);
				// });
				console.error(JSON.stringify(info));
				// ajax.post('/data/updateLog', ERROR);
				// alert(JSON.stringify(info))
				// minAlert.alert({
				// 	msg: JSON.stringify(info),
				// 	confirmBtnMsg: '好哒'
				// })
			}
		</script>
		<script src="../3rd/rtcSupport.js"></script>
		<script src="js/3rd/jquery-ui.min.js"></script>
		<script src="../3rd/rangeslider.min.js"></script>
		<!-- 右键菜单-->
		<script src="js/3rd/contextMenu/jquery.ui.position.js"></script>
		<script src="js/3rd/contextMenu/jquery.contextMenu.js"></script>

		<script src="js/config.js"></script>
		<script src="js/emoji.js"></script>
		<script src="js/util.js?v=2"></script>
		<script src="js/cache.js?v=2"></script>
		<script src="js/link.js"></script>
		<script src="js/ui.js?v=2"></script>
		<script src="js/widget/uiKit.js?v=2"></script>
		<script src="js/widget/minAlert.js"></script>
		<script src="js/module/base.js"></script>
		<script src="js/module/message.js"></script>
		<script src="js/module/sysMsg.js"></script>
		<script src="js/module/personCard.js"></script>
		<script src="js/module/session.js"></script>
		<script src="js/module/friend.js"></script>
		<script src="js/module/team.js"></script>
		<script src="js/module/dialog_team.js"></script>
		<script src="js/module/cloudMsg.js"></script>
		<script src="js/module/notification.js"></script>
		<script src="js/module/netcall.js"></script>
		<script src="js/module/netcall_meeting.js"></script>
		<script src="js/module/netcall_ui.js"></script>
		<script src="js/module/dialog_call_method.js"></script>
		<script src="js/main.js?v=2"></script>
		<script src="../3rd/vue.min.js"></script>
		<script src="js/talk.js"></script>
		<script id="whiteboard-template" type="text/x-template">
			<div v-show="display" class="function-box whiteboard">
				<div v-if="banner.length" class="whiteboard-banner">
					<p>{{ banner }}</p>
				</div>
				<div v-if="tip.length" class="whiteboard-mask">
					<p>{{ tip }}</p>
				</div>
				<div v-if="bottomTip.length" class="whiteboard-bottom-tip">
					<p>{{ bottomTip }}</p>
				</div>
				<!-- P2P呼叫界面 -->
				<div v-if="!connected && isCalling">
					<img :src="avatar || 'images/default-icon.png'" alt="用户头像" class="avatar">
					<div class="nick">{{ nick }}</div>
					<div class="tip">{{ this.statusTip || '正在邀请对方，请稍候...' }} </div>
					<div class="op">
						<button @click="hangup" class="pure-button hangup">取消</button>
					</div>
				</div>
				<!-- P2P被叫界面 -->
				<div v-if="!connected && isCalled">
					<img :src="avatar || 'images/default-icon.png'" alt="用户头像" class="avatar">
					<div class="nick">{{ nick }}</div>
					<div class="tip">{{ this.statusTip || '邀请你进行白板互动' }}</div>
					<div v-if="needAgent" class="op download">
						<div>
							<button @click="downloadAgent" class="pure-button accept">下载插件</button>
						</div>
						<div>
							<button @click="reject" class="pure-button hangup">拒绝</button>
						</div>
						<div>
							<p>拒绝调用插件申请会导致无法唤起插件</p>
							<p>需重启浏览器</p>
						</div>
					</div>
					<div v-else class="op">
						<button @click="accept" class="pure-button accept">
						<span v-if="!waiting">接受</span>
						<span v-else class="netcall-icon-checking"></span>
					</button>
						<button @click="reject" class="pure-button hangup">拒绝</button>
					</div>
				</div>
				<!-- P2P白板界面 -->
				<div v-show="connected" class="whiteboard-ui pure-g">
					<div ref="container" class="pure-u-1-2 whiteboard-container"></div>
					<div class="pure-u-1-2 control-panel">
						<div class="pure-g btns">
							<div class="pure-u-1-3 control-btn">
								<div class="btn-tip">撤销</div>
								<span @click="undo" class="icon-undo"></span>
							</div>
							<div class="pure-u-1-3 control-btn">
								<div class="btn-tip">清除全部笔迹</div>
								<span @click="clear" class="icon-clear"></span>
							</div>
							<div class="pure-u-1-3 control-btn">
								<div v-if="!canWeUseMicro" class="alert-icon">!</div>
								<div v-if="!canWeUseMicro" class="btn-tip">麦克风不可用</div>
								<div v-else-if="isMicroOpen" class="btn-tip">关闭己方语音</div>
								<div v-else class="btn-tip">开启己方语音</div>
								<span @click="switchAudio" class="icon-mic" :class="{
								close: !isMicroOpen,
								disable: !canWeUseMicro
							}"></span>
							</div>
						</div>
						<button @click="hangup" class="pure-button hangup">结束</button>
					</div>
				</div>
				<div class="dialogs"></div>
			</div>
		</script>

	</body>

</html>