Merge branch 'master' of http://1.14.104.71:10880/root/ylrz_his_scrm_companyUI

src/api/aiSipCall/aiSipCallBizGroup.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询aiSIP外呼技能组列表
+export function listAiSipCallBizGroup(query) {
+  return request({
+    url: '/company/aiSipCall/bizGroup/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询aiSIP外呼技能组详细
+export function getAiSipCallBizGroup(groupId) {
+  return request({
+    url: '/company/aiSipCall/bizGroup/' + groupId,
+    method: 'get'
+  })
+}
+
+// 新增aiSIP外呼技能组
+export function addAiSipCallBizGroup(data) {
+  return request({
+    url: '/company/aiSipCall/bizGroup',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改aiSIP外呼技能组
+export function updateAiSipCallBizGroup(data) {
+  return request({
+    url: '/company/aiSipCall/bizGroup',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除aiSIP外呼技能组
+export function delAiSipCallBizGroup(groupId) {
+  return request({
+    url: '/company/aiSipCall/bizGroup/' + groupId,
+    method: 'delete'
+  })
+}
+
+// 导出aiSIP外呼技能组
+export function exportAiSipCallBizGroup(query) {
+  return request({
+    url: '/company/aiSipCall/bizGroup/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/aiSipCall/aiSipCallGateway.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询aiSIP外呼网关列表
+export function listAiSipCallGateway(query) {
+  return request({
+    url: '/company/aiSipCall/gateway/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询aiSIP外呼网关详细
+export function getAiSipCallGateway(id) {
+  return request({
+    url: '/company/aiSipCall/gateway/' + id,
+    method: 'get'
+  })
+}
+
+// 新增aiSIP外呼网关
+export function addAiSipCallGateway(data) {
+  return request({
+    url: '/company/aiSipCall/gateway',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改aiSIP外呼网关
+export function updateAiSipCallGateway(data) {
+  return request({
+    url: '/company/aiSipCall/gateway',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除aiSIP外呼网关
+export function delAiSipCallGateway(id) {
+  return request({
+    url: '/company/aiSipCall/gateway/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出aiSIP外呼网关
+export function exportAiSipCallGateway(query) {
+  return request({
+    url: '/company/aiSipCall/gateway/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/aiSipCall/aiSipCallLlmAgentAccount.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询aiSIP外呼大模型列表
+export function listAiSipCallLlmAgentAccount(query) {
+  return request({
+    url: '/company/aiSipCall/llmAgentAccount/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询aiSIP外呼大模型详细
+export function getAiSipCallLlmAgentAccount(id) {
+  return request({
+    url: '/company/aiSipCall/llmAgentAccount/' + id,
+    method: 'get'
+  })
+}
+
+// 新增aiSIP外呼大模型
+export function addAiSipCallLlmAgentAccount(data) {
+  return request({
+    url: '/company/aiSipCall/llmAgentAccount',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改aiSIP外呼大模型
+export function updateAiSipCallLlmAgentAccount(data) {
+  return request({
+    url: '/company/aiSipCall/llmAgentAccount',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除aiSIP外呼大模型
+export function delAiSipCalllLlmAgentAccount(id) {
+  return request({
+    url: '/company/aiSipCall/llmAgentAccount/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出aiSIP外呼大模型
+export function exportAiSipCallLlmAgentAccount(query) {
+  return request({
+    url: '/company/aiSipCall/llmAgentAccount/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/aiSipCall/aiSipCallOutboundCdr.js

@@ -0,0 +1,88 @@
+import request from '@/utils/request'
+
+// 查询aiSIP手动外呼通话记录列表
+export function listOutboundCdr(query) {
+  return request({
+    url: '/company/aiSipCall/outboundCdr/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询aiSIP手动外呼通话记录详细
+export function getOutboundCdr(id) {
+  return request({
+    url: '/company/aiSipCall/outboundCdr/' + id,
+    method: 'get'
+  })
+}
+
+// 新增aiSIP手动外呼通话记录
+export function addOutboundCdr(data) {
+  return request({
+    url: '/company/aiSipCall/outboundCdr',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改aiSIP手动外呼通话记录
+export function updateOutboundCdr(data) {
+  return request({
+    url: '/company/aiSipCall/outboundCdr',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除aiSIP手动外呼通话记录
+export function delOutboundCdr(id) {
+  return request({
+    url: '/company/aiSipCall/outboundCdr/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出aiSIP手动外呼通话记录
+export function exportOutboundCdr(query) {
+  return request({
+    url: '/company/aiSipCall/outboundCdr/export',
+    method: 'get',
+    params: query
+  })
+}
+// 取手动外呼客户沟通信息
+export function getCustCommunicationInfo(phoneNum,callType,uuid) {
+  return request({
+    url: '/company/aiSipCall/outboundCdr/getCustCommunicationInfo?phoneNum=' +  phoneNum + "&callType=" + callType + "&uuid=" + uuid,
+    method: 'get'
+  })
+}
+
+// 新增保存手动外呼沟通记录
+export function addCustcallrecord(data) {
+  return request({
+    url: '/company/aiSipCall/outboundCdr/add/custcallrecord',
+    method: 'post',
+    data: data
+  })
+}
+// 手动同步人工外呼通话记录
+export function manualPull() {
+  return request({
+    url: '/company/aiSipCall/outboundCdr/manualPull',
+    method: 'get'
+  })
+}
+
+/**
+ * 根据 uuid 同步通话记录
+ */
+export function syncByUuid(data) {
+    return request({
+        url: '/company/aiSipCall/outboundCdr/syncByUuid',
+        method: 'post',
+        data: data
+    })
+}
+

src/api/aiSipCall/aiSipCallPhone.js

@@ -0,0 +1,61 @@
+import request from '@/utils/request'
+
+// 查询aiSIP外呼通话记录列表
+export function listAiSipCallPhone(query) {
+  return request({
+    url: '/company/aiSipCall/phone/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询aiSIP外呼通话记录详细
+export function getAiSipCallPhone(id) {
+  return request({
+    url: '/company/aiSipCall/phone/' + id,
+    method: 'get'
+  })
+}
+
+// 新增aiSIP外呼通话记录
+export function addAiSipCallPhone(data) {
+  return request({
+    url: '/company/aiSipCall/phone',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改aiSIP外呼通话记录
+export function updateAiSipCallPhone(data) {
+  return request({
+    url: '/company/aiSipCall/phone',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除aiSIP外呼通话记录
+export function delAiSipCallPhone(id) {
+  return request({
+    url: '/company/aiSipCall/phone/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出aiSIP外呼通话记录
+export function exportAiSipCallPhone(query) {
+  return request({
+    url: '/company/aiSipCall/phone/export',
+    method: 'get',
+    params: query
+  })
+}
+// 同步aiSIP外呼通话记录
+export function manualPull() {
+  return request({
+    url: '/company/aiSipCall/phone/manualPull',
+    method: 'get'
+  })
+}
+

src/api/aiSipCall/aiSipCallTask.js

@@ -0,0 +1,86 @@
+import request from '@/utils/request'
+
+// 查询aiSIP外呼任务列表
+export function listAiSipCallTask(query) {
+  return request({
+    url: '/company/aiSipCall/task/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询aiSIP外呼任务详细
+export function getAiSipCallTask(batchId) {
+  return request({
+    url: '/company/aiSipCall/task/' + batchId,
+    method: 'get'
+  })
+}
+
+// 新增aiSIP外呼任务
+export function addAiSipCallTask(data) {
+  return request({
+    url: '/company/aiSipCall/task',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改aiSIP外呼任务
+export function updateAiSipCallTask(data) {
+  return request({
+    url: '/company/aiSipCall/task',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除aiSIP外呼任务
+export function delAiSipCallTask(batchId) {
+  return request({
+    url: '/company/aiSipCall/task/' + batchId,
+    method: 'delete'
+  })
+}
+
+// 导出aiSIP外呼任务
+export function exportAiSipCallTask(query) {
+  return request({
+    url: '/company/aiSipCall/task/export',
+    method: 'get',
+    params: query
+  })
+}
+// 启动aiSIP外呼任务
+export function startTask(batchId) {
+  return request({
+    url: '/company/aiSipCall/task/startTask/' + batchId,
+    method: 'post'
+  })
+}
+// 暂停aiSIP外呼任务
+export function stopTask(batchId) {
+  return request({
+    url: '/company/aiSipCall/task/stopTask/' + batchId,
+    method: 'post'
+  })
+}
+// 公共导入数据
+export function commonImportExcel(data) {
+  return request({
+    url: '/company/aiSipCall/task/common/importExcel',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': undefined
+    }
+  })
+}
+// 下载aiSIP外呼模板
+export function downloadTemplateByType(type) {
+  return request({
+    url: '/company/aiSipCall/task/download/template/' + type,
+    method: 'get',
+    responseType: 'blob'
+  })
+}

src/api/aiSipCall/aiSipCallUser.js

@@ -0,0 +1,76 @@
+import request from '@/utils/request'
+
+// 查询sip用户信息列表
+export function listAiSipCallUser(query) {
+  return request({
+    url: '/company/aiSipCall/aiSipCallUser/list',
+    method: 'get',
+    params: query
+  })
+}
+// 查询sip用户信息列表
+export function myCallUser(query) {
+  return request({
+    url: '/company/aiSipCall/aiSipCallUser/myCallUser',
+    method: 'get',
+    params: query
+  })
+}
+// 查询sip用户信息详细
+export function getAiSipCallUser(userId) {
+  return request({
+    url: '/company/aiSipCall/aiSipCallUser/' + userId,
+    method: 'get'
+  })
+}
+
+// 新增sip用户信息
+export function addAiSipCallUser(data) {
+  return request({
+    url: '/company/aiSipCall/aiSipCallUser',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改sip用户信息
+export function updateAiSipCallUser(data) {
+  return request({
+    url: '/company/aiSipCall/aiSipCallUser',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除sip用户信息
+export function delAiSipCallUser(userId) {
+  return request({
+    url: '/company/aiSipCall/aiSipCallUser/' + userId,
+    method: 'delete'
+  })
+}
+
+// 导出sip用户信息
+export function exportAiSipCallUser(query) {
+  return request({
+    url: '/company/aiSipCall/aiSipCallUser/export',
+    method: 'get',
+    params: query
+  })
+}
+// 获取未绑定的分机列表
+export function getUnBindExtnum(query) {
+  return request({
+    url: '/company/aiSipCall/aiSipCallUser/getUnBindExtnum',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询aiSIP工具条基础配置参数
+export function getToolbarBasicParam(extNum) {
+  return request({
+    url: '/company/aiSipCall/aiSipCallUser/getToolbarBasicParam/' + extNum,
+    method: 'get'
+  })
+}

src/api/aiSipCall/aiSipCallVoiceTtsAliyun.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询aiSIP外呼阿里云音色列表
+export function listAiSipCallVoiceTtsAliyun(query) {
+  return request({
+    url: '/company/aiSipCall/voiceTtsAliyun/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询aiSIP外呼阿里云音色详细
+export function getAiSipCallVoiceTtsAliyun(id) {
+  return request({
+    url: '/company/aiSipCall/voiceTtsAliyun/' + id,
+    method: 'get'
+  })
+}
+
+// 新增aiSIP外呼阿里云音色
+export function addAiSipCallVoiceTtsAliyun(data) {
+  return request({
+    url: '/company/aiSipCall/voiceTtsAliyun',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改aiSIP外呼阿里云音色
+export function updateAiSipCallVoiceTtsAliyun(data) {
+  return request({
+    url: '/company/aiSipCall/voiceTtsAliyun',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除aiSIP外呼阿里云音色
+export function delAiSipCallVoiceTtsAliyun(id) {
+  return request({
+    url: '/company/aiSipCall/voiceTtsAliyun/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出aiSIP外呼阿里云音色
+export function exportAiSipCallVoiceTtsAliyun(query) {
+  return request({
+    url: '/company/aiSipCall/voiceTtsAliyun/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/company/callphone.js

@@ -3,12 +3,20 @@ import request from '@/utils/request'
 // 查询调用日志_ai打电话列表
 export function listCallphone(query) {
   return request({
-    url: '/company/callphoneLog/groupList',
+    url: '/company/callphoneLog/list',
     method: 'get',
     params: query
   })
 }
 
+export function groupList(query) {
+    return request({
+        url: '/company/callphoneLog/groupList',
+        method: 'get',
+        params: query
+    })
+}
+
 // 查询调用日志_ai打电话详细
 export function listCallPhoneByRoboticId(query) {
     return request({

src/api/company/companyUser.js

@@ -182,6 +182,34 @@ export function getUserProfile() {
   })
 }
 
+//获取销售绑定的用户列表
+export function getSaleBindUserList(query) {
+  return request({
+    url: '/company/user/getFsUserBySaleId',
+    method: 'get',
+    params: query
+  })
+}
+
+//绑定销售会员关系
+export function bindSaleAndFsUser(data) {
+  return request({
+    url: '/company/user/bindSaleAndFsUser',
+    method: 'post',
+    data: data
+  })
+}
+
+//解绑销售会员关系
+export function unbindSaleAndFsUser(data) {
+  return request({
+    url: '/company/user/unbindSaleAndFsUser',
+    method: 'post',
+    data
+  });
+}
+
+
 // 修改用户个人信息
 export function updateUserProfile(data) {
   return request({

src/api/company/companyVoiceRoboticCallBlacklist.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询外呼黑名单列表
+export function listVoiceRoboticCallBlacklist(query) {
+    return request({
+        url: '/company/companyVoiceRoboticCallBlacklist/list',
+        method: 'get',
+        params: query
+    })
+}
+
+// 查询外呼黑名单详情
+export function getVoiceRoboticCallBlacklist(id) {
+    return request({
+        url: '/company/companyVoiceRoboticCallBlacklist/' + id,
+        method: 'get'
+    })
+}
+
+// 新增外呼黑名单
+export function addVoiceRoboticCallBlacklist(data) {
+    return request({
+        url: '/company/companyVoiceRoboticCallBlacklist',
+        method: 'post',
+        data: data
+    })
+}
+
+// 修改外呼黑名单
+export function updateVoiceRoboticCallBlacklist(data) {
+    return request({
+        url: '/company/companyVoiceRoboticCallBlacklist',
+        method: 'put',
+        data: data
+    })
+}
+
+// 删除外呼黑名单
+export function delVoiceRoboticCallBlacklist(id) {
+    return request({
+        url: '/company/companyVoiceRoboticCallBlacklist/' + id,
+        method: 'delete'
+    })
+}
+
+// 修改状态
+export function changeVoiceRoboticCallBlacklistStatus(data) {
+    return request({
+        url: '/company/companyVoiceRoboticCallBlacklist/changeStatus',
+        method: 'put',
+        data: data
+    })
+}

src/assets/callCenterPhoneBarSdk/ccPhoneBarSocket.js

@@ -0,0 +1,1921 @@
+/*
+ * 呼叫中心电话工具条
+ * author: easycallcenter365@126.com
+ * 2025-04-08
+*/
+
+// 导入 jQuery
+import $ from './jquery-1.11.0.js';
+
+function _phoneBarObserver(){
+	if(!(this instanceof _phoneBarObserver)){
+		return new _phoneBarObserver();
+	}
+	this.listeners = {}
+};
+_phoneBarObserver.prototype = {
+	on: function (key, callback) { this.addListener(key, callback); },
+	off: function (key, callback) { this.removeListener(key, callback); },
+	addListener: function (key, callback) {
+		if(!this.listeners[key]) {
+			this.listeners[key] = [];
+		}
+		this.listeners[key].push(callback);
+	},
+	removeListener: function (key, callback) {
+		if(this.listeners[key]) {
+			if(callback) {
+				const index = this.listeners[key].indexOf(callback);
+				if (index > -1) {
+					this.listeners[key].splice(index, 1);
+				}
+			}else {
+				this.listeners[key] = [];
+			}
+		}
+	},
+	notifyAll: function (key, info) {
+		if(!this.listeners[key]) return;
+		for (var i = 0; i < this.listeners[key].length; i++) {
+			if (typeof this.listeners[key][i] === 'function') {
+				this.listeners[key][i](info);
+			}
+		}
+	},
+	make: function (o) {
+		for (var i in this) {
+			o[i] = this[i];
+			o.listeners = {}
+		}
+	}
+};
+
+//呼叫中心websocket通信对象
+"use strict";
+function ccPhoneBarSocket() {
+	var observer = new _phoneBarObserver();
+	observer.make(this);
+	var _cc = this;
+	var ws = null;
+	var wsuri = null;
+	var isConnected = false;
+	/* 通话已建立 */
+	var callConnected = false;
+	/*
+	 *  是否可以发送视频通话邀请;
+	 */
+	var canSendVideoReInvite = false;
+	/**
+	 * 是否开启了坐席状态列表订阅
+	 * @type {boolean}
+	 */
+	this.subscribeAgentListStarted = false;
+	this.iframe = null;
+	this.callConfig = {
+		 // 使用默认的UI，还是使用自定义的UI
+		'useDefaultUi': false,
+		//呼叫控制服务器地址
+		'ipccServer': '129.28.164.235:8443',
+		//是否启用websocket安全连接
+		'enableWss' : false,
+		//语音编码
+		'callCodec' : 'pcma',
+		//是否发送心跳数据
+		'enableHeartBeat' : true,
+		//送心跳数据的时间间隔; 秒;
+		'heartBeatIntervalSecs' : 16,
+		// 工具条外呼时： 软电话和外呼通话，使用相同的语音编码，避免转码，从而提高性能;
+		// 但是!： 如果客户端是网页电话，且外呼线路使用g729编码时，该参数需要设置为false，
+		// 因为网页电话不支持g729编码; [此时会产生语音编码的转码]
+		'useSameAudioCodeForOutbound' : true,
+		// 令牌
+		'loginToken' : '',
+
+		 // 网关列表, 如果是注册模式： 网关地址参数则填写为网关名称;
+		 // 安全起见，生产环境，需要把该参数加密为base64格式;
+		'gatewayList' : [
+			{
+				uuid         :  '01',
+				updateTime         :  1675953810492,
+				gatewayAddr  : '113.207.68.30:5543;external', // 网关地址 + 外呼环境[可选参数，默认为external];
+				callerNumber : '02386990208',    // 主叫号码
+				calleePrefix : '',       // 被叫前缀
+				priority     : 1,        // 优先级
+				concurrency  : 1000,       // 并发数
+				register     : false,    // 是否注册模式
+				audioCodec   : 'g711'    // 语音编码，可用选择项 g711、g729
+			}
+		],
+
+	    'gatewayEncrypted' : false,
+
+		 // 分机注册配置;
+		 //Freeswitch服务器地址
+		 'fsServer' : '129.28.164.235:5060',
+		 // 分机账户
+		 'extnum' : '1001',
+		 // 工号
+		 'opnum' : 'admin',
+		 //业务组编号
+		 'groupId' : '1',
+		 //全部业务组列表
+		 'groups' : null,
+		 //全部坐席人员列表
+		 'agentList' : null,
+		 'extPassword': '0406f9d44bb8fe195a1ee2557bbeebf7',  // 分机密码
+		 'phoneType': 'EyeBeam',         // 电话类型
+		 'webPhoneUrl' : 'None',
+
+		 // 客户端软电话代理配置信息
+		 'localHostProxyVersion' : 'v20221130_1736',  // 本地代理软件的版本信息
+		 'localHostProxyPort' : 8888    // 本地代理软件端口;
+	};
+
+	/**
+	 * 在指定html对象后追加新元素
+	 * @param newElement
+	 * @param targetElement
+	 */
+	this.insertAfter = function(newElement,targetElement)
+	{
+		var parent = targetElement.parentNode;
+		if(parent.lastChild === targetElement)
+		{
+			parent.appendChild(newElement);
+		}else{
+			parent.insertBefore(newElement,targetElement.nextSibling);
+		}
+	};
+
+	this.trim = function (str) {
+		return str.replace(/^\s\s*/,'').replace(/\s\s*$/, '');
+	};
+    this.getIsConnected = function(){
+    	return isConnected;
+    };
+    /**
+     *  获取通话状态
+     * @returns {boolean} true通话中，false通话未建立;
+     */
+    this.getCallConnected = function(){
+        return callConnected;
+    };
+    /**
+     *  设置通话状态;
+     * @param value true通话中，false通话未建立
+     * @returns {*}
+     */
+    this.setCallConnected = function(value){
+        callConnected = value;
+    };
+
+	/**
+	 *  设置一个标志，指示是否可以发起视频通话;
+	 * 仅限通话为音频通话且通话已经接通时方可允许发起视频邀请；
+	 * @param value
+	 */
+	this.setCanSendVideoReInvite = function(value){
+		canSendVideoReInvite = value;
+	};
+
+	/**
+	 *  设置一个标志，指示是否可以发起视频通话;
+	 * @param value
+	 */
+	this.getCanSendVideoReInvite = function(){
+	    return 	canSendVideoReInvite;
+	};
+
+	this.setHeartbeat = function()
+	{
+		setInterval(function(){
+			//如果启用了心跳，而且用户已经登录上线,则发送心跳数据
+			if(_cc.callConfig.enableHeartBeat && _cc.getIsConnected()){
+				console.debug("try to send heartbeat.");
+				var heartBeat = {};
+				heartBeat.action="setHearBeat";
+				heartBeat.body = "{}";
+				_cc.sendMsg(heartBeat);
+			}
+		}, _cc.callConfig.heartBeatIntervalSecs * 1000);
+	};
+
+	this.loadScript = function(destUrl, callbackFunc){
+		var script = document.createElement("script");
+        script.type = "text/javascript";
+        script.src = destUrl;
+		if(null != callbackFunc){
+		   script.onload=function(){callbackFunc();}
+		}
+		document.getElementsByTagName('head')[0].appendChild(script);
+	};
+
+    // 初始化websocket连接参数
+	this.initConfig = function(config) {
+		//把config中的属性全部拷贝到callConfig中;
+		for(var element in config) {
+			this.callConfig[element] = config[element];
+		}
+
+		var _loginToken = this.callConfig["loginToken"];
+		if(typeof(_loginToken) == "undefined" && _loginToken === "") {
+			alert("电话工具条：无法获取 loginToken!");
+			return;
+		}
+
+	    console.log("callConfig:", JSON.stringify(this.callConfig));
+	    wsuri = 'ws://' + this.callConfig.ipccServer +
+	    			'/call-center/websocketServer?' +
+			'&loginToken=' + this.callConfig.loginToken;
+
+	    console.log("ipccServer ws url: " + wsuri);
+	    var ipccServerIpAddr = this.callConfig.ipccServer.split(":");
+	    if(this.callConfig.enableWss &&  this.checkIP(ipccServerIpAddr)){
+	    	var tipsError = "ERROR! 启用了wss之后，必须使用域名访问websocketServer! " + this.callConfig.ipccServer;
+	    	console.log(tipsError);
+	    	alert(tipsError);
+		}
+	    if(this.callConfig.enableHeartBeat) {
+			_cc.setHeartbeat();
+		}
+
+		//var downLoadUrl = "http://192.168.66.71:81/soft/callcenter-soft/LocalHostProxy/LocalHostProxy-" +
+							  _cc.callConfig["localHostProxyVersion"] + ".zip";
+		//console.log("客户端代理软件的下载地址:", downLoadUrl);
+        //this.createIframe("http://127.0.0.1:8888/getVersion");
+
+        if(_cc.callConfig["useDefaultUi"]){
+			this.initPhoneBarUI();
+		}
+	};
+
+	//检测ip地址是否合法;
+	this.checkIP = function (ip)
+	{
+	    var re =  /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/ ;
+	    return re.test(ip);
+	};
+
+	//断开到呼叫控制服务器的连接
+	this.disconnect = function(){
+		// 检查 WebSocket 是否存在且连接正常
+		if (!ws || ws.readyState !== WebSocket.OPEN) {
+			console.log('WebSocket 未连接或已关闭，无需发送断开指令');
+			return;
+		}
+		var cmdInfo = {};
+		cmdInfo.action="setAgentStatus";
+		cmdInfo.body = {"cmd" : "disconnect", "args" : { "msg" : "disconnection opt triggered by js client." } };
+		ws.send(JSON.stringify(cmdInfo));
+		// 立即关闭 WebSocket 连接
+		ws.close();
+	};
+
+	/**
+	 *  获取当前坐席登录的分机号码
+	 * @returns {string|*}
+	 */
+	this.getExtNum = function(){
+		return this.callConfig.extnum;
+	};
+
+	/**
+	 *  获取当前坐席登录的工号
+	 * @returns {string|*}
+	 */
+	this.getOpNum = function(){
+		return this.callConfig.opnum;
+	};
+
+	/**
+	 *  获取当前坐席的业务组编号
+	 * @returns {string|*}
+	 */
+	this.getGroupId = function(){
+		return this.callConfig.groupId;
+	};
+
+
+	/**
+	 *  获取全部业务组列表
+	 * @returns {string|*}
+	 */
+	this.getGroups = function(){
+		return  JSON.parse(JSON.stringify(this.callConfig.groups));
+	};
+
+    this.findAgentByOpNum  = function (opnum){
+    	if(_cc.callConfig.agentList == null) return null;
+
+		for (var key in _cc.callConfig.agentList) {
+			let item = _cc.callConfig.agentList[key];
+            if(item["opnum"] === opnum){
+            	//add _arrayIndex property to record index
+            	item["_arrayIndex"] = key;
+            	return item;
+			}
+		}
+		return null;
+	};
+
+	this.updateAgentList = function (agentList) {
+		for (var key in agentList) {
+			let item = agentList[key];
+            var existItem = this.findAgentByOpNum(item["opnum"]);
+            if(existItem != null){
+				var newStatus = item["agentStatus"];
+				var oldStatus = existItem["agentStatus"];
+				var logoutTime = item["logoutTime"];
+				if(logoutTime > 0){
+					//删除元素
+					console.info("delete offline user",item["opnum"], "index=", key);
+					_cc.callConfig.agentList.splice(existItem["_arrayIndex"], 1);
+					continue;
+				}
+				if(newStatus != oldStatus){
+					existItem["agentStatus"] = newStatus;
+				}
+			}else{
+				if(_cc.callConfig.agentList != null) {
+					_cc.callConfig.agentList.push(item);
+				}
+			}
+		}
+	};
+
+	//连接到呼叫控制服务器
+	this.connect = function() {
+		// 如果已经在连接中，直接返回
+		if (ws && ws.readyState === WebSocket.CONNECTING) {
+			console.log('[connect] WebSocket 正在连接中，请勿重复操作');
+			return;
+		}
+		
+		// 先关闭旧的连接，避免重复登录
+		if (ws) {
+			console.log('[connect] 检测到旧连接存在，先关闭旧连接');
+			try {
+				ws.close();
+			} catch(e) {
+				console.error('[connect] 关闭旧连接失败:', e);
+			}
+			ws = null;
+		}
+			
+		if ('WebSocket' in window)
+			ws = new WebSocket(wsuri);
+		else {
+			console.log('您的浏览器不支持 websocket，您无法使用本页面的功能!');
+			return;
+		}
+		//收到消息
+		ws.onmessage = function(evt) {
+			console.log("recv msg from websocket server: ", evt.data);
+			var msg = JSON.parse(evt.data);
+			console.log("parsed json data:", msg);
+			var resp_status = msg["status"];
+			switch(resp_status) {
+				case 200:
+					isConnected = true;
+					_cc.callConfig.extnum = msg.object["extnum"];
+					_cc.callConfig.opnum = msg.object["opnum"];
+					_cc.callConfig.groupId = msg.object["groupId"];
+					_cc.callConfig.groups = msg.object["groups"];
+					console.log('ipcc 连接成功.', 'connected_ipcc_server');
+					// WebSocket 连接成功后自动设置为置忙状态，以便可以外呼
+					_cc.setStatus(ccPhoneBarSocket.agentStatusEnum.busy);
+					_cc.notifyAll(ccPhoneBarSocket.eventList.ws_connected, msg);
+					break;
+				default:
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.caller_hangup) ||
+						parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.CONFERENCE_MODERATOR_HANGUP)) {
+						_cc.setCallConnected(false);
+						_cc.setCanSendVideoReInvite(false);
+						_cc.callConfig.agentList = null;
+						_cc.unSubscribeAgentList();
+						// 重置呼叫标志
+						_cc.isCalling = false;
+						console.log("caller_hangup")
+					}
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.callee_hangup)) {
+						// 重置呼叫标志
+						_cc.isCalling = false;
+					}
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.callee_answered)) {
+						_cc.setCallConnected(true);
+						console.log("callee_answered")
+					}
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.new_inbound_call)) {
+						_cc.setCallConnected(true);
+						console.log("new_inbound_call")
+					}
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.caller_answered) ||
+						parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.callee_answered)) {
+						if (msg["object"]["callType"] === "audio") {
+							_cc.setCanSendVideoReInvite(true);
+							_cc.notifyAll(ccPhoneBarSocket.eventList.on_audio_call_connected, "audio call connected.")
+							console.log("current callType is audio.")
+						}
+						if (msg["object"]["callType"] === "video") {
+							_cc.setCanSendVideoReInvite(false);
+							_cc.notifyAll(ccPhoneBarSocket.eventList.on_video_call_connected, "video call connected.")
+							console.log("current callType is video.")
+						}
+					}
+
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.customer_channel_hold)) {
+						_cc.changeUiOnHold();
+					}
+
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.customer_channel_unhold)) {
+						_cc.changeUiOnUnHold();
+					}
+
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.customer_on_hold_hangup)) {
+						_cc.changeUiOnUnHold();
+						$("#holdBtn").removeClass('on');
+						$("#callStatus").text("保持的通话已挂机.");
+					}
+
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.customer_channel_call_wait)) {
+						$("#stopCallWait").show();
+						$("#doConsultationBtn").hide();
+						$("#callStatus").text("客户电话等待中.");
+						_cc.showTransferAreaUI();
+					}
+
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.customer_channel_off_call_wait)) {
+						$("#stopCallWait").hide();
+                        $("#transferCallWait").hide();
+						_cc.hideTransferAreaUI();
+						$("#callStatus").text("等待的电话已接回.");
+					}
+
+                    if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.inner_consultation_start)) {
+                        $("#callStatus").text("咨询已开始.");
+                        $("#transferCallWait").show();
+                    }
+
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.inner_consultation_stop)) {
+						$("#callStatus").text("咨询已结束.");
+						$("#transferCallWait").hide();
+					}
+
+                    if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.customer_on_call_wait_hangup)) {
+						$("#stopCallWait").hide();
+                        $("#transferCallWait").hide();
+						$("#callStatus").text("等待的客户已挂机.");
+					}
+
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.inner_consultation_start)) {
+						$("#holdBtn").removeClass('on');
+						$("#hangUpBtn").removeClass('on');
+						$("#transferBtn").removeClass('on');
+					}
+
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.transfer_call_success)) {
+						var extNum = msg["object"]["callee"];
+						if(extNum === _cc.getExtNum()) {
+							$("#holdBtn").addClass('on');
+							$("#hangUpBtn").addClass('on');
+							$("#transferBtn").addClass('on');
+						}
+
+					}
+
+					if (parseInt(resp_status) === parseInt(ccPhoneBarSocket.eventList.agent_status_data_changed)) {
+						if(_cc.subscribeAgentListStarted) {
+							if (_cc.callConfig.agentList == null) {
+								_cc.callConfig.agentList = JSON.parse(msg.object);
+							}else{
+								// 更新列表;
+                                _cc.updateAgentList(JSON.parse(msg.object));
+							}
+						}
+					}
+					_cc.notifyAll(resp_status, msg);
+					break;
+			}
+		};
+		//关闭连接时触发
+		ws.onclose = function(evt) {
+			isConnected = false;
+			_cc.notifyAll(ccPhoneBarSocket.eventList.ws_disconnected, "ipccserver 连接断开.");
+			console.log("ipcc连接断开.", "disconnected");
+			console.log(evt);
+			ws.close();
+		};
+		ws.onopen = function(evt) {
+			console.log("ipccserver websocket onopen...");
+		};
+	};
+
+	//发送消息给呼叫控制服务器
+	this.sendMsg = function(jsonObject) {
+		console.debug("ws.send:", jsonObject);
+		ws.send(JSON.stringify(jsonObject));
+	};
+
+	this.changeUiOnHold = function() {
+		$("#holdBtnLi").hide();
+		$("#unHoldBtnLi").show();
+		$("#unHoldBtn").addClass('on');
+	};
+
+	this.changeUiOnUnHold = function() {
+		$("#holdBtnLi").show();
+		$("#holdBtn").addClass('on');
+		$("#unHoldBtnLi").hide();
+	};
+
+	this.hideTransferAreaUI = function(){
+		var transferArea = document.getElementById("transfer_area");
+		transferArea.style.display = "none";
+	};
+
+	this.showTransferAreaUI = function(){
+		var transferArea = document.getElementById("transfer_area");
+		transferArea.style.display = "block";
+	};
+
+	/**
+	 *  设置状态为空闲
+	 */
+	this.setStatusFree = function(){
+		this.setStatus(ccPhoneBarSocket.agentStatusEnum.free);
+	};
+
+	/**
+	 *  设置状态为忙碌
+	 */
+	this.setStatusBusy = function(){
+		this.setStatus(ccPhoneBarSocket.agentStatusEnum.busy);
+	};
+
+	ccPhoneBarSocket.utils = {
+
+		/**
+		 * 读取 URL 中的指定查询参数值
+		 * @param {string} paramName - 要获取的参数名称
+		 * @returns {string|null} 返回参数值，如果不存在则返回 null
+		 */
+		getQueryParam :	function (paramName) {
+			const url = window.location.href; // 获取当前页面 URL
+			const params = new URLSearchParams(new URL(url).search); // 创建 URLSearchParams 对象
+			return params.get(paramName); // 获取指定参数值
+		}
+	};
+
+	/**
+	 *  座席状态枚举;
+	 * @type {{rest: number, calling: number, busy: number, free: number, justLogin: number, meeting: number, train: number}}
+	 */
+	ccPhoneBarSocket.agentStatusEnum = {
+
+		/**
+		 *  刚刚上线，尚未就绪中;
+		 */
+		"justLogin" : 1,
+
+		/**
+		 * 空闲
+		 */
+		"free"  :  2,
+
+		/**
+		* 忙碌
+		*/
+		"busy"  :  3,
+
+		/**
+		 * 小休
+		 */
+		"busy_rest"  :  31,
+
+		/**
+		 * 线下会议
+		 */
+		"busy_meeting"  :  32,
+
+		/**
+		 * 培训
+		 */
+		"busy_training"  :  33,
+
+		/**
+		 * 通话中
+		 */
+		"incall" : 4,
+
+		/**
+		 * 话后处理，填写表单中
+		 */
+		"fill_form" : 5,
+
+		/**
+		 * 电话会议中
+		 */
+		"conference"  :  6
+	};
+
+	//定义视频level-id
+	ccPhoneBarSocket.videoLevels = {
+		"Smooth" :  { "levelId" : "42e00b",  "description" : "流畅"  },
+		"Smooth2" :  { "levelId" : "42e00c",  "description" : "流畅+"  },
+		"Smooth3" :  { "levelId" : "42e00d",  "description" : "流畅++"  },
+		"Clear" : { "levelId" : "42e014",  "description" : "清晰"  },
+		"Clear2" :  { "levelId" : "42e015",  "description" : "清晰+"  },
+		"Clear3" :  { "levelId" : "42e016",  "description" : "清晰++"  },
+		"HD" :   { "levelId" : "42e01e",  "description" : "高清"  },
+		"HD2" :  { "levelId" : "42e01f",  "description" : "高清+"  }
+	};
+
+
+	/**
+	 * 系统事件列表;
+	 * @type {{}}
+	 */
+	ccPhoneBarSocket.eventList = {
+		// 当音频通话已建立
+		"on_audio_call_connected" : "100",
+		"on_video_call_connected" : "101",
+
+		// websocketServer连接成功
+		"ws_connected": "200",
+		// 当前用户已在其他设备登录;
+		"user_login_on_other_device" : "201",
+		// 用户下线
+		"ws_disconnected" : "202",
+		// 通话状态发生改变 [监听的数据]
+		"call_session_status_data_changed" : "203",
+        // 坐席状态列表发生改变
+        "agent_status_data_changed" : "205",
+		//请求参数错误
+		"request_args_error" : "400",
+
+		// unauthorized
+		"unauthorized" : "401",
+
+		//服务器内部错误
+		"server_error" : "500",
+		// 语音编码不匹配
+		"server_error_audio_codec_not_match" : "501",
+		// 主叫接通
+		"caller_answered" : "600",
+		//  主叫挂断
+		"caller_hangup" : "601",
+		// 主叫忙; 上一通电话未挂机
+		"caller_busy" : "602",
+		//主叫未登录
+        "caller_not_login" : "603",
+		//主叫应答超时
+		"caller_respond_timeout" : "604",
+		// 被叫接通
+		"callee_answered" : "605",
+        // 被叫挂断
+		"callee_hangup" : "606",
+		//被叫振铃
+        "callee_ringing" : "607",
+		// 座席状态改变
+		"status_changed" : "608",
+		// 一个完整的外呼任务结束： [可能尝试了一个或多个网关]
+		"outbound_finished" : "611",
+
+		// 预测外呼，分配的来电;
+		"PREDICTIVE_CALL_INBOUND" : "612",
+
+         // ACD队列分配的新来电
+		"new_inbound_call" : "613",
+
+         // 当前业务组实时排队人数
+		"acd_group_queue_number" : "615",
+
+
+		/**
+		 * 收到转接的来电请求
+		 */
+		"transfer_call_recv" :  616,
+
+		/**
+		 * 锁定坐席失败
+		 */
+		"lock_agent_fail" :  617,
+
+		/**
+		 * 通话已经转接成功
+		 */
+		"transfer_call_success" :  618,
+
+		/**
+		 * 产生asr语音识别结果
+		 */
+		"asr_result_generate" :  619,
+
+		/**
+		 * ASR语音识别流程结束（坐席侧）
+		 */
+		"asr_process_end_agent" :  620,
+
+		/**
+		 * ASR语音识别流程结束（客户侧）
+		 */
+		"asr_process_end_customer" :  621,
+
+		"asr_process_started" : 622,
+
+		/**
+		 * customer call session hold.
+		 */
+		"customer_channel_hold" : 623,
+
+		/**
+		 * customer call session unHold.
+		 */
+		"customer_channel_unhold" : 624,
+
+		/**
+		 * customer call session on hold is hangup.
+		 */
+		"customer_on_hold_hangup" : 625,
+
+		"inner_consultation_request" : 626,
+
+		/**
+		 * customer call session on call-wait.
+		 */
+		"customer_channel_call_wait" : 627,
+
+		/**
+		 * customer call session off call-wait.
+		 */
+		"customer_channel_off_call_wait" : 628,
+
+		/**
+		 * customer call session on call-wait is hangup.
+		 */
+		"customer_on_call_wait_hangup" : 629,
+
+		/**
+		 *  extension on line event
+		 */
+		"extension_on_line" : 630,
+
+		/**
+		 * extension off line event
+		 */
+		"extension_off_line" : 631,
+
+        /**
+         * Notify the agent that the call consultation has started.
+         */
+        "inner_consultation_start" : 632,
+
+        /**
+         *  Notify the agent that the call consultation has stopped.
+         */
+        "inner_consultation_stop" : 633,
+
+
+	    /**
+		* 多人电话会议，重复的被叫 ,
+		*/
+		"conference_repeat_callee"  :  660 ,
+
+		 /**
+		 * 多人电话会议，呼叫成员超时 ,
+		 */
+		 "CONFERENCE_CALL_MODERATOR_TIMEOUT"  :  661 ,
+
+		/**
+		 * 多人电话会议，成员接通 ,
+		 */
+		"CONFERENCE_MEMBER_ANSWERED"  :  662 ,
+
+
+		/**
+		 * 多人电话会议，成员挂机 ,
+		 */
+		"CONFERENCE_MEMBER_HANGUP"  :  663 ,
+
+		/**
+		 * 多人电话会议，成员禁言成功 ,
+		 */
+		"CONFERENCE_MEMBER_MUTED_SUCCESS"  :  666 ,
+
+
+		/**
+		 * 多人电话会议，成员禁言失败 ,
+		 */
+		"CONFERENCE_MEMBER_MUTED_FAILED"  : 665  ,
+
+		/**
+		 * 多人电话会议，成员解除禁言成功 ,
+		 */
+		"CONFERENCE_MEMBER_UNMUTED_SUCCESS"  :  667 ,
+
+
+		/**
+		 * 多人电话会议，成员解除禁言失败 ,
+		 */
+		"CONFERENCE_MEMBER_UNMUTED_FAILED"  : 668  ,
+
+		/**
+		 * 多人电话会议，会议成员不存在，无法执行相关操作：
+		 */
+		"CONFERENCE_MEMBER_NOT_EXISTS"  : "669"  ,
+
+		/**
+		 * 多人电话会议，主持人重置会议 ,
+		 */
+		"CONFERENCE_MODERATOR_RESET"  : "670"  ,
+
+		/**
+		 * 多人电话会议，主持人接通 ,
+		 */
+		"CONFERENCE_MODERATOR_ANSWERED"  : "671"  ,
+
+
+		/**
+		 * 多人电话会议，主持人挂机，会议结束 ,
+		 */
+		"CONFERENCE_MODERATOR_HANGUP"  : "672",
+
+		/*
+		 * 成员视频禁用成功
+		 */
+		"CONFERENCE_MEMBER_VMUTED_SUCCESS" : "674",
+
+		/*
+		 * 成员解除视频禁用成功
+		 */
+		"CONFERENCE_MEMBER_UnVMUTED_SUCCESS" : "676",
+
+		/**
+		 * 多人电话会议，成员解除视频禁用失败;
+		 */
+		"CONFERENCE_MEMBER_UnVMUTED_FAILED"  : "677",
+
+		/**
+		 * 成功把通话转接到多人视频会议
+		 */
+		"CONFERENCE_TRANSFER_SUCCESS_FROM_EXISTED_CALL"  :  "678",
+
+		/**
+		 *  outbound start event
+		 */
+		"OUTBOUND_START" : "679"
+	};
+
+	this.createIframe = function(src){
+        var _iframe = document.createElement("iframe");
+        _iframe.style.width = '0';
+        _iframe.style.height = '0';
+        _iframe.style.margin = '0';
+        _iframe.style.padding = '0';
+        _iframe.style.overflow = 'hidden';
+        _iframe.style.border = 'none';
+        _iframe.src = src;
+        document.body.appendChild(_iframe);
+        _cc.iframe = _iframe;
+    };
+
+    this.openSoftPhone = function (){
+		//打开软电话
+		var softPhoneUrl = "http://127.0.0.1:" + _cc.callConfig["localHostProxyPort"] +
+		                   "/autoSetExtension?server=" + encodeURIComponent(_cc.callConfig["fsServer"].split(':')[0]) +
+						   "&port=" + _cc.callConfig["fsServer"].split(':')[1] +
+						   "&extnum=" + _cc.callConfig["extnum"] +
+						   "&pass=" + encodeURIComponent(_cc.callConfig["extPassword"]) +
+						   "&phoneType=" + _cc.callConfig["phoneType"] +
+						   "&version=" + encodeURIComponent(_cc.callConfig["localHostProxyVersion"]) +
+						   "&webPhoneUrl=" + encodeURIComponent(_cc.callConfig["webPhoneUrl"]) +
+						   "";
+	  console.log("softPhoneUrl:", softPhoneUrl);
+      _cc.iframe.src = softPhoneUrl;
+	};
+
+	/**
+	 * 设置座席状态
+	 * @param status  agentStatusEnum
+	 */
+	this.setStatus = function (status) {
+		var cmdInfo = {};
+		cmdInfo.action="setAgentStatus";
+		cmdInfo.body = {"cmd" : "setStatus", "args" : { "status" : status } };
+		ws.send(JSON.stringify(cmdInfo));
+	};
+
+	//注销登录;
+	this.logOff = function () {
+		var cmdInfo = {};
+		cmdInfo.action="setAgentStatus";
+		cmdInfo.body = {"cmd" : "disconnect", "args" : { "cause": "disconnect request from js client." }  };
+		ws.send(JSON.stringify(cmdInfo));
+	};
+
+	/**
+	 *  在咨询失败的情况下使用该按钮，接回处于等待中的电话
+	 */
+	this.stopCallWaitBtnClickUI = function () {
+		var cmd = {};
+		cmd.action="callWait";
+		cmd.body = {"cmd" : "stop", "args" : {} };
+		ws.send(JSON.stringify(cmd));
+	};
+
+    /**
+     * 在咨询成功的情况下使用该按钮，把电话转接给专家坐席。
+     */
+	this.transferCallWaitBtnClickUI = function () {
+        this.callControl("transferCallWait", {})
+    };
+
+	this.consultationBtnClickUI = function () {
+        let transferType = "outer";
+        let phoneNumber = $("#externalPhoneNumber").val().trim();
+        if (phoneNumber === "") {
+			transferType = "inner";
+            var groupId = $("#transfer_to_groupIds").val();
+            if ($.trim(groupId) == "") {
+                alert("请选择业务组!");
+                $("#transfer_to_groupIds").focus();
+                return;
+            }
+            var member = $("#transfer_to_member").val();
+            if ($.trim(member) == "") {
+                alert("请选择要咨询的坐席成员!");
+                $("#transfer_to_member").focus();
+                return;
+            }
+
+            var selectText = $('#transfer_to_member option:selected').text();
+            if (selectText.indexOf("空闲") == -1) {
+                alert("请选择空闲的坐席成员!");
+                $("#transfer_to_member").focus();
+                return;
+            }
+
+            if (member == this.getOpNum()) {
+                alert("不能咨询自己，请选择其他坐席成员!");
+                return;
+            }
+            phoneNumber = member;
+        }
+        this.callControl("consultation", {"to": phoneNumber, "transferType": transferType});
+
+    };
+
+	/**
+	 *  处理通话转接按钮点击事件
+	 */
+	this.transferBtnClickUI = function() {
+	    let transferType = "outer";
+	    let phoneNumber = $("#externalPhoneNumber").val().trim();
+        if(phoneNumber === "") {
+            transferType = "inner";
+            var groupId = $("#transfer_to_groupIds").val();
+            if ($.trim(groupId) === "") {
+                alert("请选择转接的业务组!");
+                $("#transfer_to_groupIds").focus();
+                return;
+            }
+            var member = $("#transfer_to_member").val();
+            if ($.trim(member) === "") {
+                alert("请选择转接的坐席成员!");
+                $("#transfer_to_member").focus();
+                return;
+            }
+
+            var selectText = $('#transfer_to_member option:selected').text();
+            if (selectText.indexOf("空闲") === -1) {
+                alert("请选择空闲的坐席成员!");
+                $("#transfer_to_member").focus();
+                return;
+            }
+            if (member === this.getOpNum()) {
+                alert("不能转给自己，请选择其他坐席成员!");
+                return;
+            }
+            phoneNumber = member;
+        }
+        this.transferCall(phoneNumber, transferType);
+	};
+
+	/**
+	 *  处理通话转接
+     *  @param userCodeOrPhone 工号或者电话号码
+     *  @param transferType 转接类型：工号还是外部号码（inner or outer）
+	 */
+	this.transferCall = function(userCodeOrPhone, transferType) {
+	    if(transferType === "inner") {
+            if (userCodeOrPhone !== this.getOpNum()) {
+                this.callControl("transferCall", {"to": userCodeOrPhone, "transferType" : "inner" })
+            } else {
+                console.error("cant not transfer call to yourself.")
+            }
+        }else{
+            this.callControl("transferCall", {"to": userCodeOrPhone, "transferType" : "outer" })
+        }
+	};
+
+	//挂机
+	this.hangup = function() {
+		this.callControl("endSession", {})
+	};
+
+	// 呼叫控制相关操作;
+	this.callControl = function(action, argsObject){
+		var sessionControl = {};
+		sessionControl.action="call";
+		sessionControl.body = {"cmd" : action, "args" : argsObject };
+		ws.send(JSON.stringify(sessionControl));
+	};
+
+	this.checkCallConfirmed = function () {
+		if(!_cc.getIsConnected()){
+			console.log('请先上线.');
+			return false;
+		}
+		if(!_cc.getCallConnected()){
+			console.log('当前没有通话.');
+			return false;
+		}
+		return true;
+	};
+
+	/**
+	 *  send and play mp4 video file.
+	 */
+	this.sendVideoFile = function (mp4FilePath) {
+		if(!_cc.checkCallConfirmed()){
+			return false;
+		}
+		if(typeof(mp4FilePath) == "undefined" || mp4FilePath.trim().length === 0){
+			console.log("Parameter mp4FilePath is missing!")
+			return false;
+		}
+		this.callControl(
+			"playMp4File",
+			{ "mp4FilePath" : mp4FilePath }
+		);
+		return true;
+	};
+
+	/**
+	 *  发起视频通话邀请
+	 */
+	this.reInviteVideoCall = function(){
+        if(!_cc.checkCallConfirmed()){
+        	return false;
+		}
+		if(!_cc.getCanSendVideoReInvite()){
+			console.log('cant not send video reInvite. ',
+				'Precondition is:  Call is connected and  callType is audio.');
+			return false;
+		}
+		this.callControl(
+			"reInviteVideo",
+			{}
+		);
+		return true;
+	};
+
+	/**
+	 *  发起外呼
+	 * @param phoneNumber 被叫号码
+	 * @param callType 通话类型:视频通话、音频通话
+	 * @param videoLevel 视频通话的profile-level-id
+	 */
+	this.call = function(phoneNumber, callType, videoLevel){
+		// 防止重复调用
+		if(_cc.isCalling) {
+			console.log('正在呼叫中，请勿重复操作');
+			return;
+		}
+		
+		if(typeof(videoLevel) == "undefined" || videoLevel.trim().length === 0){
+			videoLevel = ccPhoneBarSocket.videoLevels.HD.levelId;
+			console.log("auto default set videoLevel=", videoLevel);
+		}
+		if(typeof(callType) == "undefined" || callType.trim().length === 0){
+			callType = "audio";
+			console.log("auto default set callType=", callType);
+		}
+
+		console.log("call config videoLevel=" + videoLevel + ", callType=" + callType);
+
+		if(phoneNumber==null || phoneNumber.length===0) {
+			console.log('请输入外呼号码！');
+			return;
+		}
+		if(phoneNumber.trim().length < 3){
+			alert('请输入正确格式的外呼号码！');
+			return;
+		}
+		if(!_cc.getIsConnected()){
+			console.log('请先上线.');
+			return;
+		}
+		let outboundInfo = {
+			"gatewayList": _cc.callConfig.gatewayList,
+			'destPhone': phoneNumber,
+			'gatewayEncrypted' : _cc.callConfig.gatewayEncrypted,
+			'useSameAudioCodeForOutbound' : _cc.callConfig.useSameAudioCodeForOutbound,
+			'callType' :  callType,
+			'videoLevel' : videoLevel
+		};
+		this.callControl(
+			"startSession",
+			outboundInfo
+		);
+		// 设置呼叫标志
+		_cc.isCalling = true;
+	};
+
+	this.callEx = function(phoneNumber){
+		if(phoneNumber == null || phoneNumber.length === 0) {
+			console.log('请输入外呼号码！');
+			return;
+		}
+		if(!_cc.getIsConnected()){
+			_cc.connect();
+			_cc.on(ccPhoneBarSocket.eventList.ws_connected, function(){
+				_cc.off(ccPhoneBarSocket.eventList.ws_connected); //取消事件订阅
+				_cc.call(phoneNumber);
+			});
+			return;
+		}
+		_cc.call(phoneNumber);
+	 };
+
+
+	/************************  以下是网页工具条ui代码   ************************/
+
+	/**
+	 *  根据服务器响应状态码去查找action
+	 * @param code
+	 * @returns {string}
+	 */
+	ccPhoneBarSocket.findItemByCode = function(code){
+		for(var item in ccPhoneBarSocket.eventListWithTextInfo ){
+			if(ccPhoneBarSocket.eventListWithTextInfo[item].code === code){
+				return ccPhoneBarSocket.eventListWithTextInfo[item];
+			}
+		}
+	};
+
+	/**
+	 *  服务器响应状态枚举值;
+	 */
+	  ccPhoneBarSocket.eventListWithTextInfo = {
+		"ws_connected": { "code": 200,  msg:"已签入",
+			btn_text:[{id:"#onLineBtn",name:"签出"}],
+			enabled_btn:['#setFree','#callBtn','#onLineBtn', '#consultationBtn']
+		},
+		"ws_disconnected": { "code" : 202, msg:"服务器连接断开",
+			btn_text:[{id:"#onLineBtn",name:"签入"}],
+			enabled_btn:['#onLineBtn']
+		},
+		"user_login_on_other_device": { "code" : 201, msg:"用户已在其他设备登录",
+			btn_text:[{id:"#onLineBtn",name:"签入"}],
+			enabled_btn:['#onLineBtn']
+		},
+		"request_args_error":{ "code" : 400, msg:"客户端请求参数错误",
+			btn_text:[],
+			enabled_btn:[]
+		},
+		"server_error":{ "code" : 500, msg:"服务器内部错误",
+			btn_text:[],
+			enabled_btn:[]
+		},
+		"caller_answered":{ "code" : 600, msg:"分机已接通",
+			btn_text:[],
+			enabled_btn:['#resetStatus', '#hangUpBtn', '#transferBtn', '#holdBtn', '#consultationBtn']
+		},
+		"caller_hangup":{ "code" : 601, msg:"分机已挂断",
+			btn_text:[],
+			enabled_btn:['#onLineBtn', '#resetStatus', '#callBtn', '#setFree', '#consultationBtn' ]
+		},
+		"caller_busy":{ "code" : 602, msg:"分机忙,上一通电话未挂断",
+			btn_text:[],
+			enabled_btn:['#onLineBtn', '#resetStatus', '#callBtn', '#setFree', '#consultationBtn']
+		},
+		"caller_not_login":{ "code" : 603, msg:"分机未登录，请检查",
+			btn_text:[],
+			enabled_btn:['#onLineBtn', '#resetStatus', '#callBtn', '#setFree', '#consultationBtn']
+		},
+		"caller_respond_timeout":{ "code" : 604, msg:"分机未应答超时，请重新打开分机",
+			btn_text:[],
+			enabled_btn:['#onLineBtn', '#resetStatus', '#callBtn', '#setFree', '#consultationBtn']
+		},
+		"callee_answered":{ "code" : 605, msg:"被叫已接通",
+			btn_text:[],
+			enabled_btn:['#resetStatus', '#hangUpBtn', '#transferBtn', '#holdBtn', '#consultationBtn' ]
+		},
+		"callee_hangup":{ "code" : 606, msg:"通话结束",
+			btn_text:[],
+			enabled_btn:['#onLineBtn', '#resetStatus', '#callBtn', '#setFree' , '#consultationBtn']
+		},
+		"callee_ringing":{ "code" : 607, msg:"被叫振铃中",
+			btn_text:[],
+			enabled_btn:['#resetStatus', '#hangUpBtn', '#transferBtn', '#consultationBtn']
+		},
+		"status_changed":{ "code" : 608, msg:"状态已改变",
+			btn_text:[],
+			enabled_btn:[ ]
+		},
+		"free":{ "code" : 0, msg:"空闲中",
+			btn_text:[],
+			enabled_btn:['#setBusy','#onLineBtn', '#consultationBtn']
+		},
+		"busy":{ "code" : 1, msg:"忙碌",
+			btn_text:[],
+			enabled_btn:['#setFree', '#onLineBtn',  '#callBtn', '#consultationBtn']  //  '#transferBtn'
+		},
+		"customer_channel_hold" : { "code" : 623, msg:"通话已保持.",
+			btn_text:[],
+			enabled_btn:['#setFree',  '#callBtn', '#unHoldBtn', '#consultationBtn' ]
+		},
+	   "customer_channel_unhold" : { "code" : 624, msg:"通话已接回.",
+			  btn_text:[],
+			  enabled_btn:[ '#hangUpBtn', '#holdBtn' ]
+		}
+	};
+
+	ccPhoneBarSocket.phone_buttons = ['#setFree', '#setBusy', '#callBtn','#hangUpBtn' , '#resetStatus' ,'#onLineBtn', '#transferBtn', '#holdBtn', '#unHoldBtn', '#consultationBtn'];
+
+	// 更新状态显示
+	this.updatePhoneBar = function (msg, status_key) {
+		if(!_cc.callConfig.useDefaultUi){
+			console.log("callConfig.useDefaultUi = false ， 已禁用默认ui工具条按钮.");
+			return;
+		}
+
+		if (msg) {
+			$("#callStatus").text(msg.msg);
+		}
+		var status_info = ccPhoneBarSocket.findItemByCode(status_key);
+		if (!status_info) {
+			return;
+		}
+
+		if(status_info.code === ccPhoneBarSocket.eventListWithTextInfo.status_changed.code){
+			if(msg.object.status === ccPhoneBarSocket.agentStatusEnum.free){
+				status_info = ccPhoneBarSocket.eventListWithTextInfo.free;
+			}else{
+				status_info = ccPhoneBarSocket.eventListWithTextInfo.busy;
+			}
+		}
+		// 判断当前是否为状态改变的事件;
+		// 显示预设的消息;
+		var msgSet = status_info.msg;
+
+		if(msgSet && msgSet.length > 0){
+			$("#callStatus").text(msgSet);
+		}
+
+		var btn_text = status_info.btn_text;
+		var enabled_btn = status_info.enabled_btn;
+		if (btn_text) {
+			$.each(btn_text, function (i, d) {
+				$(d.id).next().text(d.name);
+			});
+		}
+
+		if (enabled_btn.length === 0) {
+			return;
+		}
+
+		var all_btn = ccPhoneBarSocket.phone_buttons;
+		for (var i in all_btn) {
+			var idx = $.inArray(all_btn[i], enabled_btn);
+			if (idx < 0) {
+				$(all_btn[i]).removeClass('on');
+			} else {
+				$(enabled_btn[idx]).addClass('on');
+			}
+		}
+	};
+
+	/**
+	 *  初始化电话工具条ui按钮;
+	 */
+	this.initPhoneBarUI = function () {
+
+		window.onbeforeunload = function () {
+			if (!confirm('关闭网页将导致您无法接听电话，确定要关闭吗 ?')) return false;
+		};
+
+		$("#unHoldBtnLi").hide();
+
+		if(!_cc.callConfig.useDefaultUi){
+			console.log("callConfig.useDefaultUi = false ， 已禁用默认ui工具条按钮.");
+			return;
+		}
+
+        $('#conferenceBtn').on('click', function () {
+                if(!_cc.getIsConnected()){
+                    console.log('请先上线.');
+                    return;
+                }
+                var confObjId = document.getElementById("conference_area");
+                if(confObjId.style.display === "block"){
+					confObjId.style.display = "none";
+				}else{
+					confObjId.style.display = "block";
+				}
+
+        });
+
+		$('#callBtn').on('click', function () {
+			if ($(this).hasClass('on')) {
+				var destPhone = $.trim($("#ccphoneNumber").val());
+				var videoLevel = document.getElementById("videoLevelSelect").value;
+				var callType = document.forms[0].callType.value;
+				_cc.call(destPhone, callType,  videoLevel);
+			}
+		});
+		$('#setFree').on('click', function () {
+			if ($(this).hasClass('on')) {
+				_cc.setStatus(ccPhoneBarSocket.agentStatusEnum.free);
+			}
+		});
+		$('#setBusy').on('click', function () {
+			if ($(this).hasClass('on')) {
+				_cc.setStatus(ccPhoneBarSocket.agentStatusEnum.busy);
+			}
+		});
+
+		$('#setBusySubList').on('change', function () {
+			 let itemValue = $('#setBusySubList').val();
+			 console.log('set busy subStatus', itemValue);
+			 _cc.setStatus(itemValue);
+		});
+
+		$('#hangUpBtn').on('click', function () {
+			if ($(this).hasClass('on')) {
+				_cc.hangup();
+			}
+		});
+
+		$('#holdBtn').on('click', function () {
+			if ($(this).hasClass('on')) {
+				_cc.holdCall();
+			}
+		});
+
+		$('#unHoldBtn').on('click', function () {
+			if ($(this).hasClass('on')) {
+				_cc.unHoldCall();
+			}
+		});
+
+		$("#doTransferBtn").hide();
+		
+		/**
+		 * 填充业务组选项
+		 * 注意：该函数仅用于原始 HTML 版本，Vue + Element UI 版本中由 Vue 组件自行处理
+		 */
+		function populateGroupIdOptions() {
+			var groups = _cc.callConfig.groups;
+			if (groups) {
+				var selectObj = document.getElementById("transfer_to_groupIds");
+				if (selectObj) {
+					// 检查是否为原生 select 元素
+					if (selectObj.tagName.toLowerCase() === 'select') {
+						// 清空现有选项（保留第一个"请选择"）
+						var firstOption = selectObj.options[0];
+						selectObj.innerHTML = '';
+						selectObj.add(firstOption);
+						
+						// 添加业务组选项
+						for (var i = 0; i < groups.length; i++) {
+							var group = groups[i];
+							var option = document.createElement("option");
+							option.value = group.groupId;
+							option.text = group.bizGroupName;
+							selectObj.add(option);
+						}
+						
+						// 默认选中第一个
+						if (groups.length > 0 && selectObj.options.length > 1) {
+							selectObj.selectedIndex = 1;
+						}
+					}
+					// 如果是 el-select 组件，则不处理，由 Vue 数据绑定自动更新
+				}
+			}
+		}
+		
+		$('#transferBtn').on('click', function () {
+			if ($(this).hasClass('on')) {
+				if(!_cc.getIsConnected()){
+					console.log('请先上线.');
+					return;
+				}
+				var transferArea = document.getElementById("transfer_area");
+				if(transferArea.style.display === "block"){
+					transferArea.style.display = "none";
+					_cc.unSubscribeAgentList();
+					$("#doTransferBtn").hide();
+					$("#doConsultationBtn").hide();
+				}else{
+					transferArea.style.display = "block";
+					populateGroupIdOptions();
+					// 不再自动订阅坐席状态列表，由外部控制
+					// _cc.subscribeAgentList();
+					$("#doTransferBtn").show();
+					$("#doConsultationBtn").hide();
+				}
+			}
+		});
+
+        $("#stopCallWait").hide();
+        $("#transferCallWait").hide();
+		$("#doConsultationBtn").hide();
+		$('#consultationBtn').on('click', function () {
+			if ($(this).hasClass('on')) {
+				if(!_cc.getIsConnected()){
+					console.log('请先上线.');
+					return;
+				}
+				var transferArea = document.getElementById("transfer_area");
+				if(transferArea.style.display === "block"){
+					transferArea.style.display = "none";
+					_cc.unSubscribeAgentList();
+					$("#doConsultationBtn").hide();
+					$("#doTransferBtn").hide();
+				}else{
+					transferArea.style.display = "block";
+					populateGroupIdOptions();
+					// 不再自动订阅坐席状态列表，由外部控制
+					// _cc.subscribeAgentList();
+					$("#doConsultationBtn").show();
+					$("#doTransferBtn").hide();
+				}
+			}
+		});
+
+		$('#onLineBtn').on('click', function () {
+			if ($(this).hasClass('on')) {
+				if (_cc.getIsConnected()) {
+					_cc.disconnect();
+				} else {
+					_cc.connect();
+				}
+			}else {
+				alert('当前不允许签出!');
+			}
+		});
+
+		$('#resetStatus').on('click', function () {
+			window.onbeforeunload = null;
+			location.reload();
+		});
+
+		//拨号文本框;收到键盘回车事件之后立即拨号
+		$("#ccphoneNumber").keydown(function (e) {
+			var curKey = e.which;
+			if (curKey === 13) {
+				var destPhone = $.trim($("#ccphoneNumber").val());
+				var videoLevel = document.getElementById("videoLevelSelect").value;
+				var callType = document.forms[0].callType.value;
+				_cc.call(destPhone,callType, videoLevel);
+				return false;
+			}
+		});
+
+		//ESC按键挂机功能支持
+		$(document).keyup(function (e) {
+			var key = e.which;
+			if (key === 27) {
+				console.log('按下了ESC键, 即将发送挂机指令.');
+				if(_cc.getIsConnected()){
+					if(_cc.callConfig["useDefaultUi"]) {
+						if ($('#hangUpBtn').hasClass('on')) {
+							_cc.hangup();
+						}
+					}else{
+						_cc.hangup();
+					}
+				}
+			}
+		});
+	};
+
+	/**
+	 *  保持通话
+	 */
+	this.holdCall = function(){
+		var cmd = {};
+		cmd.action="callHold";
+		cmd.body = {"cmd" : "hold", "args" : {} };
+		ws.send(JSON.stringify(cmd));
+	};
+
+	/**
+	 *  接回保持的通话
+	 */
+	this.unHoldCall = function(){
+		var cmd = {};
+		cmd.action="callHold";
+		cmd.body = {"cmd" : "unhold", "args" : {} };
+		ws.send(JSON.stringify(cmd));
+	};
+
+	/**
+	 *  订阅坐席状态列表
+	 */
+	this.subscribeAgentList = function(){
+		var cmd = {};
+		cmd.action="pollAgentList";
+		cmd.body = {"cmd" : "subscribe", "args" : {} };
+		ws.send(JSON.stringify(cmd));
+		_cc.subscribeAgentListStarted = true;
+	};
+
+	/**
+	 *  取消订阅坐席状态列表
+	 */
+	this.unSubscribeAgentList = function(){
+		if(_cc.subscribeAgentListStarted) {
+			_cc.subscribeAgentListStarted = false;
+			_cc.callConfig.agentList = null;
+			var cmd = {};
+			cmd.action = "pollAgentList";
+			cmd.body = {"cmd": "unSubscribe", "args": {}};
+			ws.send(JSON.stringify(cmd));
+		}
+	};
+
+	/*************************  以下是电话会议相关  ***************************/
+
+	/**
+	 *  启动会议； 仅限使用默认UI场景下使用;
+	 */
+	this.conferenceStartBtnUI = function(customerName){
+		var callType = document.getElementById("conf_call_type").value;
+		var confTemplate = document.getElementById("conf_template").value;
+		var layOut = document.getElementById("conf_layout").value;
+
+		_cc.setStatusBusy();
+
+		// 禁用外呼按钮
+		$("#callBtn").removeClass('on');
+
+		// 禁用置闲按钮
+		$("#setFree").removeClass('on');
+
+		// 禁用签出按钮
+		$("#onLineBtn").removeClass('on');
+
+		document.getElementById("startConference").setAttribute("disabled", "true");
+
+		if(_cc.getCallConnected()) {
+			let tips = "是否把当前通话转换为会议 ?";
+			console.log(tips);
+			if(confirm(tips)) {
+				_cc.transferToConference(layOut, confTemplate, callType, customerName);
+			}else{
+				document.getElementById("startConference").removeAttribute("disabled");
+			}
+		}else {
+			_cc.conferenceStart(layOut, confTemplate, callType);
+		}
+	};
+
+	/**
+	 *  添加会议成员； 仅限使用默认UI场景下使用;
+	 */
+	this.conferenceAddMemberBtnUI = function (reInvite, memberPhoneParam,  memberNameParam) {
+		var memberName = "";
+		var memberPhone = "";
+		var memberCallType = $.trim(document.getElementById("member_call_type").value);
+		var memberVideoLevel = $.trim(document.getElementById("member_video_level").value);
+
+		if(reInvite === 0) {
+			memberName = $("#member_name").val();
+			memberPhone = $("#member_phone").val();
+			if (memberName.length === 0 || $.trim(memberName) === "") {
+				alert('请填写参会者姓名!');
+				return;
+			}
+			if (memberPhone.length === 0 || $.trim(memberPhone) === "") {
+				alert('请填写参会者手机号!');
+				return;
+			}
+
+			memberName = $.trim(memberName);
+			memberPhone = $.trim(memberPhone);
+			// 使用会员成员html模版添加新成员
+			var templateObj = document.getElementById("conf_member_template");
+
+			var existMember = document.getElementById("conf_member_" + memberPhone) != null;
+			if (existMember) {
+				alert('会议成员已经存在，请不要重复添加!');
+				return;
+			}
+
+			var memberHtmlItem = templateObj.innerHTML;
+			memberHtmlItem = memberHtmlItem.replace(new RegExp("{member_name}", "gm"), memberName);
+			memberHtmlItem = memberHtmlItem.replace(new RegExp("{member_phone}", "gm"), memberPhone);
+			memberHtmlItem = memberHtmlItem.replace(new RegExp("{member_status}", "gm"), "即将呼叫");
+
+			var li = document.createElement("li");
+			li.setAttribute("id", "conf_member_" + memberPhone);
+			li.setAttribute("class", "conf_member_item_row");
+			li.innerHTML = memberHtmlItem;
+
+			_cc.insertAfter(li, templateObj);
+
+			$("#member_name").val('');
+			$("#member_phone").val('');
+		}else{
+			memberName = memberNameParam;
+			memberPhone = memberPhoneParam;
+		}
+
+		// 隐藏 mute及 vmute按钮
+		var memberItemId = "#conf_member_" + memberPhone;
+		$(".conf_mute", $(memberItemId)).find("img").hide();
+		$(".conf_vmute", $(memberItemId)).find("img").hide();
+		$(".conf_re_invite", $(memberItemId)).hide();
+		$(".conf_status", $(memberItemId)).html("即将呼叫");
+
+		_cc.conferenceAddMembers( [
+			{"name": memberName, "phone": memberPhone, "callType" : memberCallType,  "videoLevel": memberVideoLevel}
+		]);
+	};
+
+	/**
+	 *  从现有通话添加会议成员；
+	 */
+	this.conferenceAddMemberFromExistCall = function (memberName, memberPhone) {
+		if (memberName.length === 0 || $.trim(memberName) === "") {
+			alert('请填写参会者姓名!');
+			return;
+		}
+		if (memberPhone.length === 0 || $.trim(memberPhone) === "") {
+			alert('请填写参会者手机号!');
+			return;
+		}
+		memberName = $.trim(memberName);
+		memberPhone = $.trim(memberPhone);
+
+		// 使用html模版添加新成员
+		var templateObj = document.getElementById("conf_member_template");
+		var existMember = document.getElementById("conf_member_" + memberPhone) != null;
+		if (existMember) {
+			alert('会议成员已经存在，请不要重复添加!');
+			return;
+		}
+
+		var memberHtmlItem = templateObj.innerHTML;
+		memberHtmlItem = memberHtmlItem.replace(new RegExp("{member_name}", "gm"), memberName);
+		memberHtmlItem = memberHtmlItem.replace(new RegExp("{member_phone}", "gm"), memberPhone);
+		memberHtmlItem = memberHtmlItem.replace(new RegExp("{member_status}", "gm"), "即将呼叫");
+		var li = document.createElement("li");
+		li.setAttribute("id", "conf_member_" + memberPhone);
+		li.setAttribute("class", "conf_member_item_row");
+		li.innerHTML = memberHtmlItem;
+		_cc.insertAfter(li, templateObj);
+
+		// 隐藏 mute及 vmute按钮
+		var memberItemId = "#conf_member_" + memberPhone;
+		$(".conf_mute", $(memberItemId)).find("img").show();
+		$(".conf_vmute", $(memberItemId)).find("img").show();
+		$(".conf_re_invite", $(memberItemId)).hide();
+		$(".conf_status", $(memberItemId)).html("通话中").css("color", "green");
+	};
+
+	/**
+	 *  通话转为会议
+	 * @param layOut
+	 * @param confTemplate
+	 * @param callType
+	 * @param customerName
+	 */
+	this.transferToConference = function (layOut, confTemplate, callType, customerName) {
+		console.log("try to transferToConference: ", layOut, confTemplate, callType, customerName);
+		_cc.callControl(
+			"transferToConference",
+			{
+				"layOut": layOut,
+				'callType': callType,
+				'confTemplate': confTemplate,
+				'customerName' : customerName
+			}
+		);
+	};
+
+
+	/**
+	 *  主持人启动电话会议
+	 * @param layOut 会议布局
+	 * @param confTemplate 会议模版
+	 * @param callType 会议类型
+	 */
+	this.conferenceStart = function(layOut, confTemplate, callType) {
+		console.log("正常发起多方通话");
+		var cmd = {};
+		cmd.action = "conference";
+		cmd.body = {"method": "startconf", "args": {
+				"layOut": layOut,
+				'callType': callType,
+				'confTemplate': confTemplate
+			}};
+		ws.send(JSON.stringify(cmd));
+	};
+
+
+	/**
+	 *  VMute会议成员（不显示视频）;
+	 **/
+	this.conferenceVMuteMember = function(members) {
+		// single phone
+		if(typeof(members) === "string") {
+			this.conferenceControl("vmute",
+				[
+					{"phone": members}
+				]
+			);
+		}else{
+			// multiple phones array, e.g.: [  {"phone": '15005600321'}, {"phone": '15005600323'} ]
+			this.conferenceControl("vmute", members);
+		}
+	};
+
+
+	/**
+	 *  UnVMute会议成员（显示视频）;
+	 **/
+	this.conferenceUnVMuteMember = function(members) {
+		// single phone
+		if(typeof(members) === "string") {
+			this.conferenceControl("unvmute",
+				[
+					{"phone": members}
+				]
+			);
+		}else{
+			// multiple phones array, e.g.: [  {"phone": '15005600321'}, {"phone": '15005600323'} ]
+			this.conferenceControl("unvmute", members);
+		}
+	};
+
+	/**
+	 *  禁言会议成员
+	 **/
+	this.conferenceMuteMember = function(members) {
+		// single phone
+		if(typeof(members) === "string") {
+			this.conferenceControl("mute",
+				[
+					{"phone": members}
+				]
+			);
+		}else{
+			// multiple phones array, e.g.: [  {"phone": '15005600321'}, {"phone": '15005600323'} ]
+			this.conferenceControl("mute", members);
+		}
+	};
+
+	/**
+	 *  解禁会议成员
+	 **/
+	this.conferenceUnMuteMember = function(members) {
+		// single phone
+		if(typeof(members) === "string") {
+			this.conferenceControl("unmute",
+				[
+					{"phone": members}
+				]
+			);
+		}else{
+			// multiple phones array, e.g.: [  {"phone": '15005600321'}, {"phone": '15005600323'} ]
+			this.conferenceControl("unmute", members);
+		}
+	};
+
+	/**
+	 *  增加会议成员
+	 **/
+	this.conferenceAddMembers = function(members) {
+		this.conferenceControl("add", members)
+	};
+
+
+	/**
+	 *  移除会议成员
+	 **/
+	this.conferenceRemoveMembers = function(members) {
+		// single phone
+		if(typeof(members) === "string") {
+			var memberItemObj = $("#conf_member_" + members);
+			if($(".conf_status", memberItemObj).text() === "通话中") {
+				this.conferenceControl("remove",
+					[
+						{"phone": members}
+					]
+				);
+			}
+			memberItemObj.remove();
+		}else{
+			// multiple phones array, e.g.: [  {"phone": '15005600321'}, {"phone": '15005600323'} ]
+			this.conferenceControl("remove", members);
+		}
+	};
+
+	/**
+	 *  结束电话会议
+	 **/
+	this.conferenceEnd = function() {
+		this.conferenceControl("endconf", [])
+	};
+
+
+	/**
+	 *  电话会议控制相关操作
+	 * @param action 操作
+	 * @param phoneList 会议成员
+	 */
+	this.conferenceControl = function (action, phoneList) {
+		var cmd = {};
+		cmd.action = "conference";
+		cmd.body = { "method": action, "memberList": phoneList };
+		ws.send(JSON.stringify(cmd));
+	};
+
+    /*************************  以下是通话监听相关  ***************************/
+
+    /**
+     *   拉取监听的通话列表
+     */
+    this.callMonitorDataPull = function (){
+        var cmd = {};
+        cmd.action = "monitorData";
+        cmd.body = {};
+        ws.send(JSON.stringify(cmd));
+    };
+
+	/**
+	 *   拉取排队中的电话列表
+	 */
+	this.inboundCallQueuePull = function (){
+		var cmd = {};
+		cmd.action = "inboundMonitorData";
+		cmd.body = {};
+		ws.send(JSON.stringify(cmd));
+	};
+
+    // 构造通话监听参数
+    this.monitorControl = function(action, argsObject){
+        var sessionControl = {};
+        sessionControl.action="callMonitor";
+        sessionControl.body = {"cmd" : action, "args" : argsObject };
+        ws.send(JSON.stringify(sessionControl));
+    };
+
+    /**
+     * 通话监听
+     * @param { 通话id } callId
+     * @returns
+     */
+    this.callMonitorStart = function(callId){
+        if(callId == null || callId.length === 0) {
+            console.log('请提供待监听电话的 callId ！');
+            return;
+        }
+
+        if(!_cc.getIsConnected()){
+            console.log('请先上线.');
+            return;
+        }
+
+        this.monitorControl(
+            "startMonitoring",
+            {
+                'callSpyId': callId
+            }
+        );
+    };
+
+
+    /**
+     * 结束监听
+     */
+    this.callMonitorEnd = function(){
+        if(!_cc.getIsConnected()){
+            console.log('请先上线.');
+            return;
+        }
+
+        this.monitorControl(
+            "endMonitoring",{}
+        );
+    };
+
+}
+
+export default ccPhoneBarSocket;
+

src/assets/callCenterPhoneBarSdk/constants.js

@@ -0,0 +1,350 @@
+/**
+ * 呼叫中心电话工具条常量定义
+ * author: easycallcenter365@126.com
+ * 2025-04-08
+ */
+
+/**
+ * 座席状态枚举
+ */
+export const AgentStatusEnum = {
+  /** 刚刚上线，尚未就绪中 */
+  JUST_LOGIN: 1,
+  /** 空闲 */
+  FREE: 2,
+  /** 忙碌 */
+  BUSY: 3,
+  /** 小休 */
+  BUSY_REST: 31,
+  /** 线下会议 */
+  BUSY_MEETING: 32,
+  /** 培训 */
+  BUSY_TRAINING: 33,
+  /** 通话中 */
+  INCALL: 4,
+  /** 话后处理，填写表单中 */
+  FILL_FORM: 5,
+  /** 电话会议中 */
+  CONFERENCE: 6
+};
+
+/**
+ * 视频级别配置
+ */
+export const VideoLevels = {
+  SMOOTH: { levelId: '42e00b', description: '流畅' },
+  SMOOTH2: { levelId: '42e00c', description: '流畅+' },
+  SMOOTH3: { levelId: '42e00d', description: '流畅++' },
+  CLEAR: { levelId: '42e014', description: '清晰' },
+  CLEAR2: { levelId: '42e015', description: '清晰+' },
+  CLEAR3: { levelId: '42e016', description: '清晰++' },
+  HD: { levelId: '42e01e', description: '高清' },
+  HD2: { levelId: '42e01f', description: '高清+' }
+};
+
+/**
+ * 系统事件列表 - 基础事件
+ */
+export const EventList = {
+  /** 当音频通话已建立 */
+  ON_AUDIO_CALL_CONNECTED: '100',
+  /** 当视频通话已建立 */
+  ON_VIDEO_CALL_CONNECTED: '101',
+  /** websocketServer 连接成功 */
+  WS_CONNECTED: '200',
+  /** 当前用户已在其他设备登录 */
+  USER_LOGIN_ON_OTHER_DEVICE: '201',
+  /** 用户下线 */
+  WS_DISCONNECTED: '202',
+  /** 通话状态发生改变 [监听的数据] */
+  CALL_SESSION_STATUS_DATA_CHANGED: '203',
+  /** 坐席状态列表发生改变 */
+  AGENT_STATUS_DATA_CHANGED: '205',
+  /** 请求参数错误 */
+  REQUEST_ARGS_ERROR: '400',
+  /** unauthorized */
+  UNAUTHORIZED: '401',
+  /** 服务器内部错误 */
+  SERVER_ERROR: '500',
+  /** 语音编码不匹配 */
+  SERVER_ERROR_AUDIO_CODEC_NOT_MATCH: '501',
+  /** 主叫接通 */
+  CALLER_ANSWERED: '600',
+  /** 主叫挂断 */
+  CALLER_HANGUP: '601',
+  /** 主叫忙; 上一通电话未挂机 */
+  CALLER_BUSY: '602',
+  /** 主叫未登录 */
+  CALLER_NOT_LOGIN: '603',
+  /** 主叫应答超时 */
+  CALLER_RESPOND_TIMEOUT: '604',
+  /** 被叫接通 */
+  CALLEE_ANSWERED: '605',
+  /** 被叫挂断 */
+  CALLEE_HANGUP: '606',
+  /** 被叫振铃 */
+  CALLEE_RINGING: '607',
+  /** 座席状态改变 */
+  STATUS_CHANGED: '608',
+  /** 一个完整的外呼任务结束：[可能尝试了一个或多个网关] */
+  OUTBOUND_FINISHED: '611',
+  /** 预测外呼，分配的来电 */
+  PREDICTIVE_CALL_INBOUND: '612',
+  /** ACD 队列分配的新来电 */
+  NEW_INBOUND_CALL: '613',
+  /** 当前业务组实时排队人数 */
+  ACD_GROUP_QUEUE_NUMBER: '615',
+  /** 收到转接的来电请求 */
+  TRANSFER_CALL_RECV: 616,
+  /** 锁定坐席失败 */
+  LOCK_AGENT_FAIL: 617,
+  /** 通话已经转接成功 */
+  TRANSFER_CALL_SUCCESS: 618,
+  /** 产生 asr 语音识别结果 */
+  ASR_RESULT_GENERATE: 619,
+  /** ASR 语音识别流程结束（坐席侧） */
+  ASR_PROCESS_END_AGENT: 620,
+  /** ASR 语音识别流程结束（客户侧） */
+  ASR_PROCESS_END_CUSTOMER: 621,
+  /** ASR 语音识别流程开始 */
+  ASR_PROCESS_STARTED: 622,
+  /** customer call session hold */
+  CUSTOMER_CHANNEL_HOLD: 623,
+  /** customer call session unHold */
+  CUSTOMER_CHANNEL_UNHOLD: 624,
+  /** customer call session on hold is hangup */
+  CUSTOMER_ON_HOLD_HANGUP: 625,
+  /** inner consultation request */
+  INNER_CONSULTATION_REQUEST: 626,
+  /** customer call session on call-wait */
+  CUSTOMER_CHANNEL_CALL_WAIT: 627,
+  /** customer call session off call-wait */
+  CUSTOMER_CHANNEL_OFF_CALL_WAIT: 628,
+  /** customer call session on call-wait is hangup */
+  CUSTOMER_ON_CALL_WAIT_HANGUP: 629,
+  /** extension on line event */
+  EXTENSION_ON_LINE: 630,
+  /** extension off line event */
+  EXTENSION_OFF_LINE: 631,
+  /** Notify the agent that the call consultation has started */
+  INNER_CONSULTATION_START: 632,
+  /** Notify the agent that the call consultation has stopped */
+  INNER_CONSULTATION_STOP: 633,
+  /** 多人电话会议，重复的被叫 */
+  CONFERENCE_REPEAT_CALEE: 660,
+  /** 多人电话会议，呼叫成员超时 */
+  CONFERENCE_CALL_MODERATOR_TIMEOUT: 661,
+  /** 多人电话会议，成员接通 */
+  CONFERENCE_MEMBER_ANSWERED: 662,
+  /** 多人电话会议，成员挂机 */
+  CONFERENCE_MEMBER_HANGUP: 663,
+  /** 多人电话会议，成员禁言成功 */
+  CONFERENCE_MEMBER_MUTED_SUCCESS: 666,
+  /** 多人电话会议，成员禁言失败 */
+  CONFERENCE_MEMBER_MUTED_FAILED: 665,
+  /** 多人电话会议，成员解除禁言成功 */
+  CONFERENCE_MEMBER_UNMUTED_SUCCESS: 667,
+  /** 多人电话会议，成员解除禁言失败 */
+  CONFERENCE_MEMBER_UNMUTED_FAILED: 668,
+  /** 多人电话会议，会议成员不存在，无法执行相关操作 */
+  CONFERENCE_MEMBER_NOT_EXISTS: '669',
+  /** 多人电话会议，主持人重置会议 */
+  CONFERENCE_MODERATOR_RESET: '670',
+  /** 多人电话会议，主持人接通 */
+  CONFERENCE_MODERATOR_ANSWERED: '671',
+  /** 多人电话会议，主持人挂机，会议结束 */
+  CONFERENCE_MODERATOR_HANGUP: '672',
+  /** 成员视频禁用成功 */
+  CONFERENCE_MEMBER_VMUTED_SUCCESS: '674',
+  /** 成员解除视频禁用成功 */
+  CONFERENCE_MEMBER_UNVMUTED_SUCCESS: '676',
+  /** 成员解除视频禁用失败 */
+  CONFERENCE_MEMBER_UNVMUTED_FAILED: '677',
+  /** 成功把通话转接到多人视频会议 */
+  CONFERENCE_TRANSFER_SUCCESS_FROM_EXISTED_CALL: '678',
+  /** outbound start event */
+  OUTBOUND_START: '679'
+};
+
+/**
+ * 系统事件列表 - 带文本信息的事件
+ */
+export const EventListWithTextInfo = {
+  WS_CONNECTED: {
+    code: 200,
+    msg: '已签入',
+    btn_text: [{ id: '#onLineBtn', name: '签出' }],
+    enabled_btn: ['#setFree', '#callBtn', '#onLineBtn', '#consultationBtn']
+  },
+  WS_DISCONNECTED: {
+    code: 202,
+    msg: '服务器连接断开',
+    btn_text: [{ id: '#onLineBtn', name: '签入' }],
+    enabled_btn: ['#onLineBtn']
+  },
+  USER_LOGIN_ON_OTHER_DEVICE: {
+    code: 201,
+    msg: '用户已在其他设备登录',
+    btn_text: [{ id: '#onLineBtn', name: '签入' }],
+    enabled_btn: ['#onLineBtn']
+  },
+  REQUEST_ARGS_ERROR: {
+    code: 400,
+    msg: '客户端请求参数错误',
+    btn_text: [],
+    enabled_btn: []
+  },
+  SERVER_ERROR: {
+    code: 500,
+    msg: '服务器内部错误',
+    btn_text: [],
+    enabled_btn: []
+  },
+  CALLER_ANSWERED: {
+    code: 600,
+    msg: '分机已接通',
+    btn_text: [],
+    enabled_btn: ['#resetStatus', '#hangUpBtn', '#transferBtn', '#holdBtn', '#consultationBtn']
+  },
+  CALLER_HANGUP: {
+    code: 601,
+    msg: '分机已挂断',
+    btn_text: [],
+    enabled_btn: ['#onLineBtn', '#resetStatus', '#callBtn', '#setFree', '#consultationBtn']
+  },
+  CALLER_BUSY: {
+    code: 602,
+    msg: '分机忙，上一通电话未挂断',
+    btn_text: [],
+    enabled_btn: ['#onLineBtn', '#resetStatus', '#callBtn', '#setFree', '#consultationBtn']
+  },
+  CALLER_NOT_LOGIN: {
+    code: 603,
+    msg: '分机未登录，请检查',
+    btn_text: [],
+    enabled_btn: ['#onLineBtn', '#resetStatus', '#callBtn', '#setFree', '#consultationBtn']
+  },
+  CALLER_RESPOND_TIMEOUT: {
+    code: 604,
+    msg: '分机未应答超时，请重新打开分机',
+    btn_text: [],
+    enabled_btn: ['#onLineBtn', '#resetStatus', '#callBtn', '#setFree', '#consultationBtn']
+  },
+  CALLEE_ANSWERED: {
+    code: 605,
+    msg: '被叫已接通',
+    btn_text: [],
+    enabled_btn: ['#resetStatus', '#hangUpBtn', '#transferBtn', '#holdBtn', '#consultationBtn']
+  },
+  CALLEE_HANGUP: {
+    code: 606,
+    msg: '通话结束',
+    btn_text: [],
+    enabled_btn: ['#onLineBtn', '#resetStatus', '#callBtn', '#setFree', '#consultationBtn']
+  },
+  CALLEE_RINGING: {
+    code: 607,
+    msg: '被叫振铃中',
+    btn_text: [],
+    enabled_btn: ['#resetStatus', '#hangUpBtn', '#transferBtn', '#consultationBtn']
+  },
+  STATUS_CHANGED: {
+    code: 608,
+    msg: '状态已改变',
+    btn_text: [],
+    enabled_btn: []
+  },
+  FREE: {
+    code: 0,
+    msg: '空闲',
+    btn_text: [],
+    enabled_btn: ['#setBusy', '#onLineBtn', '#consultationBtn']
+  },
+  BUSY: {
+    code: 1,
+    msg: '忙碌',
+    btn_text: [],
+    enabled_btn: ['#setFree', '#onLineBtn', '#callBtn', '#consultationBtn']
+  },
+  CUSTOMER_CHANNEL_HOLD: {
+    code: 623,
+    msg: '通话已保持.',
+    btn_text: [],
+    enabled_btn: ['#setFree', '#callBtn', '#unHoldBtn', '#consultationBtn']
+  },
+  CUSTOMER_CHANNEL_UNHOLD: {
+    code: 624,
+    msg: '通话已接回.',
+    btn_text: [],
+    enabled_btn: ['#hangUpBtn', '#holdBtn']
+  }
+};
+
+/**
+ * 电话工具条按钮列表
+ */
+export const PhoneButtons = [
+  '#setFree', '#setBusy', '#callBtn', '#hangUpBtn', '#resetStatus',
+  '#onLineBtn', '#transferBtn', '#holdBtn', '#unHoldBtn', '#consultationBtn'
+];
+
+/**
+ * 置忙子状态选项
+ */
+export const BusySubStatusOptions = [
+  { value: '3', label: '置忙' },
+  { value: '31', label: '小休' },
+  { value: '32', label: '会议' },
+  { value: '33', label: '培训' }
+];
+
+/**
+ * 视频文件列表
+ */
+export const VideoFileList = [
+  { value: '', label: '请选择视频' },
+  { value: '/usr/local/freeswitchvideo/share/freeswitch/sounds/bank.mp4', label: '客服实例视频' },
+  { value: '/usr/local/freeswitchvideo/share/freeswitch/sounds/conference.mp4', label: '多方会议视频' },
+  { value: '/usr/local/freeswitchvideo/share/freeswitch/sounds/15-seconds.mp4', label: '15-seconds-demo' }
+];
+
+/**
+ * 会议布局选项
+ */
+export const ConferenceLayouts = [
+  { value: '2x2', label: '2x2' },
+  { value: '3x3', label: '3x3' },
+  { value: '1up_top_left+3', label: '一主三从' }
+];
+
+/**
+ * 会议模板选项
+ */
+export const ConferenceTemplates = [
+  { value: '480p', label: '480x640' },
+  { value: '720p', label: '720x1080' },
+  { value: 'default', label: 'default' }
+];
+
+/**
+ * 会议类型选项
+ */
+export const ConferenceCallTypes = [
+  { value: 'audio', label: '音频' }
+];
+
+/**
+ * 默认配置
+ */
+export const DefaultConfig = {
+  //scriptServer: '129.28.164.235',
+  scriptServer: '127.0.0.1',
+  scriptServerPort: '8899',
+  extNum: '1001',//分机号
+  opNum: 'admin',//用户登录账号
+  userName: 'admin',//用户姓名
+  groupId: '1',// 业务组 id
+  extPassword: '0406f9d44bb8fe195a1ee2557bbeebf7',
+  skillLevel: 9,//技能等级
+  ipccServerUrl: '129.28.164.235:1081',
+};

src/assets/callCenterPhoneBarSdk/jquery-1.11.0.js

@@ -0,0 +1,9800 @@
+/*!
+* jQuery JavaScript Library v1.11.0
+* http://jquery.com/
+*
+* Includes Sizzle.js
+* http://sizzlejs.com/
+*
+* Copyright 2005, 2014m jQuery Foundation, Inc. and other contributors
+* Released under the MIT license
+* http://jquery.org/license
+*
+* Date: 2014-06-10T10:12Z
+*/
+(function( window, undefined ) {
+
+// Can't do this because several apps including ASP.NET trace
+// the stack via arguments.caller.callee and Firefox dies if
+// you try to trace through "use strict" call chains. (#13335)
+// Support: Firefox 18+
+//"use strict";
+var
+	// The deferred used on DOM ready
+	readyList,
+
+	// A central reference to the root jQuery(document)
+	rootjQuery,
+
+	// Support: IE<10
+	// For `typeof xmlNode.method` instead of `xmlNode.method !== undefined`
+	core_strundefined = typeof undefined,
+
+	// Use the correct document accordingly with window argument (sandbox)
+	location = window.location,
+	document = window.document,
+	docElem = document.documentElement,
+
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$,
+
+	// [[Class]] -> type pairs
+	class2type = {},
+
+	// List of deleted data cache ids, so we can reuse them
+	core_deletedIds = [],
+
+	core_version = "1.10.0",
+
+	// Save a reference to some core methods
+	core_concat = core_deletedIds.concat,
+	core_push = core_deletedIds.push,
+	core_slice = core_deletedIds.slice,
+	core_indexOf = core_deletedIds.indexOf,
+	core_toString = class2type.toString,
+	core_hasOwn = class2type.hasOwnProperty,
+	core_trim = core_version.trim,
+
+	// Define a local copy of jQuery
+	jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		return new jQuery.fn.init( selector, context, rootjQuery );
+	},
+
+	// Used for matching numbers
+	core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
+
+	// Used for splitting on whitespace
+	core_rnotwhite = /\S+/g,
+
+	// Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE)
+	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+	// A simple way to check for HTML strings
+	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
+	// Strict HTML recognition (#11290: must start with <)
+	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+
+	// Match a standalone tag
+	rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
+
+	// JSON RegExp
+	rvalidchars = /^[\],:{}\s]*$/,
+	rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+	rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,
+	rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,
+
+	// Matches dashed string for camelizing
+	rmsPrefix = /^-ms-/,
+	rdashAlpha = /-([\da-z])/gi,
+
+	// Used by jQuery.camelCase as callback to replace()
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	},
+
+	// The ready event handler
+	completed = function( event ) {
+
+		// readyState === "complete" is good enough for us to call the dom ready in oldIE
+		if ( document.addEventListener || event.type === "load" || document.readyState === "complete" ) {
+			detach();
+			jQuery.ready();
+		}
+	},
+	// Clean-up method for dom ready events
+	detach = function() {
+		if ( document.addEventListener ) {
+			document.removeEventListener( "DOMContentLoaded", completed, false );
+			window.removeEventListener( "load", completed, false );
+
+		} else {
+			document.detachEvent( "onreadystatechange", completed );
+			window.detachEvent( "onload", completed );
+		}
+	};
+
+jQuery.fn = jQuery.prototype = {
+	// The current version of jQuery being used
+	jquery: core_version,
+
+	constructor: jQuery,
+	init: function( selector, context, rootjQuery ) {
+		var match, elem;
+
+		// HANDLE: $(""), $(null), $(undefined), $(false)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
+				// Assume that strings that start and end with <> are HTML and skip the regex check
+				match = [ null, selector, null ];
+
+			} else {
+				match = rquickExpr.exec( selector );
+			}
+
+			// Match html or make sure no context is specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+
+					// scripts is true for back-compat
+					jQuery.merge( this, jQuery.parseHTML(
+						match[1],
+						context && context.nodeType ? context.ownerDocument || context : document,
+						true
+					) );
+
+					// HANDLE: $(html, props)
+					if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
+						for ( match in context ) {
+							// Properties of context are called as methods if possible
+							if ( jQuery.isFunction( this[ match ] ) ) {
+								this[ match ]( context[ match ] );
+
+							// ...and otherwise set as attributes
+							} else {
+								this.attr( match, context[ match ] );
+							}
+						}
+					}
+
+					return this;
+
+				// HANDLE: $(#id)
+				} else {
+					elem = document.getElementById( match[2] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE and Opera return items
+						// by name instead of ID
+						if ( elem.id !== match[2] ) {
+							return rootjQuery.find( selector );
+						}
+
+						// Otherwise, we inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return ( context || rootjQuery ).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(DOMElement)
+		} else if ( selector.nodeType ) {
+			this.context = this[0] = selector;
+			this.length = 1;
+			return this;
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return rootjQuery.ready( selector );
+		}
+
+		if ( selector.selector !== undefined ) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	},
+
+	// Start with an empty selector
+	selector: "",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	toArray: function() {
+		return core_slice.call( this );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num == null ?
+
+			// Return a 'clean' array
+			this.toArray() :
+
+			// Return just the object
+			( num < 0 ? this[ this.length + num ] : this[ num ] );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems ) {
+
+		// Build a new jQuery matched element set
+		var ret = jQuery.merge( this.constructor(), elems );
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+		ret.context = this.context;
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+	each: function( callback, args ) {
+		return jQuery.each( this, callback, args );
+	},
+
+	ready: function( fn ) {
+		// Add the callback
+		jQuery.ready.promise().done( fn );
+
+		return this;
+	},
+
+	slice: function() {
+		return this.pushStack( core_slice.apply( this, arguments ) );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	eq: function( i ) {
+		var len = this.length,
+			j = +i + ( i < 0 ? len : 0 );
+		return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: core_push,
+	sort: [].sort,
+	splice: [].splice
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var src, copyIsArray, copy, name, options, clone,
+		target = arguments[0] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+		target = arguments[1] || {};
+		// skip the boolean and the target
+		i = 2;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( length === i ) {
+		target = this;
+		--i;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	// Unique for each copy of jQuery on the page
+	// Non-digits removed to match rinlinejQuery
+	expando: "jQuery" + ( core_version + Math.random() ).replace( /\D/g, "" ),
+
+	noConflict: function( deep ) {
+		if ( window.$ === jQuery ) {
+			window.$ = _$;
+		}
+
+		if ( deep && window.jQuery === jQuery ) {
+			window.jQuery = _jQuery;
+		}
+
+		return jQuery;
+	},
+
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Hold (or release) the ready event
+	holdReady: function( hold ) {
+		if ( hold ) {
+			jQuery.readyWait++;
+		} else {
+			jQuery.ready( true );
+		}
+	},
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+
+		// Abort if there are pending holds or we're already ready
+		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+			return;
+		}
+
+		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+		if ( !document.body ) {
+			return setTimeout( jQuery.ready );
+		}
+
+		// Remember that the DOM is ready
+		jQuery.isReady = true;
+
+		// If a normal DOM Ready event fired, decrement, and wait if need be
+		if ( wait !== true && --jQuery.readyWait > 0 ) {
+			return;
+		}
+
+		// If there are functions bound, to execute
+		readyList.resolveWith( document, [ jQuery ] );
+
+		// Trigger any bound ready events
+		if ( jQuery.fn.trigger ) {
+			jQuery( document ).trigger("ready").off("ready");
+		}
+	},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray || function( obj ) {
+		return jQuery.type(obj) === "array";
+	},
+
+	isWindow: function( obj ) {
+		/* jshint eqeqeq: false */
+		return obj != null && obj == obj.window;
+	},
+
+	isNumeric: function( obj ) {
+		return !isNaN( parseFloat(obj) ) && isFinite( obj );
+	},
+
+	type: function( obj ) {
+		if ( obj == null ) {
+			return String( obj );
+		}
+		return typeof obj === "object" || typeof obj === "function" ?
+			class2type[ core_toString.call(obj) ] || "object" :
+			typeof obj;
+	},
+
+	isPlainObject: function( obj ) {
+		var key;
+
+		// Must be an Object.
+		// Because of IE, we also have to check the presence of the constructor property.
+		// Make sure that DOM nodes and window objects don't pass through, as well
+		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		try {
+			// Not own constructor property must be Object
+			if ( obj.constructor &&
+				!core_hasOwn.call(obj, "constructor") &&
+				!core_hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
+				return false;
+			}
+		} catch ( e ) {
+			// IE8,9 Will throw exceptions on certain host objects #9897
+			return false;
+		}
+
+		// Support: IE<9
+		// Handle iteration over inherited properties before own properties.
+		if ( jQuery.support.ownLast ) {
+			for ( key in obj ) {
+				return core_hasOwn.call( obj, key );
+			}
+		}
+
+		// Own properties are enumerated firstly, so to speed up,
+		// if last one is own, then all properties are own.
+		for ( key in obj ) {}
+
+		return key === undefined || core_hasOwn.call( obj, key );
+	},
+
+	isEmptyObject: function( obj ) {
+		var name;
+		for ( name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	error: function( msg ) {
+		throw new Error( msg );
+	},
+
+	// data: string of html
+	// context (optional): If specified, the fragment will be created in this context, defaults to document
+	// keepScripts (optional): If true, will include scripts passed in the html string
+	parseHTML: function( data, context, keepScripts ) {
+		if ( !data || typeof data !== "string" ) {
+			return null;
+		}
+		if ( typeof context === "boolean" ) {
+			keepScripts = context;
+			context = false;
+		}
+		context = context || document;
+
+		var parsed = rsingleTag.exec( data ),
+			scripts = !keepScripts && [];
+
+		// Single tag
+		if ( parsed ) {
+			return [ context.createElement( parsed[1] ) ];
+		}
+
+		parsed = jQuery.buildFragment( [ data ], context, scripts );
+		if ( scripts ) {
+			jQuery( scripts ).remove();
+		}
+		return jQuery.merge( [], parsed.childNodes );
+	},
+
+	parseJSON: function( data ) {
+		// Attempt to parse using the native JSON parser first
+		if ( window.JSON && window.JSON.parse ) {
+			return window.JSON.parse( data );
+		}
+
+		if ( data === null ) {
+			return data;
+		}
+
+		if ( typeof data === "string" ) {
+
+			// Make sure leading/trailing whitespace is removed (IE can't handle it)
+			data = jQuery.trim( data );
+
+			if ( data ) {
+				// Make sure the incoming data is actual JSON
+				// Logic borrowed from http://json.org/json2.js
+				if ( rvalidchars.test( data.replace( rvalidescape, "@" )
+					.replace( rvalidtokens, "]" )
+					.replace( rvalidbraces, "")) ) {
+
+					return ( new Function( "return " + data ) )();
+				}
+			}
+		}
+
+		jQuery.error( "Invalid JSON: " + data );
+	},
+
+	// Cross-browser xml parsing
+	parseXML: function( data ) {
+		var xml, tmp;
+		if ( !data || typeof data !== "string" ) {
+			return null;
+		}
+		try {
+			if ( window.DOMParser ) { // Standard
+				tmp = new DOMParser();
+				xml = tmp.parseFromString( data , "text/xml" );
+			} else { // IE
+				xml = new ActiveXObject( "Microsoft.XMLDOM" );
+				xml.async = "false";
+				xml.loadXML( data );
+			}
+		} catch( e ) {
+			xml = undefined;
+		}
+		if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
+			jQuery.error( "Invalid XML: " + data );
+		}
+		return xml;
+	},
+
+	noop: function() {},
+
+	// Evaluates a script in a global context
+	// Workarounds based on findings by Jim Driscoll
+	// http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
+	globalEval: function( data ) {
+		if ( data && jQuery.trim( data ) ) {
+			// We use execScript on Internet Explorer
+			// We use an anonymous function so that context is window
+			// rather than jQuery in Firefox
+			( window.execScript || function( data ) {
+				window[ "eval" ].call( window, data );
+			} )( data );
+		}
+	},
+
+	// Convert dashed to camelCase; used by the css and data modules
+	// Microsoft forgot to hump their vendor prefix (#9572)
+	camelCase: function( string ) {
+		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+	},
+
+	// args is for internal usage only
+	each: function( obj, callback, args ) {
+		var value,
+			i = 0,
+			length = obj.length,
+			isArray = isArraylike( obj );
+
+		if ( args ) {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+		} else {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+		}
+
+		return obj;
+	},
+
+	// Use native String.trim function wherever possible
+	trim: core_trim && !core_trim.call("\uFEFF\xA0") ?
+		function( text ) {
+			return text == null ?
+				"" :
+				core_trim.call( text );
+		} :
+
+		// Otherwise use our own trimming functionality
+		function( text ) {
+			return text == null ?
+				"" :
+				( text + "" ).replace( rtrim, "" );
+		},
+
+	// results is for internal usage only
+	makeArray: function( arr, results ) {
+		var ret = results || [];
+
+		if ( arr != null ) {
+			if ( isArraylike( Object(arr) ) ) {
+				jQuery.merge( ret,
+					typeof arr === "string" ?
+					[ arr ] : arr
+				);
+			} else {
+				core_push.call( ret, arr );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, arr, i ) {
+		var len;
+
+		if ( arr ) {
+			if ( core_indexOf ) {
+				return core_indexOf.call( arr, elem, i );
+			}
+
+			len = arr.length;
+			i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
+
+			for ( ; i < len; i++ ) {
+				// Skip accessing in sparse arrays
+				if ( i in arr && arr[ i ] === elem ) {
+					return i;
+				}
+			}
+		}
+
+		return -1;
+	},
+
+	merge: function( first, second ) {
+		var l = second.length,
+			i = first.length,
+			j = 0;
+
+		if ( typeof l === "number" ) {
+			for ( ; j < l; j++ ) {
+				first[ i++ ] = second[ j ];
+			}
+		} else {
+			while ( second[j] !== undefined ) {
+				first[ i++ ] = second[ j++ ];
+			}
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, inv ) {
+		var retVal,
+			ret = [],
+			i = 0,
+			length = elems.length;
+		inv = !!inv;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( ; i < length; i++ ) {
+			retVal = !!callback( elems[ i ], i );
+			if ( inv !== retVal ) {
+				ret.push( elems[ i ] );
+			}
+		}
+
+		return ret;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var value,
+			i = 0,
+			length = elems.length,
+			isArray = isArraylike( elems ),
+			ret = [];
+
+		// Go through the array, translating each of the items to their
+		if ( isArray ) {
+			for ( ; i < length; i++ ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret[ ret.length ] = value;
+				}
+			}
+
+		// Go through every key on the object,
+		} else {
+			for ( i in elems ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret[ ret.length ] = value;
+				}
+			}
+		}
+
+		// Flatten any nested arrays
+		return core_concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	// Bind a function to a context, optionally partially applying any
+	// arguments.
+	proxy: function( fn, context ) {
+		var args, proxy, tmp;
+
+		if ( typeof context === "string" ) {
+			tmp = fn[ context ];
+			context = fn;
+			fn = tmp;
+		}
+
+		// Quick check to determine if target is callable, in the spec
+		// this throws a TypeError, but we will just return undefined.
+		if ( !jQuery.isFunction( fn ) ) {
+			return undefined;
+		}
+
+		// Simulated bind
+		args = core_slice.call( arguments, 2 );
+		proxy = function() {
+			return fn.apply( context || this, args.concat( core_slice.call( arguments ) ) );
+		};
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+		return proxy;
+	},
+
+	// Multifunctional method to get and set values of a collection
+	// The value/s can optionally be executed if it's a function
+	access: function( elems, fn, key, value, chainable, emptyGet, raw ) {
+		var i = 0,
+			length = elems.length,
+			bulk = key == null;
+
+		// Sets many values
+		if ( jQuery.type( key ) === "object" ) {
+			chainable = true;
+			for ( i in key ) {
+				jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
+			}
+
+		// Sets one value
+		} else if ( value !== undefined ) {
+			chainable = true;
+
+			if ( !jQuery.isFunction( value ) ) {
+				raw = true;
+			}
+
+			if ( bulk ) {
+				// Bulk operations run against the entire set
+				if ( raw ) {
+					fn.call( elems, value );
+					fn = null;
+
+				// ...except when executing function values
+				} else {
+					bulk = fn;
+					fn = function( elem, key, value ) {
+						return bulk.call( jQuery( elem ), value );
+					};
+				}
+			}
+
+			if ( fn ) {
+				for ( ; i < length; i++ ) {
+					fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
+				}
+			}
+		}
+
+		return chainable ?
+			elems :
+
+			// Gets
+			bulk ?
+				fn.call( elems ) :
+				length ? fn( elems[0], key ) : emptyGet;
+	},
+
+	now: function() {
+		return ( new Date() ).getTime();
+	},
+
+	// A method for quickly swapping in/out CSS properties to get correct calculations.
+	// Note: this method belongs to the css module but it's needed here for the support module.
+	// If support gets modularized, this method should be moved back to the css module.
+	swap: function( elem, options, callback, args ) {
+		var ret, name,
+			old = {};
+
+		// Remember the old values, and insert the new ones
+		for ( name in options ) {
+			old[ name ] = elem.style[ name ];
+			elem.style[ name ] = options[ name ];
+		}
+
+		ret = callback.apply( elem, args || [] );
+
+		// Revert the old values
+		for ( name in options ) {
+			elem.style[ name ] = old[ name ];
+		}
+
+		return ret;
+	}
+});
+
+jQuery.ready.promise = function( obj ) {
+	if ( !readyList ) {
+
+		readyList = jQuery.Deferred();
+
+		// Catch cases where $(document).ready() is called after the browser event has already occurred.
+		// we once tried to use readyState "interactive" here, but it caused issues like the one
+		// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			setTimeout( jQuery.ready );
+
+		// Standards-based browsers support DOMContentLoaded
+		} else if ( document.addEventListener ) {
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", completed, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", completed, false );
+
+		// If IE event model is used
+		} else {
+			// Ensure firing before onload, maybe late but safe also for iframes
+			document.attachEvent( "onreadystatechange", completed );
+
+			// A fallback to window.onload, that will always work
+			window.attachEvent( "onload", completed );
+
+			// If IE and not a frame
+			// continually check to see if the document is ready
+			var top = false;
+
+			try {
+				top = window.frameElement == null && document.documentElement;
+			} catch(e) {}
+
+			if ( top && top.doScroll ) {
+				(function doScrollCheck() {
+					if ( !jQuery.isReady ) {
+
+						try {
+							// Use the trick by Diego Perini
+							// http://javascript.nwbox.com/IEContentLoaded/
+							top.doScroll("left");
+						} catch(e) {
+							return setTimeout( doScrollCheck, 50 );
+						}
+
+						// detach all dom ready events
+						detach();
+
+						// and execute any waiting functions
+						jQuery.ready();
+					}
+				})();
+			}
+		}
+	}
+	return readyList.promise( obj );
+};
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+function isArraylike( obj ) {
+	var length = obj.length,
+		type = jQuery.type( obj );
+
+	if ( jQuery.isWindow( obj ) ) {
+		return false;
+	}
+
+	if ( obj.nodeType === 1 && length ) {
+		return true;
+	}
+
+	return type === "array" || type !== "function" &&
+		( length === 0 ||
+		typeof length === "number" && length > 0 && ( length - 1 ) in obj );
+}
+
+// All jQuery objects should point back to these
+rootjQuery = jQuery(document);
+/*!
+ * Sizzle CSS Selector Engine v1.9.4-pre
+ * http://sizzlejs.com/
+ *
+ * Copyright 2013 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2013-05-15
+ */
+(function( window, undefined ) {
+
+var i,
+	support,
+	cachedruns,
+	Expr,
+	getText,
+	isXML,
+	compile,
+	outermostContext,
+	sortInput,
+
+	// Local document vars
+	setDocument,
+	document,
+	docElem,
+	documentIsHTML,
+	rbuggyQSA,
+	rbuggyMatches,
+	matches,
+	contains,
+
+	// Instance-specific data
+	expando = "sizzle" + -(new Date()),
+	preferredDoc = window.document,
+	dirruns = 0,
+	done = 0,
+	classCache = createCache(),
+	tokenCache = createCache(),
+	compilerCache = createCache(),
+	hasDuplicate = false,
+	sortOrder = function() { return 0; },
+
+	// General-purpose constants
+	strundefined = typeof undefined,
+	MAX_NEGATIVE = 1 << 31,
+
+	// Instance methods
+	hasOwn = ({}).hasOwnProperty,
+	arr = [],
+	pop = arr.pop,
+	push_native = arr.push,
+	push = arr.push,
+	slice = arr.slice,
+	// Use a stripped-down indexOf if we can't use a native one
+	indexOf = arr.indexOf || function( elem ) {
+		var i = 0,
+			len = this.length;
+		for ( ; i < len; i++ ) {
+			if ( this[i] === elem ) {
+				return i;
+			}
+		}
+		return -1;
+	},
+
+	booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+
+	// Regular expressions
+
+	// Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
+	whitespace = "[\\x20\\t\\r\\n\\f]",
+	// http://www.w3.org/TR/css3-syntax/#characters
+	characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+
+	// Loosely modeled on CSS identifier characters
+	// An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors
+	// Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+	identifier = characterEncoding.replace( "w", "w#" ),
+
+	// Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors
+	attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace +
+		"*(?:([*^$|!~]?=)" + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]",
+
+	// Prefer arguments quoted,
+	//   then not containing pseudos/brackets,
+	//   then attribute selectors/non-parenthetical expressions,
+	//   then anything else
+	// These preferences are here to reduce the number of selectors
+	//   needing tokenize in the PSEUDO preFilter
+	pseudos = ":(" + characterEncoding + ")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|" + attributes.replace( 3, 8 ) + ")*)|.*)\\)|)",
+
+	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+	rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
+
+	rsibling = new RegExp( whitespace + "*[+~]" ),
+	rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*)" + whitespace + "*\\]", "g" ),
+
+	rpseudo = new RegExp( pseudos ),
+	ridentifier = new RegExp( "^" + identifier + "$" ),
+
+	matchExpr = {
+		"ID": new RegExp( "^#(" + characterEncoding + ")" ),
+		"CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
+		"TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
+		"ATTR": new RegExp( "^" + attributes ),
+		"PSEUDO": new RegExp( "^" + pseudos ),
+		"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+			"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+		"bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
+		// For use in libraries implementing .is()
+		// We use this for POS matching in `select`
+		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+			whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+	},
+
+	rnative = /^[^{]+\{\s*\[native \w/,
+
+	// Easily-parseable/retrievable ID or TAG or CLASS selectors
+	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+	rinputs = /^(?:input|select|textarea|button)$/i,
+	rheader = /^h\d$/i,
+
+	rescape = /'|\\/g,
+
+	// CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+	runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
+	funescape = function( _, escaped, escapedWhitespace ) {
+		var high = "0x" + escaped - 0x10000;
+		// NaN means non-codepoint
+		// Support: Firefox
+		// Workaround erroneous numeric interpretation of +"0x"
+		return high !== high || escapedWhitespace ?
+			escaped :
+			// BMP codepoint
+			high < 0 ?
+				String.fromCharCode( high + 0x10000 ) :
+				// Supplemental Plane codepoint (surrogate pair)
+				String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+	};
+
+// Optimize for push.apply( _, NodeList )
+try {
+	push.apply(
+		(arr = slice.call( preferredDoc.childNodes )),
+		preferredDoc.childNodes
+	);
+	// Support: Android<4.0
+	// Detect silently failing push.apply
+	arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+	push = { apply: arr.length ?
+
+		// Leverage slice if possible
+		function( target, els ) {
+			push_native.apply( target, slice.call(els) );
+		} :
+
+		// Support: IE<9
+		// Otherwise append directly
+		function( target, els ) {
+			var j = target.length,
+				i = 0;
+			// Can't trust NodeList.length
+			while ( (target[j++] = els[i++]) ) {}
+			target.length = j - 1;
+		}
+	};
+}
+
+function Sizzle( selector, context, results, seed ) {
+	var match, elem, m, nodeType,
+		// QSA vars
+		i, groups, old, nid, newContext, newSelector;
+
+	if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+		setDocument( context );
+	}
+
+	context = context || document;
+	results = results || [];
+
+	if ( !selector || typeof selector !== "string" ) {
+		return results;
+	}
+
+	if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) {
+		return [];
+	}
+
+	if ( documentIsHTML && !seed ) {
+
+		// Shortcuts
+		if ( (match = rquickExpr.exec( selector )) ) {
+			// Speed-up: Sizzle("#ID")
+			if ( (m = match[1]) ) {
+				if ( nodeType === 9 ) {
+					elem = context.getElementById( m );
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE, Opera, and Webkit return items
+						// by name instead of ID
+						if ( elem.id === m ) {
+							results.push( elem );
+							return results;
+						}
+					} else {
+						return results;
+					}
+				} else {
+					// Context is not a document
+					if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
+						contains( context, elem ) && elem.id === m ) {
+						results.push( elem );
+						return results;
+					}
+				}
+
+			// Speed-up: Sizzle("TAG")
+			} else if ( match[2] ) {
+				push.apply( results, context.getElementsByTagName( selector ) );
+				return results;
+
+			// Speed-up: Sizzle(".CLASS")
+			} else if ( (m = match[3]) && support.getElementsByClassName && context.getElementsByClassName ) {
+				push.apply( results, context.getElementsByClassName( m ) );
+				return results;
+			}
+		}
+
+		// QSA path
+		if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
+			nid = old = expando;
+			newContext = context;
+			newSelector = nodeType === 9 && selector;
+
+			// qSA works strangely on Element-rooted queries
+			// We can work around this by specifying an extra ID on the root
+			// and working up from there (Thanks to Andrew Dupont for the technique)
+			// IE 8 doesn't work on object elements
+			if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+				groups = tokenize( selector );
+
+				if ( (old = context.getAttribute("id")) ) {
+					nid = old.replace( rescape, "\\$&" );
+				} else {
+					context.setAttribute( "id", nid );
+				}
+				nid = "[id='" + nid + "'] ";
+
+				i = groups.length;
+				while ( i-- ) {
+					groups[i] = nid + toSelector( groups[i] );
+				}
+				newContext = rsibling.test( selector ) && context.parentNode || context;
+				newSelector = groups.join(",");
+			}
+
+			if ( newSelector ) {
+				try {
+					push.apply( results,
+						newContext.querySelectorAll( newSelector )
+					);
+					return results;
+				} catch(qsaError) {
+				} finally {
+					if ( !old ) {
+						context.removeAttribute("id");
+					}
+				}
+			}
+		}
+	}
+
+	// All others
+	return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * For feature detection
+ * @param {Function} fn The function to test for native support
+ */
+function isNative( fn ) {
+	return rnative.test( fn + "" );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {Function(string, Object)} Returns the Object data after storing it on itself with
+ *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ *	deleting the oldest entry
+ */
+function createCache() {
+	var keys = [];
+
+	function cache( key, value ) {
+		// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+		if ( keys.push( key += " " ) > Expr.cacheLength ) {
+			// Only keep the most recent entries
+			delete cache[ keys.shift() ];
+		}
+		return (cache[ key ] = value);
+	}
+	return cache;
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+	fn[ expando ] = true;
+	return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created div and expects a boolean result
+ */
+function assert( fn ) {
+	var div = document.createElement("div");
+
+	try {
+		return !!fn( div );
+	} catch (e) {
+		return false;
+	} finally {
+		// Remove from its parent by default
+		if ( div.parentNode ) {
+			div.parentNode.removeChild( div );
+		}
+		// release memory in IE
+		div = null;
+	}
+}
+
+/**
+ * Adds the same handler for all of the specified attrs
+ * @param {String} attrs Pipe-separated list of attributes
+ * @param {Function} handler The method that will be applied if the test fails
+ * @param {Boolean} test The result of a test. If true, null will be set as the handler in leiu of the specified handler
+ */
+function addHandle( attrs, handler, test ) {
+	attrs = attrs.split("|");
+	var current,
+		i = attrs.length,
+		setHandle = test ? null : handler;
+
+	while ( i-- ) {
+		// Don't override a user's handler
+		if ( !(current = Expr.attrHandle[ attrs[i] ]) || current === handler ) {
+			Expr.attrHandle[ attrs[i] ] = setHandle;
+		}
+	}
+}
+
+/**
+ * Fetches boolean attributes by node
+ * @param {Element} elem
+ * @param {String} name
+ */
+function boolHandler( elem, name ) {
+	// XML does not need to be checked as this will not be assigned for XML documents
+	var val = elem.getAttributeNode( name );
+	return val && val.specified ?
+		val.value :
+		elem[ name ] === true ? name.toLowerCase() : null;
+}
+
+/**
+ * Fetches attributes without interpolation
+ * http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+ * @param {Element} elem
+ * @param {String} name
+ */
+function interpolationHandler( elem, name ) {
+	// XML does not need to be checked as this will not be assigned for XML documents
+	return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
+}
+
+/**
+ * Uses defaultValue to retrieve value in IE6/7
+ * @param {Element} elem
+ * @param {String} name
+ */
+function valueHandler( elem ) {
+	// Ignore the value *property* on inputs by using defaultValue
+	// Fallback to Sizzle.attr by returning undefined where appropriate
+	// XML does not need to be checked as this will not be assigned for XML documents
+	if ( elem.nodeName.toLowerCase() === "input" ) {
+		return elem.defaultValue;
+	}
+}
+
+/**
+ * Checks document order of two siblings
+ * @param {Element} a
+ * @param {Element} b
+ * @returns Returns -1 if a precedes b, 1 if a follows b
+ */
+function siblingCheck( a, b ) {
+	var cur = b && a,
+		diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
+			( ~b.sourceIndex || MAX_NEGATIVE ) -
+			( ~a.sourceIndex || MAX_NEGATIVE );
+
+	// Use IE sourceIndex if available on both nodes
+	if ( diff ) {
+		return diff;
+	}
+
+	// Check if b follows a
+	if ( cur ) {
+		while ( (cur = cur.nextSibling) ) {
+			if ( cur === b ) {
+				return -1;
+			}
+		}
+	}
+
+	return a ? 1 : -1;
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+function createInputPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return name === "input" && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+function createButtonPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return (name === "input" || name === "button") && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+function createPositionalPseudo( fn ) {
+	return markFunction(function( argument ) {
+		argument = +argument;
+		return markFunction(function( seed, matches ) {
+			var j,
+				matchIndexes = fn( [], seed.length, argument ),
+				i = matchIndexes.length;
+
+			// Match elements found at the specified indexes
+			while ( i-- ) {
+				if ( seed[ (j = matchIndexes[i]) ] ) {
+					seed[j] = !(matches[j] = seed[j]);
+				}
+			}
+		});
+	});
+}
+
+/**
+ * Detect xml
+ * @param {Element|Object} elem An element or a document
+ */
+isXML = Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833)
+	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+// Expose support vars for convenience
+support = Sizzle.support = {};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+setDocument = Sizzle.setDocument = function( node ) {
+	var doc = node ? node.ownerDocument || node : preferredDoc;
+
+	// If no document and documentElement is available, return
+	if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+		return document;
+	}
+
+	// Set our document
+	document = doc;
+	docElem = doc.documentElement;
+
+	// Support tests
+	documentIsHTML = !isXML( doc );
+
+	/* Attributes
+	---------------------------------------------------------------------- */
+
+	// Support: IE<8
+	// Verify that getAttribute really returns attributes and not properties (excepting IE8 booleans)
+	support.attributes = assert(function( div ) {
+
+		// Support: IE<8
+		// Prevent attribute/property "interpolation"
+		div.innerHTML = "<a href='#'></a>";
+		addHandle( "type|href|height|width", interpolationHandler, div.firstChild.getAttribute("href") === "#" );
+
+		// Support: IE<9
+		// Use getAttributeNode to fetch booleans when getAttribute lies
+		addHandle( booleans, boolHandler, div.getAttribute("disabled") == null );
+
+		div.className = "i";
+		return !div.getAttribute("className");
+	});
+
+	// Support: IE<9
+	// Retrieving value should defer to defaultValue
+	support.input = assert(function( div ) {
+		div.innerHTML = "<input>";
+		div.firstChild.setAttribute( "value", "" );
+		return div.firstChild.getAttribute( "value" ) === "";
+	});
+
+	// IE6/7 still return empty string for value,
+	// but are actually retrieving the property
+	addHandle( "value", valueHandler, support.attributes && support.input );
+
+	/* getElement(s)By*
+	---------------------------------------------------------------------- */
+
+	// Check if getElementsByTagName("*") returns only elements
+	support.getElementsByTagName = assert(function( div ) {
+		div.appendChild( doc.createComment("") );
+		return !div.getElementsByTagName("*").length;
+	});
+
+	// Check if getElementsByClassName can be trusted
+	support.getElementsByClassName = assert(function( div ) {
+		div.innerHTML = "<div class='a'></div><div class='a i'></div>";
+
+		// Support: Safari<4
+		// Catch class over-caching
+		div.firstChild.className = "i";
+		// Support: Opera<10
+		// Catch gEBCN failure to find non-leading classes
+		return div.getElementsByClassName("i").length === 2;
+	});
+
+	// Support: IE<10
+	// Check if getElementById returns elements by name
+	// The broken getElementById methods don't pick up programatically-set names,
+	// so use a roundabout getElementsByName test
+	support.getById = assert(function( div ) {
+		docElem.appendChild( div ).id = expando;
+		return !doc.getElementsByName || !doc.getElementsByName( expando ).length;
+	});
+
+	// ID find and filter
+	if ( support.getById ) {
+		Expr.find["ID"] = function( id, context ) {
+			if ( typeof context.getElementById !== strundefined && documentIsHTML ) {
+				var m = context.getElementById( id );
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [m] : [];
+			}
+		};
+		Expr.filter["ID"] = function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				return elem.getAttribute("id") === attrId;
+			};
+		};
+	} else {
+		// Support: IE6/7
+		// getElementById is not reliable as a find shortcut
+		delete Expr.find["ID"];
+
+		Expr.filter["ID"] =  function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id");
+				return node && node.value === attrId;
+			};
+		};
+	}
+
+	// Tag
+	Expr.find["TAG"] = support.getElementsByTagName ?
+		function( tag, context ) {
+			if ( typeof context.getElementsByTagName !== strundefined ) {
+				return context.getElementsByTagName( tag );
+			}
+		} :
+		function( tag, context ) {
+			var elem,
+				tmp = [],
+				i = 0,
+				results = context.getElementsByTagName( tag );
+
+			// Filter out possible comments
+			if ( tag === "*" ) {
+				while ( (elem = results[i++]) ) {
+					if ( elem.nodeType === 1 ) {
+						tmp.push( elem );
+					}
+				}
+
+				return tmp;
+			}
+			return results;
+		};
+
+	// Class
+	Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
+		if ( typeof context.getElementsByClassName !== strundefined && documentIsHTML ) {
+			return context.getElementsByClassName( className );
+		}
+	};
+
+	/* QSA/matchesSelector
+	---------------------------------------------------------------------- */
+
+	// QSA and matchesSelector support
+
+	// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+	rbuggyMatches = [];
+
+	// qSa(:focus) reports false when true (Chrome 21)
+	// We allow this because of a bug in IE8/9 that throws an error
+	// whenever `document.activeElement` is accessed on an iframe
+	// So, we allow :focus to pass through QSA all the time to avoid the IE error
+	// See http://bugs.jquery.com/ticket/13378
+	rbuggyQSA = [];
+
+	if ( (support.qsa = isNative(doc.querySelectorAll)) ) {
+		// Build QSA regex
+		// Regex strategy adopted from Diego Perini
+		assert(function( div ) {
+			// Select is set to empty string on purpose
+			// This is to test IE's treatment of not explicitly
+			// setting a boolean content attribute,
+			// since its presence should be enough
+			// http://bugs.jquery.com/ticket/12359
+			div.innerHTML = "<select><option selected=''></option></select>";
+
+			// Support: IE8
+			// Boolean attributes and "value" are not treated correctly
+			if ( !div.querySelectorAll("[selected]").length ) {
+				rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+			}
+
+			// Webkit/Opera - :checked should return selected option elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":checked").length ) {
+				rbuggyQSA.push(":checked");
+			}
+		});
+
+		assert(function( div ) {
+
+			// Support: Opera 10-12/IE8
+			// ^= $= *= and empty values
+			// Should not select anything
+			// Support: Windows 8 Native Apps
+			// The type attribute is restricted during .innerHTML assignment
+			var input = doc.createElement("input");
+			input.setAttribute( "type", "hidden" );
+			div.appendChild( input ).setAttribute( "t", "" );
+
+			if ( div.querySelectorAll("[t^='']").length ) {
+				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
+			}
+
+			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":enabled").length ) {
+				rbuggyQSA.push( ":enabled", ":disabled" );
+			}
+
+			// Opera 10-11 does not throw on post-comma invalid pseudos
+			div.querySelectorAll("*,:x");
+			rbuggyQSA.push(",.*:");
+		});
+	}
+
+	if ( (support.matchesSelector = isNative( (matches = docElem.webkitMatchesSelector ||
+		docElem.mozMatchesSelector ||
+		docElem.oMatchesSelector ||
+		docElem.msMatchesSelector) )) ) {
+
+		assert(function( div ) {
+			// Check to see if it's possible to do matchesSelector
+			// on a disconnected node (IE 9)
+			support.disconnectedMatch = matches.call( div, "div" );
+
+			// This should fail with an exception
+			// Gecko does not error, returns false instead
+			matches.call( div, "[s!='']:x" );
+			rbuggyMatches.push( "!=", pseudos );
+		});
+	}
+
+	rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
+	rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
+
+	/* Contains
+	---------------------------------------------------------------------- */
+
+	// Element contains another
+	// Purposefully does not implement inclusive descendent
+	// As in, an element does not contain itself
+	contains = isNative(docElem.contains) || docElem.compareDocumentPosition ?
+		function( a, b ) {
+			var adown = a.nodeType === 9 ? a.documentElement : a,
+				bup = b && b.parentNode;
+			return a === bup || !!( bup && bup.nodeType === 1 && (
+				adown.contains ?
+					adown.contains( bup ) :
+					a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+			));
+		} :
+		function( a, b ) {
+			if ( b ) {
+				while ( (b = b.parentNode) ) {
+					if ( b === a ) {
+						return true;
+					}
+				}
+			}
+			return false;
+		};
+
+	/* Sorting
+	---------------------------------------------------------------------- */
+
+	// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
+	// Detached nodes confoundingly follow *each other*
+	support.sortDetached = assert(function( div1 ) {
+		// Should return 1, but returns 4 (following)
+		return div1.compareDocumentPosition( doc.createElement("div") ) & 1;
+	});
+
+	// Document order sorting
+	sortOrder = docElem.compareDocumentPosition ?
+	function( a, b ) {
+
+		// Flag for duplicate removal
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		var compare = b.compareDocumentPosition && a.compareDocumentPosition && a.compareDocumentPosition( b );
+
+		if ( compare ) {
+			// Disconnected nodes
+			if ( compare & 1 ||
+				(!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
+
+				// Choose the first element that is related to our preferred document
+				if ( a === doc || contains(preferredDoc, a) ) {
+					return -1;
+				}
+				if ( b === doc || contains(preferredDoc, b) ) {
+					return 1;
+				}
+
+				// Maintain original order
+				return sortInput ?
+					( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+					0;
+			}
+
+			return compare & 4 ? -1 : 1;
+		}
+
+		// Not directly comparable, sort on existence of method
+		return a.compareDocumentPosition ? -1 : 1;
+	} :
+	function( a, b ) {
+		var cur,
+			i = 0,
+			aup = a.parentNode,
+			bup = b.parentNode,
+			ap = [ a ],
+			bp = [ b ];
+
+		// Exit early if the nodes are identical
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+
+		// Parentless nodes are either documents or disconnected
+		} else if ( !aup || !bup ) {
+			return a === doc ? -1 :
+				b === doc ? 1 :
+				aup ? -1 :
+				bup ? 1 :
+				sortInput ?
+				( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+				0;
+
+		// If the nodes are siblings, we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+		}
+
+		// Otherwise we need full lists of their ancestors for comparison
+		cur = a;
+		while ( (cur = cur.parentNode) ) {
+			ap.unshift( cur );
+		}
+		cur = b;
+		while ( (cur = cur.parentNode) ) {
+			bp.unshift( cur );
+		}
+
+		// Walk down the tree looking for a discrepancy
+		while ( ap[i] === bp[i] ) {
+			i++;
+		}
+
+		return i ?
+			// Do a sibling check if the nodes have a common ancestor
+			siblingCheck( ap[i], bp[i] ) :
+
+			// Otherwise nodes in our document sort first
+			ap[i] === preferredDoc ? -1 :
+			bp[i] === preferredDoc ? 1 :
+			0;
+	};
+
+	return doc;
+};
+
+Sizzle.matches = function( expr, elements ) {
+	return Sizzle( expr, null, null, elements );
+};
+
+Sizzle.matchesSelector = function( elem, expr ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	// Make sure that attribute selectors are quoted
+	expr = expr.replace( rattributeQuotes, "='$1']" );
+
+	if ( support.matchesSelector && documentIsHTML &&
+		( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
+		( !rbuggyQSA     || !rbuggyQSA.test( expr ) ) ) {
+
+		try {
+			var ret = matches.call( elem, expr );
+
+			// IE 9's matchesSelector returns false on disconnected nodes
+			if ( ret || support.disconnectedMatch ||
+					// As well, disconnected nodes are said to be in a document
+					// fragment in IE 9
+					elem.document && elem.document.nodeType !== 11 ) {
+				return ret;
+			}
+		} catch(e) {}
+	}
+
+	return Sizzle( expr, document, null, [elem] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+	// Set document vars if needed
+	if ( ( context.ownerDocument || context ) !== document ) {
+		setDocument( context );
+	}
+	return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	var fn = Expr.attrHandle[ name.toLowerCase() ],
+		// Don't get fooled by Object.prototype properties (jQuery #13807)
+		val = ( fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+			fn( elem, name, !documentIsHTML ) :
+			undefined );
+
+	return val === undefined ?
+		support.attributes || !documentIsHTML ?
+			elem.getAttribute( name ) :
+			(val = elem.getAttributeNode(name)) && val.specified ?
+				val.value :
+				null :
+		val;
+};
+
+Sizzle.error = function( msg ) {
+	throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+Sizzle.uniqueSort = function( results ) {
+	var elem,
+		duplicates = [],
+		j = 0,
+		i = 0;
+
+	// Unless we *know* we can detect duplicates, assume their presence
+	hasDuplicate = !support.detectDuplicates;
+	sortInput = !support.sortStable && results.slice( 0 );
+	results.sort( sortOrder );
+
+	if ( hasDuplicate ) {
+		while ( (elem = results[i++]) ) {
+			if ( elem === results[ i ] ) {
+				j = duplicates.push( i );
+			}
+		}
+		while ( j-- ) {
+			results.splice( duplicates[ j ], 1 );
+		}
+	}
+
+	return results;
+};
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+getText = Sizzle.getText = function( elem ) {
+	var node,
+		ret = "",
+		i = 0,
+		nodeType = elem.nodeType;
+
+	if ( !nodeType ) {
+		// If no nodeType, this is expected to be an array
+		for ( ; (node = elem[i]); i++ ) {
+			// Do not traverse comment nodes
+			ret += getText( node );
+		}
+	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+		// Use textContent for elements
+		// innerText usage removed for consistency of new lines (see #11153)
+		if ( typeof elem.textContent === "string" ) {
+			return elem.textContent;
+		} else {
+			// Traverse its children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				ret += getText( elem );
+			}
+		}
+	} else if ( nodeType === 3 || nodeType === 4 ) {
+		return elem.nodeValue;
+	}
+	// Do not include comment or processing instruction nodes
+
+	return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+	// Can be adjusted by the user
+	cacheLength: 50,
+
+	createPseudo: markFunction,
+
+	match: matchExpr,
+
+	attrHandle: {},
+
+	find: {},
+
+	relative: {
+		">": { dir: "parentNode", first: true },
+		" ": { dir: "parentNode" },
+		"+": { dir: "previousSibling", first: true },
+		"~": { dir: "previousSibling" }
+	},
+
+	preFilter: {
+		"ATTR": function( match ) {
+			match[1] = match[1].replace( runescape, funescape );
+
+			// Move the given value to match[3] whether quoted or unquoted
+			match[3] = ( match[4] || match[5] || "" ).replace( runescape, funescape );
+
+			if ( match[2] === "~=" ) {
+				match[3] = " " + match[3] + " ";
+			}
+
+			return match.slice( 0, 4 );
+		},
+
+		"CHILD": function( match ) {
+			/* matches from matchExpr["CHILD"]
+				1 type (only|nth|...)
+				2 what (child|of-type)
+				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+				4 xn-component of xn+y argument ([+-]?\d*n|)
+				5 sign of xn-component
+				6 x of xn-component
+				7 sign of y-component
+				8 y of y-component
+			*/
+			match[1] = match[1].toLowerCase();
+
+			if ( match[1].slice( 0, 3 ) === "nth" ) {
+				// nth-* requires argument
+				if ( !match[3] ) {
+					Sizzle.error( match[0] );
+				}
+
+				// numeric x and y parameters for Expr.filter.CHILD
+				// remember that false/true cast respectively to 0/1
+				match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+				match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+			// other types prohibit arguments
+			} else if ( match[3] ) {
+				Sizzle.error( match[0] );
+			}
+
+			return match;
+		},
+
+		"PSEUDO": function( match ) {
+			var excess,
+				unquoted = !match[5] && match[2];
+
+			if ( matchExpr["CHILD"].test( match[0] ) ) {
+				return null;
+			}
+
+			// Accept quoted arguments as-is
+			if ( match[3] && match[4] !== undefined ) {
+				match[2] = match[4];
+
+			// Strip excess characters from unquoted arguments
+			} else if ( unquoted && rpseudo.test( unquoted ) &&
+				// Get excess from tokenize (recursively)
+				(excess = tokenize( unquoted, true )) &&
+				// advance to the next closing parenthesis
+				(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+				// excess is a negative index
+				match[0] = match[0].slice( 0, excess );
+				match[2] = unquoted.slice( 0, excess );
+			}
+
+			// Return only captures needed by the pseudo filter method (type and argument)
+			return match.slice( 0, 3 );
+		}
+	},
+
+	filter: {
+
+		"TAG": function( nodeNameSelector ) {
+			var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+			return nodeNameSelector === "*" ?
+				function() { return true; } :
+				function( elem ) {
+					return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+				};
+		},
+
+		"CLASS": function( className ) {
+			var pattern = classCache[ className + " " ];
+
+			return pattern ||
+				(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+				classCache( className, function( elem ) {
+					return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== strundefined && elem.getAttribute("class") || "" );
+				});
+		},
+
+		"ATTR": function( name, operator, check ) {
+			return function( elem ) {
+				var result = Sizzle.attr( elem, name );
+
+				if ( result == null ) {
+					return operator === "!=";
+				}
+				if ( !operator ) {
+					return true;
+				}
+
+				result += "";
+
+				return operator === "=" ? result === check :
+					operator === "!=" ? result !== check :
+					operator === "^=" ? check && result.indexOf( check ) === 0 :
+					operator === "*=" ? check && result.indexOf( check ) > -1 :
+					operator === "$=" ? check && result.slice( -check.length ) === check :
+					operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 :
+					operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+					false;
+			};
+		},
+
+		"CHILD": function( type, what, argument, first, last ) {
+			var simple = type.slice( 0, 3 ) !== "nth",
+				forward = type.slice( -4 ) !== "last",
+				ofType = what === "of-type";
+
+			return first === 1 && last === 0 ?
+
+				// Shortcut for :nth-*(n)
+				function( elem ) {
+					return !!elem.parentNode;
+				} :
+
+				function( elem, context, xml ) {
+					var cache, outerCache, node, diff, nodeIndex, start,
+						dir = simple !== forward ? "nextSibling" : "previousSibling",
+						parent = elem.parentNode,
+						name = ofType && elem.nodeName.toLowerCase(),
+						useCache = !xml && !ofType;
+
+					if ( parent ) {
+
+						// :(first|last|only)-(child|of-type)
+						if ( simple ) {
+							while ( dir ) {
+								node = elem;
+								while ( (node = node[ dir ]) ) {
+									if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) {
+										return false;
+									}
+								}
+								// Reverse direction for :only-* (if we haven't yet done so)
+								start = dir = type === "only" && !start && "nextSibling";
+							}
+							return true;
+						}
+
+						start = [ forward ? parent.firstChild : parent.lastChild ];
+
+						// non-xml :nth-child(...) stores cache data on `parent`
+						if ( forward && useCache ) {
+							// Seek `elem` from a previously-cached index
+							outerCache = parent[ expando ] || (parent[ expando ] = {});
+							cache = outerCache[ type ] || [];
+							nodeIndex = cache[0] === dirruns && cache[1];
+							diff = cache[0] === dirruns && cache[2];
+							node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+								// Fallback to seeking `elem` from the start
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								// When found, cache indexes on `parent` and break
+								if ( node.nodeType === 1 && ++diff && node === elem ) {
+									outerCache[ type ] = [ dirruns, nodeIndex, diff ];
+									break;
+								}
+							}
+
+						// Use previously-cached element index if available
+						} else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) {
+							diff = cache[1];
+
+						// xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...)
+						} else {
+							// Use the same loop as above to seek `elem` from the start
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) {
+									// Cache the index of each encountered element
+									if ( useCache ) {
+										(node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ];
+									}
+
+									if ( node === elem ) {
+										break;
+									}
+								}
+							}
+						}
+
+						// Incorporate the offset, then check against cycle size
+						diff -= last;
+						return diff === first || ( diff % first === 0 && diff / first >= 0 );
+					}
+				};
+		},
+
+		"PSEUDO": function( pseudo, argument ) {
+			// pseudo-class names are case-insensitive
+			// http://www.w3.org/TR/selectors/#pseudo-classes
+			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+			// Remember that setFilters inherits from pseudos
+			var args,
+				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+					Sizzle.error( "unsupported pseudo: " + pseudo );
+
+			// The user may use createPseudo to indicate that
+			// arguments are needed to create the filter function
+			// just as Sizzle does
+			if ( fn[ expando ] ) {
+				return fn( argument );
+			}
+
+			// But maintain support for old signatures
+			if ( fn.length > 1 ) {
+				args = [ pseudo, pseudo, "", argument ];
+				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+					markFunction(function( seed, matches ) {
+						var idx,
+							matched = fn( seed, argument ),
+							i = matched.length;
+						while ( i-- ) {
+							idx = indexOf.call( seed, matched[i] );
+							seed[ idx ] = !( matches[ idx ] = matched[i] );
+						}
+					}) :
+					function( elem ) {
+						return fn( elem, 0, args );
+					};
+			}
+
+			return fn;
+		}
+	},
+
+	pseudos: {
+		// Potentially complex pseudos
+		"not": markFunction(function( selector ) {
+			// Trim the selector passed to compile
+			// to avoid treating leading and trailing
+			// spaces as combinators
+			var input = [],
+				results = [],
+				matcher = compile( selector.replace( rtrim, "$1" ) );
+
+			return matcher[ expando ] ?
+				markFunction(function( seed, matches, context, xml ) {
+					var elem,
+						unmatched = matcher( seed, null, xml, [] ),
+						i = seed.length;
+
+					// Match elements unmatched by `matcher`
+					while ( i-- ) {
+						if ( (elem = unmatched[i]) ) {
+							seed[i] = !(matches[i] = elem);
+						}
+					}
+				}) :
+				function( elem, context, xml ) {
+					input[0] = elem;
+					matcher( input, null, xml, results );
+					return !results.pop();
+				};
+		}),
+
+		"has": markFunction(function( selector ) {
+			return function( elem ) {
+				return Sizzle( selector, elem ).length > 0;
+			};
+		}),
+
+		"contains": markFunction(function( text ) {
+			return function( elem ) {
+				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+			};
+		}),
+
+		// "Whether an element is represented by a :lang() selector
+		// is based solely on the element's language value
+		// being equal to the identifier C,
+		// or beginning with the identifier C immediately followed by "-".
+		// The matching of C against the element's language value is performed case-insensitively.
+		// The identifier C does not have to be a valid language name."
+		// http://www.w3.org/TR/selectors/#lang-pseudo
+		"lang": markFunction( function( lang ) {
+			// lang value must be a valid identifier
+			if ( !ridentifier.test(lang || "") ) {
+				Sizzle.error( "unsupported lang: " + lang );
+			}
+			lang = lang.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				var elemLang;
+				do {
+					if ( (elemLang = documentIsHTML ?
+						elem.lang :
+						elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
+
+						elemLang = elemLang.toLowerCase();
+						return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+					}
+				} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+				return false;
+			};
+		}),
+
+		// Miscellaneous
+		"target": function( elem ) {
+			var hash = window.location && window.location.hash;
+			return hash && hash.slice( 1 ) === elem.id;
+		},
+
+		"root": function( elem ) {
+			return elem === docElem;
+		},
+
+		"focus": function( elem ) {
+			return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+		},
+
+		// Boolean properties
+		"enabled": function( elem ) {
+			return elem.disabled === false;
+		},
+
+		"disabled": function( elem ) {
+			return elem.disabled === true;
+		},
+
+		"checked": function( elem ) {
+			// In CSS3, :checked should return both checked and selected elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			var nodeName = elem.nodeName.toLowerCase();
+			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+		},
+
+		"selected": function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+
+			return elem.selected === true;
+		},
+
+		// Contents
+		"empty": function( elem ) {
+			// http://www.w3.org/TR/selectors/#empty-pseudo
+			// :empty is only affected by element nodes and content nodes(including text(3), cdata(4)),
+			//   not comment, processing instructions, or others
+			// Thanks to Diego Perini for the nodeName shortcut
+			//   Greater than "@" means alpha characters (specifically not starting with "#" or "?")
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				if ( elem.nodeName > "@" || elem.nodeType === 3 || elem.nodeType === 4 ) {
+					return false;
+				}
+			}
+			return true;
+		},
+
+		"parent": function( elem ) {
+			return !Expr.pseudos["empty"]( elem );
+		},
+
+		// Element/input types
+		"header": function( elem ) {
+			return rheader.test( elem.nodeName );
+		},
+
+		"input": function( elem ) {
+			return rinputs.test( elem.nodeName );
+		},
+
+		"button": function( elem ) {
+			var name = elem.nodeName.toLowerCase();
+			return name === "input" && elem.type === "button" || name === "button";
+		},
+
+		"text": function( elem ) {
+			var attr;
+			// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
+			// use getAttribute instead to test this case
+			return elem.nodeName.toLowerCase() === "input" &&
+				elem.type === "text" &&
+				( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === elem.type );
+		},
+
+		// Position-in-collection
+		"first": createPositionalPseudo(function() {
+			return [ 0 ];
+		}),
+
+		"last": createPositionalPseudo(function( matchIndexes, length ) {
+			return [ length - 1 ];
+		}),
+
+		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			return [ argument < 0 ? argument + length : argument ];
+		}),
+
+		"even": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 0;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"odd": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 1;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; --i >= 0; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; ++i < length; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		})
+	}
+};
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+	Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+	Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+function tokenize( selector, parseOnly ) {
+	var matched, match, tokens, type,
+		soFar, groups, preFilters,
+		cached = tokenCache[ selector + " " ];
+
+	if ( cached ) {
+		return parseOnly ? 0 : cached.slice( 0 );
+	}
+
+	soFar = selector;
+	groups = [];
+	preFilters = Expr.preFilter;
+
+	while ( soFar ) {
+
+		// Comma and first run
+		if ( !matched || (match = rcomma.exec( soFar )) ) {
+			if ( match ) {
+				// Don't consume trailing commas as valid
+				soFar = soFar.slice( match[0].length ) || soFar;
+			}
+			groups.push( tokens = [] );
+		}
+
+		matched = false;
+
+		// Combinators
+		if ( (match = rcombinators.exec( soFar )) ) {
+			matched = match.shift();
+			tokens.push({
+				value: matched,
+				// Cast descendant combinators to space
+				type: match[0].replace( rtrim, " " )
+			});
+			soFar = soFar.slice( matched.length );
+		}
+
+		// Filters
+		for ( type in Expr.filter ) {
+			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+				(match = preFilters[ type ]( match ))) ) {
+				matched = match.shift();
+				tokens.push({
+					value: matched,
+					type: type,
+					matches: match
+				});
+				soFar = soFar.slice( matched.length );
+			}
+		}
+
+		if ( !matched ) {
+			break;
+		}
+	}
+
+	// Return the length of the invalid excess
+	// if we're just parsing
+	// Otherwise, throw an error or return tokens
+	return parseOnly ?
+		soFar.length :
+		soFar ?
+			Sizzle.error( selector ) :
+			// Cache the tokens
+			tokenCache( selector, groups ).slice( 0 );
+}
+
+function toSelector( tokens ) {
+	var i = 0,
+		len = tokens.length,
+		selector = "";
+	for ( ; i < len; i++ ) {
+		selector += tokens[i].value;
+	}
+	return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+	var dir = combinator.dir,
+		checkNonElements = base && dir === "parentNode",
+		doneName = done++;
+
+	return combinator.first ?
+		// Check against closest ancestor/preceding element
+		function( elem, context, xml ) {
+			while ( (elem = elem[ dir ]) ) {
+				if ( elem.nodeType === 1 || checkNonElements ) {
+					return matcher( elem, context, xml );
+				}
+			}
+		} :
+
+		// Check against all ancestor/preceding elements
+		function( elem, context, xml ) {
+			var data, cache, outerCache,
+				dirkey = dirruns + " " + doneName;
+
+			// We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
+			if ( xml ) {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						if ( matcher( elem, context, xml ) ) {
+							return true;
+						}
+					}
+				}
+			} else {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						outerCache = elem[ expando ] || (elem[ expando ] = {});
+						if ( (cache = outerCache[ dir ]) && cache[0] === dirkey ) {
+							if ( (data = cache[1]) === true || data === cachedruns ) {
+								return data === true;
+							}
+						} else {
+							cache = outerCache[ dir ] = [ dirkey ];
+							cache[1] = matcher( elem, context, xml ) || cachedruns;
+							if ( cache[1] === true ) {
+								return true;
+							}
+						}
+					}
+				}
+			}
+		};
+}
+
+function elementMatcher( matchers ) {
+	return matchers.length > 1 ?
+		function( elem, context, xml ) {
+			var i = matchers.length;
+			while ( i-- ) {
+				if ( !matchers[i]( elem, context, xml ) ) {
+					return false;
+				}
+			}
+			return true;
+		} :
+		matchers[0];
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+	var elem,
+		newUnmatched = [],
+		i = 0,
+		len = unmatched.length,
+		mapped = map != null;
+
+	for ( ; i < len; i++ ) {
+		if ( (elem = unmatched[i]) ) {
+			if ( !filter || filter( elem, context, xml ) ) {
+				newUnmatched.push( elem );
+				if ( mapped ) {
+					map.push( i );
+				}
+			}
+		}
+	}
+
+	return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+	if ( postFilter && !postFilter[ expando ] ) {
+		postFilter = setMatcher( postFilter );
+	}
+	if ( postFinder && !postFinder[ expando ] ) {
+		postFinder = setMatcher( postFinder, postSelector );
+	}
+	return markFunction(function( seed, results, context, xml ) {
+		var temp, i, elem,
+			preMap = [],
+			postMap = [],
+			preexisting = results.length,
+
+			// Get initial elements from seed or context
+			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+			// Prefilter to get matcher input, preserving a map for seed-results synchronization
+			matcherIn = preFilter && ( seed || !selector ) ?
+				condense( elems, preMap, preFilter, context, xml ) :
+				elems,
+
+			matcherOut = matcher ?
+				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+					// ...intermediate processing is necessary
+					[] :
+
+					// ...otherwise use results directly
+					results :
+				matcherIn;
+
+		// Find primary matches
+		if ( matcher ) {
+			matcher( matcherIn, matcherOut, context, xml );
+		}
+
+		// Apply postFilter
+		if ( postFilter ) {
+			temp = condense( matcherOut, postMap );
+			postFilter( temp, [], context, xml );
+
+			// Un-match failing elements by moving them back to matcherIn
+			i = temp.length;
+			while ( i-- ) {
+				if ( (elem = temp[i]) ) {
+					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+				}
+			}
+		}
+
+		if ( seed ) {
+			if ( postFinder || preFilter ) {
+				if ( postFinder ) {
+					// Get the final matcherOut by condensing this intermediate into postFinder contexts
+					temp = [];
+					i = matcherOut.length;
+					while ( i-- ) {
+						if ( (elem = matcherOut[i]) ) {
+							// Restore matcherIn since elem is not yet a final match
+							temp.push( (matcherIn[i] = elem) );
+						}
+					}
+					postFinder( null, (matcherOut = []), temp, xml );
+				}
+
+				// Move matched elements from seed to results to keep them synchronized
+				i = matcherOut.length;
+				while ( i-- ) {
+					if ( (elem = matcherOut[i]) &&
+						(temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) {
+
+						seed[temp] = !(results[temp] = elem);
+					}
+				}
+			}
+
+		// Add elements to results, through postFinder if defined
+		} else {
+			matcherOut = condense(
+				matcherOut === results ?
+					matcherOut.splice( preexisting, matcherOut.length ) :
+					matcherOut
+			);
+			if ( postFinder ) {
+				postFinder( null, results, matcherOut, xml );
+			} else {
+				push.apply( results, matcherOut );
+			}
+		}
+	});
+}
+
+function matcherFromTokens( tokens ) {
+	var checkContext, matcher, j,
+		len = tokens.length,
+		leadingRelative = Expr.relative[ tokens[0].type ],
+		implicitRelative = leadingRelative || Expr.relative[" "],
+		i = leadingRelative ? 1 : 0,
+
+		// The foundational matcher ensures that elements are reachable from top-level context(s)
+		matchContext = addCombinator( function( elem ) {
+			return elem === checkContext;
+		}, implicitRelative, true ),
+		matchAnyContext = addCombinator( function( elem ) {
+			return indexOf.call( checkContext, elem ) > -1;
+		}, implicitRelative, true ),
+		matchers = [ function( elem, context, xml ) {
+			return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+				(checkContext = context).nodeType ?
+					matchContext( elem, context, xml ) :
+					matchAnyContext( elem, context, xml ) );
+		} ];
+
+	for ( ; i < len; i++ ) {
+		if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+			matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+		} else {
+			matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+			// Return special upon seeing a positional matcher
+			if ( matcher[ expando ] ) {
+				// Find the next relative operator (if any) for proper handling
+				j = ++i;
+				for ( ; j < len; j++ ) {
+					if ( Expr.relative[ tokens[j].type ] ) {
+						break;
+					}
+				}
+				return setMatcher(
+					i > 1 && elementMatcher( matchers ),
+					i > 1 && toSelector(
+						// If the preceding token was a descendant combinator, insert an implicit any-element `*`
+						tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
+					).replace( rtrim, "$1" ),
+					matcher,
+					i < j && matcherFromTokens( tokens.slice( i, j ) ),
+					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+					j < len && toSelector( tokens )
+				);
+			}
+			matchers.push( matcher );
+		}
+	}
+
+	return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+	// A counter to specify which element is currently being matched
+	var matcherCachedRuns = 0,
+		bySet = setMatchers.length > 0,
+		byElement = elementMatchers.length > 0,
+		superMatcher = function( seed, context, xml, results, expandContext ) {
+			var elem, j, matcher,
+				setMatched = [],
+				matchedCount = 0,
+				i = "0",
+				unmatched = seed && [],
+				outermost = expandContext != null,
+				contextBackup = outermostContext,
+				// We must always have either seed elements or context
+				elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ),
+				// Use integer dirruns iff this is the outermost matcher
+				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1);
+
+			if ( outermost ) {
+				outermostContext = context !== document && context;
+				cachedruns = matcherCachedRuns;
+			}
+
+			// Add elements passing elementMatchers directly to results
+			// Keep `i` a string if there are no elements so `matchedCount` will be "00" below
+			for ( ; (elem = elems[i]) != null; i++ ) {
+				if ( byElement && elem ) {
+					j = 0;
+					while ( (matcher = elementMatchers[j++]) ) {
+						if ( matcher( elem, context, xml ) ) {
+							results.push( elem );
+							break;
+						}
+					}
+					if ( outermost ) {
+						dirruns = dirrunsUnique;
+						cachedruns = ++matcherCachedRuns;
+					}
+				}
+
+				// Track unmatched elements for set filters
+				if ( bySet ) {
+					// They will have gone through all possible matchers
+					if ( (elem = !matcher && elem) ) {
+						matchedCount--;
+					}
+
+					// Lengthen the array for every element, matched or not
+					if ( seed ) {
+						unmatched.push( elem );
+					}
+				}
+			}
+
+			// Apply set filters to unmatched elements
+			matchedCount += i;
+			if ( bySet && i !== matchedCount ) {
+				j = 0;
+				while ( (matcher = setMatchers[j++]) ) {
+					matcher( unmatched, setMatched, context, xml );
+				}
+
+				if ( seed ) {
+					// Reintegrate element matches to eliminate the need for sorting
+					if ( matchedCount > 0 ) {
+						while ( i-- ) {
+							if ( !(unmatched[i] || setMatched[i]) ) {
+								setMatched[i] = pop.call( results );
+							}
+						}
+					}
+
+					// Discard index placeholder values to get only actual matches
+					setMatched = condense( setMatched );
+				}
+
+				// Add matches to results
+				push.apply( results, setMatched );
+
+				// Seedless set matches succeeding multiple successful matchers stipulate sorting
+				if ( outermost && !seed && setMatched.length > 0 &&
+					( matchedCount + setMatchers.length ) > 1 ) {
+
+					Sizzle.uniqueSort( results );
+				}
+			}
+
+			// Override manipulation of globals by nested matchers
+			if ( outermost ) {
+				dirruns = dirrunsUnique;
+				outermostContext = contextBackup;
+			}
+
+			return unmatched;
+		};
+
+	return bySet ?
+		markFunction( superMatcher ) :
+		superMatcher;
+}
+
+compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) {
+	var i,
+		setMatchers = [],
+		elementMatchers = [],
+		cached = compilerCache[ selector + " " ];
+
+	if ( !cached ) {
+		// Generate a function of recursive functions that can be used to check each element
+		if ( !group ) {
+			group = tokenize( selector );
+		}
+		i = group.length;
+		while ( i-- ) {
+			cached = matcherFromTokens( group[i] );
+			if ( cached[ expando ] ) {
+				setMatchers.push( cached );
+			} else {
+				elementMatchers.push( cached );
+			}
+		}
+
+		// Cache the compiled function
+		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+	}
+	return cached;
+};
+
+function multipleContexts( selector, contexts, results ) {
+	var i = 0,
+		len = contexts.length;
+	for ( ; i < len; i++ ) {
+		Sizzle( selector, contexts[i], results );
+	}
+	return results;
+}
+
+function select( selector, context, results, seed ) {
+	var i, tokens, token, type, find,
+		match = tokenize( selector );
+
+	if ( !seed ) {
+		// Try to minimize operations if there is only one group
+		if ( match.length === 1 ) {
+
+			// Take a shortcut and set the context if the root selector is an ID
+			tokens = match[0] = match[0].slice( 0 );
+			if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+					support.getById && context.nodeType === 9 && documentIsHTML &&
+					Expr.relative[ tokens[1].type ] ) {
+
+				context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
+				if ( !context ) {
+					return results;
+				}
+				selector = selector.slice( tokens.shift().value.length );
+			}
+
+			// Fetch a seed set for right-to-left matching
+			i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+			while ( i-- ) {
+				token = tokens[i];
+
+				// Abort if we hit a combinator
+				if ( Expr.relative[ (type = token.type) ] ) {
+					break;
+				}
+				if ( (find = Expr.find[ type ]) ) {
+					// Search, expanding context for leading sibling combinators
+					if ( (seed = find(
+						token.matches[0].replace( runescape, funescape ),
+						rsibling.test( tokens[0].type ) && context.parentNode || context
+					)) ) {
+
+						// If seed is empty or no tokens remain, we can return early
+						tokens.splice( i, 1 );
+						selector = seed.length && toSelector( tokens );
+						if ( !selector ) {
+							push.apply( results, seed );
+							return results;
+						}
+
+						break;
+					}
+				}
+			}
+		}
+	}
+
+	// Compile and execute a filtering function
+	// Provide `match` to avoid retokenization if we modified the selector above
+	compile( selector, match )(
+		seed,
+		context,
+		!documentIsHTML,
+		results,
+		rsibling.test( selector )
+	);
+	return results;
+}
+
+// Deprecated
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+// One-time assignments
+
+// Sort stability
+support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Chrome<<14
+// Always assume duplicates if they aren't passed to the comparison function
+[0, 0].sort( sortOrder );
+support.detectDuplicates = hasDuplicate;
+
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.pseudos;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+})( window );
+// String to Object options format cache
+var optionsCache = {};
+
+// Convert String-formatted options into Object-formatted ones and store in cache
+function createOptions( options ) {
+	var object = optionsCache[ options ] = {};
+	jQuery.each( options.match( core_rnotwhite ) || [], function( _, flag ) {
+		object[ flag ] = true;
+	});
+	return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ *	options: an optional list of space-separated options that will change how
+ *			the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ *	once:			will ensure the callback list can only be fired once (like a Deferred)
+ *
+ *	memory:			will keep track of previous values and will call any callback added
+ *					after the list has been fired right away with the latest "memorized"
+ *					values (like a Deferred)
+ *
+ *	unique:			will ensure a callback can only be added once (no duplicate in the list)
+ *
+ *	stopOnFalse:	interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+	// Convert options from String-formatted to Object-formatted if needed
+	// (we check in cache first)
+	options = typeof options === "string" ?
+		( optionsCache[ options ] || createOptions( options ) ) :
+		jQuery.extend( {}, options );
+
+	var // Flag to know if list is currently firing
+		firing,
+		// Last fire value (for non-forgettable lists)
+		memory,
+		// Flag to know if list was already fired
+		fired,
+		// End of the loop when firing
+		firingLength,
+		// Index of currently firing callback (modified by remove if needed)
+		firingIndex,
+		// First callback to fire (used internally by add and fireWith)
+		firingStart,
+		// Actual callback list
+		list = [],
+		// Stack of fire calls for repeatable lists
+		stack = !options.once && [],
+		// Fire callbacks
+		fire = function( data ) {
+			memory = options.memory && data;
+			fired = true;
+			firingIndex = firingStart || 0;
+			firingStart = 0;
+			firingLength = list.length;
+			firing = true;
+			for ( ; list && firingIndex < firingLength; firingIndex++ ) {
+				if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
+					memory = false; // To prevent further calls using add
+					break;
+				}
+			}
+			firing = false;
+			if ( list ) {
+				if ( stack ) {
+					if ( stack.length ) {
+						fire( stack.shift() );
+					}
+				} else if ( memory ) {
+					list = [];
+				} else {
+					self.disable();
+				}
+			}
+		},
+		// Actual Callbacks object
+		self = {
+			// Add a callback or a collection of callbacks to the list
+			add: function() {
+				if ( list ) {
+					// First, we save the current length
+					var start = list.length;
+					(function add( args ) {
+						jQuery.each( args, function( _, arg ) {
+							var type = jQuery.type( arg );
+							if ( type === "function" ) {
+								if ( !options.unique || !self.has( arg ) ) {
+									list.push( arg );
+								}
+							} else if ( arg && arg.length && type !== "string" ) {
+								// Inspect recursively
+								add( arg );
+							}
+						});
+					})( arguments );
+					// Do we need to add the callbacks to the
+					// current firing batch?
+					if ( firing ) {
+						firingLength = list.length;
+					// With memory, if we're not firing then
+					// we should call right away
+					} else if ( memory ) {
+						firingStart = start;
+						fire( memory );
+					}
+				}
+				return this;
+			},
+			// Remove a callback from the list
+			remove: function() {
+				if ( list ) {
+					jQuery.each( arguments, function( _, arg ) {
+						var index;
+						while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+							list.splice( index, 1 );
+							// Handle firing indexes
+							if ( firing ) {
+								if ( index <= firingLength ) {
+									firingLength--;
+								}
+								if ( index <= firingIndex ) {
+									firingIndex--;
+								}
+							}
+						}
+					});
+				}
+				return this;
+			},
+			// Check if a given callback is in the list.
+			// If no argument is given, return whether or not list has callbacks attached.
+			has: function( fn ) {
+				return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length );
+			},
+			// Remove all callbacks from the list
+			empty: function() {
+				list = [];
+				firingLength = 0;
+				return this;
+			},
+			// Have the list do nothing anymore
+			disable: function() {
+				list = stack = memory = undefined;
+				return this;
+			},
+			// Is it disabled?
+			disabled: function() {
+				return !list;
+			},
+			// Lock the list in its current state
+			lock: function() {
+				stack = undefined;
+				if ( !memory ) {
+					self.disable();
+				}
+				return this;
+			},
+			// Is it locked?
+			locked: function() {
+				return !stack;
+			},
+			// Call all callbacks with the given context and arguments
+			fireWith: function( context, args ) {
+				args = args || [];
+				args = [ context, args.slice ? args.slice() : args ];
+				if ( list && ( !fired || stack ) ) {
+					if ( firing ) {
+						stack.push( args );
+					} else {
+						fire( args );
+					}
+				}
+				return this;
+			},
+			// Call all the callbacks with the given arguments
+			fire: function() {
+				self.fireWith( this, arguments );
+				return this;
+			},
+			// To know if the callbacks have already been called at least once
+			fired: function() {
+				return !!fired;
+			}
+		};
+
+	return self;
+};
+jQuery.extend({
+
+	Deferred: function( func ) {
+		var tuples = [
+				// action, add listener, listener list, final state
+				[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
+				[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
+				[ "notify", "progress", jQuery.Callbacks("memory") ]
+			],
+			state = "pending",
+			promise = {
+				state: function() {
+					return state;
+				},
+				always: function() {
+					deferred.done( arguments ).fail( arguments );
+					return this;
+				},
+				then: function( /* fnDone, fnFail, fnProgress */ ) {
+					var fns = arguments;
+					return jQuery.Deferred(function( newDefer ) {
+						jQuery.each( tuples, function( i, tuple ) {
+							var action = tuple[ 0 ],
+								fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
+							// deferred[ done | fail | progress ] for forwarding actions to newDefer
+							deferred[ tuple[1] ](function() {
+								var returned = fn && fn.apply( this, arguments );
+								if ( returned && jQuery.isFunction( returned.promise ) ) {
+									returned.promise()
+										.done( newDefer.resolve )
+										.fail( newDefer.reject )
+										.progress( newDefer.notify );
+								} else {
+									newDefer[ action + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
+								}
+							});
+						});
+						fns = null;
+					}).promise();
+				},
+				// Get a promise for this deferred
+				// If obj is provided, the promise aspect is added to the object
+				promise: function( obj ) {
+					return obj != null ? jQuery.extend( obj, promise ) : promise;
+				}
+			},
+			deferred = {};
+
+		// Keep pipe for back-compat
+		promise.pipe = promise.then;
+
+		// Add list-specific methods
+		jQuery.each( tuples, function( i, tuple ) {
+			var list = tuple[ 2 ],
+				stateString = tuple[ 3 ];
+
+			// promise[ done | fail | progress ] = list.add
+			promise[ tuple[1] ] = list.add;
+
+			// Handle state
+			if ( stateString ) {
+				list.add(function() {
+					// state = [ resolved | rejected ]
+					state = stateString;
+
+				// [ reject_list | resolve_list ].disable; progress_list.lock
+				}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
+			}
+
+			// deferred[ resolve | reject | notify ]
+			deferred[ tuple[0] ] = function() {
+				deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments );
+				return this;
+			};
+			deferred[ tuple[0] + "With" ] = list.fireWith;
+		});
+
+		// Make the deferred a promise
+		promise.promise( deferred );
+
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+
+		// All done!
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( subordinate /* , ..., subordinateN */ ) {
+		var i = 0,
+			resolveValues = core_slice.call( arguments ),
+			length = resolveValues.length,
+
+			// the count of uncompleted subordinates
+			remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
+
+			// the master Deferred. If resolveValues consist of only a single Deferred, just use that.
+			deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
+
+			// Update function for both resolve and progress values
+			updateFunc = function( i, contexts, values ) {
+				return function( value ) {
+					contexts[ i ] = this;
+					values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value;
+					if( values === progressValues ) {
+						deferred.notifyWith( contexts, values );
+					} else if ( !( --remaining ) ) {
+						deferred.resolveWith( contexts, values );
+					}
+				};
+			},
+
+			progressValues, progressContexts, resolveContexts;
+
+		// add listeners to Deferred subordinates; treat others as resolved
+		if ( length > 1 ) {
+			progressValues = new Array( length );
+			progressContexts = new Array( length );
+			resolveContexts = new Array( length );
+			for ( ; i < length; i++ ) {
+				if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
+					resolveValues[ i ].promise()
+						.done( updateFunc( i, resolveContexts, resolveValues ) )
+						.fail( deferred.reject )
+						.progress( updateFunc( i, progressContexts, progressValues ) );
+				} else {
+					--remaining;
+				}
+			}
+		}
+
+		// if we're not waiting on anything, resolve the master
+		if ( !remaining ) {
+			deferred.resolveWith( resolveContexts, resolveValues );
+		}
+
+		return deferred.promise();
+	}
+});
+jQuery.support = (function( support ) {
+
+	var all, a, input, select, fragment, opt, eventName, isSupported, i,
+		div = document.createElement("div");
+
+	// Setup
+	div.setAttribute( "className", "t" );
+	div.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+
+	// Finish early in limited (non-browser) environments
+	all = div.getElementsByTagName("*") || [];
+	a = div.getElementsByTagName("a")[ 0 ];
+	if ( !a || !a.style || !all.length ) {
+		return support;
+	}
+
+	// First batch of tests
+	select = document.createElement("select");
+	opt = select.appendChild( document.createElement("option") );
+	input = div.getElementsByTagName("input")[ 0 ];
+
+	a.style.cssText = "top:1px;float:left;opacity:.5";
+
+	// Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
+	support.getSetAttribute = div.className !== "t";
+
+	// IE strips leading whitespace when .innerHTML is used
+	support.leadingWhitespace = div.firstChild.nodeType === 3;
+
+	// Make sure that tbody elements aren't automatically inserted
+	// IE will insert them into empty tables
+	support.tbody = !div.getElementsByTagName("tbody").length;
+
+	// Make sure that link elements get serialized correctly by innerHTML
+	// This requires a wrapper element in IE
+	support.htmlSerialize = !!div.getElementsByTagName("link").length;
+
+	// Get the style information from getAttribute
+	// (IE uses .cssText instead)
+	support.style = /top/.test( a.getAttribute("style") );
+
+	// Make sure that URLs aren't manipulated
+	// (IE normalizes it by default)
+	support.hrefNormalized = a.getAttribute("href") === "/a";
+
+	// Make sure that element opacity exists
+	// (IE uses filter instead)
+	// Use a regex to work around a WebKit issue. See #5145
+	support.opacity = /^0.5/.test( a.style.opacity );
+
+	// Verify style float existence
+	// (IE uses styleFloat instead of cssFloat)
+	support.cssFloat = !!a.style.cssFloat;
+
+	// Check the default checkbox/radio value ("" on WebKit; "on" elsewhere)
+	support.checkOn = !!input.value;
+
+	// Make sure that a selected-by-default option has a working selected property.
+	// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+	support.optSelected = opt.selected;
+
+	// Tests for enctype support on a form (#6743)
+	support.enctype = !!document.createElement("form").enctype;
+
+	// Makes sure cloning an html5 element does not cause problems
+	// Where outerHTML is undefined, this still works
+	support.html5Clone = document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>";
+
+	// Will be defined later
+	support.inlineBlockNeedsLayout = false;
+	support.shrinkWrapBlocks = false;
+	support.pixelPosition = false;
+	support.deleteExpando = true;
+	support.noCloneEvent = true;
+	support.reliableMarginRight = true;
+	support.boxSizingReliable = true;
+
+	// Make sure checked status is properly cloned
+	input.checked = true;
+	support.noCloneChecked = input.cloneNode( true ).checked;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as disabled)
+	select.disabled = true;
+	support.optDisabled = !opt.disabled;
+
+	// Support: IE<9
+	try {
+		delete div.test;
+	} catch( e ) {
+		support.deleteExpando = false;
+	}
+
+	// Check if we can trust getAttribute("value")
+	input = document.createElement("input");
+	input.setAttribute( "value", "" );
+	support.input = input.getAttribute( "value" ) === "";
+
+	// Check if an input maintains its value after becoming a radio
+	input.value = "t";
+	input.setAttribute( "type", "radio" );
+	support.radioValue = input.value === "t";
+
+	// #11217 - WebKit loses check when the name is after the checked attribute
+	input.setAttribute( "checked", "t" );
+	input.setAttribute( "name", "t" );
+
+	fragment = document.createDocumentFragment();
+	fragment.appendChild( input );
+
+	// Check if a disconnected checkbox will retain its checked
+	// value of true after appended to the DOM (IE6/7)
+	support.appendChecked = input.checked;
+
+	// WebKit doesn't clone checked state correctly in fragments
+	support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+	// Support: IE<9
+	// Opera does not clone events (and typeof div.attachEvent === undefined).
+	// IE9-10 clones events bound via attachEvent, but they don't trigger with .click()
+	if ( div.attachEvent ) {
+		div.attachEvent( "onclick", function() {
+			support.noCloneEvent = false;
+		});
+
+		div.cloneNode( true ).click();
+	}
+
+	// Support: IE<9 (lack submit/change bubble), Firefox 17+ (lack focusin event)
+	// Beware of CSP restrictions (https://developer.mozilla.org/en/Security/CSP)
+	for ( i in { submit: true, change: true, focusin: true }) {
+		div.setAttribute( eventName = "on" + i, "t" );
+
+		support[ i + "Bubbles" ] = eventName in window || div.attributes[ eventName ].expando === false;
+	}
+
+	div.style.backgroundClip = "content-box";
+	div.cloneNode( true ).style.backgroundClip = "";
+	support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+	// Support: IE<9
+	// Iteration over object's inherited properties before its own.
+	for ( i in jQuery( support ) ) {
+		break;
+	}
+	support.ownLast = i !== "0";
+
+	// Run tests that need a body at doc ready
+	jQuery(function() {
+		var container, marginDiv, tds,
+			divReset = "padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",
+			body = document.getElementsByTagName("body")[0];
+
+		if ( !body ) {
+			// Return for frameset docs that don't have a body
+			return;
+		}
+
+		container = document.createElement("div");
+		container.style.cssText = "border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";
+
+		body.appendChild( container ).appendChild( div );
+
+		// Support: IE8
+		// Check if table cells still have offsetWidth/Height when they are set
+		// to display:none and there are still other visible table cells in a
+		// table row; if so, offsetWidth/Height are not reliable for use when
+		// determining if an element has been hidden directly using
+		// display:none (it is still safe to use offsets if a parent element is
+		// hidden; don safety goggles and see bug #4512 for more information).
+		div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
+		tds = div.getElementsByTagName("td");
+		tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none";
+		isSupported = ( tds[ 0 ].offsetHeight === 0 );
+
+		tds[ 0 ].style.display = "";
+		tds[ 1 ].style.display = "none";
+
+		// Support: IE8
+		// Check if empty table cells still have offsetWidth/Height
+		support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
+
+		// Check box-sizing and margin behavior.
+		div.innerHTML = "";
+		div.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";
+
+		// Workaround failing boxSizing test due to offsetWidth returning wrong value
+		// with some non-1 values of body zoom, ticket #13543
+		jQuery.swap( body, body.style.zoom != null ? { zoom: 1 } : {}, function() {
+			support.boxSizing = div.offsetWidth === 4;
+		});
+
+		// Use window.getComputedStyle because jsdom on node.js will break without it.
+		if ( window.getComputedStyle ) {
+			support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%";
+			support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px";
+
+			// Check if div with explicit width and no margin-right incorrectly
+			// gets computed margin-right based on width of container. (#3333)
+			// Fails in WebKit before Feb 2011 nightlies
+			// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+			marginDiv = div.appendChild( document.createElement("div") );
+			marginDiv.style.cssText = div.style.cssText = divReset;
+			marginDiv.style.marginRight = marginDiv.style.width = "0";
+			div.style.width = "1px";
+
+			support.reliableMarginRight =
+				!parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight );
+		}
+
+		if ( typeof div.style.zoom !== core_strundefined ) {
+			// Support: IE<8
+			// Check if natively block-level elements act like inline-block
+			// elements when setting their display to 'inline' and giving
+			// them layout
+			div.innerHTML = "";
+			div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1";
+			support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 );
+
+			// Support: IE6
+			// Check if elements with layout shrink-wrap their children
+			div.style.display = "block";
+			div.innerHTML = "<div></div>";
+			div.firstChild.style.width = "5px";
+			support.shrinkWrapBlocks = ( div.offsetWidth !== 3 );
+
+			if ( support.inlineBlockNeedsLayout ) {
+				// Prevent IE 6 from affecting layout for positioned elements #11048
+				// Prevent IE from shrinking the body in IE 7 mode #12869
+				// Support: IE<8
+				body.style.zoom = 1;
+			}
+		}
+
+		body.removeChild( container );
+
+		// Null elements to avoid leaks in IE
+		container = div = tds = marginDiv = null;
+	});
+
+	// Null elements to avoid leaks in IE
+	all = select = fragment = opt = a = input = null;
+
+	return support;
+})({});
+
+var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
+	rmultiDash = /([A-Z])/g;
+
+function internalData( elem, name, data, pvt /* Internal Use Only */ ){
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var ret, thisCache,
+		internalKey = jQuery.expando,
+
+		// We have to handle DOM nodes and JS objects differently because IE6-7
+		// can't GC object references properly across the DOM-JS boundary
+		isNode = elem.nodeType,
+
+		// Only DOM nodes need the global jQuery cache; JS object data is
+		// attached directly to the object so GC can occur automatically
+		cache = isNode ? jQuery.cache : elem,
+
+		// Only defining an ID for JS objects if its cache already exists allows
+		// the code to shortcut on the same path as a DOM node with no cache
+		id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey;
+
+	// Avoid doing any more work than we need to when trying to get data on an
+	// object that has no data at all
+	if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && data === undefined && typeof name === "string" ) {
+		return;
+	}
+
+	if ( !id ) {
+		// Only DOM nodes need a new unique ID for each element since their data
+		// ends up in the global cache
+		if ( isNode ) {
+			id = elem[ internalKey ] = core_deletedIds.pop() || jQuery.guid++;
+		} else {
+			id = internalKey;
+		}
+	}
+
+	if ( !cache[ id ] ) {
+		// Avoid exposing jQuery metadata on plain JS objects when the object
+		// is serialized using JSON.stringify
+		cache[ id ] = isNode ? {} : { toJSON: jQuery.noop };
+	}
+
+	// An object can be passed to jQuery.data instead of a key/value pair; this gets
+	// shallow copied over onto the existing cache
+	if ( typeof name === "object" || typeof name === "function" ) {
+		if ( pvt ) {
+			cache[ id ] = jQuery.extend( cache[ id ], name );
+		} else {
+			cache[ id ].data = jQuery.extend( cache[ id ].data, name );
+		}
+	}
+
+	thisCache = cache[ id ];
+
+	// jQuery data() is stored in a separate object inside the object's internal data
+	// cache in order to avoid key collisions between internal data and user-defined
+	// data.
+	if ( !pvt ) {
+		if ( !thisCache.data ) {
+			thisCache.data = {};
+		}
+
+		thisCache = thisCache.data;
+	}
+
+	if ( data !== undefined ) {
+		thisCache[ jQuery.camelCase( name ) ] = data;
+	}
+
+	// Check for both converted-to-camel and non-converted data property names
+	// If a data property was specified
+	if ( typeof name === "string" ) {
+
+		// First Try to find as-is property data
+		ret = thisCache[ name ];
+
+		// Test for null|undefined property data
+		if ( ret == null ) {
+
+			// Try to find the camelCased property
+			ret = thisCache[ jQuery.camelCase( name ) ];
+		}
+	} else {
+		ret = thisCache;
+	}
+
+	return ret;
+}
+
+function internalRemoveData( elem, name, pvt ) {
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var thisCache, i,
+		isNode = elem.nodeType,
+
+		// See jQuery.data for more information
+		cache = isNode ? jQuery.cache : elem,
+		id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+	// If there is already no cache entry for this object, there is no
+	// purpose in continuing
+	if ( !cache[ id ] ) {
+		return;
+	}
+
+	if ( name ) {
+
+		thisCache = pvt ? cache[ id ] : cache[ id ].data;
+
+		if ( thisCache ) {
+
+			// Support array or space separated string names for data keys
+			if ( !jQuery.isArray( name ) ) {
+
+				// try the string as a key before any manipulation
+				if ( name in thisCache ) {
+					name = [ name ];
+				} else {
+
+					// split the camel cased version by spaces unless a key with the spaces exists
+					name = jQuery.camelCase( name );
+					if ( name in thisCache ) {
+						name = [ name ];
+					} else {
+						name = name.split(" ");
+					}
+				}
+			} else {
+				// If "name" is an array of keys...
+				// When data is initially created, via ("key", "val") signature,
+				// keys will be converted to camelCase.
+				// Since there is no way to tell _how_ a key was added, remove
+				// both plain key and camelCase key. #12786
+				// This will only penalize the array argument path.
+				name = name.concat( jQuery.map( name, jQuery.camelCase ) );
+			}
+
+			i = name.length;
+			while ( i-- ) {
+				delete thisCache[ name[i] ];
+			}
+
+			// If there is no data left in the cache, we want to continue
+			// and let the cache object itself get destroyed
+			if ( pvt ? !isEmptyDataObject(thisCache) : !jQuery.isEmptyObject(thisCache) ) {
+				return;
+			}
+		}
+	}
+
+	// See jQuery.data for more information
+	if ( !pvt ) {
+		delete cache[ id ].data;
+
+		// Don't destroy the parent cache unless the internal data object
+		// had been the only thing left in it
+		if ( !isEmptyDataObject( cache[ id ] ) ) {
+			return;
+		}
+	}
+
+	// Destroy the cache
+	if ( isNode ) {
+		jQuery.cleanData( [ elem ], true );
+
+	// Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
+	/* jshint eqeqeq: false */
+	} else if ( jQuery.support.deleteExpando || cache != cache.window ) {
+		/* jshint eqeqeq: true */
+		delete cache[ id ];
+
+	// When all else fails, null
+	} else {
+		cache[ id ] = null;
+	}
+}
+
+jQuery.extend({
+	cache: {},
+
+	// The following elements throw uncatchable exceptions if you
+	// attempt to add expando properties to them.
+	noData: {
+		"applet": true,
+		"embed": true,
+		// Ban all objects except for Flash (which handle expandos)
+		"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+	},
+
+	hasData: function( elem ) {
+		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
+		return !!elem && !isEmptyDataObject( elem );
+	},
+
+	data: function( elem, name, data ) {
+		return internalData( elem, name, data );
+	},
+
+	removeData: function( elem, name ) {
+		return internalRemoveData( elem, name );
+	},
+
+	// For internal use only.
+	_data: function( elem, name, data ) {
+		return internalData( elem, name, data, true );
+	},
+
+	_removeData: function( elem, name ) {
+		return internalRemoveData( elem, name, true );
+	},
+
+	// A method for determining if a DOM node can handle the data expando
+	acceptData: function( elem ) {
+		// Do not set data on non-element because it will not be cleared (#8335).
+		if ( elem.nodeType && elem.nodeType !== 1 && elem.nodeType !== 9 ) {
+			return false;
+		}
+
+		var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ];
+
+		// nodes accept data unless otherwise specified; rejection can be conditional
+		return !noData || noData !== true && elem.getAttribute("classid") === noData;
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var attrs, name,
+			data = null,
+			i = 0,
+			elem = this[0];
+
+		// Special expections of .data basically thwart jQuery.access,
+		// so implement the relevant behavior ourselves
+
+		// Gets all values
+		if ( key === undefined ) {
+			if ( this.length ) {
+				data = jQuery.data( elem );
+
+				if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) {
+					attrs = elem.attributes;
+					for ( ; i < attrs.length; i++ ) {
+						name = attrs[i].name;
+
+						if ( name.indexOf("data-") === 0 ) {
+							name = jQuery.camelCase( name.slice(5) );
+
+							dataAttr( elem, name, data[ name ] );
+						}
+					}
+					jQuery._data( elem, "parsedAttrs", true );
+				}
+			}
+
+			return data;
+		}
+
+		// Sets multiple values
+		if ( typeof key === "object" ) {
+			return this.each(function() {
+				jQuery.data( this, key );
+			});
+		}
+
+		return arguments.length > 1 ?
+
+			// Sets one value
+			this.each(function() {
+				jQuery.data( this, key, value );
+			}) :
+
+			// Gets one value
+			// Try to fetch any internally stored data first
+			elem ? dataAttr( elem, key, jQuery.data( elem, key ) ) : null;
+	},
+
+	removeData: function( key ) {
+		return this.each(function() {
+			jQuery.removeData( this, key );
+		});
+	}
+});
+
+function dataAttr( elem, key, data ) {
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+
+		var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
+
+		data = elem.getAttribute( name );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+					data === "false" ? false :
+					data === "null" ? null :
+					// Only convert to a number if it doesn't change the string
+					+data + "" === data ? +data :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+						data;
+			} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			jQuery.data( elem, key, data );
+
+		} else {
+			data = undefined;
+		}
+	}
+
+	return data;
+}
+
+// checks a cache object for emptiness
+function isEmptyDataObject( obj ) {
+	var name;
+	for ( name in obj ) {
+
+		// if the public data object is empty, the private is still empty
+		if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
+			continue;
+		}
+		if ( name !== "toJSON" ) {
+			return false;
+		}
+	}
+
+	return true;
+}
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		var queue;
+
+		if ( elem ) {
+			type = ( type || "fx" ) + "queue";
+			queue = jQuery._data( elem, type );
+
+			// Speed up dequeue by getting out quickly if this is just a lookup
+			if ( data ) {
+				if ( !queue || jQuery.isArray(data) ) {
+					queue = jQuery._data( elem, type, jQuery.makeArray(data) );
+				} else {
+					queue.push( data );
+				}
+			}
+			return queue || [];
+		}
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			startLength = queue.length,
+			fn = queue.shift(),
+			hooks = jQuery._queueHooks( elem, type ),
+			next = function() {
+				jQuery.dequeue( elem, type );
+			};
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+			startLength--;
+		}
+
+		hooks.cur = fn;
+		if ( fn ) {
+
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift( "inprogress" );
+			}
+
+			// clear up the last queue stop function
+			delete hooks.stop;
+			fn.call( elem, next, hooks );
+		}
+
+		if ( !startLength && hooks ) {
+			hooks.empty.fire();
+		}
+	},
+
+	// not intended for public consumption - generates a queueHooks object, or returns the current one
+	_queueHooks: function( elem, type ) {
+		var key = type + "queueHooks";
+		return jQuery._data( elem, key ) || jQuery._data( elem, key, {
+			empty: jQuery.Callbacks("once memory").add(function() {
+				jQuery._removeData( elem, type + "queue" );
+				jQuery._removeData( elem, key );
+			})
+		});
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		var setter = 2;
+
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+			setter--;
+		}
+
+		if ( arguments.length < setter ) {
+			return jQuery.queue( this[0], type );
+		}
+
+		return data === undefined ?
+			this :
+			this.each(function() {
+				var queue = jQuery.queue( this, type, data );
+
+				// ensure a hooks for this queue
+				jQuery._queueHooks( this, type );
+
+				if ( type === "fx" && queue[0] !== "inprogress" ) {
+					jQuery.dequeue( this, type );
+				}
+			});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+	// Based off of the plugin by Clint Helfers, with permission.
+	// http://blindsignals.com/index.php/2009/07/jquery-delay/
+	delay: function( time, type ) {
+		time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+		type = type || "fx";
+
+		return this.queue( type, function( next, hooks ) {
+			var timeout = setTimeout( next, time );
+			hooks.stop = function() {
+				clearTimeout( timeout );
+			};
+		});
+	},
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	},
+	// Get a promise resolved when queues of a certain type
+	// are emptied (fx is the type by default)
+	promise: function( type, obj ) {
+		var tmp,
+			count = 1,
+			defer = jQuery.Deferred(),
+			elements = this,
+			i = this.length,
+			resolve = function() {
+				if ( !( --count ) ) {
+					defer.resolveWith( elements, [ elements ] );
+				}
+			};
+
+		if ( typeof type !== "string" ) {
+			obj = type;
+			type = undefined;
+		}
+		type = type || "fx";
+
+		while( i-- ) {
+			tmp = jQuery._data( elements[ i ], type + "queueHooks" );
+			if ( tmp && tmp.empty ) {
+				count++;
+				tmp.empty.add( resolve );
+			}
+		}
+		resolve();
+		return defer.promise( obj );
+	}
+});
+var nodeHook, boolHook,
+	rclass = /[\t\r\n\f]/g,
+	rreturn = /\r/g,
+	rfocusable = /^(?:input|select|textarea|button|object)$/i,
+	rclickable = /^(?:a|area)$/i,
+	ruseDefault = /^(?:checked|selected)$/i,
+	getSetAttribute = jQuery.support.getSetAttribute,
+	getSetInput = jQuery.support.input;
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 );
+	},
+
+	removeAttr: function( name ) {
+		return this.each(function() {
+			jQuery.removeAttr( this, name );
+		});
+	},
+
+	prop: function( name, value ) {
+		return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 );
+	},
+
+	removeProp: function( name ) {
+		name = jQuery.propFix[ name ] || name;
+		return this.each(function() {
+			// try/catch handles cases where IE balks (such as removing a property on window)
+			try {
+				this[ name ] = undefined;
+				delete this[ name ];
+			} catch( e ) {}
+		});
+	},
+
+	addClass: function( value ) {
+		var classes, elem, cur, clazz, j,
+			i = 0,
+			len = this.length,
+			proceed = typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).addClass( value.call( this, j, this.className ) );
+			});
+		}
+
+		if ( proceed ) {
+			// The disjunction here is for better compressibility (see removeClass)
+			classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					" "
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
+							cur += clazz + " ";
+						}
+					}
+					elem.className = jQuery.trim( cur );
+
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		var classes, elem, cur, clazz, j,
+			i = 0,
+			len = this.length,
+			proceed = arguments.length === 0 || typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).removeClass( value.call( this, j, this.className ) );
+			});
+		}
+		if ( proceed ) {
+			classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				// This expression is here for better compressibility (see addClass)
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					""
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						// Remove *all* instances
+						while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
+							cur = cur.replace( " " + clazz + " ", " " );
+						}
+					}
+					elem.className = value ? jQuery.trim( cur ) : "";
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value,
+			isBool = typeof stateVal === "boolean";
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// toggle individual class names
+				var className,
+					i = 0,
+					self = jQuery( this ),
+					state = stateVal,
+					classNames = value.match( core_rnotwhite ) || [];
+
+				while ( (className = classNames[ i++ ]) ) {
+					// check each className given, space separated list
+					state = isBool ? state : !self.hasClass( className );
+					self[ state ? "addClass" : "removeClass" ]( className );
+				}
+
+			// Toggle whole class name
+			} else if ( type === core_strundefined || type === "boolean" ) {
+				if ( this.className ) {
+					// store className if set
+					jQuery._data( this, "__className__", this.className );
+				}
+
+				// If the element has a class name or if we're passed "false",
+				// then remove the whole classname (if there was one, the above saved it).
+				// Otherwise bring back whatever was previously saved (if anything),
+				// falling back to the empty string if nothing was stored.
+				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
+			}
+		});
+	},
+
+	hasClass: function( selector ) {
+		var className = " " + selector + " ",
+			i = 0,
+			l = this.length;
+		for ( ; i < l; i++ ) {
+			if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
+				return true;
+			}
+		}
+
+		return false;
+	},
+
+	val: function( value ) {
+		var ret, hooks, isFunction,
+			elem = this[0];
+
+		if ( !arguments.length ) {
+			if ( elem ) {
+				hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+				if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
+					return ret;
+				}
+
+				ret = elem.value;
+
+				return typeof ret === "string" ?
+					// handle most common string cases
+					ret.replace(rreturn, "") :
+					// handle cases where value is null/undef or number
+					ret == null ? "" : ret;
+			}
+
+			return;
+		}
+
+		isFunction = jQuery.isFunction( value );
+
+		return this.each(function( i ) {
+			var val;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call( this, i, jQuery( this ).val() );
+			} else {
+				val = value;
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+			} else if ( typeof val === "number" ) {
+				val += "";
+			} else if ( jQuery.isArray( val ) ) {
+				val = jQuery.map(val, function ( value ) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+			// If set returns undefined, fall back to normal setting
+			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
+				this.value = val;
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	valHooks: {
+		option: {
+			get: function( elem ) {
+				// Use proper attribute retrieval(#6932, #12072)
+				var val = jQuery.find.attr( elem, "value" );
+				return val != null ?
+					val :
+					elem.text;
+			}
+		},
+		select: {
+			get: function( elem ) {
+				var value, option,
+					options = elem.options,
+					index = elem.selectedIndex,
+					one = elem.type === "select-one" || index < 0,
+					values = one ? null : [],
+					max = one ? index + 1 : options.length,
+					i = index < 0 ?
+						max :
+						one ? index : 0;
+
+				// Loop through all the selected options
+				for ( ; i < max; i++ ) {
+					option = options[ i ];
+
+					// oldIE doesn't update selected after form reset (#2551)
+					if ( ( option.selected || i === index ) &&
+							// Don't return options that are disabled or in a disabled optgroup
+							( jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) &&
+							( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
+
+						// Get the specific value for the option
+						value = jQuery( option ).val();
+
+						// We don't need an array for one selects
+						if ( one ) {
+							return value;
+						}
+
+						// Multi-Selects return an array
+						values.push( value );
+					}
+				}
+
+				return values;
+			},
+
+			set: function( elem, value ) {
+				var optionSet, option,
+					options = elem.options,
+					values = jQuery.makeArray( value ),
+					i = options.length;
+
+				while ( i-- ) {
+					option = options[ i ];
+					if ( (option.selected = jQuery.inArray( jQuery(option).val(), values ) >= 0) ) {
+						optionSet = true;
+					}
+				}
+
+				// force browsers to behave consistently when non-matching value is set
+				if ( !optionSet ) {
+					elem.selectedIndex = -1;
+				}
+				return values;
+			}
+		}
+	},
+
+	attr: function( elem, name, value ) {
+		var hooks, ret,
+			nType = elem.nodeType;
+
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		// Fallback to prop when attributes are not supported
+		if ( typeof elem.getAttribute === core_strundefined ) {
+			return jQuery.prop( elem, name, value );
+		}
+
+		// All attributes are lowercase
+		// Grab necessary hook if one is defined
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+			name = name.toLowerCase();
+			hooks = jQuery.attrHooks[ name ] ||
+				( jQuery.expr.match.bool.test( name ) ? boolHook : nodeHook );
+		}
+
+		if ( value !== undefined ) {
+
+			if ( value === null ) {
+				jQuery.removeAttr( elem, name );
+
+			} else if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
+				return ret;
+
+			} else {
+				elem.setAttribute( name, value + "" );
+				return value;
+			}
+
+		} else if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
+			return ret;
+
+		} else {
+			ret = jQuery.find.attr( elem, name );
+
+			// Non-existent attributes return null, we normalize to undefined
+			return ret == null ?
+				undefined :
+				ret;
+		}
+	},
+
+	removeAttr: function( elem, value ) {
+		var name, propName,
+			i = 0,
+			attrNames = value && value.match( core_rnotwhite );
+
+		if ( attrNames && elem.nodeType === 1 ) {
+			while ( (name = attrNames[i++]) ) {
+				propName = jQuery.propFix[ name ] || name;
+
+				// Boolean attributes get special treatment (#10870)
+				if ( jQuery.expr.match.bool.test( name ) ) {
+					// Set corresponding property to false
+					if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+						elem[ propName ] = false;
+					// Support: IE<9
+					// Also clear defaultChecked/defaultSelected (if appropriate)
+					} else {
+						elem[ jQuery.camelCase( "default-" + name ) ] =
+							elem[ propName ] = false;
+					}
+
+				// See #9699 for explanation of this approach (setting first, then removal)
+				} else {
+					jQuery.attr( elem, name, "" );
+				}
+
+				elem.removeAttribute( getSetAttribute ? name : propName );
+			}
+		}
+	},
+
+	attrHooks: {
+		type: {
+			set: function( elem, value ) {
+				if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
+					// Setting the type on a radio button after the value resets the value in IE6-9
+					// Reset value to default in case type is set after value during creation
+					var val = elem.value;
+					elem.setAttribute( "type", value );
+					if ( val ) {
+						elem.value = val;
+					}
+					return value;
+				}
+			}
+		}
+	},
+
+	propFix: {
+		"for": "htmlFor",
+		"class": "className"
+	},
+
+	prop: function( elem, name, value ) {
+		var ret, hooks, notxml,
+			nType = elem.nodeType;
+
+		// don't get/set properties on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
+
+		if ( notxml ) {
+			// Fix name and attach hooks
+			name = jQuery.propFix[ name ] || name;
+			hooks = jQuery.propHooks[ name ];
+		}
+
+		if ( value !== undefined ) {
+			return hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ?
+				ret :
+				( elem[ name ] = value );
+
+		} else {
+			return hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ?
+				ret :
+				elem[ name ];
+		}
+	},
+
+	propHooks: {
+		tabIndex: {
+			get: function( elem ) {
+				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+				// Use proper attribute retrieval(#12072)
+				var tabindex = jQuery.find.attr( elem, "tabindex" );
+
+				return tabindex ?
+					parseInt( tabindex, 10 ) :
+					rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
+						0 :
+						-1;
+			}
+		}
+	}
+});
+
+// Hooks for boolean attributes
+boolHook = {
+	set: function( elem, value, name ) {
+		if ( value === false ) {
+			// Remove boolean attributes when set to false
+			jQuery.removeAttr( elem, name );
+		} else if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+			// IE<8 needs the *property* name
+			elem.setAttribute( !getSetAttribute && jQuery.propFix[ name ] || name, name );
+
+		// Use defaultChecked and defaultSelected for oldIE
+		} else {
+			elem[ jQuery.camelCase( "default-" + name ) ] = elem[ name ] = true;
+		}
+
+		return name;
+	}
+};
+jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) {
+	var getter = jQuery.expr.attrHandle[ name ] || jQuery.find.attr;
+
+	jQuery.expr.attrHandle[ name ] = getSetInput && getSetAttribute || !ruseDefault.test( name ) ?
+		function( elem, name, isXML ) {
+			var fn = jQuery.expr.attrHandle[ name ],
+				ret = isXML ?
+					undefined :
+					/* jshint eqeqeq: false */
+					(jQuery.expr.attrHandle[ name ] = undefined) !=
+						getter( elem, name, isXML ) ?
+
+						name.toLowerCase() :
+						null;
+			jQuery.expr.attrHandle[ name ] = fn;
+			return ret;
+		} :
+		function( elem, name, isXML ) {
+			return isXML ?
+				undefined :
+				elem[ jQuery.camelCase( "default-" + name ) ] ?
+					name.toLowerCase() :
+					null;
+		};
+});
+
+// fix oldIE attroperties
+if ( !getSetInput || !getSetAttribute ) {
+	jQuery.attrHooks.value = {
+		set: function( elem, value, name ) {
+			if ( jQuery.nodeName( elem, "input" ) ) {
+				// Does not return so that setAttribute is also used
+				elem.defaultValue = value;
+			} else {
+				// Use nodeHook if defined (#1954); otherwise setAttribute is fine
+				return nodeHook && nodeHook.set( elem, value, name );
+			}
+		}
+	};
+}
+
+// IE6/7 do not support getting/setting some attributes with get/setAttribute
+if ( !getSetAttribute ) {
+
+	// Use this for any attribute in IE6/7
+	// This fixes almost every IE6/7 issue
+	nodeHook = {
+		set: function( elem, value, name ) {
+			// Set the existing or create a new attribute node
+			var ret = elem.getAttributeNode( name );
+			if ( !ret ) {
+				elem.setAttributeNode(
+					(ret = elem.ownerDocument.createAttribute( name ))
+				);
+			}
+
+			ret.value = value += "";
+
+			// Break association with cloned elements by also using setAttribute (#9646)
+			return name === "value" || value === elem.getAttribute( name ) ?
+				value :
+				undefined;
+		}
+	};
+	jQuery.expr.attrHandle.id = jQuery.expr.attrHandle.name = jQuery.expr.attrHandle.coords =
+		// Some attributes are constructed with empty-string values when not defined
+		function( elem, name, isXML ) {
+			var ret;
+			return isXML ?
+				undefined :
+				(ret = elem.getAttributeNode( name )) && ret.value !== "" ?
+					ret.value :
+					null;
+		};
+	jQuery.valHooks.button = {
+		get: function( elem, name ) {
+			var ret = elem.getAttributeNode( name );
+			return ret && ret.specified ?
+				ret.value :
+				undefined;
+		},
+		set: nodeHook.set
+	};
+
+	// Set contenteditable to false on removals(#10429)
+	// Setting to empty string throws an error as an invalid value
+	jQuery.attrHooks.contenteditable = {
+		set: function( elem, value, name ) {
+			nodeHook.set( elem, value === "" ? false : value, name );
+		}
+	};
+
+	// Set width and height to auto instead of 0 on empty string( Bug #8150 )
+	// This is for removals
+	jQuery.each([ "width", "height" ], function( i, name ) {
+		jQuery.attrHooks[ name ] = {
+			set: function( elem, value ) {
+				if ( value === "" ) {
+					elem.setAttribute( name, "auto" );
+					return value;
+				}
+			}
+		};
+	});
+}
+
+
+// Some attributes require a special call on IE
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !jQuery.support.hrefNormalized ) {
+	// href/src property should get the full normalized URL (#10299/#12915)
+	jQuery.each([ "href", "src" ], function( i, name ) {
+		jQuery.propHooks[ name ] = {
+			get: function( elem ) {
+				return elem.getAttribute( name, 4 );
+			}
+		};
+	});
+}
+
+if ( !jQuery.support.style ) {
+	jQuery.attrHooks.style = {
+		get: function( elem ) {
+			// Return undefined in the case of empty string
+			// Note: IE uppercases css property names, but if we were to .toLowerCase()
+			// .cssText, that would destroy case senstitivity in URL's, like in "background"
+			return elem.style.cssText || undefined;
+		},
+		set: function( elem, value ) {
+			return ( elem.style.cssText = value + "" );
+		}
+	};
+}
+
+// Safari mis-reports the default selected property of an option
+// Accessing the parent's selectedIndex property fixes it
+if ( !jQuery.support.optSelected ) {
+	jQuery.propHooks.selected = {
+		get: function( elem ) {
+			var parent = elem.parentNode;
+
+			if ( parent ) {
+				parent.selectedIndex;
+
+				// Make sure that it also works with optgroups, see #5701
+				if ( parent.parentNode ) {
+					parent.parentNode.selectedIndex;
+				}
+			}
+			return null;
+		}
+	};
+}
+
+jQuery.each([
+	"tabIndex",
+	"readOnly",
+	"maxLength",
+	"cellSpacing",
+	"cellPadding",
+	"rowSpan",
+	"colSpan",
+	"useMap",
+	"frameBorder",
+	"contentEditable"
+], function() {
+	jQuery.propFix[ this.toLowerCase() ] = this;
+});
+
+// IE6/7 call enctype encoding
+if ( !jQuery.support.enctype ) {
+	jQuery.propFix.enctype = "encoding";
+}
+
+// Radios and checkboxes getter/setter
+jQuery.each([ "radio", "checkbox" ], function() {
+	jQuery.valHooks[ this ] = {
+		set: function( elem, value ) {
+			if ( jQuery.isArray( value ) ) {
+				return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
+			}
+		}
+	};
+	if ( !jQuery.support.checkOn ) {
+		jQuery.valHooks[ this ].get = function( elem ) {
+			// Support: Webkit
+			// "" is returned instead of "on" if a value isn't specified
+			return elem.getAttribute("value") === null ? "on" : elem.value;
+		};
+	}
+});
+var rformElems = /^(?:input|select|textarea)$/i,
+	rkeyEvent = /^key/,
+	rmouseEvent = /^(?:mouse|contextmenu)|click/,
+	rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+	rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;
+
+function returnTrue() {
+	return true;
+}
+
+function returnFalse() {
+	return false;
+}
+
+function safeActiveElement() {
+	try {
+		return document.activeElement;
+	} catch ( err ) { }
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+	global: {},
+
+	add: function( elem, types, handler, data, selector ) {
+		var tmp, events, t, handleObjIn,
+			special, eventHandle, handleObj,
+			handlers, type, namespaces, origType,
+			elemData = jQuery._data( elem );
+
+		// Don't attach events to noData or text/comment nodes (but allow plain objects)
+		if ( !elemData ) {
+			return;
+		}
+
+		// Caller can pass in an object of custom data in lieu of the handler
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+			selector = handleObjIn.selector;
+		}
+
+		// Make sure that the handler has a unique ID, used to find/remove it later
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure and main handler, if this is the first
+		if ( !(events = elemData.events) ) {
+			events = elemData.events = {};
+		}
+		if ( !(eventHandle = elemData.handle) ) {
+			eventHandle = elemData.handle = function( e ) {
+				// Discard the second event of a jQuery.event.trigger() and
+				// when an event is called after a page has unloaded
+				return typeof jQuery !== core_strundefined && (!e || jQuery.event.triggered !== e.type) ?
+					jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
+					undefined;
+			};
+			// Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
+			eventHandle.elem = elem;
+		}
+
+		// Handle multiple events separated by a space
+		types = ( types || "" ).match( core_rnotwhite ) || [""];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// There *must* be a type, no attaching namespace-only handlers
+			if ( !type ) {
+				continue;
+			}
+
+			// If event changes its type, use the special event handlers for the changed type
+			special = jQuery.event.special[ type ] || {};
+
+			// If selector defined, determine special event api type, otherwise given type
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+
+			// Update special based on newly reset type
+			special = jQuery.event.special[ type ] || {};
+
+			// handleObj is passed to all event handlers
+			handleObj = jQuery.extend({
+				type: type,
+				origType: origType,
+				data: data,
+				handler: handler,
+				guid: handler.guid,
+				selector: selector,
+				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+				namespace: namespaces.join(".")
+			}, handleObjIn );
+
+			// Init the event handler queue if we're the first
+			if ( !(handlers = events[ type ]) ) {
+				handlers = events[ type ] = [];
+				handlers.delegateCount = 0;
+
+				// Only use addEventListener/attachEvent if the special events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					// Bind the global event handler to the element
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+
+					} else if ( elem.attachEvent ) {
+						elem.attachEvent( "on" + type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add to the element's handler list, delegates in front
+			if ( selector ) {
+				handlers.splice( handlers.delegateCount++, 0, handleObj );
+			} else {
+				handlers.push( handleObj );
+			}
+
+			// Keep track of which events have ever been used, for event optimization
+			jQuery.event.global[ type ] = true;
+		}
+
+		// Nullify elem to prevent memory leaks in IE
+		elem = null;
+	},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, selector, mappedTypes ) {
+		var j, handleObj, tmp,
+			origCount, t, events,
+			special, handlers, type,
+			namespaces, origType,
+			elemData = jQuery.hasData( elem ) && jQuery._data( elem );
+
+		if ( !elemData || !(events = elemData.events) ) {
+			return;
+		}
+
+		// Once for each type.namespace in types; type may be omitted
+		types = ( types || "" ).match( core_rnotwhite ) || [""];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// Unbind all events (on this namespace, if provided) for the element
+			if ( !type ) {
+				for ( type in events ) {
+					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+				}
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+			handlers = events[ type ] || [];
+			tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" );
+
+			// Remove matching events
+			origCount = j = handlers.length;
+			while ( j-- ) {
+				handleObj = handlers[ j ];
+
+				if ( ( mappedTypes || origType === handleObj.origType ) &&
+					( !handler || handler.guid === handleObj.guid ) &&
+					( !tmp || tmp.test( handleObj.namespace ) ) &&
+					( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
+					handlers.splice( j, 1 );
+
+					if ( handleObj.selector ) {
+						handlers.delegateCount--;
+					}
+					if ( special.remove ) {
+						special.remove.call( elem, handleObj );
+					}
+				}
+			}
+
+			// Remove generic event handler if we removed something and no more handlers exist
+			// (avoids potential for endless recursion during removal of special event handlers)
+			if ( origCount && !handlers.length ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			delete elemData.handle;
+
+			// removeData also checks for emptiness and clears the expando if empty
+			// so use it instead of delete
+			jQuery._removeData( elem, "events" );
+		}
+	},
+
+	trigger: function( event, data, elem, onlyHandlers ) {
+		var handle, ontype, cur,
+			bubbleType, special, tmp, i,
+			eventPath = [ elem || document ],
+			type = core_hasOwn.call( event, "type" ) ? event.type : event,
+			namespaces = core_hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : [];
+
+		cur = tmp = elem = elem || document;
+
+		// Don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// focus/blur morphs to focusin/out; ensure we're not firing them right now
+		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+			return;
+		}
+
+		if ( type.indexOf(".") >= 0 ) {
+			// Namespaced trigger; create a regexp to match event type in handle()
+			namespaces = type.split(".");
+			type = namespaces.shift();
+			namespaces.sort();
+		}
+		ontype = type.indexOf(":") < 0 && "on" + type;
+
+		// Caller can pass in a jQuery.Event object, Object, or just an event type string
+		event = event[ jQuery.expando ] ?
+			event :
+			new jQuery.Event( type, typeof event === "object" && event );
+
+		// Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
+		event.isTrigger = onlyHandlers ? 2 : 3;
+		event.namespace = namespaces.join(".");
+		event.namespace_re = event.namespace ?
+			new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) :
+			null;
+
+		// Clean up the event in case it is being reused
+		event.result = undefined;
+		if ( !event.target ) {
+			event.target = elem;
+		}
+
+		// Clone any incoming data and prepend the event, creating the handler arg list
+		data = data == null ?
+			[ event ] :
+			jQuery.makeArray( data, [ event ] );
+
+		// Allow special events to draw outside the lines
+		special = jQuery.event.special[ type ] || {};
+		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+			return;
+		}
+
+		// Determine event propagation path in advance, per W3C events spec (#9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
+
+			bubbleType = special.delegateType || type;
+			if ( !rfocusMorph.test( bubbleType + type ) ) {
+				cur = cur.parentNode;
+			}
+			for ( ; cur; cur = cur.parentNode ) {
+				eventPath.push( cur );
+				tmp = cur;
+			}
+
+			// Only add window if we got to document (e.g., not plain obj or detached DOM)
+			if ( tmp === (elem.ownerDocument || document) ) {
+				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+			}
+		}
+
+		// Fire handlers on the event path
+		i = 0;
+		while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) {
+
+			event.type = i > 1 ?
+				bubbleType :
+				special.bindType || type;
+
+			// jQuery handler
+			handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
+			if ( handle ) {
+				handle.apply( cur, data );
+			}
+
+			// Native handler
+			handle = ontype && cur[ ontype ];
+			if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) {
+				event.preventDefault();
+			}
+		}
+		event.type = type;
+
+		// If nobody prevented the default action, do it now
+		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+			if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) &&
+				jQuery.acceptData( elem ) ) {
+
+				// Call a native DOM method on the target with the same name name as the event.
+				// Can't use an .isFunction() check here because IE6/7 fails that test.
+				// Don't do default actions on window, that's where global variables be (#6170)
+				if ( ontype && elem[ type ] && !jQuery.isWindow( elem ) ) {
+
+					// Don't re-trigger an onFOO event when we call its FOO() method
+					tmp = elem[ ontype ];
+
+					if ( tmp ) {
+						elem[ ontype ] = null;
+					}
+
+					// Prevent re-triggering of the same event, since we already bubbled it above
+					jQuery.event.triggered = type;
+					try {
+						elem[ type ]();
+					} catch ( e ) {
+						// IE<9 dies on focus/blur to hidden element (#1486,#12518)
+						// only reproducible on winXP IE8 native, not IE9 in IE8 mode
+					}
+					jQuery.event.triggered = undefined;
+
+					if ( tmp ) {
+						elem[ ontype ] = tmp;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	dispatch: function( event ) {
+
+		// Make a writable jQuery.Event from the native event object
+		event = jQuery.event.fix( event );
+
+		var i, ret, handleObj, matched, j,
+			handlerQueue = [],
+			args = core_slice.call( arguments ),
+			handlers = ( jQuery._data( this, "events" ) || {} )[ event.type ] || [],
+			special = jQuery.event.special[ event.type ] || {};
+
+		// Use the fix-ed jQuery.Event rather than the (read-only) native event
+		args[0] = event;
+		event.delegateTarget = this;
+
+		// Call the preDispatch hook for the mapped type, and let it bail if desired
+		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+			return;
+		}
+
+		// Determine handlers
+		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+		// Run delegates first; they may want to stop propagation beneath us
+		i = 0;
+		while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) {
+			event.currentTarget = matched.elem;
+
+			j = 0;
+			while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) {
+
+				// Triggered event must either 1) have no namespace, or
+				// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
+				if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) {
+
+					event.handleObj = handleObj;
+					event.data = handleObj.data;
+
+					ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
+							.apply( matched.elem, args );
+
+					if ( ret !== undefined ) {
+						if ( (event.result = ret) === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+				}
+			}
+		}
+
+		// Call the postDispatch hook for the mapped type
+		if ( special.postDispatch ) {
+			special.postDispatch.call( this, event );
+		}
+
+		return event.result;
+	},
+
+	handlers: function( event, handlers ) {
+		var sel, handleObj, matches, i,
+			handlerQueue = [],
+			delegateCount = handlers.delegateCount,
+			cur = event.target;
+
+		// Find delegate handlers
+		// Black-hole SVG <use> instance trees (#13180)
+		// Avoid non-left-click bubbling in Firefox (#3861)
+		if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) {
+
+			/* jshint eqeqeq: false */
+			for ( ; cur != this; cur = cur.parentNode || this ) {
+				/* jshint eqeqeq: true */
+
+				// Don't check non-elements (#13208)
+				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+				if ( cur.nodeType === 1 && (cur.disabled !== true || event.type !== "click") ) {
+					matches = [];
+					for ( i = 0; i < delegateCount; i++ ) {
+						handleObj = handlers[ i ];
+
+						// Don't conflict with Object.prototype properties (#13203)
+						sel = handleObj.selector + " ";
+
+						if ( matches[ sel ] === undefined ) {
+							matches[ sel ] = handleObj.needsContext ?
+								jQuery( sel, this ).index( cur ) >= 0 :
+								jQuery.find( sel, this, null, [ cur ] ).length;
+						}
+						if ( matches[ sel ] ) {
+							matches.push( handleObj );
+						}
+					}
+					if ( matches.length ) {
+						handlerQueue.push({ elem: cur, handlers: matches });
+					}
+				}
+			}
+		}
+
+		// Add the remaining (directly-bound) handlers
+		if ( delegateCount < handlers.length ) {
+			handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) });
+		}
+
+		return handlerQueue;
+	},
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// Create a writable copy of the event object and normalize some properties
+		var i, prop, copy,
+			type = event.type,
+			originalEvent = event,
+			fixHook = this.fixHooks[ type ];
+
+		if ( !fixHook ) {
+			this.fixHooks[ type ] = fixHook =
+				rmouseEvent.test( type ) ? this.mouseHooks :
+				rkeyEvent.test( type ) ? this.keyHooks :
+				{};
+		}
+		copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
+
+		event = new jQuery.Event( originalEvent );
+
+		i = copy.length;
+		while ( i-- ) {
+			prop = copy[ i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Support: IE<9
+		// Fix target property (#1925)
+		if ( !event.target ) {
+			event.target = originalEvent.srcElement || document;
+		}
+
+		// Support: Chrome 23+, Safari?
+		// Target should not be a text node (#504, #13143)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		// Support: IE<9
+		// For mouse/key events, metaKey==false if it's undefined (#3368, #11328)
+		event.metaKey = !!event.metaKey;
+
+		return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
+	},
+
+	// Includes some event props shared by KeyEvent and MouseEvent
+	props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
+
+	fixHooks: {},
+
+	keyHooks: {
+		props: "char charCode key keyCode".split(" "),
+		filter: function( event, original ) {
+
+			// Add which for key events
+			if ( event.which == null ) {
+				event.which = original.charCode != null ? original.charCode : original.keyCode;
+			}
+
+			return event;
+		}
+	},
+
+	mouseHooks: {
+		props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
+		filter: function( event, original ) {
+			var body, eventDoc, doc,
+				button = original.button,
+				fromElement = original.fromElement;
+
+			// Calculate pageX/Y if missing and clientX/Y available
+			if ( event.pageX == null && original.clientX != null ) {
+				eventDoc = event.target.ownerDocument || document;
+				doc = eventDoc.documentElement;
+				body = eventDoc.body;
+
+				event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+				event.pageY = original.clientY + ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) - ( doc && doc.clientTop  || body && body.clientTop  || 0 );
+			}
+
+			// Add relatedTarget, if necessary
+			if ( !event.relatedTarget && fromElement ) {
+				event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
+			}
+
+			// Add which for click: 1 === left; 2 === middle; 3 === right
+			// Note: button is not normalized, so don't use it
+			if ( !event.which && button !== undefined ) {
+				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
+			}
+
+			return event;
+		}
+	},
+
+	special: {
+		load: {
+			// Prevent triggered image.load events from bubbling to window.load
+			noBubble: true
+		},
+		focus: {
+			// Fire native event if possible so blur/focus sequence is correct
+			trigger: function() {
+				if ( this !== safeActiveElement() && this.focus ) {
+					try {
+						this.focus();
+						return false;
+					} catch ( e ) {
+						// Support: IE<9
+						// If we error on focus to hidden element (#1486, #12518),
+						// let .trigger() run the handlers
+					}
+				}
+			},
+			delegateType: "focusin"
+		},
+		blur: {
+			trigger: function() {
+				if ( this === safeActiveElement() && this.blur ) {
+					this.blur();
+					return false;
+				}
+			},
+			delegateType: "focusout"
+		},
+		click: {
+			// For checkbox, fire native event so checked state will be right
+			trigger: function() {
+				if ( jQuery.nodeName( this, "input" ) && this.type === "checkbox" && this.click ) {
+					this.click();
+					return false;
+				}
+			},
+
+			// For cross-browser consistency, don't fire native .click() on links
+			_default: function( event ) {
+				return jQuery.nodeName( event.target, "a" );
+			}
+		},
+
+		beforeunload: {
+			postDispatch: function( event ) {
+
+				// Even when returnValue equals to undefined Firefox will still show alert
+				if ( event.result !== undefined ) {
+					event.originalEvent.returnValue = event.result;
+				}
+			}
+		}
+	},
+
+	simulate: function( type, elem, event, bubble ) {
+		// Piggyback on a donor event to simulate a different one.
+		// Fake originalEvent to avoid donor's stopPropagation, but if the
+		// simulated event prevents default then we do the same on the donor.
+		var e = jQuery.extend(
+			new jQuery.Event(),
+			event,
+			{
+				type: type,
+				isSimulated: true,
+				originalEvent: {}
+			}
+		);
+		if ( bubble ) {
+			jQuery.event.trigger( e, null, elem );
+		} else {
+			jQuery.event.dispatch.call( elem, e );
+		}
+		if ( e.isDefaultPrevented() ) {
+			event.preventDefault();
+		}
+	}
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+	function( elem, type, handle ) {
+		if ( elem.removeEventListener ) {
+			elem.removeEventListener( type, handle, false );
+		}
+	} :
+	function( elem, type, handle ) {
+		var name = "on" + type;
+
+		if ( elem.detachEvent ) {
+
+			// #8545, #7054, preventing memory leaks for custom events in IE6-8
+			// detachEvent needed property on element, by name of that event, to properly expose it to GC
+			if ( typeof elem[ name ] === core_strundefined ) {
+				elem[ name ] = null;
+			}
+
+			elem.detachEvent( name, handle );
+		}
+	};
+
+jQuery.Event = function( src, props ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !(this instanceof jQuery.Event) ) {
+		return new jQuery.Event( src, props );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
+			src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// Put explicitly provided properties onto the event object
+	if ( props ) {
+		jQuery.extend( this, props );
+	}
+
+	// Create a timestamp if incoming event doesn't have one
+	this.timeStamp = src && src.timeStamp || jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse,
+
+	preventDefault: function() {
+		var e = this.originalEvent;
+
+		this.isDefaultPrevented = returnTrue;
+		if ( !e ) {
+			return;
+		}
+
+		// If preventDefault exists, run it on the original event
+		if ( e.preventDefault ) {
+			e.preventDefault();
+
+		// Support: IE
+		// Otherwise set the returnValue property of the original event to false
+		} else {
+			e.returnValue = false;
+		}
+	},
+	stopPropagation: function() {
+		var e = this.originalEvent;
+
+		this.isPropagationStopped = returnTrue;
+		if ( !e ) {
+			return;
+		}
+		// If stopPropagation exists, run it on the original event
+		if ( e.stopPropagation ) {
+			e.stopPropagation();
+		}
+
+		// Support: IE
+		// Set the cancelBubble property of the original event to true
+		e.cancelBubble = true;
+	},
+	stopImmediatePropagation: function() {
+		this.isImmediatePropagationStopped = returnTrue;
+		this.stopPropagation();
+	}
+};
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		delegateType: fix,
+		bindType: fix,
+
+		handle: function( event ) {
+			var ret,
+				target = this,
+				related = event.relatedTarget,
+				handleObj = event.handleObj;
+
+			// For mousenter/leave call the handler if related is outside the target.
+			// NB: No relatedTarget if the mouse left/entered the browser window
+			if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
+				event.type = handleObj.origType;
+				ret = handleObj.handler.apply( this, arguments );
+				event.type = fix;
+			}
+			return ret;
+		}
+	};
+});
+
+// IE submit delegation
+if ( !jQuery.support.submitBubbles ) {
+
+	jQuery.event.special.submit = {
+		setup: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Lazy-add a submit handler when a descendant form may potentially be submitted
+			jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
+				// Node name check avoids a VML-related crash in IE (#9807)
+				var elem = e.target,
+					form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
+				if ( form && !jQuery._data( form, "submitBubbles" ) ) {
+					jQuery.event.add( form, "submit._submit", function( event ) {
+						event._submit_bubble = true;
+					});
+					jQuery._data( form, "submitBubbles", true );
+				}
+			});
+			// return undefined since we don't need an event listener
+		},
+
+		postDispatch: function( event ) {
+			// If form was submitted by the user, bubble the event up the tree
+			if ( event._submit_bubble ) {
+				delete event._submit_bubble;
+				if ( this.parentNode && !event.isTrigger ) {
+					jQuery.event.simulate( "submit", this.parentNode, event, true );
+				}
+			}
+		},
+
+		teardown: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Remove delegated handlers; cleanData eventually reaps submit handlers attached above
+			jQuery.event.remove( this, "._submit" );
+		}
+	};
+}
+
+// IE change delegation and checkbox/radio fix
+if ( !jQuery.support.changeBubbles ) {
+
+	jQuery.event.special.change = {
+
+		setup: function() {
+
+			if ( rformElems.test( this.nodeName ) ) {
+				// IE doesn't fire change on a check/radio until blur; trigger it on click
+				// after a propertychange. Eat the blur-change in special.change.handle.
+				// This still fires onchange a second time for check/radio after blur.
+				if ( this.type === "checkbox" || this.type === "radio" ) {
+					jQuery.event.add( this, "propertychange._change", function( event ) {
+						if ( event.originalEvent.propertyName === "checked" ) {
+							this._just_changed = true;
+						}
+					});
+					jQuery.event.add( this, "click._change", function( event ) {
+						if ( this._just_changed && !event.isTrigger ) {
+							this._just_changed = false;
+						}
+						// Allow triggered, simulated change events (#11500)
+						jQuery.event.simulate( "change", this, event, true );
+					});
+				}
+				return false;
+			}
+			// Delegated event; lazy-add a change handler on descendant inputs
+			jQuery.event.add( this, "beforeactivate._change", function( e ) {
+				var elem = e.target;
+
+				if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "changeBubbles" ) ) {
+					jQuery.event.add( elem, "change._change", function( event ) {
+						if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
+							jQuery.event.simulate( "change", this.parentNode, event, true );
+						}
+					});
+					jQuery._data( elem, "changeBubbles", true );
+				}
+			});
+		},
+
+		handle: function( event ) {
+			var elem = event.target;
+
+			// Swallow native change events from checkbox/radio, we already triggered them above
+			if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
+				return event.handleObj.handler.apply( this, arguments );
+			}
+		},
+
+		teardown: function() {
+			jQuery.event.remove( this, "._change" );
+
+			return !rformElems.test( this.nodeName );
+		}
+	};
+}
+
+// Create "bubbling" focus and blur events
+if ( !jQuery.support.focusinBubbles ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+
+		// Attach a single capturing handler while someone wants focusin/focusout
+		var attaches = 0,
+			handler = function( event ) {
+				jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
+			};
+
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				if ( attaches++ === 0 ) {
+					document.addEventListener( orig, handler, true );
+				}
+			},
+			teardown: function() {
+				if ( --attaches === 0 ) {
+					document.removeEventListener( orig, handler, true );
+				}
+			}
+		};
+	});
+}
+
+jQuery.fn.extend({
+
+	on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
+		var type, origFn;
+
+		// Types can be a map of types/handlers
+		if ( typeof types === "object" ) {
+			// ( types-Object, selector, data )
+			if ( typeof selector !== "string" ) {
+				// ( types-Object, data )
+				data = data || selector;
+				selector = undefined;
+			}
+			for ( type in types ) {
+				this.on( type, selector, data, types[ type ], one );
+			}
+			return this;
+		}
+
+		if ( data == null && fn == null ) {
+			// ( types, fn )
+			fn = selector;
+			data = selector = undefined;
+		} else if ( fn == null ) {
+			if ( typeof selector === "string" ) {
+				// ( types, selector, fn )
+				fn = data;
+				data = undefined;
+			} else {
+				// ( types, data, fn )
+				fn = data;
+				data = selector;
+				selector = undefined;
+			}
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		} else if ( !fn ) {
+			return this;
+		}
+
+		if ( one === 1 ) {
+			origFn = fn;
+			fn = function( event ) {
+				// Can use an empty set, since event contains the info
+				jQuery().off( event );
+				return origFn.apply( this, arguments );
+			};
+			// Use same guid so caller can remove using origFn
+			fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+		}
+		return this.each( function() {
+			jQuery.event.add( this, types, fn, data, selector );
+		});
+	},
+	one: function( types, selector, data, fn ) {
+		return this.on( types, selector, data, fn, 1 );
+	},
+	off: function( types, selector, fn ) {
+		var handleObj, type;
+		if ( types && types.preventDefault && types.handleObj ) {
+			// ( event )  dispatched jQuery.Event
+			handleObj = types.handleObj;
+			jQuery( types.delegateTarget ).off(
+				handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
+				handleObj.selector,
+				handleObj.handler
+			);
+			return this;
+		}
+		if ( typeof types === "object" ) {
+			// ( types-object [, selector] )
+			for ( type in types ) {
+				this.off( type, selector, types[ type ] );
+			}
+			return this;
+		}
+		if ( selector === false || typeof selector === "function" ) {
+			// ( types [, fn] )
+			fn = selector;
+			selector = undefined;
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		}
+		return this.each(function() {
+			jQuery.event.remove( this, types, fn, selector );
+		});
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+	triggerHandler: function( type, data ) {
+		var elem = this[0];
+		if ( elem ) {
+			return jQuery.event.trigger( type, data, elem, true );
+		}
+	}
+});
+var isSimple = /^.[^:#\[\.,]*$/,
+	rparentsprev = /^(?:parents|prev(?:Until|All))/,
+	rneedsContext = jQuery.expr.match.needsContext,
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.fn.extend({
+	find: function( selector ) {
+		var i,
+			ret = [],
+			self = this,
+			len = self.length;
+
+		if ( typeof selector !== "string" ) {
+			return this.pushStack( jQuery( selector ).filter(function() {
+				for ( i = 0; i < len; i++ ) {
+					if ( jQuery.contains( self[ i ], this ) ) {
+						return true;
+					}
+				}
+			}) );
+		}
+
+		for ( i = 0; i < len; i++ ) {
+			jQuery.find( selector, self[ i ], ret );
+		}
+
+		// Needed because $( selector, context ) becomes $( context ).find( selector )
+		ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
+		ret.selector = this.selector ? this.selector + " " + selector : selector;
+		return ret;
+	},
+
+	has: function( target ) {
+		var i,
+			targets = jQuery( target, this ),
+			len = targets.length;
+
+		return this.filter(function() {
+			for ( i = 0; i < len; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], true) );
+	},
+
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], false) );
+	},
+
+	is: function( selector ) {
+		return !!winnow(
+			this,
+
+			// If this is a positional/relative selector, check membership in the returned set
+			// so $("p:first").is("p:last") won't return true for a doc with two "p".
+			typeof selector === "string" && rneedsContext.test( selector ) ?
+				jQuery( selector ) :
+				selector || [],
+			false
+		).length;
+	},
+
+	closest: function( selectors, context ) {
+		var cur,
+			i = 0,
+			l = this.length,
+			ret = [],
+			pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
+				jQuery( selectors, context || this.context ) :
+				0;
+
+		for ( ; i < l; i++ ) {
+			for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) {
+				// Always skip document fragments
+				if ( cur.nodeType < 11 && (pos ?
+					pos.index(cur) > -1 :
+
+					// Don't pass non-elements to Sizzle
+					cur.nodeType === 1 &&
+						jQuery.find.matchesSelector(cur, selectors)) ) {
+
+					cur = ret.push( cur );
+					break;
+				}
+			}
+		}
+
+		return this.pushStack( ret.length > 1 ? jQuery.unique( ret ) : ret );
+	},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+
+		// No argument, return index in parent
+		if ( !elem ) {
+			return ( this[0] && this[0].parentNode ) ? this.first().prevAll().length : -1;
+		}
+
+		// index in selector
+		if ( typeof elem === "string" ) {
+			return jQuery.inArray( this[0], jQuery( elem ) );
+		}
+
+		// Locate the position of the desired element
+		return jQuery.inArray(
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[0] : elem, this );
+	},
+
+	add: function( selector, context ) {
+		var set = typeof selector === "string" ?
+				jQuery( selector, context ) :
+				jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
+			all = jQuery.merge( this.get(), set );
+
+		return this.pushStack( jQuery.unique(all) );
+	},
+
+	addBack: function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter(selector)
+		);
+	}
+});
+
+function sibling( cur, dir ) {
+	do {
+		cur = cur[ dir ];
+	} while ( cur && cur.nodeType !== 1 );
+
+	return cur;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return sibling( elem, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return sibling( elem, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return jQuery.nodeName( elem, "iframe" ) ?
+			elem.contentDocument || elem.contentWindow.document :
+			jQuery.merge( [], elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var ret = jQuery.map( this, fn, until );
+
+		if ( name.slice( -5 ) !== "Until" ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			ret = jQuery.filter( selector, ret );
+		}
+
+		if ( this.length > 1 ) {
+			// Remove duplicates
+			if ( !guaranteedUnique[ name ] ) {
+				ret = jQuery.unique( ret );
+			}
+
+			// Reverse order for parents* and prev-derivatives
+			if ( rparentsprev.test( name ) ) {
+				ret = ret.reverse();
+			}
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+jQuery.extend({
+	filter: function( expr, elems, not ) {
+		var elem = elems[ 0 ];
+
+		if ( not ) {
+			expr = ":not(" + expr + ")";
+		}
+
+		return elems.length === 1 && elem.nodeType === 1 ?
+			jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] :
+			jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+				return elem.nodeType === 1;
+			}));
+	},
+
+	dir: function( elem, dir, until ) {
+		var matched = [],
+			cur = elem[ dir ];
+
+		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
+			if ( cur.nodeType === 1 ) {
+				matched.push( cur );
+			}
+			cur = cur[dir];
+		}
+		return matched;
+	},
+
+	sibling: function( n, elem ) {
+		var r = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				r.push( n );
+			}
+		}
+
+		return r;
+	}
+});
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep( elements, function( elem, i ) {
+			/* jshint -W018 */
+			return !!qualifier.call( elem, i, elem ) !== not;
+		});
+
+	}
+
+	if ( qualifier.nodeType ) {
+		return jQuery.grep( elements, function( elem ) {
+			return ( elem === qualifier ) !== not;
+		});
+
+	}
+
+	if ( typeof qualifier === "string" ) {
+		if ( isSimple.test( qualifier ) ) {
+			return jQuery.filter( qualifier, elements, not );
+		}
+
+		qualifier = jQuery.filter( qualifier, elements );
+	}
+
+	return jQuery.grep( elements, function( elem ) {
+		return ( jQuery.inArray( elem, qualifier ) >= 0 ) !== not;
+	});
+}
+function createSafeFragment( document ) {
+	var list = nodeNames.split( "|" ),
+		safeFrag = document.createDocumentFragment();
+
+	if ( safeFrag.createElement ) {
+		while ( list.length ) {
+			safeFrag.createElement(
+				list.pop()
+			);
+		}
+	}
+	return safeFrag;
+}
+
+var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" +
+		"header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
+	rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g,
+	rnoshimcache = new RegExp("<(?:" + nodeNames + ")[\\s/>]", "i"),
+	rleadingWhitespace = /^\s+/,
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
+	rtagName = /<([\w:]+)/,
+	rtbody = /<tbody/i,
+	rhtml = /<|&#?\w+;/,
+	rnoInnerhtml = /<(?:script|style|link)/i,
+	manipulation_rcheckableType = /^(?:checkbox|radio)$/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	rscriptType = /^$|\/(?:java|ecma)script/i,
+	rscriptTypeMasked = /^true\/(.*)/,
+	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
+
+	// We have to close these tags to support XHTML (#13200)
+	wrapMap = {
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+		legend: [ 1, "<fieldset>", "</fieldset>" ],
+		area: [ 1, "<map>", "</map>" ],
+		param: [ 1, "<object>", "</object>" ],
+		thead: [ 1, "<table>", "</table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+		// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
+		// unless wrapped in a div with non-breaking characters in front of it.
+		_default: jQuery.support.htmlSerialize ? [ 0, "", "" ] : [ 1, "X<div>", "</div>"  ]
+	},
+	safeFragment = createSafeFragment( document ),
+	fragmentDiv = safeFragment.appendChild( document.createElement("div") );
+
+wrapMap.optgroup = wrapMap.option;
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+jQuery.fn.extend({
+	text: function( value ) {
+		return jQuery.access( this, function( value ) {
+			return value === undefined ?
+				jQuery.text( this ) :
+				this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
+		}, null, value, arguments.length );
+	},
+
+	append: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.appendChild( elem );
+			}
+		});
+	},
+
+	prepend: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.insertBefore( elem, target.firstChild );
+			}
+		});
+	},
+
+	before: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this );
+			}
+		});
+	},
+
+	after: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			}
+		});
+	},
+
+	// keepData is for internal use only--do not document
+	remove: function( selector, keepData ) {
+		var elem,
+			elems = selector ? jQuery.filter( selector, this ) : this,
+			i = 0;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+
+			if ( !keepData && elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem ) );
+			}
+
+			if ( elem.parentNode ) {
+				if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
+					setGlobalEval( getAll( elem, "script" ) );
+				}
+				elem.parentNode.removeChild( elem );
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		var elem,
+			i = 0;
+
+		for ( ; (elem = this[i]) != null; i++ ) {
+			// Remove element nodes and prevent memory leaks
+			if ( elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem, false ) );
+			}
+
+			// Remove any remaining nodes
+			while ( elem.firstChild ) {
+				elem.removeChild( elem.firstChild );
+			}
+
+			// If this is a select, ensure that it displays empty (#12336)
+			// Support: IE<9
+			if ( elem.options && jQuery.nodeName( elem, "select" ) ) {
+				elem.options.length = 0;
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map( function () {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		return jQuery.access( this, function( value ) {
+			var elem = this[0] || {},
+				i = 0,
+				l = this.length;
+
+			if ( value === undefined ) {
+				return elem.nodeType === 1 ?
+					elem.innerHTML.replace( rinlinejQuery, "" ) :
+					undefined;
+			}
+
+			// See if we can take a shortcut and just use innerHTML
+			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+				( jQuery.support.htmlSerialize || !rnoshimcache.test( value )  ) &&
+				( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&
+				!wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) {
+
+				value = value.replace( rxhtmlTag, "<$1></$2>" );
+
+				try {
+					for (; i < l; i++ ) {
+						// Remove element nodes and prevent memory leaks
+						elem = this[i] || {};
+						if ( elem.nodeType === 1 ) {
+							jQuery.cleanData( getAll( elem, false ) );
+							elem.innerHTML = value;
+						}
+					}
+
+					elem = 0;
+
+				// If using innerHTML throws an exception, use the fallback method
+				} catch(e) {}
+			}
+
+			if ( elem ) {
+				this.empty().append( value );
+			}
+		}, null, value, arguments.length );
+	},
+
+	replaceWith: function() {
+		var
+			// Snapshot the DOM in case .domManip sweeps something relevant into its fragment
+			args = jQuery.map( this, function( elem ) {
+				return [ elem.nextSibling, elem.parentNode ];
+			}),
+			i = 0;
+
+		// Make the changes, replacing each context element with the new content
+		this.domManip( arguments, function( elem ) {
+			var next = args[ i++ ],
+				parent = args[ i++ ];
+
+			if ( parent ) {
+				// Don't use the snapshot next if it has moved (#13810)
+				if ( next && next.parentNode !== parent ) {
+					next = this.nextSibling;
+				}
+				jQuery( this ).remove();
+				parent.insertBefore( elem, next );
+			}
+		// Allow new content to include elements from the context set
+		}, true );
+
+		// Force removal if there was no new content (e.g., from empty arguments)
+		return i ? this : this.remove();
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, callback, allowIntersection ) {
+
+		// Flatten any nested arrays
+		args = core_concat.apply( [], args );
+
+		var first, node, hasScripts,
+			scripts, doc, fragment,
+			i = 0,
+			l = this.length,
+			set = this,
+			iNoClone = l - 1,
+			value = args[0],
+			isFunction = jQuery.isFunction( value );
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( isFunction || !( l <= 1 || typeof value !== "string" || jQuery.support.checkClone || !rchecked.test( value ) ) ) {
+			return this.each(function( index ) {
+				var self = set.eq( index );
+				if ( isFunction ) {
+					args[0] = value.call( this, index, self.html() );
+				}
+				self.domManip( args, callback, allowIntersection );
+			});
+		}
+
+		if ( l ) {
+			fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, !allowIntersection && this );
+			first = fragment.firstChild;
+
+			if ( fragment.childNodes.length === 1 ) {
+				fragment = first;
+			}
+
+			if ( first ) {
+				scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+				hasScripts = scripts.length;
+
+				// Use the original fragment for the last item instead of the first because it can end up
+				// being emptied incorrectly in certain situations (#8070).
+				for ( ; i < l; i++ ) {
+					node = fragment;
+
+					if ( i !== iNoClone ) {
+						node = jQuery.clone( node, true, true );
+
+						// Keep references to cloned scripts for later restoration
+						if ( hasScripts ) {
+							jQuery.merge( scripts, getAll( node, "script" ) );
+						}
+					}
+
+					callback.call( this[i], node, i );
+				}
+
+				if ( hasScripts ) {
+					doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+					// Reenable scripts
+					jQuery.map( scripts, restoreScript );
+
+					// Evaluate executable scripts on first document insertion
+					for ( i = 0; i < hasScripts; i++ ) {
+						node = scripts[ i ];
+						if ( rscriptType.test( node.type || "" ) &&
+							!jQuery._data( node, "globalEval" ) && jQuery.contains( doc, node ) ) {
+
+							if ( node.src ) {
+								// Hope ajax is available...
+								jQuery._evalUrl( node.src );
+							} else {
+								jQuery.globalEval( ( node.text || node.textContent || node.innerHTML || "" ).replace( rcleanScript, "" ) );
+							}
+						}
+					}
+				}
+
+				// Fix #11809: Avoid leaking memory
+				fragment = first = null;
+			}
+		}
+
+		return this;
+	}
+});
+
+// Support: IE<8
+// Manipulating tables requires a tbody
+function manipulationTarget( elem, content ) {
+	return jQuery.nodeName( elem, "table" ) &&
+		jQuery.nodeName( content.nodeType === 1 ? content : content.firstChild, "tr" ) ?
+
+		elem.getElementsByTagName("tbody")[0] ||
+			elem.appendChild( elem.ownerDocument.createElement("tbody") ) :
+		elem;
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+	elem.type = (jQuery.find.attr( elem, "type" ) !== null) + "/" + elem.type;
+	return elem;
+}
+function restoreScript( elem ) {
+	var match = rscriptTypeMasked.exec( elem.type );
+	if ( match ) {
+		elem.type = match[1];
+	} else {
+		elem.removeAttribute("type");
+	}
+	return elem;
+}
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+	var elem,
+		i = 0;
+	for ( ; (elem = elems[i]) != null; i++ ) {
+		jQuery._data( elem, "globalEval", !refElements || jQuery._data( refElements[i], "globalEval" ) );
+	}
+}
+
+function cloneCopyEvent( src, dest ) {
+
+	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+		return;
+	}
+
+	var type, i, l,
+		oldData = jQuery._data( src ),
+		curData = jQuery._data( dest, oldData ),
+		events = oldData.events;
+
+	if ( events ) {
+		delete curData.handle;
+		curData.events = {};
+
+		for ( type in events ) {
+			for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+				jQuery.event.add( dest, type, events[ type ][ i ] );
+			}
+		}
+	}
+
+	// make the cloned public data object a copy from the original
+	if ( curData.data ) {
+		curData.data = jQuery.extend( {}, curData.data );
+	}
+}
+
+function fixCloneNodeIssues( src, dest ) {
+	var nodeName, e, data;
+
+	// We do not need to do anything for non-Elements
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	nodeName = dest.nodeName.toLowerCase();
+
+	// IE6-8 copies events bound via attachEvent when using cloneNode.
+	if ( !jQuery.support.noCloneEvent && dest[ jQuery.expando ] ) {
+		data = jQuery._data( dest );
+
+		for ( e in data.events ) {
+			jQuery.removeEvent( dest, e, data.handle );
+		}
+
+		// Event data gets referenced instead of copied if the expando gets copied too
+		dest.removeAttribute( jQuery.expando );
+	}
+
+	// IE blanks contents when cloning scripts, and tries to evaluate newly-set text
+	if ( nodeName === "script" && dest.text !== src.text ) {
+		disableScript( dest ).text = src.text;
+		restoreScript( dest );
+
+	// IE6-10 improperly clones children of object elements using classid.
+	// IE10 throws NoModificationAllowedError if parent is null, #12132.
+	} else if ( nodeName === "object" ) {
+		if ( dest.parentNode ) {
+			dest.outerHTML = src.outerHTML;
+		}
+
+		// This path appears unavoidable for IE9. When cloning an object
+		// element in IE9, the outerHTML strategy above is not sufficient.
+		// If the src has innerHTML and the destination does not,
+		// copy the src.innerHTML into the dest.innerHTML. #10324
+		if ( jQuery.support.html5Clone && ( src.innerHTML && !jQuery.trim(dest.innerHTML) ) ) {
+			dest.innerHTML = src.innerHTML;
+		}
+
+	} else if ( nodeName === "input" && manipulation_rcheckableType.test( src.type ) ) {
+		// IE6-8 fails to persist the checked state of a cloned checkbox
+		// or radio button. Worse, IE6-7 fail to give the cloned element
+		// a checked appearance if the defaultChecked value isn't also set
+
+		dest.defaultChecked = dest.checked = src.checked;
+
+		// IE6-7 get confused and end up setting the value of a cloned
+		// checkbox/radio button to an empty string instead of "on"
+		if ( dest.value !== src.value ) {
+			dest.value = src.value;
+		}
+
+	// IE6-8 fails to return the selected option to the default selected
+	// state when cloning options
+	} else if ( nodeName === "option" ) {
+		dest.defaultSelected = dest.selected = src.defaultSelected;
+
+	// IE6-8 fails to set the defaultValue to the correct value when
+	// cloning other types of input fields
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+}
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var elems,
+			i = 0,
+			ret = [],
+			insert = jQuery( selector ),
+			last = insert.length - 1;
+
+		for ( ; i <= last; i++ ) {
+			elems = i === last ? this : this.clone(true);
+			jQuery( insert[i] )[ original ]( elems );
+
+			// Modern browsers can apply jQuery collections as arrays, but oldIE needs a .get()
+			core_push.apply( ret, elems.get() );
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+function getAll( context, tag ) {
+	var elems, elem,
+		i = 0,
+		found = typeof context.getElementsByTagName !== core_strundefined ? context.getElementsByTagName( tag || "*" ) :
+			typeof context.querySelectorAll !== core_strundefined ? context.querySelectorAll( tag || "*" ) :
+			undefined;
+
+	if ( !found ) {
+		for ( found = [], elems = context.childNodes || context; (elem = elems[i]) != null; i++ ) {
+			if ( !tag || jQuery.nodeName( elem, tag ) ) {
+				found.push( elem );
+			} else {
+				jQuery.merge( found, getAll( elem, tag ) );
+			}
+		}
+	}
+
+	return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
+		jQuery.merge( [ context ], found ) :
+		found;
+}
+
+// Used in buildFragment, fixes the defaultChecked property
+function fixDefaultChecked( elem ) {
+	if ( manipulation_rcheckableType.test( elem.type ) ) {
+		elem.defaultChecked = elem.checked;
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var destElements, node, clone, i, srcElements,
+			inPage = jQuery.contains( elem.ownerDocument, elem );
+
+		if ( jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) {
+			clone = elem.cloneNode( true );
+
+		// IE<=8 does not properly clone detached, unknown element nodes
+		} else {
+			fragmentDiv.innerHTML = elem.outerHTML;
+			fragmentDiv.removeChild( clone = fragmentDiv.firstChild );
+		}
+
+		if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
+				(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
+
+			// We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
+			destElements = getAll( clone );
+			srcElements = getAll( elem );
+
+			// Fix all IE cloning issues
+			for ( i = 0; (node = srcElements[i]) != null; ++i ) {
+				// Ensure that the destination node is not null; Fixes #9587
+				if ( destElements[i] ) {
+					fixCloneNodeIssues( node, destElements[i] );
+				}
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			if ( deepDataAndEvents ) {
+				srcElements = srcElements || getAll( elem );
+				destElements = destElements || getAll( clone );
+
+				for ( i = 0; (node = srcElements[i]) != null; i++ ) {
+					cloneCopyEvent( node, destElements[i] );
+				}
+			} else {
+				cloneCopyEvent( elem, clone );
+			}
+		}
+
+		// Preserve script evaluation history
+		destElements = getAll( clone, "script" );
+		if ( destElements.length > 0 ) {
+			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+		}
+
+		destElements = srcElements = node = null;
+
+		// Return the cloned set
+		return clone;
+	},
+
+	buildFragment: function( elems, context, scripts, selection ) {
+		var j, elem, contains,
+			tmp, tag, tbody, wrap,
+			l = elems.length,
+
+			// Ensure a safe fragment
+			safe = createSafeFragment( context ),
+
+			nodes = [],
+			i = 0;
+
+		for ( ; i < l; i++ ) {
+			elem = elems[ i ];
+
+			if ( elem || elem === 0 ) {
+
+				// Add nodes directly
+				if ( jQuery.type( elem ) === "object" ) {
+					jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+				// Convert non-html into a text node
+				} else if ( !rhtml.test( elem ) ) {
+					nodes.push( context.createTextNode( elem ) );
+
+				// Convert html into DOM nodes
+				} else {
+					tmp = tmp || safe.appendChild( context.createElement("div") );
+
+					// Deserialize a standard representation
+					tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase();
+					wrap = wrapMap[ tag ] || wrapMap._default;
+
+					tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, "<$1></$2>" ) + wrap[2];
+
+					// Descend through wrappers to the right content
+					j = wrap[0];
+					while ( j-- ) {
+						tmp = tmp.lastChild;
+					}
+
+					// Manually add leading whitespace removed by IE
+					if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+						nodes.push( context.createTextNode( rleadingWhitespace.exec( elem )[0] ) );
+					}
+
+					// Remove IE's autoinserted <tbody> from table fragments
+					if ( !jQuery.support.tbody ) {
+
+						// String was a <table>, *may* have spurious <tbody>
+						elem = tag === "table" && !rtbody.test( elem ) ?
+							tmp.firstChild :
+
+							// String was a bare <thead> or <tfoot>
+							wrap[1] === "<table>" && !rtbody.test( elem ) ?
+								tmp :
+								0;
+
+						j = elem && elem.childNodes.length;
+						while ( j-- ) {
+							if ( jQuery.nodeName( (tbody = elem.childNodes[j]), "tbody" ) && !tbody.childNodes.length ) {
+								elem.removeChild( tbody );
+							}
+						}
+					}
+
+					jQuery.merge( nodes, tmp.childNodes );
+
+					// Fix #12392 for WebKit and IE > 9
+					tmp.textContent = "";
+
+					// Fix #12392 for oldIE
+					while ( tmp.firstChild ) {
+						tmp.removeChild( tmp.firstChild );
+					}
+
+					// Remember the top-level container for proper cleanup
+					tmp = safe.lastChild;
+				}
+			}
+		}
+
+		// Fix #11356: Clear elements from fragment
+		if ( tmp ) {
+			safe.removeChild( tmp );
+		}
+
+		// Reset defaultChecked for any radios and checkboxes
+		// about to be appended to the DOM in IE 6/7 (#8060)
+		if ( !jQuery.support.appendChecked ) {
+			jQuery.grep( getAll( nodes, "input" ), fixDefaultChecked );
+		}
+
+		i = 0;
+		while ( (elem = nodes[ i++ ]) ) {
+
+			// #4087 - If origin and destination elements are the same, and this is
+			// that element, do not do anything
+			if ( selection && jQuery.inArray( elem, selection ) !== -1 ) {
+				continue;
+			}
+
+			contains = jQuery.contains( elem.ownerDocument, elem );
+
+			// Append to fragment
+			tmp = getAll( safe.appendChild( elem ), "script" );
+
+			// Preserve script evaluation history
+			if ( contains ) {
+				setGlobalEval( tmp );
+			}
+
+			// Capture executables
+			if ( scripts ) {
+				j = 0;
+				while ( (elem = tmp[ j++ ]) ) {
+					if ( rscriptType.test( elem.type || "" ) ) {
+						scripts.push( elem );
+					}
+				}
+			}
+		}
+
+		tmp = null;
+
+		return safe;
+	},
+
+	cleanData: function( elems, /* internal */ acceptData ) {
+		var elem, type, id, data,
+			i = 0,
+			internalKey = jQuery.expando,
+			cache = jQuery.cache,
+			deleteExpando = jQuery.support.deleteExpando,
+			special = jQuery.event.special;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+
+			if ( acceptData || jQuery.acceptData( elem ) ) {
+
+				id = elem[ internalKey ];
+				data = id && cache[ id ];
+
+				if ( data ) {
+					if ( data.events ) {
+						for ( type in data.events ) {
+							if ( special[ type ] ) {
+								jQuery.event.remove( elem, type );
+
+							// This is a shortcut to avoid jQuery.event.remove's overhead
+							} else {
+								jQuery.removeEvent( elem, type, data.handle );
+							}
+						}
+					}
+
+					// Remove cache only if it was not already removed by jQuery.event.remove
+					if ( cache[ id ] ) {
+
+						delete cache[ id ];
+
+						// IE does not allow us to delete expando properties from nodes,
+						// nor does it have a removeAttribute function on Document nodes;
+						// we must handle all of these cases
+						if ( deleteExpando ) {
+							delete elem[ internalKey ];
+
+						} else if ( typeof elem.removeAttribute !== core_strundefined ) {
+							elem.removeAttribute( internalKey );
+
+						} else {
+							elem[ internalKey ] = null;
+						}
+
+						core_deletedIds.push( id );
+					}
+				}
+			}
+		}
+	},
+
+	_evalUrl: function( url ) {
+		return jQuery.ajax({
+			url: url,
+			type: "GET",
+			dataType: "script",
+			async: false,
+			global: false,
+			"throws": true
+		});
+	}
+});
+jQuery.fn.extend({
+	wrapAll: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[0] ) {
+			// The elements to wrap the target around
+			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
+
+			if ( this[0].parentNode ) {
+				wrap.insertBefore( this[0] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+					elem = elem.firstChild;
+				}
+
+				return elem;
+			}).append( this );
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		var isFunction = jQuery.isFunction( html );
+
+		return this.each(function(i) {
+			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	}
+});
+var iframe, getStyles, curCSS,
+	ralpha = /alpha\([^)]*\)/i,
+	ropacity = /opacity\s*=\s*([^)]*)/,
+	rposition = /^(top|right|bottom|left)$/,
+	// swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
+	// see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+	rmargin = /^margin/,
+	rnumsplit = new RegExp( "^(" + core_pnum + ")(.*)$", "i" ),
+	rnumnonpx = new RegExp( "^(" + core_pnum + ")(?!px)[a-z%]+$", "i" ),
+	rrelNum = new RegExp( "^([+-])=(" + core_pnum + ")", "i" ),
+	elemdisplay = { BODY: "block" },
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssNormalTransform = {
+		letterSpacing: 0,
+		fontWeight: 400
+	},
+
+	cssExpand = [ "Top", "Right", "Bottom", "Left" ],
+	cssPrefixes = [ "Webkit", "O", "Moz", "ms" ];
+
+// return a css property mapped to a potentially vendor prefixed property
+function vendorPropName( style, name ) {
+
+	// shortcut for names that are not vendor prefixed
+	if ( name in style ) {
+		return name;
+	}
+
+	// check for vendor prefixed names
+	var capName = name.charAt(0).toUpperCase() + name.slice(1),
+		origName = name,
+		i = cssPrefixes.length;
+
+	while ( i-- ) {
+		name = cssPrefixes[ i ] + capName;
+		if ( name in style ) {
+			return name;
+		}
+	}
+
+	return origName;
+}
+
+function isHidden( elem, el ) {
+	// isHidden might be called from jQuery#filter function;
+	// in that case, element will be second argument
+	elem = el || elem;
+	return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
+}
+
+function showHide( elements, show ) {
+	var display, elem, hidden,
+		values = [],
+		index = 0,
+		length = elements.length;
+
+	for ( ; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+
+		values[ index ] = jQuery._data( elem, "olddisplay" );
+		display = elem.style.display;
+		if ( show ) {
+			// Reset the inline display of this element to learn if it is
+			// being hidden by cascaded rules or not
+			if ( !values[ index ] && display === "none" ) {
+				elem.style.display = "";
+			}
+
+			// Set elements which have been overridden with display: none
+			// in a stylesheet to whatever the default browser style is
+			// for such an element
+			if ( elem.style.display === "" && isHidden( elem ) ) {
+				values[ index ] = jQuery._data( elem, "olddisplay", css_defaultDisplay(elem.nodeName) );
+			}
+		} else {
+
+			if ( !values[ index ] ) {
+				hidden = isHidden( elem );
+
+				if ( display && display !== "none" || !hidden ) {
+					jQuery._data( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) );
+				}
+			}
+		}
+	}
+
+	// Set the display of most of the elements in a second loop
+	// to avoid the constant reflow
+	for ( index = 0; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+		if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
+			elem.style.display = show ? values[ index ] || "" : "none";
+		}
+	}
+
+	return elements;
+}
+
+jQuery.fn.extend({
+	css: function( name, value ) {
+		return jQuery.access( this, function( elem, name, value ) {
+			var len, styles,
+				map = {},
+				i = 0;
+
+			if ( jQuery.isArray( name ) ) {
+				styles = getStyles( elem );
+				len = name.length;
+
+				for ( ; i < len; i++ ) {
+					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+				}
+
+				return map;
+			}
+
+			return value !== undefined ?
+				jQuery.style( elem, name, value ) :
+				jQuery.css( elem, name );
+		}, name, value, arguments.length > 1 );
+	},
+	show: function() {
+		return showHide( this, true );
+	},
+	hide: function() {
+		return showHide( this );
+	},
+	toggle: function( state ) {
+		var bool = typeof state === "boolean";
+
+		return this.each(function() {
+			if ( bool ? state : isHidden( this ) ) {
+				jQuery( this ).show();
+			} else {
+				jQuery( this ).hide();
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity" );
+					return ret === "" ? "1" : ret;
+				}
+			}
+		}
+	},
+
+	// Don't automatically add "px" to these possibly-unitless properties
+	cssNumber: {
+		"columnCount": true,
+		"fillOpacity": true,
+		"fontWeight": true,
+		"lineHeight": true,
+		"opacity": true,
+		"orphans": true,
+		"widows": true,
+		"zIndex": true,
+		"zoom": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		// normalize float css property
+		"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, type, hooks,
+			origName = jQuery.camelCase( name ),
+			style = elem.style;
+
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			type = typeof value;
+
+			// convert relative number strings (+= or -=) to relative numbers. #7345
+			if ( type === "string" && (ret = rrelNum.exec( value )) ) {
+				value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
+				// Fixes bug #9237
+				type = "number";
+			}
+
+			// Make sure that NaN and null values aren't set. See: #7116
+			if ( value == null || type === "number" && isNaN( value ) ) {
+				return;
+			}
+
+			// If a number was passed in, add 'px' to the (except for certain CSS properties)
+			if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// Fixes #8908, it can be done more correctly by specifing setters in cssHooks,
+			// but it would mean to define eight (for every problematic property) identical functions
+			if ( !jQuery.support.clearCloneStyle && value === "" && name.indexOf("background") === 0 ) {
+				style[ name ] = "inherit";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
+
+				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
+				// Fixes bug #5509
+				try {
+					style[ name ] = value;
+				} catch(e) {}
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra, styles ) {
+		var num, val, hooks,
+			origName = jQuery.camelCase( name );
+
+		// Make sure that we're working with the right name
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks ) {
+			val = hooks.get( elem, true, extra );
+		}
+
+		// Otherwise, if a way to get the computed value exists, use that
+		if ( val === undefined ) {
+			val = curCSS( elem, name, styles );
+		}
+
+		//convert "normal" to computed value
+		if ( val === "normal" && name in cssNormalTransform ) {
+			val = cssNormalTransform[ name ];
+		}
+
+		// Return, converting to number if forced or a qualifier was provided and val looks numeric
+		if ( extra === "" || extra ) {
+			num = parseFloat( val );
+			return extra === true || jQuery.isNumeric( num ) ? num || 0 : val;
+		}
+		return val;
+	}
+});
+
+// NOTE: we've included the "window" in window.getComputedStyle
+// because jsdom on node.js will break without it.
+if ( window.getComputedStyle ) {
+	getStyles = function( elem ) {
+		return window.getComputedStyle( elem, null );
+	};
+
+	curCSS = function( elem, name, _computed ) {
+		var width, minWidth, maxWidth,
+			computed = _computed || getStyles( elem ),
+
+			// getPropertyValue is only needed for .css('filter') in IE9, see #12537
+			ret = computed ? computed.getPropertyValue( name ) || computed[ name ] : undefined,
+			style = elem.style;
+
+		if ( computed ) {
+
+			if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
+				ret = jQuery.style( elem, name );
+			}
+
+			// A tribute to the "awesome hack by Dean Edwards"
+			// Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right
+			// Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
+			// this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
+			if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
+
+				// Remember the original values
+				width = style.width;
+				minWidth = style.minWidth;
+				maxWidth = style.maxWidth;
+
+				// Put in the new values to get a computed value out
+				style.minWidth = style.maxWidth = style.width = ret;
+				ret = computed.width;
+
+				// Revert the changed values
+				style.width = width;
+				style.minWidth = minWidth;
+				style.maxWidth = maxWidth;
+			}
+		}
+
+		return ret;
+	};
+} else if ( document.documentElement.currentStyle ) {
+	getStyles = function( elem ) {
+		return elem.currentStyle;
+	};
+
+	curCSS = function( elem, name, _computed ) {
+		var left, rs, rsLeft,
+			computed = _computed || getStyles( elem ),
+			ret = computed ? computed[ name ] : undefined,
+			style = elem.style;
+
+		// Avoid setting ret to empty string here
+		// so we don't default to auto
+		if ( ret == null && style && style[ name ] ) {
+			ret = style[ name ];
+		}
+
+		// From the awesome hack by Dean Edwards
+		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+		// If we're not dealing with a regular pixel number
+		// but a number that has a weird ending, we need to convert it to pixels
+		// but not position css attributes, as those are proportional to the parent element instead
+		// and we can't measure the parent instead because it might trigger a "stacking dolls" problem
+		if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) {
+
+			// Remember the original values
+			left = style.left;
+			rs = elem.runtimeStyle;
+			rsLeft = rs && rs.left;
+
+			// Put in the new values to get a computed value out
+			if ( rsLeft ) {
+				rs.left = elem.currentStyle.left;
+			}
+			style.left = name === "fontSize" ? "1em" : ret;
+			ret = style.pixelLeft + "px";
+
+			// Revert the changed values
+			style.left = left;
+			if ( rsLeft ) {
+				rs.left = rsLeft;
+			}
+		}
+
+		return ret === "" ? "auto" : ret;
+	};
+}
+
+function setPositiveNumber( elem, value, subtract ) {
+	var matches = rnumsplit.exec( value );
+	return matches ?
+		// Guard against undefined "subtract", e.g., when used as in cssHooks
+		Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
+		value;
+}
+
+function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
+	var i = extra === ( isBorderBox ? "border" : "content" ) ?
+		// If we already have the right measurement, avoid augmentation
+		4 :
+		// Otherwise initialize for horizontal or vertical properties
+		name === "width" ? 1 : 0,
+
+		val = 0;
+
+	for ( ; i < 4; i += 2 ) {
+		// both box models exclude margin, so add it if we want it
+		if ( extra === "margin" ) {
+			val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
+		}
+
+		if ( isBorderBox ) {
+			// border-box includes padding, so remove it if we want content
+			if ( extra === "content" ) {
+				val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+			}
+
+			// at this point, extra isn't border nor margin, so remove border
+			if ( extra !== "margin" ) {
+				val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		} else {
+			// at this point, extra isn't content, so add padding
+			val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+			// at this point, extra isn't content nor padding, so add border
+			if ( extra !== "padding" ) {
+				val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		}
+	}
+
+	return val;
+}
+
+function getWidthOrHeight( elem, name, extra ) {
+
+	// Start with offset property, which is equivalent to the border-box value
+	var valueIsBorderBox = true,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
+		styles = getStyles( elem ),
+		isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+	// some non-html elements return undefined for offsetWidth, so check for null/undefined
+	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+	if ( val <= 0 || val == null ) {
+		// Fall back to computed then uncomputed css if necessary
+		val = curCSS( elem, name, styles );
+		if ( val < 0 || val == null ) {
+			val = elem.style[ name ];
+		}
+
+		// Computed unit is not pixels. Stop here and return.
+		if ( rnumnonpx.test(val) ) {
+			return val;
+		}
+
+		// we need the check for style in case a browser which returns unreliable values
+		// for getComputedStyle silently falls back to the reliable elem.style
+		valueIsBorderBox = isBorderBox && ( jQuery.support.boxSizingReliable || val === elem.style[ name ] );
+
+		// Normalize "", auto, and prepare for extra
+		val = parseFloat( val ) || 0;
+	}
+
+	// use the active box-sizing model to add/subtract irrelevant styles
+	return ( val +
+		augmentWidthOrHeight(
+			elem,
+			name,
+			extra || ( isBorderBox ? "border" : "content" ),
+			valueIsBorderBox,
+			styles
+		)
+	) + "px";
+}
+
+// Try to determine the default display value of an element
+function css_defaultDisplay( nodeName ) {
+	var doc = document,
+		display = elemdisplay[ nodeName ];
+
+	if ( !display ) {
+		display = actualDisplay( nodeName, doc );
+
+		// If the simple way fails, read from inside an iframe
+		if ( display === "none" || !display ) {
+			// Use the already-created iframe if possible
+			iframe = ( iframe ||
+				jQuery("<iframe frameborder='0' width='0' height='0'/>")
+				.css( "cssText", "display:block !important" )
+			).appendTo( doc.documentElement );
+
+			// Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
+			doc = ( iframe[0].contentWindow || iframe[0].contentDocument ).document;
+			doc.write("<!doctype html><html><body>");
+			doc.close();
+
+			display = actualDisplay( nodeName, doc );
+			iframe.detach();
+		}
+
+		// Store the correct default display
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return display;
+}
+
+// Called ONLY from within css_defaultDisplay
+function actualDisplay( name, doc ) {
+	var elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
+		display = jQuery.css( elem[0], "display" );
+	elem.remove();
+	return display;
+}
+
+jQuery.each([ "height", "width" ], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			if ( computed ) {
+				// certain elements can have dimension info if we invisibly show them
+				// however, it must have a current display style that would benefit from this
+				return elem.offsetWidth === 0 && rdisplayswap.test( jQuery.css( elem, "display" ) ) ?
+					jQuery.swap( elem, cssShow, function() {
+						return getWidthOrHeight( elem, name, extra );
+					}) :
+					getWidthOrHeight( elem, name, extra );
+			}
+		},
+
+		set: function( elem, value, extra ) {
+			var styles = extra && getStyles( elem );
+			return setPositiveNumber( elem, value, extra ?
+				augmentWidthOrHeight(
+					elem,
+					name,
+					extra,
+					jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+					styles
+				) : 0
+			);
+		}
+	};
+});
+
+if ( !jQuery.support.opacity ) {
+	jQuery.cssHooks.opacity = {
+		get: function( elem, computed ) {
+			// IE uses filters for opacity
+			return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
+				( 0.01 * parseFloat( RegExp.$1 ) ) + "" :
+				computed ? "1" : "";
+		},
+
+		set: function( elem, value ) {
+			var style = elem.style,
+				currentStyle = elem.currentStyle,
+				opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
+				filter = currentStyle && currentStyle.filter || style.filter || "";
+
+			// IE has trouble with opacity if it does not have layout
+			// Force it by setting the zoom level
+			style.zoom = 1;
+
+			// if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
+			// if value === "", then remove inline opacity #12685
+			if ( ( value >= 1 || value === "" ) &&
+					jQuery.trim( filter.replace( ralpha, "" ) ) === "" &&
+					style.removeAttribute ) {
+
+				// Setting style.filter to null, "" & " " still leave "filter:" in the cssText
+				// if "filter:" is present at all, clearType is disabled, we want to avoid this
+				// style.removeAttribute is IE Only, but so apparently is this code path...
+				style.removeAttribute( "filter" );
+
+				// if there is no filter style applied in a css rule or unset inline opacity, we are done
+				if ( value === "" || currentStyle && !currentStyle.filter ) {
+					return;
+				}
+			}
+
+			// otherwise, set new filter values
+			style.filter = ralpha.test( filter ) ?
+				filter.replace( ralpha, opacity ) :
+				filter + " " + opacity;
+		}
+	};
+}
+
+// These hooks cannot be added until DOM ready because the support test
+// for it is not run until after DOM ready
+jQuery(function() {
+	if ( !jQuery.support.reliableMarginRight ) {
+		jQuery.cssHooks.marginRight = {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+					// Work around by temporarily setting element display to inline-block
+					return jQuery.swap( elem, { "display": "inline-block" },
+						curCSS, [ elem, "marginRight" ] );
+				}
+			}
+		};
+	}
+
+	// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+	// getComputedStyle returns percent when specified for top/left/bottom/right
+	// rather than make the css module depend on the offset module, we just check for it here
+	if ( !jQuery.support.pixelPosition && jQuery.fn.position ) {
+		jQuery.each( [ "top", "left" ], function( i, prop ) {
+			jQuery.cssHooks[ prop ] = {
+				get: function( elem, computed ) {
+					if ( computed ) {
+						computed = curCSS( elem, prop );
+						// if curCSS returns percentage, fallback to offset
+						return rnumnonpx.test( computed ) ?
+							jQuery( elem ).position()[ prop ] + "px" :
+							computed;
+					}
+				}
+			};
+		});
+	}
+
+});
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.hidden = function( elem ) {
+		// Support: Opera <= 12.12
+		// Opera reports offsetWidths and offsetHeights less than zero on some elements
+		return elem.offsetWidth <= 0 && elem.offsetHeight <= 0 ||
+			(!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
+	};
+
+	jQuery.expr.filters.visible = function( elem ) {
+		return !jQuery.expr.filters.hidden( elem );
+	};
+}
+
+// These hooks are used by animate to expand properties
+jQuery.each({
+	margin: "",
+	padding: "",
+	border: "Width"
+}, function( prefix, suffix ) {
+	jQuery.cssHooks[ prefix + suffix ] = {
+		expand: function( value ) {
+			var i = 0,
+				expanded = {},
+
+				// assumes a single number if not a string
+				parts = typeof value === "string" ? value.split(" ") : [ value ];
+
+			for ( ; i < 4; i++ ) {
+				expanded[ prefix + cssExpand[ i ] + suffix ] =
+					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+			}
+
+			return expanded;
+		}
+	};
+
+	if ( !rmargin.test( prefix ) ) {
+		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+	}
+});
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+	rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+jQuery.fn.extend({
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+	serializeArray: function() {
+		return this.map(function(){
+			// Can add propHook for "elements" to filter or add form elements
+			var elements = jQuery.prop( this, "elements" );
+			return elements ? jQuery.makeArray( elements ) : this;
+		})
+		.filter(function(){
+			var type = this.type;
+			// Use .is(":disabled") so that fieldset[disabled] works
+			return this.name && !jQuery( this ).is( ":disabled" ) &&
+				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+				( this.checked || !manipulation_rcheckableType.test( type ) );
+		})
+		.map(function( i, elem ){
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val ){
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+//Serialize an array of form elements or a set of
+//key/values into a query string
+jQuery.param = function( a, traditional ) {
+	var prefix,
+		s = [],
+		add = function( key, value ) {
+			// If value is a function, invoke it and return its value
+			value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
+			s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+		};
+
+	// Set traditional to true for jQuery <= 1.3.2 behavior.
+	if ( traditional === undefined ) {
+		traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+	}
+
+	// If an array was passed in, assume that it is an array of form elements.
+	if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+		// Serialize the form elements
+		jQuery.each( a, function() {
+			add( this.name, this.value );
+		});
+
+	} else {
+		// If traditional, encode the "old" way (the way 1.3.2 or older
+		// did it), otherwise encode params recursively.
+		for ( prefix in a ) {
+			buildParams( prefix, a[ prefix ], traditional, add );
+		}
+	}
+
+	// Return the resulting serialization
+	return s.join( "&" ).replace( r20, "+" );
+};
+
+function buildParams( prefix, obj, traditional, add ) {
+	var name;
+
+	if ( jQuery.isArray( obj ) ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// Item is non-scalar (array or object), encode its numeric index.
+				buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && jQuery.type( obj ) === "object" ) {
+		// Serialize object item.
+		for ( name in obj ) {
+			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		return arguments.length > 0 ?
+			this.on( name, null, data, fn ) :
+			this.trigger( name );
+	};
+});
+
+jQuery.fn.extend({
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	},
+
+	bind: function( types, data, fn ) {
+		return this.on( types, null, data, fn );
+	},
+	unbind: function( types, fn ) {
+		return this.off( types, null, fn );
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.on( types, selector, data, fn );
+	},
+	undelegate: function( selector, types, fn ) {
+		// ( namespace ) or ( selector, types [, fn] )
+		return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
+	}
+});
+var
+	// Document location
+	ajaxLocParts,
+	ajaxLocation,
+	ajax_nonce = jQuery.now(),
+
+	ajax_rquery = /\?/,
+	rhash = /#.*$/,
+	rts = /([?&])_=[^&]*/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rurl = /^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,
+
+	// Keep a copy of the old load method
+	_load = jQuery.fn.load,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+	allTypes = "*/".concat("*");
+
+// #8138, IE may throw an exception when accessing
+// a field from window.location if document.domain has been set
+try {
+	ajaxLocation = location.href;
+} catch( e ) {
+	// Use the href attribute of an A element
+	// since IE will modify it given document.location
+	ajaxLocation = document.createElement( "a" );
+	ajaxLocation.href = "";
+	ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		var dataType,
+			i = 0,
+			dataTypes = dataTypeExpression.toLowerCase().match( core_rnotwhite ) || [];
+
+		if ( jQuery.isFunction( func ) ) {
+			// For each dataType in the dataTypeExpression
+			while ( (dataType = dataTypes[i++]) ) {
+				// Prepend if requested
+				if ( dataType[0] === "+" ) {
+					dataType = dataType.slice( 1 ) || "*";
+					(structure[ dataType ] = structure[ dataType ] || []).unshift( func );
+
+				// Otherwise append
+				} else {
+					(structure[ dataType ] = structure[ dataType ] || []).push( func );
+				}
+			}
+		}
+	};
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+	var inspected = {},
+		seekingTransport = ( structure === transports );
+
+	function inspect( dataType ) {
+		var selected;
+		inspected[ dataType ] = true;
+		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+			if( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+				options.dataTypes.unshift( dataTypeOrTransport );
+				inspect( dataTypeOrTransport );
+				return false;
+			} else if ( seekingTransport ) {
+				return !( selected = dataTypeOrTransport );
+			}
+		});
+		return selected;
+	}
+
+	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes #9887
+function ajaxExtend( target, src ) {
+	var deep, key,
+		flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+	for ( key in src ) {
+		if ( src[ key ] !== undefined ) {
+			( flatOptions[ key ] ? target : ( deep || (deep = {}) ) )[ key ] = src[ key ];
+		}
+	}
+	if ( deep ) {
+		jQuery.extend( true, target, deep );
+	}
+
+	return target;
+}
+
+jQuery.fn.load = function( url, params, callback ) {
+	if ( typeof url !== "string" && _load ) {
+		return _load.apply( this, arguments );
+	}
+
+	var selector, response, type,
+		self = this,
+		off = url.indexOf(" ");
+
+	if ( off >= 0 ) {
+		selector = url.slice( off, url.length );
+		url = url.slice( 0, off );
+	}
+
+	// If it's a function
+	if ( jQuery.isFunction( params ) ) {
+
+		// We assume that it's the callback
+		callback = params;
+		params = undefined;
+
+	// Otherwise, build a param string
+	} else if ( params && typeof params === "object" ) {
+		type = "POST";
+	}
+
+	// If we have elements to modify, make the request
+	if ( self.length > 0 ) {
+		jQuery.ajax({
+			url: url,
+
+			// if "type" variable is undefined, then "GET" method will be used
+			type: type,
+			dataType: "html",
+			data: params
+		}).done(function( responseText ) {
+
+			// Save response for use in complete callback
+			response = arguments;
+
+			self.html( selector ?
+
+				// If a selector was specified, locate the right elements in a dummy div
+				// Exclude scripts to avoid IE 'Permission Denied' errors
+				jQuery("<div>").append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+				// Otherwise use the full result
+				responseText );
+
+		}).complete( callback && function( jqXHR, status ) {
+			self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
+		});
+	}
+
+	return this;
+};
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ){
+	jQuery.fn[ type ] = function( fn ){
+		return this.on( type, fn );
+	};
+});
+
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		type: "GET",
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		processData: true,
+		async: true,
+		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		throws: false,
+		traditional: false,
+		headers: {},
+		*/
+
+		accepts: {
+			"*": allTypes,
+			text: "text/plain",
+			html: "text/html",
+			xml: "application/xml, text/xml",
+			json: "application/json, text/javascript"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText",
+			json: "responseJSON"
+		},
+
+		// Data converters
+		// Keys separate source (or catchall "*") and destination types with a single space
+		converters: {
+
+			// Convert anything to text
+			"* text": String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		},
+
+		// For options that shouldn't be deep extended:
+		// you can add your own custom options here if
+		// and when you create one that shouldn't be
+		// deep extended (see ajaxExtend)
+		flatOptions: {
+			url: true,
+			context: true
+		}
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function( target, settings ) {
+		return settings ?
+
+			// Building a settings object
+			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+			// Extending ajaxSettings
+			ajaxExtend( jQuery.ajaxSettings, target );
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var // Cross-domain detection vars
+			parts,
+			// Loop variable
+			i,
+			// URL without anti-cache param
+			cacheURL,
+			// Response headers as string
+			responseHeadersString,
+			// timeout handle
+			timeoutTimer,
+
+			// To know if global events are to be dispatched
+			fireGlobals,
+
+			transport,
+			// Response headers
+			responseHeaders,
+			// Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events is callbackContext if it is a DOM node or jQuery collection
+			globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
+				jQuery( callbackContext ) :
+				jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery.Callbacks("once memory"),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			requestHeadersNames = {},
+			// The jqXHR state
+			state = 0,
+			// Default abort message
+			strAbort = "canceled",
+			// Fake xhr
+			jqXHR = {
+				readyState: 0,
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while ( (match = rheaders.exec( responseHeadersString )) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match == null ? null : match;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					var lname = name.toLowerCase();
+					if ( !state ) {
+						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
+						requestHeaders[ name ] = value;
+					}
+					return this;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Status-dependent callbacks
+				statusCode: function( map ) {
+					var code;
+					if ( map ) {
+						if ( state < 2 ) {
+							for ( code in map ) {
+								// Lazy-add the new callback in a way that preserves old ones
+								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+							}
+						} else {
+							// Execute the appropriate callbacks
+							jqXHR.always( map[ jqXHR.status ] );
+						}
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					var finalText = statusText || strAbort;
+					if ( transport ) {
+						transport.abort( finalText );
+					}
+					done( 0, finalText );
+					return this;
+				}
+			};
+
+		// Attach deferreds
+		deferred.promise( jqXHR ).complete = completeDeferred.add;
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+		// Handle falsy url in the settings object (#10093: consistency with old signature)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url || ajaxLocation ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Alias method option to type as per ticket #12004
+		s.type = options.method || options.type || s.method || s.type;
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( core_rnotwhite ) || [""];
+
+		// A cross-domain request is in order when we have a protocol:host:port mismatch
+		if ( s.crossDomain == null ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? "80" : "443" ) ) !==
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? "80" : "443" ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefilter, stop there
+		if ( state === 2 ) {
+			return jqXHR;
+		}
+
+		// We can fire global events as of now if asked to
+		fireGlobals = s.global;
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger("ajaxStart");
+		}
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Save the URL in case we're toying with the If-Modified-Since
+		// and/or If-None-Match header later on
+		cacheURL = s.url;
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				cacheURL = ( s.url += ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
+				// #9682: remove data so that it's not used in an eventual retry
+				delete s.data;
+			}
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+				s.url = rts.test( cacheURL ) ?
+
+					// If there is already a '_' parameter, set its value
+					cacheURL.replace( rts, "$1_=" + ajax_nonce++ ) :
+
+					// Otherwise add one to the end
+					cacheURL + ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ajax_nonce++;
+			}
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			if ( jQuery.lastModified[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+			}
+			if ( jQuery.etag[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			jqXHR.setRequestHeader( "Content-Type", s.contentType );
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		jqXHR.setRequestHeader(
+			"Accept",
+			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+				s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+				s.accepts[ "*" ]
+		);
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+			// Abort if not done already and return
+			return jqXHR.abort();
+		}
+
+		// aborting is no longer a cancellation
+		strAbort = "abort";
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout(function() {
+					jqXHR.abort("timeout");
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch ( e ) {
+				// Propagate exception as error if not done
+				if ( state < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+				} else {
+					throw e;
+				}
+			}
+		}
+
+		// Callback for when everything is done
+		function done( status, nativeStatusText, responses, headers ) {
+			var isSuccess, success, error, response, modified,
+				statusText = nativeStatusText;
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status > 0 ? 4 : 0;
+
+			// Determine if successful
+			isSuccess = status >= 200 && status < 300 || status === 304;
+
+			// Get response data
+			if ( responses ) {
+				response = ajaxHandleResponses( s, jqXHR, responses );
+			}
+
+			// Convert no matter what (that way responseXXX fields are always set)
+			response = ajaxConvert( s, response, jqXHR, isSuccess );
+
+			// If successful, handle type chaining
+			if ( isSuccess ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+					modified = jqXHR.getResponseHeader("Last-Modified");
+					if ( modified ) {
+						jQuery.lastModified[ cacheURL ] = modified;
+					}
+					modified = jqXHR.getResponseHeader("etag");
+					if ( modified ) {
+						jQuery.etag[ cacheURL ] = modified;
+					}
+				}
+
+				// if no content
+				if ( status === 204 || s.type === "HEAD" ) {
+					statusText = "nocontent";
+
+				// if not modified
+				} else if ( status === 304 ) {
+					statusText = "notmodified";
+
+				// If we have data, let's convert it
+				} else {
+					statusText = response.state;
+					success = response.data;
+					error = response.error;
+					isSuccess = !error;
+				}
+			} else {
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if ( status || !statusText ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+					[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger("ajaxStop");
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	}
+});
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			url: url,
+			type: method,
+			dataType: type,
+			data: data,
+			success: callback
+		});
+	};
+});
+
+/* Handles responses to an ajax request:
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+	var firstDataType, ct, finalDataType, type,
+		contents = s.contents,
+		dataTypes = s.dataTypes;
+
+	// Remove auto dataType and get content-type in the process
+	while( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+/* Chain conversions given the request and the original response
+ * Also sets the responseXXX fields on the jqXHR instance
+ */
+function ajaxConvert( s, response, jqXHR, isSuccess ) {
+	var conv2, current, conv, tmp, prev,
+		converters = {},
+		// Work with a copy of dataTypes in case we need to modify it for conversion
+		dataTypes = s.dataTypes.slice();
+
+	// Create converters map with lowercased keys
+	if ( dataTypes[ 1 ] ) {
+		for ( conv in s.converters ) {
+			converters[ conv.toLowerCase() ] = s.converters[ conv ];
+		}
+	}
+
+	current = dataTypes.shift();
+
+	// Convert to each sequential dataType
+	while ( current ) {
+
+		if ( s.responseFields[ current ] ) {
+			jqXHR[ s.responseFields[ current ] ] = response;
+		}
+
+		// Apply the dataFilter if provided
+		if ( !prev && isSuccess && s.dataFilter ) {
+			response = s.dataFilter( response, s.dataType );
+		}
+
+		prev = current;
+		current = dataTypes.shift();
+
+		if ( current ) {
+
+			// There's only work to do if current dataType is non-auto
+			if ( current === "*" ) {
+
+				current = prev;
+
+			// Convert response if prev dataType is non-auto and differs from current
+			} else if ( prev !== "*" && prev !== current ) {
+
+				// Seek a direct converter
+				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+				// If none found, seek a pair
+				if ( !conv ) {
+					for ( conv2 in converters ) {
+
+						// If conv2 outputs current
+						tmp = conv2.split( " " );
+						if ( tmp[ 1 ] === current ) {
+
+							// If prev can be converted to accepted input
+							conv = converters[ prev + " " + tmp[ 0 ] ] ||
+								converters[ "* " + tmp[ 0 ] ];
+							if ( conv ) {
+								// Condense equivalence converters
+								if ( conv === true ) {
+									conv = converters[ conv2 ];
+
+								// Otherwise, insert the intermediate dataType
+								} else if ( converters[ conv2 ] !== true ) {
+									current = tmp[ 0 ];
+									dataTypes.unshift( tmp[ 1 ] );
+								}
+								break;
+							}
+						}
+					}
+				}
+
+				// Apply converter (if not an equivalence)
+				if ( conv !== true ) {
+
+					// Unless errors are allowed to bubble, catch and return them
+					if ( conv && s[ "throws" ] ) {
+						response = conv( response );
+					} else {
+						try {
+							response = conv( response );
+						} catch ( e ) {
+							return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
+						}
+					}
+				}
+			}
+		}
+	}
+
+	return { state: "success", data: response };
+}
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /(?:java|ecma)script/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+		s.global = false;
+	}
+});
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function(s) {
+
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+
+		var script,
+			head = document.head || jQuery("head")[0] || document.documentElement;
+
+		return {
+
+			send: function( _, callback ) {
+
+				script = document.createElement("script");
+
+				script.async = true;
+
+				if ( s.scriptCharset ) {
+					script.charset = s.scriptCharset;
+				}
+
+				script.src = s.url;
+
+				// Attach handlers for all browsers
+				script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+					if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+						// Handle memory leak in IE
+						script.onload = script.onreadystatechange = null;
+
+						// Remove the script
+						if ( script.parentNode ) {
+							script.parentNode.removeChild( script );
+						}
+
+						// Dereference the script
+						script = null;
+
+						// Callback if not abort
+						if ( !isAbort ) {
+							callback( 200, "success" );
+						}
+					}
+				};
+
+				// Circumvent IE6 bugs with base elements (#2709 and #4378) by prepending
+				// Use native DOM manipulation to avoid our domManip AJAX trickery
+				head.insertBefore( script, head.firstChild );
+			},
+
+			abort: function() {
+				if ( script ) {
+					script.onload( undefined, true );
+				}
+			}
+		};
+	}
+});
+var oldCallbacks = [],
+	rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( ajax_nonce++ ) );
+		this[ callback ] = true;
+		return callback;
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var callbackName, overwritten, responseContainer,
+		jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+			"url" :
+			typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data"
+		);
+
+	// Handle iff the expected data type is "jsonp" or we have a parameter to set
+	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+		// Get callback name, remembering preexisting value associated with it
+		callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
+			s.jsonpCallback() :
+			s.jsonpCallback;
+
+		// Insert callback into url or form data
+		if ( jsonProp ) {
+			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+		} else if ( s.jsonp !== false ) {
+			s.url += ( ajax_rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+		}
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( callbackName + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Install callback
+		overwritten = window[ callbackName ];
+		window[ callbackName ] = function() {
+			responseContainer = arguments;
+		};
+
+		// Clean-up function (fires after converters)
+		jqXHR.always(function() {
+			// Restore preexisting value
+			window[ callbackName ] = overwritten;
+
+			// Save back as free
+			if ( s[ callbackName ] ) {
+				// make sure that re-using the options doesn't screw things around
+				s.jsonpCallback = originalSettings.jsonpCallback;
+
+				// save the callback name for future use
+				oldCallbacks.push( callbackName );
+			}
+
+			// Call if it was a function and we have a response
+			if ( responseContainer && jQuery.isFunction( overwritten ) ) {
+				overwritten( responseContainer[ 0 ] );
+			}
+
+			responseContainer = overwritten = undefined;
+		});
+
+		// Delegate to script
+		return "script";
+	}
+});
+var xhrCallbacks, xhrSupported,
+	xhrId = 0,
+	// #5280: Internet Explorer will keep connections alive if we don't abort on unload
+	xhrOnUnloadAbort = window.ActiveXObject && function() {
+		// Abort all pending requests
+		var key;
+		for ( key in xhrCallbacks ) {
+			xhrCallbacks[ key ]( undefined, true );
+		}
+	};
+
+// Functions to create xhrs
+function createStandardXHR() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch( e ) {}
+}
+
+function createActiveXHR() {
+	try {
+		return new window.ActiveXObject("Microsoft.XMLHTTP");
+	} catch( e ) {}
+}
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject ?
+	/* Microsoft failed to properly
+	 * implement the XMLHttpRequest in IE7 (can't request local files),
+	 * so we use the ActiveXObject when it is available
+	 * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
+	 * we need a fallback.
+	 */
+	function() {
+		return !this.isLocal && createStandardXHR() || createActiveXHR();
+	} :
+	// For all other browsers, use the standard XMLHttpRequest object
+	createStandardXHR;
+
+// Determine support properties
+xhrSupported = jQuery.ajaxSettings.xhr();
+jQuery.support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+xhrSupported = jQuery.support.ajax = !!xhrSupported;
+
+// Create transport if the browser can provide an xhr
+if ( xhrSupported ) {
+
+	jQuery.ajaxTransport(function( s ) {
+		// Cross domain only allowed if supported through XMLHttpRequest
+		if ( !s.crossDomain || jQuery.support.cors ) {
+
+			var callback;
+
+			return {
+				send: function( headers, complete ) {
+
+					// Get a new xhr
+					var handle, i,
+						xhr = s.xhr();
+
+					// Open the socket
+					// Passing null username, generates a login popup on Opera (#2865)
+					if ( s.username ) {
+						xhr.open( s.type, s.url, s.async, s.username, s.password );
+					} else {
+						xhr.open( s.type, s.url, s.async );
+					}
+
+					// Apply custom fields if provided
+					if ( s.xhrFields ) {
+						for ( i in s.xhrFields ) {
+							xhr[ i ] = s.xhrFields[ i ];
+						}
+					}
+
+					// Override mime type if needed
+					if ( s.mimeType && xhr.overrideMimeType ) {
+						xhr.overrideMimeType( s.mimeType );
+					}
+
+					// X-Requested-With header
+					// For cross-domain requests, seeing as conditions for a preflight are
+					// akin to a jigsaw puzzle, we simply never set it to be sure.
+					// (it can always be set on a per-request basis or even using ajaxSetup)
+					// For same-domain requests, won't change header if already provided.
+					if ( !s.crossDomain && !headers["X-Requested-With"] ) {
+						headers["X-Requested-With"] = "XMLHttpRequest";
+					}
+
+					// Need an extra try/catch for cross domain requests in Firefox 3
+					try {
+						for ( i in headers ) {
+							xhr.setRequestHeader( i, headers[ i ] );
+						}
+					} catch( err ) {}
+
+					// Do send the request
+					// This may raise an exception which is actually
+					// handled in jQuery.ajax (so no try/catch here)
+					xhr.send( ( s.hasContent && s.data ) || null );
+
+					// Listener
+					callback = function( _, isAbort ) {
+						var status, responseHeaders, statusText, responses;
+
+						// Firefox throws exceptions when accessing properties
+						// of an xhr when a network error occurred
+						// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
+						try {
+
+							// Was never called and is aborted or complete
+							if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+
+								// Only called once
+								callback = undefined;
+
+								// Do not keep as active anymore
+								if ( handle ) {
+									xhr.onreadystatechange = jQuery.noop;
+									if ( xhrOnUnloadAbort ) {
+										delete xhrCallbacks[ handle ];
+									}
+								}
+
+								// If it's an abort
+								if ( isAbort ) {
+									// Abort it manually if needed
+									if ( xhr.readyState !== 4 ) {
+										xhr.abort();
+									}
+								} else {
+									responses = {};
+									status = xhr.status;
+									responseHeaders = xhr.getAllResponseHeaders();
+
+									// When requesting binary data, IE6-9 will throw an exception
+									// on any attempt to access responseText (#11426)
+									if ( typeof xhr.responseText === "string" ) {
+										responses.text = xhr.responseText;
+									}
+
+									// Firefox throws an exception when accessing
+									// statusText for faulty cross-domain requests
+									try {
+										statusText = xhr.statusText;
+									} catch( e ) {
+										// We normalize with Webkit giving an empty statusText
+										statusText = "";
+									}
+
+									// Filter status for non standard behaviors
+
+									// If the request is local and we have data: assume a success
+									// (success with no data won't get notified, that's the best we
+									// can do given current implementations)
+									if ( !status && s.isLocal && !s.crossDomain ) {
+										status = responses.text ? 200 : 404;
+									// IE - #1450: sometimes returns 1223 when it should be 204
+									} else if ( status === 1223 ) {
+										status = 204;
+									}
+								}
+							}
+						} catch( firefoxAccessException ) {
+							if ( !isAbort ) {
+								complete( -1, firefoxAccessException );
+							}
+						}
+
+						// Call complete if needed
+						if ( responses ) {
+							complete( status, statusText, responses, responseHeaders );
+						}
+					};
+
+					if ( !s.async ) {
+						// if we're in sync mode we fire the callback
+						callback();
+					} else if ( xhr.readyState === 4 ) {
+						// (IE6 & IE7) if it's in cache and has been
+						// retrieved directly we need to fire the callback
+						setTimeout( callback );
+					} else {
+						handle = ++xhrId;
+						if ( xhrOnUnloadAbort ) {
+							// Create the active xhrs callbacks list if needed
+							// and attach the unload handler
+							if ( !xhrCallbacks ) {
+								xhrCallbacks = {};
+								jQuery( window ).unload( xhrOnUnloadAbort );
+							}
+							// Add to list of active xhrs callbacks
+							xhrCallbacks[ handle ] = callback;
+						}
+						xhr.onreadystatechange = callback;
+					}
+				},
+
+				abort: function() {
+					if ( callback ) {
+						callback( undefined, true );
+					}
+				}
+			};
+		}
+	});
+}
+var fxNow, timerId,
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rfxnum = new RegExp( "^(?:([+-])=|)(" + core_pnum + ")([a-z%]*)$", "i" ),
+	rrun = /queueHooks$/,
+	animationPrefilters = [ defaultPrefilter ],
+	tweeners = {
+		"*": [function( prop, value ) {
+			var tween = this.createTween( prop, value ),
+				target = tween.cur(),
+				parts = rfxnum.exec( value ),
+				unit = parts && parts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+				// Starting value computation is required for potential unit mismatches
+				start = ( jQuery.cssNumber[ prop ] || unit !== "px" && +target ) &&
+					rfxnum.exec( jQuery.css( tween.elem, prop ) ),
+				scale = 1,
+				maxIterations = 20;
+
+			if ( start && start[ 3 ] !== unit ) {
+				// Trust units reported by jQuery.css
+				unit = unit || start[ 3 ];
+
+				// Make sure we update the tween properties later on
+				parts = parts || [];
+
+				// Iteratively approximate from a nonzero starting point
+				start = +target || 1;
+
+				do {
+					// If previous iteration zeroed out, double until we get *something*
+					// Use a string for doubling factor so we don't accidentally see scale as unchanged below
+					scale = scale || ".5";
+
+					// Adjust and apply
+					start = start / scale;
+					jQuery.style( tween.elem, prop, start + unit );
+
+				// Update scale, tolerating zero or NaN from tween.cur()
+				// And breaking the loop if scale is unchanged or perfect, or if we've just had enough
+				} while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
+			}
+
+			// Update tween properties
+			if ( parts ) {
+				tween.unit = unit;
+				tween.start = +start || +target || 0;
+				// If a +=/-= token was provided, we're doing a relative animation
+				tween.end = parts[ 1 ] ?
+					start + ( parts[ 1 ] + 1 ) * parts[ 2 ] :
+					+parts[ 2 ];
+			}
+
+			return tween;
+		}]
+	};
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+	setTimeout(function() {
+		fxNow = undefined;
+	});
+	return ( fxNow = jQuery.now() );
+}
+
+function createTween( value, prop, animation ) {
+	var tween,
+		collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
+		index = 0,
+		length = collection.length;
+	for ( ; index < length; index++ ) {
+		if ( (tween = collection[ index ].call( animation, prop, value )) ) {
+
+			// we're done with this property
+			return tween;
+		}
+	}
+}
+
+function Animation( elem, properties, options ) {
+	var result,
+		stopped,
+		index = 0,
+		length = animationPrefilters.length,
+		deferred = jQuery.Deferred().always( function() {
+			// don't match elem in the :animated selector
+			delete tick.elem;
+		}),
+		tick = function() {
+			if ( stopped ) {
+				return false;
+			}
+			var currentTime = fxNow || createFxNow(),
+				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+				// archaic crash bug won't allow us to use 1 - ( 0.5 || 0 ) (#12497)
+				temp = remaining / animation.duration || 0,
+				percent = 1 - temp,
+				index = 0,
+				length = animation.tweens.length;
+
+			for ( ; index < length ; index++ ) {
+				animation.tweens[ index ].run( percent );
+			}
+
+			deferred.notifyWith( elem, [ animation, percent, remaining ]);
+
+			if ( percent < 1 && length ) {
+				return remaining;
+			} else {
+				deferred.resolveWith( elem, [ animation ] );
+				return false;
+			}
+		},
+		animation = deferred.promise({
+			elem: elem,
+			props: jQuery.extend( {}, properties ),
+			opts: jQuery.extend( true, { specialEasing: {} }, options ),
+			originalProperties: properties,
+			originalOptions: options,
+			startTime: fxNow || createFxNow(),
+			duration: options.duration,
+			tweens: [],
+			createTween: function( prop, end ) {
+				var tween = jQuery.Tween( elem, animation.opts, prop, end,
+						animation.opts.specialEasing[ prop ] || animation.opts.easing );
+				animation.tweens.push( tween );
+				return tween;
+			},
+			stop: function( gotoEnd ) {
+				var index = 0,
+					// if we are going to the end, we want to run all the tweens
+					// otherwise we skip this part
+					length = gotoEnd ? animation.tweens.length : 0;
+				if ( stopped ) {
+					return this;
+				}
+				stopped = true;
+				for ( ; index < length ; index++ ) {
+					animation.tweens[ index ].run( 1 );
+				}
+
+				// resolve when we played the last frame
+				// otherwise, reject
+				if ( gotoEnd ) {
+					deferred.resolveWith( elem, [ animation, gotoEnd ] );
+				} else {
+					deferred.rejectWith( elem, [ animation, gotoEnd ] );
+				}
+				return this;
+			}
+		}),
+		props = animation.props;
+
+	propFilter( props, animation.opts.specialEasing );
+
+	for ( ; index < length ; index++ ) {
+		result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
+		if ( result ) {
+			return result;
+		}
+	}
+
+	jQuery.map( props, createTween, animation );
+
+	if ( jQuery.isFunction( animation.opts.start ) ) {
+		animation.opts.start.call( elem, animation );
+	}
+
+	jQuery.fx.timer(
+		jQuery.extend( tick, {
+			elem: elem,
+			anim: animation,
+			queue: animation.opts.queue
+		})
+	);
+
+	// attach callbacks from options
+	return animation.progress( animation.opts.progress )
+		.done( animation.opts.done, animation.opts.complete )
+		.fail( animation.opts.fail )
+		.always( animation.opts.always );
+}
+
+function propFilter( props, specialEasing ) {
+	var index, name, easing, value, hooks;
+
+	// camelCase, specialEasing and expand cssHook pass
+	for ( index in props ) {
+		name = jQuery.camelCase( index );
+		easing = specialEasing[ name ];
+		value = props[ index ];
+		if ( jQuery.isArray( value ) ) {
+			easing = value[ 1 ];
+			value = props[ index ] = value[ 0 ];
+		}
+
+		if ( index !== name ) {
+			props[ name ] = value;
+			delete props[ index ];
+		}
+
+		hooks = jQuery.cssHooks[ name ];
+		if ( hooks && "expand" in hooks ) {
+			value = hooks.expand( value );
+			delete props[ name ];
+
+			// not quite $.extend, this wont overwrite keys already present.
+			// also - reusing 'index' from above because we have the correct "name"
+			for ( index in value ) {
+				if ( !( index in props ) ) {
+					props[ index ] = value[ index ];
+					specialEasing[ index ] = easing;
+				}
+			}
+		} else {
+			specialEasing[ name ] = easing;
+		}
+	}
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+
+	tweener: function( props, callback ) {
+		if ( jQuery.isFunction( props ) ) {
+			callback = props;
+			props = [ "*" ];
+		} else {
+			props = props.split(" ");
+		}
+
+		var prop,
+			index = 0,
+			length = props.length;
+
+		for ( ; index < length ; index++ ) {
+			prop = props[ index ];
+			tweeners[ prop ] = tweeners[ prop ] || [];
+			tweeners[ prop ].unshift( callback );
+		}
+	},
+
+	prefilter: function( callback, prepend ) {
+		if ( prepend ) {
+			animationPrefilters.unshift( callback );
+		} else {
+			animationPrefilters.push( callback );
+		}
+	}
+});
+
+function defaultPrefilter( elem, props, opts ) {
+	/* jshint validthis: true */
+	var prop, value, toggle, tween, hooks, oldfire,
+		anim = this,
+		orig = {},
+		style = elem.style,
+		hidden = elem.nodeType && isHidden( elem ),
+		dataShow = jQuery._data( elem, "fxshow" );
+
+	// handle queue: false promises
+	if ( !opts.queue ) {
+		hooks = jQuery._queueHooks( elem, "fx" );
+		if ( hooks.unqueued == null ) {
+			hooks.unqueued = 0;
+			oldfire = hooks.empty.fire;
+			hooks.empty.fire = function() {
+				if ( !hooks.unqueued ) {
+					oldfire();
+				}
+			};
+		}
+		hooks.unqueued++;
+
+		anim.always(function() {
+			// doing this makes sure that the complete handler will be called
+			// before this completes
+			anim.always(function() {
+				hooks.unqueued--;
+				if ( !jQuery.queue( elem, "fx" ).length ) {
+					hooks.empty.fire();
+				}
+			});
+		});
+	}
+
+	// height/width overflow pass
+	if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
+		// Make sure that nothing sneaks out
+		// Record all 3 overflow attributes because IE does not
+		// change the overflow attribute when overflowX and
+		// overflowY are set to the same value
+		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+		// Set display property to inline-block for height/width
+		// animations on inline elements that are having width/height animated
+		if ( jQuery.css( elem, "display" ) === "inline" &&
+				jQuery.css( elem, "float" ) === "none" ) {
+
+			// inline-level elements accept inline-block;
+			// block-level elements need to be inline with layout
+			if ( !jQuery.support.inlineBlockNeedsLayout || css_defaultDisplay( elem.nodeName ) === "inline" ) {
+				style.display = "inline-block";
+
+			} else {
+				style.zoom = 1;
+			}
+		}
+	}
+
+	if ( opts.overflow ) {
+		style.overflow = "hidden";
+		if ( !jQuery.support.shrinkWrapBlocks ) {
+			anim.always(function() {
+				style.overflow = opts.overflow[ 0 ];
+				style.overflowX = opts.overflow[ 1 ];
+				style.overflowY = opts.overflow[ 2 ];
+			});
+		}
+	}
+
+
+	// show/hide pass
+	for ( prop in props ) {
+		value = props[ prop ];
+		if ( rfxtypes.exec( value ) ) {
+			delete props[ prop ];
+			toggle = toggle || value === "toggle";
+			if ( value === ( hidden ? "hide" : "show" ) ) {
+				continue;
+			}
+			orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
+		}
+	}
+
+	if ( !jQuery.isEmptyObject( orig ) ) {
+		if ( dataShow ) {
+			if ( "hidden" in dataShow ) {
+				hidden = dataShow.hidden;
+			}
+		} else {
+			dataShow = jQuery._data( elem, "fxshow", {} );
+		}
+
+		// store state if its toggle - enables .stop().toggle() to "reverse"
+		if ( toggle ) {
+			dataShow.hidden = !hidden;
+		}
+		if ( hidden ) {
+			jQuery( elem ).show();
+		} else {
+			anim.done(function() {
+				jQuery( elem ).hide();
+			});
+		}
+		anim.done(function() {
+			var prop;
+			jQuery._removeData( elem, "fxshow" );
+			for ( prop in orig ) {
+				jQuery.style( elem, prop, orig[ prop ] );
+			}
+		});
+		for ( prop in orig ) {
+			tween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
+
+			if ( !( prop in dataShow ) ) {
+				dataShow[ prop ] = tween.start;
+				if ( hidden ) {
+					tween.end = tween.start;
+					tween.start = prop === "width" || prop === "height" ? 1 : 0;
+				}
+			}
+		}
+	}
+}
+
+function Tween( elem, options, prop, end, easing ) {
+	return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+	constructor: Tween,
+	init: function( elem, options, prop, end, easing, unit ) {
+		this.elem = elem;
+		this.prop = prop;
+		this.easing = easing || "swing";
+		this.options = options;
+		this.start = this.now = this.cur();
+		this.end = end;
+		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+	},
+	cur: function() {
+		var hooks = Tween.propHooks[ this.prop ];
+
+		return hooks && hooks.get ?
+			hooks.get( this ) :
+			Tween.propHooks._default.get( this );
+	},
+	run: function( percent ) {
+		var eased,
+			hooks = Tween.propHooks[ this.prop ];
+
+		if ( this.options.duration ) {
+			this.pos = eased = jQuery.easing[ this.easing ](
+				percent, this.options.duration * percent, 0, 1, this.options.duration
+			);
+		} else {
+			this.pos = eased = percent;
+		}
+		this.now = ( this.end - this.start ) * eased + this.start;
+
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		if ( hooks && hooks.set ) {
+			hooks.set( this );
+		} else {
+			Tween.propHooks._default.set( this );
+		}
+		return this;
+	}
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+	_default: {
+		get: function( tween ) {
+			var result;
+
+			if ( tween.elem[ tween.prop ] != null &&
+				(!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
+				return tween.elem[ tween.prop ];
+			}
+
+			// passing an empty string as a 3rd parameter to .css will automatically
+			// attempt a parseFloat and fallback to a string if the parse fails
+			// so, simple values such as "10px" are parsed to Float.
+			// complex values such as "rotate(1rad)" are returned as is.
+			result = jQuery.css( tween.elem, tween.prop, "" );
+			// Empty strings, null, undefined and "auto" are converted to 0.
+			return !result || result === "auto" ? 0 : result;
+		},
+		set: function( tween ) {
+			// use step hook for back compat - use cssHook if its there - use .style if its
+			// available and use plain properties where available
+			if ( jQuery.fx.step[ tween.prop ] ) {
+				jQuery.fx.step[ tween.prop ]( tween );
+			} else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
+				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+			} else {
+				tween.elem[ tween.prop ] = tween.now;
+			}
+		}
+	}
+};
+
+// Support: IE <=9
+// Panic based approach to setting things on disconnected nodes
+
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+	set: function( tween ) {
+		if ( tween.elem.nodeType && tween.elem.parentNode ) {
+			tween.elem[ tween.prop ] = tween.now;
+		}
+	}
+};
+
+jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
+	var cssFn = jQuery.fn[ name ];
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return speed == null || typeof speed === "boolean" ?
+			cssFn.apply( this, arguments ) :
+			this.animate( genFx( name, true ), speed, easing, callback );
+	};
+});
+
+jQuery.fn.extend({
+	fadeTo: function( speed, to, easing, callback ) {
+
+		// show any hidden elements after setting opacity to 0
+		return this.filter( isHidden ).css( "opacity", 0 ).show()
+
+			// animate to the value specified
+			.end().animate({ opacity: to }, speed, easing, callback );
+	},
+	animate: function( prop, speed, easing, callback ) {
+		var empty = jQuery.isEmptyObject( prop ),
+			optall = jQuery.speed( speed, easing, callback ),
+			doAnimation = function() {
+				// Operate on a copy of prop so per-property easing won't be lost
+				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+				doAnimation.finish = function() {
+					anim.stop( true );
+				};
+				// Empty animations, or finishing resolves immediately
+				if ( empty || jQuery._data( this, "finish" ) ) {
+					anim.stop( true );
+				}
+			};
+			doAnimation.finish = doAnimation;
+
+		return empty || optall.queue === false ?
+			this.each( doAnimation ) :
+			this.queue( optall.queue, doAnimation );
+	},
+	stop: function( type, clearQueue, gotoEnd ) {
+		var stopQueue = function( hooks ) {
+			var stop = hooks.stop;
+			delete hooks.stop;
+			stop( gotoEnd );
+		};
+
+		if ( typeof type !== "string" ) {
+			gotoEnd = clearQueue;
+			clearQueue = type;
+			type = undefined;
+		}
+		if ( clearQueue && type !== false ) {
+			this.queue( type || "fx", [] );
+		}
+
+		return this.each(function() {
+			var dequeue = true,
+				index = type != null && type + "queueHooks",
+				timers = jQuery.timers,
+				data = jQuery._data( this );
+
+			if ( index ) {
+				if ( data[ index ] && data[ index ].stop ) {
+					stopQueue( data[ index ] );
+				}
+			} else {
+				for ( index in data ) {
+					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+						stopQueue( data[ index ] );
+					}
+				}
+			}
+
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
+					timers[ index ].anim.stop( gotoEnd );
+					dequeue = false;
+					timers.splice( index, 1 );
+				}
+			}
+
+			// start the next in the queue if the last step wasn't forced
+			// timers currently will call their complete callbacks, which will dequeue
+			// but only if they were gotoEnd
+			if ( dequeue || !gotoEnd ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+	},
+	finish: function( type ) {
+		if ( type !== false ) {
+			type = type || "fx";
+		}
+		return this.each(function() {
+			var index,
+				data = jQuery._data( this ),
+				queue = data[ type + "queue" ],
+				hooks = data[ type + "queueHooks" ],
+				timers = jQuery.timers,
+				length = queue ? queue.length : 0;
+
+			// enable finishing flag on private data
+			data.finish = true;
+
+			// empty the queue first
+			jQuery.queue( this, type, [] );
+
+			if ( hooks && hooks.cur && hooks.cur.finish ) {
+				hooks.cur.finish.call( this );
+			}
+
+			// look for any active animations, and finish them
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+					timers[ index ].anim.stop( true );
+					timers.splice( index, 1 );
+				}
+			}
+
+			// look for any animations in the old queue and finish them
+			for ( index = 0; index < length; index++ ) {
+				if ( queue[ index ] && queue[ index ].finish ) {
+					queue[ index ].finish.call( this );
+				}
+			}
+
+			// turn off finishing flag
+			delete data.finish;
+		});
+	}
+});
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+	var which,
+		attrs = { height: type },
+		i = 0;
+
+	// if we include width, step value is 1 to do all cssExpand values,
+	// if we don't include width, step value is 2 to skip over Left and Right
+	includeWidth = includeWidth? 1 : 0;
+	for( ; i < 4 ; i += 2 - includeWidth ) {
+		which = cssExpand[ i ];
+		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+	}
+
+	if ( includeWidth ) {
+		attrs.opacity = attrs.width = type;
+	}
+
+	return attrs;
+}
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show"),
+	slideUp: genFx("hide"),
+	slideToggle: genFx("toggle"),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.speed = function( speed, easing, fn ) {
+	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+		complete: fn || !fn && easing ||
+			jQuery.isFunction( speed ) && speed,
+		duration: speed,
+		easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
+	};
+
+	opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+		opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
+
+	// normalize opt.queue - true/undefined/null -> "fx"
+	if ( opt.queue == null || opt.queue === true ) {
+		opt.queue = "fx";
+	}
+
+	// Queueing
+	opt.old = opt.complete;
+
+	opt.complete = function() {
+		if ( jQuery.isFunction( opt.old ) ) {
+			opt.old.call( this );
+		}
+
+		if ( opt.queue ) {
+			jQuery.dequeue( this, opt.queue );
+		}
+	};
+
+	return opt;
+};
+
+jQuery.easing = {
+	linear: function( p ) {
+		return p;
+	},
+	swing: function( p ) {
+		return 0.5 - Math.cos( p*Math.PI ) / 2;
+	}
+};
+
+jQuery.timers = [];
+jQuery.fx = Tween.prototype.init;
+jQuery.fx.tick = function() {
+	var timer,
+		timers = jQuery.timers,
+		i = 0;
+
+	fxNow = jQuery.now();
+
+	for ( ; i < timers.length; i++ ) {
+		timer = timers[ i ];
+		// Checks the timer has not already been removed
+		if ( !timer() && timers[ i ] === timer ) {
+			timers.splice( i--, 1 );
+		}
+	}
+
+	if ( !timers.length ) {
+		jQuery.fx.stop();
+	}
+	fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+	if ( timer() && jQuery.timers.push( timer ) ) {
+		jQuery.fx.start();
+	}
+};
+
+jQuery.fx.interval = 13;
+
+jQuery.fx.start = function() {
+	if ( !timerId ) {
+		timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
+	}
+};
+
+jQuery.fx.stop = function() {
+	clearInterval( timerId );
+	timerId = null;
+};
+
+jQuery.fx.speeds = {
+	slow: 600,
+	fast: 200,
+	// Default speed
+	_default: 400
+};
+
+// Back Compat <1.8 extension point
+jQuery.fx.step = {};
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.animated = function( elem ) {
+		return jQuery.grep(jQuery.timers, function( fn ) {
+			return elem === fn.elem;
+		}).length;
+	};
+}
+jQuery.fn.offset = function( options ) {
+	if ( arguments.length ) {
+		return options === undefined ?
+			this :
+			this.each(function( i ) {
+				jQuery.offset.setOffset( this, options, i );
+			});
+	}
+
+	var docElem, win,
+		box = { top: 0, left: 0 },
+		elem = this[ 0 ],
+		doc = elem && elem.ownerDocument;
+
+	if ( !doc ) {
+		return;
+	}
+
+	docElem = doc.documentElement;
+
+	// Make sure it's not a disconnected DOM node
+	if ( !jQuery.contains( docElem, elem ) ) {
+		return box;
+	}
+
+	// If we don't have gBCR, just use 0,0 rather than error
+	// BlackBerry 5, iOS 3 (original iPhone)
+	if ( typeof elem.getBoundingClientRect !== core_strundefined ) {
+		box = elem.getBoundingClientRect();
+	}
+	win = getWindow( doc );
+	return {
+		top: box.top  + ( win.pageYOffset || docElem.scrollTop )  - ( docElem.clientTop  || 0 ),
+		left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
+	};
+};
+
+jQuery.offset = {
+
+	setOffset: function( elem, options, i ) {
+		var position = jQuery.css( elem, "position" );
+
+		// set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		var curElem = jQuery( elem ),
+			curOffset = curElem.offset(),
+			curCSSTop = jQuery.css( elem, "top" ),
+			curCSSLeft = jQuery.css( elem, "left" ),
+			calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
+			props = {}, curPosition = {}, curTop, curLeft;
+
+		// need to be able to calculate position if either top or left is auto and position is either absolute or fixed
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+			curTop = curPosition.top;
+			curLeft = curPosition.left;
+		} else {
+			curTop = parseFloat( curCSSTop ) || 0;
+			curLeft = parseFloat( curCSSLeft ) || 0;
+		}
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if ( options.top != null ) {
+			props.top = ( options.top - curOffset.top ) + curTop;
+		}
+		if ( options.left != null ) {
+			props.left = ( options.left - curOffset.left ) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+
+jQuery.fn.extend({
+
+	position: function() {
+		if ( !this[ 0 ] ) {
+			return;
+		}
+
+		var offsetParent, offset,
+			parentOffset = { top: 0, left: 0 },
+			elem = this[ 0 ];
+
+		// fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is it's only offset parent
+		if ( jQuery.css( elem, "position" ) === "fixed" ) {
+			// we assume that getBoundingClientRect is available when computed position is fixed
+			offset = elem.getBoundingClientRect();
+		} else {
+			// Get *real* offsetParent
+			offsetParent = this.offsetParent();
+
+			// Get correct offsets
+			offset = this.offset();
+			if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+				parentOffset = offsetParent.offset();
+			}
+
+			// Add offsetParent borders
+			parentOffset.top  += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+			parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+		}
+
+		// Subtract parent offsets and element margins
+		// note: when an element has margin: auto the offsetLeft and marginLeft
+		// are the same in Safari causing offset.left to incorrectly be 0
+		return {
+			top:  offset.top  - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true)
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || docElem;
+			while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position") === "static" ) ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+			return offsetParent || docElem;
+		});
+	}
+});
+
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( {scrollLeft: "pageXOffset", scrollTop: "pageYOffset"}, function( method, prop ) {
+	var top = /Y/.test( prop );
+
+	jQuery.fn[ method ] = function( val ) {
+		return jQuery.access( this, function( elem, method, val ) {
+			var win = getWindow( elem );
+
+			if ( val === undefined ) {
+				return win ? (prop in win) ? win[ prop ] :
+					win.document.documentElement[ method ] :
+					elem[ method ];
+			}
+
+			if ( win ) {
+				win.scrollTo(
+					!top ? val : jQuery( win ).scrollLeft(),
+					top ? val : jQuery( win ).scrollTop()
+				);
+
+			} else {
+				elem[ method ] = val;
+			}
+		}, method, val, arguments.length, null );
+	};
+});
+
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ?
+		elem :
+		elem.nodeType === 9 ?
+			elem.defaultView || elem.parentWindow :
+			false;
+}
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
+		// margin is only for outerHeight, outerWidth
+		jQuery.fn[ funcName ] = function( margin, value ) {
+			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+			return jQuery.access( this, function( elem, type, value ) {
+				var doc;
+
+				if ( jQuery.isWindow( elem ) ) {
+					// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+					// isn't a whole lot we can do. See pull request at this URL for discussion:
+					// https://github.com/jquery/jquery/pull/764
+					return elem.document.documentElement[ "client" + name ];
+				}
+
+				// Get document width or height
+				if ( elem.nodeType === 9 ) {
+					doc = elem.documentElement;
+
+					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
+					// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
+					return Math.max(
+						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+						elem.body[ "offset" + name ], doc[ "offset" + name ],
+						doc[ "client" + name ]
+					);
+				}
+
+				return value === undefined ?
+					// Get width or height on the element, requesting but not forcing parseFloat
+					jQuery.css( elem, type, extra ) :
+
+					// Set width or height on the element
+					jQuery.style( elem, type, value, extra );
+			}, type, chainable ? margin : undefined, chainable, null );
+		};
+	});
+});
+// Limit scope pollution from any deprecated API
+// (function() {
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+	return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+// })();
+if ( typeof module === "object" && typeof module.exports === "object" ) {
+	// Expose jQuery as module.exports in loaders that implement the Node
+	// module pattern (including browserify). Do not create the global, since
+	// the user will be storing it themselves locally, and globals are frowned
+	// upon in the Node module world.
+	module.exports = jQuery;
+} else {
+	// Otherwise expose jQuery to the global object as usual
+	window.jQuery = window.$ = jQuery;
+
+	// Register as a named AMD module, since jQuery can be concatenated with other
+	// files that may use define, but not via a proper concatenation script that
+	// understands anonymous AMD modules. A named AMD is safest and most robust
+	// way to register. Lowercase jquery is used because AMD module names are
+	// derived from file names, and jQuery is normally delivered in a lowercase
+	// file name. Do this after creating the global so that if an AMD module wants
+	// to call noConflict to hide this version of jQuery, it will work.
+	if ( typeof define === "function" && define.amd ) {
+		define( "jquery", [], function () { return jQuery; } );
+	}
+}
+
+})( window );

src/assets/callCenterPhoneBarSdk/page.css

@@ -0,0 +1,246 @@
+/*@charset "utf-8";*/
+/*!* CSS Document *!*/
+/*body{ background:#eef3fa;}*/
+
+/*html,body,table,tr,td,div,ol,ul,li,dl,dt,dd,dir,h1,h2,h3,h4,h5,h6,p{text-align: left; margin: 0px;padding: 0px;border: 0px;list-style-type: none; font-size:12px; font-weight:normal;}*/
+/*div,select,textarea,table td,table td,table tr{font-family:myFirstFont;font-size:12px; color:#768595;}*/
+
+/*.main{ margin:0px 10px;}*/
+
+/*!***头部区***!*/
+/*.head_btn{ height:50px; margin-bottom:10px;}*/
+
+/*#navigation {font: bold 12px/18px "微软雅黑", Helvetica, Arial, sans-serif; text-transform: uppercase; color:#768595; position:absolute; top:10px;}  */
+/*#navigation:after { clear: both;content: "."; display: block; height: 0;visibility: hidden;}  */
+/*#navigation ul {float: left; border-radius: 5px;!* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07); *!overflow: hidden;}  */
+/*#navigation li {  */
+/*    float: left;  */
+/*    border-style: solid;   */
+/*    border-width: 1px;  */
+/*    border-color: #dfe5e7 #dfe5e7 #dfe5e7 #dfe5e7;  */
+/*    box-shadow: 0 1px rgba(255,255,255,1) inset;  */
+/*    -webkit-box-shadow: 0 1px rgba(255,255,255,1) inset;  */
+/*    background: #F7F7F7; !* Old browsers *!  */
+/*    background: -moz-linear-gradient(top, #F7F7F7 0%, #EDEDED 100%); !* FF3.6+ *!  */
+/*    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#F7F7F7), color-stop(100%,#EDEDED)); !* Chrome,Safari4+ *!  */
+/*    background: -webkit-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); !* Chrome10+,Safari5.1+ *!  */
+/*    background: -o-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); !* Opera 11.10+ *!  */
+/*    background: -ms-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); !* IE10+ *!  */
+/*    background: linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); !* W3C *!  */
+/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#EDEDED',GradientType=0 ); !* IE6-9 *!      */
+/*}  */
+/*#navigation li:hover, #navigation li.current {  */
+/*    box-shadow: 0 1px rgba(255,255,255,0.2) inset;  */
+/*    -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;  */
+/*    border-color: #095db1 !important;  */
+/*    background: #095db1; !* Old browsers *!  */
+/*    background: -moz-linear-gradient(top, #095db1 0%, #095db1 100%); !* FF3.6+ *!  */
+/*    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#095db1), color-stop(100%,#095db1)); !* Chrome,Safari4+ *!  */
+/*    background: -webkit-linear-gradient(top, #095db1 0%,#ff000 100%); !* Chrome10+,Safari5.1+ *!  */
+/*    background: -o-linear-gradient(top, #095db1 0%,#095db1 100%); !* Opera 11.10+ *!  */
+/*    background: -ms-linear-gradient(top, #095db1 0%,#095db1 100%); !* IE10+ *!  */
+/*    background: linear-gradient(top, #095db1 0%,#095db1 100%); !* W3C *!  */
+/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#095db1', endColorstr='#095db1',GradientType=0 ); !* IE6-9 *!  */
+/*}  */
+/*#navigation a {display: block;padding: 5px 15px;color: #444;text-decoration: none; text-shadow: 0 1px #FFF; }  */
+/*#navigation a:hover, #navigation li.current a { color: #FFF;text-shadow: 0 1px #000;}  */
+/*#navigation li:first-child {border-left-color: #BABABA; border-radius: 5px 0 0 5px;}  */
+/*#navigation li:last-child {border-radius: 0 5px 5px 0; } */
+
+/*#conference_member_list ul {float: left; overflow: hidden;  width: 100%;}*/
+/*#conference_member_list li  {*/
+/*    float: left;  */
+/*    border-style: solid;   */
+/*    border-width: 1px;  */
+/*    border-color: #dfe5e7 #dfe5e7 #eef3fa #dfe5e7;  */
+/*    width: 700px;*/
+/*    line-height: 35px;*/
+/*}*/
+
+
+/*.conf_name{*/
+/*   padding-left: 10px;*/
+/*   width: 100px;*/
+/*   display: inline-block*/
+/*}*/
+
+/*.conf_phone{*/
+/*   width: 120px;*/
+/*   display: inline-block;*/
+/*}*/
+
+/*.conf_call_type{*/
+/*    padding-left: 10px;*/
+/*    width: 50px;*/
+/*    display: inline-block*/
+/*}*/
+
+/*.conf_video_level{*/
+/*    padding-left: 10px;*/
+/*    padding-right: 10px;*/
+/*    width: 50px;*/
+/*    display: inline-block*/
+/*}*/
+
+/*.conf_status{*/
+/*    width: 120px;*/
+/*    display: inline-block;*/
+/*}*/
+
+/*.conf_mute{*/
+/*    width: 40px;*/
+/*    display: inline-block;*/
+/*    padding-top: 3px;*/
+/*}*/
+
+/*.conf_vmute{*/
+/*    width: 40px;*/
+/*    display: inline-block;*/
+/*    padding-top: 3px;*/
+/*}*/
+
+/*.conf_remove{*/
+/*   width: 35px;*/
+/*    display: inline-block;*/
+/*}*/
+/*.conf_re_invite{*/
+/*    width: 35px;*/
+/*    display: inline-block;*/
+/*}*/
+/* */
+/*.head_dial{ padding-top:2px;}*/
+/*.dial{ float:left;}*/
+/*.dial dt{ padding-bottom:2px;}*/
+/*.dial dt input{vertical-align:middle;}*/
+/*.tel_txt{ border:1px solid #dfe5e7; border-radius:3px;  height:35px; font-size:16px; background:#FFF; color:#768595; text-indent:5px; width:120px;}*/
+/*.keyboard{ background:url(./images/keyboard.png) no-repeat; border:0; width:25px; height:18px; cursor:pointer; margin:auto 10px auto 2px;}*/
+/*.next_btn{border-radius:5px; background: url(./images/created_next.png) no-repeat 10px 5px #8b9eb6; width:120px; height:25px; line-height:25px; border:0; color:#FFF;  text-align:center; cursor:pointer; text-indent:20px;}*/
+/*.dial dd input,.dial dd ul{ float:left;}*/
+/*.dial dd ul{border:1px solid #dfe5e7; background:#FFF; border-radius:3px;  height:auto; width:118px; margin-left:2px;}*/
+/*.dial dd ul li{height:auto; line-height:23px; margin-left:10px; padding-left:16px;}*/
+/*.dial dd ul li.status1{ color:#f39700;}*/
+/*.dial dd ul li.status2{ color:#98bf40;}*/
+/*.dial dd ul li.status3{ color:#98bf40;}*/
+/*.dial dd ul li.status4{ color:#23a9f6;}*/
+/*.dial dd ul li.status5{ color:#adadad;}*/
+/*.dial dd b{ line-height:23px; padding-left:1px;}*/
+
+/*.dial_btn{ float:left;}*/
+/*.dial_btn li{ float:left; margin-left:12px;text-align:center;}*/
+/*.dial_btn li a{ display:block; border-radius:10px; border:1px solid #dfe5e7; width:48px; height:48px; margin:4px auto;}*/
+/* */
+
+/*.dial_btn,.gj_btn,.zj_btn,.bc_btn,.zjie_btn,.myd_btn,.jt_btn,.qca_btn,.lj_btn,.qc_btn,.hy_btn,.sx_btn,.xx_btn,.wc_btn,.jy_btn,.xz_btn,.sm_btn,.qz_btn,.qiangjie_btn,.lanjie_btn{background:url(./images/created_dial_off.png) no-repeat;background-color:#FFF;}*/
+/*.wh_btn.on,.zj_btn.on,.gj_btn.on,.bc_btn.on,.zjie_btn.on,.myd_btn.on,.jt_btn.on,.qca_btn.on,.lj_btn.on,.qc_btn.on,.hy_btn.on,.sx_btn.on,.xx_btn.on,.wc_btn.on,.jy_btn.on,.xz_btn.on,.sm_btn.on{ background:url(./images/created_dial_on.png) no-repeat;}*/
+
+/*.wh_btn,.wh_btn.on{ background:url(./images/phonebar/call.png) no-repeat;  -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}!* 外呼 *!*/
+/*.wh_btn.on{ background:url(./images/phonebar/call.png) no-repeat;  -webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}   */
+/*.gj_btn,.gj_btn.on{background:url(./images/phonebar/hangup_enable.png) no-repeat; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}!* 挂机*!*/
+/*.gj_btn.on{ background:url(./images/phonebar/hangup_enable.png) no-repeat; -webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}   */
+/*.zj_btn,.zj_btn.on{ background-position:-61px -1px;}!* 摘机*!*/
+/*.zj_btn.on{background-color:#999999; border:1px solid #999999;}*/
+
+/*.bc_btn,.bc_btn.on{background:url(./images/phonebar/hold.png) no-repeat; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}!* 保持 *!*/
+/*.bc_btn.on{background:url(./images/phonebar/hold.png) no-repeat; -webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}*/
+
+/*.bc2_btn,.bc2_btn.on{background:url(./images/phonebar/unhold.png) no-repeat; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}!* 保持 *!*/
+/*.bc2_btn.on{background:url(./images/phonebar/unhold.png) no-repeat; -webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}*/
+
+/*.zjie_btn,.zjie_btn.on{background:url(./images/phonebar/transfer.png) no-repeat; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}!* 转接 *!*/
+/*.zjie_btn.on{background:url(./images/phonebar/transfer.png) no-repeat; -webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}*/
+
+/*.zixun_btn,.zixun_btn.on{background:url(./images/phonebar/consultation.png) no-repeat; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}!* 转接 *!*/
+/*.zixun_btn.on{background:url(./images/phonebar/consultation.png) no-repeat; -webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}*/
+
+/*.myd_btn,.myd_btn.on{background-position:-151px -2px; }!* 满意度 *!*/
+/*.myd_btn.on{ background-color:#f7ae2d; border:1px solid #f7ae2d;}*/
+/*.jt_btn,.jt_btn.on{background:url(./images/mute.jpg) no-repeat; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}!* 监听 *!*/
+/*.jt_btn.on{background:url(./images/mute.jpg) no-repeat;-webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}   */
+/*.qca_btn,.qca_btn.on{ background-position:-211px -1px;}!* 强插 *!*/
+/*.qca_btn.on{ background-color:#ed4e4e; border:1px solid #ed4e4e;}*/
+/*.lj_btn,.lj_btn.on{ background-position:-242px 0px;}!* 拦截 *!*/
+/*.lj_btn.on{ background-color:#999999; border:1px solid #999999;}*/
+/*.qc_btn,.qc_btn.on{ background-position:-271px -1px;}!* 强拆 *!*/
+/*.qc_btn.on{ background-color:#ed4e4e; border:1px solid #ed4e4e;}*/
+/*.hy_btn,.hy_btn.on{ background:url(./images/phonebar/conference.png) no-repeat;}!* 会议 *!*/
+/*.hy_btn.on{background:url(./images/phonebar/conference.png) no-repeat;-webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}   */
+/*.sx_btn,.sx_btn.on{  background:url(./images/phonebar/online.png) no-repeat;}!* 上线 *!*/
+/*.sx_btn.on{background:url(./images/phonebar/online.png) no-repeat; -webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}   */
+/*.xx_btn,.xx_btn.on{ background-position:-360px 0px;}!* 休息 *!*/
+/*.xx_btn.on{ background-color:#23a9f6; border:1px solid #23a9f6;}*/
+/*.wc_btn,.wc_btn.on{ background-position:-392px 0px;}!* 外出 *!*/
+/*.wc_btn.on{ background-color:#d51776; border:1px solid #d51776;}*/
+/*.jy_btn,.jy_btn.on{ background-position:-421px -1px;}!* 静音 *!*/
+/*.jy_btn.on{ background-color:#999999; border:1px solid #999999;}*/
+/*.xz_btn,.xz_btn.on{ background:url(./images/phonebar/setFree.png) no-repeat;  -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} !* 置闲 *!*/
+/* .xz_btn.on{background:url(./images/phonebar/setFree.png) no-repeat; -webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}  */
+/*.sm_btn,.sm_btn.on{ background:url(./images/phonebar/busy_enable.png) no-repeat; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} !* 置忙 *!*/
+/*.sm_btn.on{background:url(./images/phonebar/busy_enable.png) no-repeat; -webkit-filter: grayscale(1%);-moz-filter: grayscale(1%);-ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter: grayscale(1%);filter: gray;}   */
+/*.qz_btn,.qz_btn.on{background:url(./images/phonebar/reset.png) no-repeat;}!* 强置 *!*/
+/*.qz_btn.on{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}.lanjie_btn,.lanjie_btn.on{background:url(./images/phonebar/created_lanjie.png) no-repeat;}!* 拦截 *!*/
+/*.lanjie_btn.on{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}*/
+/*qiangjie_btn,.qiangjie_btn.on{background:url(./images/phonebar/created_qiangjie.png) no-repeat;}!* 抢接 *!*/
+/*.qiangjie_btn.on{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}   */
+
+/*!* asr实时消息的对话框 *!*/
+/*#chat-container {*/
+/*    width: 90%;*/
+/*    max-width: 600px;*/
+/*    margin: 20px auto;*/
+/*    background: white;*/
+/*    border: 1px solid #ddd;*/
+/*    border-radius: 8px;*/
+/*    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
+/*    padding: 10px;*/
+/*}*/
+/*.message {*/
+/*    padding: 10px;*/
+/*    margin: 10px 0;*/
+/*    border-radius: 8px;*/
+/*}*/
+/*.customer {*/
+/*    background-color: #F5F5F5;*/
+/*    align-self: flex-start;*/
+/*}*/
+/*.agent {*/
+/*    background-color: #95EC69;*/
+/*    align-self: flex-end;*/
+/*}*/
+/*.system-message {*/
+/*    text-align: center;*/
+/*    color: gray;*/
+/*    font-style: italic;*/
+/*}*/
+/*.message-container {*/
+/*    display: flex;*/
+/*    flex-direction: column;*/
+/*}*/
+/*.message-header {*/
+/*    font-weight: bold;*/
+/*    margin-bottom: 5px;*/
+/*}*/
+
+/*!* 转接和咨询区域的下拉框样式 *!*/
+/*#transfer_to_groupIds,*/
+/*#transfer_to_member {*/
+/*    width: 150px;*/
+/*    max-height: 200px;*/
+/*    overflow-y: auto;*/
+/*    border: 1px solid #dfe5e7;*/
+/*    border-radius: 3px;*/
+/*    background: #FFF;*/
+/*    color: #768595;*/
+/*    font-size: 12px;*/
+/*    padding: 5px;*/
+/*}*/
+
+/*#transfer_to_groupIds option,*/
+/*#transfer_to_member option {*/
+/*    padding: 5px;*/
+/*    cursor: pointer;*/
+/*}*/
+
+/*#transfer_to_groupIds option:hover,*/
+/*#transfer_to_member option:hover {*/
+/*    background-color: #f0f0f0;*/
+/*}*/

src/assets/callCenterPhoneBarSdk/phone-bar-ex.html

@@ -0,0 +1,767 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>呼叫中心html客户端工具条</title>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link rel="stylesheet" href="page.css" />
+    <script type="text/javascript" src="jquery-1.11.0.js"></script>
+    <script type="text/javascript" src="ccPhoneBarSocket.js"></script>
+	  
+    <script type="text/javascript">
+        var _phoneBar = new ccPhoneBarSocket();
+        var scriptServer = "192.168.67.217";
+        var  extnum = '1002'; //分机号
+        var opnum = '1002'; //工号
+        var skillLevel = 9; //技能等级
+        var groupId = 1; // 业务组id
+        if(window.location.href.toString().indexOf("?") != -1){
+            console.log( ccPhoneBarSocket.utils );
+            extnum = ccPhoneBarSocket.utils.getQueryParam("extNum");
+            opnum = ccPhoneBarSocket.utils.getQueryParam("opNum");
+            groupId = ccPhoneBarSocket.utils.getQueryParam("groupId");
+            console.log("extNum=", extnum, "opNum=", opnum);
+        }
+
+        function resetExtNumAndOpNum(ext, op, groupId) {
+            window.location.href = "?extNum=" + ext + "&opNum=" + op + "&groupId=" + groupId;
+        };
+
+		(function loadLoginToken(){
+
+             
+            var getTokenUrl = "http://"+ scriptServer +":8880/call-center/create-token";
+            var destUrl = getTokenUrl + "?extnum=" + extnum + "&opnum=" + opnum
+            + "&groupId=" + groupId +"&skillLevel=" + skillLevel
+            ;
+
+            var script = document.createElement("script");
+            script.type = "text/javascript";
+            script.src = destUrl;
+            document.getElementsByTagName('head')[0].appendChild(script);
+		})();
+
+        (function loadExtPassword(){
+            var  extPassword = '1234567';
+            var url = "http://"+ scriptServer +":8880/call-center/create-ext-password?pass=" + extPassword;
+            var script = document.createElement("script");
+            script.type = "text/javascript";
+            script.src = url;
+            document.getElementsByTagName('head')[0].appendChild(script);
+        })();
+
+        (function loadGatewayList(){
+            var url = "http://"+ scriptServer +":8880/call-center/create-gateway-list" ;
+            var script = document.createElement("script");
+            script.type = "text/javascript";
+            script.src = url;
+            document.getElementsByTagName('head')[0].appendChild(script);
+        })();
+
+        // 将视频级别填充到下拉列表中的函数
+        function populateVideoLevelDropdown(objId) {
+            let select = document.getElementById(objId);
+            if(select == null) return;
+            // 遍历视频级别数据
+            for (let key in ccPhoneBarSocket.videoLevels) {
+                if (ccPhoneBarSocket.videoLevels.hasOwnProperty(key)) {
+                    let level = ccPhoneBarSocket.videoLevels[key];
+                    let option = document.createElement('option');
+                    option.value = level.levelId; // 设置值为 levelId
+                    option.text = level.description; // 显示文本
+                    select.appendChild(option);
+                }
+            }
+            select.value = ccPhoneBarSocket.videoLevels.HD.levelId ;
+        }
+
+	</script>
+
+<script> 
+var _callConfig = null;
+
+window.onload = function(){
+
+    // 调用函数填充视频清晰度的下拉列表
+    populateVideoLevelDropdown('videoLevelSelect');
+    populateVideoLevelDropdown('member_video_level');
+
+	//工具条对象断开事件
+	// _phoneBar.on(ccPhoneBarSocket.eventList.ws_disconnected, function(msg){
+	// 	console.log(msg);
+	// });
+    //
+    // //工具条对象连接成功
+    // _phoneBar.on(ccPhoneBarSocket.eventList.ws_connected, function(msg){
+    //     console.log(msg);
+    // });
+    //
+	// _phoneBar.on(ccPhoneBarSocket.eventList.callee_ringing, function(msg){
+	// 	console.log(msg.content, "被叫振铃事件");
+	// });
+	// _phoneBar.on(ccPhoneBarSocket.eventList.caller_answered, function(msg){
+	// 	console.log(msg, "主叫接通" );
+	// });
+    // _phoneBar.on(ccPhoneBarSocket.eventList.caller_hangup, function(msg){
+    //     console.log(msg, "主叫挂断");
+    // });
+    //
+	// _phoneBar.on(ccPhoneBarSocket.eventList.callee_answered, function(msg){
+	// 	console.log(msg, "被叫接通");
+	// });
+	// _phoneBar.on(ccPhoneBarSocket.eventList.callee_hangup, function(msg){
+	// 	console.log(msg, "被叫挂断");
+	// });
+    //
+	// _phoneBar.on(ccPhoneBarSocket.eventList.status_changed, function(msg){
+	// 	console.log("座席状态改变: " ,msg);
+	// });
+    //
+    // // 一次外呼结束;
+    // _phoneBar.on(ccPhoneBarSocket.eventList.outbound_finished, function(msg){
+    // 	console.log('一次外呼结束', msg);
+    // });
+
+    // websocket通信对象断开事件;
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.ws_disconnected.code, function(msg){
+        console.log(msg);
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.ws_disconnected.code);
+        $("#transfer_area").hide();
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.OUTBOUND_START, function (msg) {
+        console.log('outbound_start',msg);
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.request_args_error.code, function(msg){
+        console.log(msg);
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.request_args_error.code);
+    });
+
+    //用户已在其他设备登录
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.user_login_on_other_device.code, function(msg){
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.user_login_on_other_device.code);
+        alert(ccPhoneBarSocket.eventListWithTextInfo.user_login_on_other_device.msg);
+    });
+
+    //websocket连接成功
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.ws_connected.code, function(msg){
+        console.log(msg);
+        $("#loginTime").text(new Date().toLocaleTimeString());
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.ws_connected.code);
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.callee_ringing.code, function(msg){
+        console.log(msg.content, "被叫振铃事件");
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.callee_ringing.code);
+    });
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.caller_answered.code, function(msg){
+        console.log(msg, "主叫接通" );
+        $("#agentStatus").text("通话中");
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.caller_answered.code);
+    });
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.caller_hangup.code, function(msg){
+        console.log(msg, "主叫挂断");
+        $("#agentStatus").text("通话结束");
+        $("#reInviteVideoBtn").attr("disabled","disabled");
+        $("#sendVideoFileBtn").attr("disabled","disabled");
+        $("#transfer_area").hide();
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.caller_hangup.code);
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.callee_answered.code, function(msg){
+        console.log(msg, "被叫接通");
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.callee_answered.code);
+    });
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.callee_hangup.code, function(msg){
+        console.log(msg, "被叫挂断");
+        $("#transfer_area").hide();
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.callee_hangup.code);
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventListWithTextInfo.status_changed.code, function(msg){
+        console.log("座席状态改变: " ,msg);
+        $("#agentStatus").text(msg["object"]["text"]);
+        _phoneBar.updatePhoneBar(msg, ccPhoneBarSocket.eventListWithTextInfo.status_changed.code);
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.acd_group_queue_number, function(msg){
+        console.log("当前排队人数消息: " ,msg);
+        $("#queueStat").text(msg["object"]["queue_number"]);
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.on_audio_call_connected, function(msg){
+        console.log("音频通话已建立: " ,msg);
+        $("#reInviteVideoBtn").removeAttr("disabled");
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.customer_channel_hold, function (msg) {
+        console.log("客户通话已保持: " ,msg);
+        $("#callStatus").text("通话已保持");
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.customer_channel_unhold, function (msg) {
+        console.log("客户通话已接回." ,msg);
+        $("#callStatus").text("客户通话已接回");
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.on_video_call_connected, function(msg){
+        console.log("视频通话已建立: " ,msg);
+        $("#sendVideoFileBtn").removeAttr("disabled");
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.inner_consultation_start, function(msg){
+        $("#callStatus").text("咨询开始.");
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.inner_consultation_stop, function(msg){
+        $("#callStatus").text("咨询结束.");
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.transfer_call_success, function(msg){
+        $("#callStatus").text("电话转接成功.");
+        $("#externalPhoneNumber").val('');
+    });
+
+    // 订阅的坐席状态列表发生改变
+    _phoneBar.on(ccPhoneBarSocket.eventList.agent_status_data_changed, function (msg) {
+        console.log("agent_status_data_changed.");
+        // 当 transfer_to_groupId 值改变时更新 transfer_to_member
+        $(transferToGroupId).off("change");
+        $(transferToGroupId).on("change", function () {
+            refreshMemberIdList();
+        });
+        refreshMemberIdList();
+    });
+
+    /* conference related events  */
+    _phoneBar.on(ccPhoneBarSocket.eventList.CONFERENCE_MEMBER_ANSWERED, function (msg) {
+        console.log("会议成员已经接通.", msg);
+        var memberPhone = $.trim(msg.object.phone);
+        var memberItemId = "#conf_member_" + memberPhone;
+
+        $(".conf_status", $(memberItemId)).text(msg.object.status);
+        $(".conf_status", $(memberItemId)).html("通话中").css("color", "green");
+
+        $(".conf_mute", $(memberItemId)).find("img").show();
+        $(".conf_vmute", $(memberItemId)).find("img").show();
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.CONFERENCE_MEMBER_VMUTED_SUCCESS, function (msg) {
+        console.log("会议成员已被禁用视频.", msg);
+        var memberPhone = $.trim(msg.object.phone);
+        var muteObj = $(".conf_vmute", $("#conf_member_" + memberPhone));
+        muteObj.find("img")[0].src = "images/no_video.jpg";
+        muteObj.find("a").removeAttr("onclick");
+        muteObj.find("a").off("click");
+        muteObj.find("a").on("click", function () {
+            _phoneBar.conferenceUnVMuteMember(memberPhone);
+        } );
+    });
+    _phoneBar.on(ccPhoneBarSocket.eventList.CONFERENCE_MEMBER_UnVMUTED_SUCCESS, function (msg) {
+        console.log("会议成员启用视频成功.", msg);
+        var memberPhone = $.trim(msg.object.phone);
+        var muteObj = $(".conf_vmute", $("#conf_member_" + memberPhone));
+        muteObj.find("img")[0].src = "images/video.jpg";
+        muteObj.find("a").removeAttr("onclick");
+        muteObj.find("a").off("click");
+        muteObj.find("a").on("click", function () {
+            _phoneBar.conferenceVMuteMember(memberPhone);
+        } );
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.CONFERENCE_MEMBER_MUTED_SUCCESS, function (msg) {
+        console.log("会议成员已被禁言.", msg);
+        var memberPhone = $.trim(msg.object.phone);
+        var muteObj = $(".conf_mute", $("#conf_member_" + memberPhone));
+        muteObj.find("img")[0].src = "images/unmute.jpg";
+        muteObj.find("a").removeAttr("onclick");
+        muteObj.find("a").off("click");
+        muteObj.find("a").on("click", function () {
+            _phoneBar.conferenceUnMuteMember(memberPhone);
+        } );
+    });
+    _phoneBar.on(ccPhoneBarSocket.eventList.CONFERENCE_MEMBER_UNMUTED_SUCCESS, function (msg) {
+        console.log("会议成员解除禁言成功.", msg);
+        var memberPhone = $.trim(msg.object.phone);
+        var muteObj = $(".conf_mute", $("#conf_member_" + memberPhone));
+        muteObj.find("img")[0].src = "images/mute.jpg";
+        muteObj.find("a").removeAttr("onclick");
+        muteObj.find("a").off("click");
+        muteObj.find("a").on("click", function () {
+            _phoneBar.conferenceMuteMember(memberPhone);
+        } );
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.CONFERENCE_MEMBER_HANGUP, function (msg) {
+        console.log("会议成员已经挂机.", msg);
+        var memberPhone = $.trim(msg.object.phone);
+        var memberItemId = "#conf_member_" + memberPhone;
+
+        // 隐藏 mute及 vmute按钮
+        $(".conf_mute", $(memberItemId)).find("img").hide();
+        $(".conf_vmute", $(memberItemId)).find("img").hide();
+        $(".conf_re_invite", $(memberItemId)).show();
+
+        var answerStatus = ( msg.object.answeredTime === 0) ? "未接通" :  msg.object.hangupClause;
+        var color = ( msg.object.answeredTime === 0) ? "red" : "green";
+        $(".conf_status", $(memberItemId)).html("已挂机("+ answerStatus  +")").css("color", color);
+        $(".conf_status", $(memberItemId)).fadeTo('fast', 0.1).fadeTo('fast', 1.0);
+        var blinkText = setInterval(function () {
+            $(".conf_status", $(memberItemId)).fadeTo('fast', 0.1).fadeTo('fast', 1.0);
+        }, 700); // 每0.5秒闪烁一次
+
+        setTimeout(function () {
+            console.log("memberItemId=", memberItemId);
+            clearInterval(blinkText);
+            // $(memberItemId).remove(); //暂不自动移除参会者，由主持人手动操作处理;
+        }, 5000);
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.CONFERENCE_MODERATOR_ANSWERED, function (msg) {
+        console.log("电话会议开始，主持人已接通.", msg);
+        onConferenceStart();
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.CONFERENCE_MODERATOR_HANGUP, function (msg) {
+        console.log("电话会议结束，主持人已挂机.", msg);
+        onConferenceEnd();
+    });
+
+    _phoneBar.on(ccPhoneBarSocket.eventList.CONFERENCE_TRANSFER_SUCCESS_FROM_EXISTED_CALL, function (msg) {
+        console.log("成功把通话转接到多人视频会议.", msg);
+        onTransferToConferenceSuccess(msg);
+    });
+
+    var _gatewayList = [{"gatewayAddr":"192.168.67.217:5080","callProfile":"internal","authUsername":"1002","callerNumber":"13195510173\r\n13195510174\r\n13195510188","updateTime":1769767068989,"calleePrefix":"","priority":1,"audioCodec":"pcma","uuid":"3","concurrency":2,"register":0}];
+
+    // 电话工具条参数配置;
+	_callConfig = {
+        'useDefaultUi' : true,
+        // loginToken 信息是加密的字符串， 包含以下字段信息：extnum[分机号]、opnum[工号]、groupId[业务组]、skillLevel[技能等级]
+        'loginToken': '',
+
+         // 电话工具条服务器端的地址; 端口默认是1081
+        'ipccServer': scriptServer + ':1081',
+
+        // 网关列表， 默认需要加密后在在通过客户端向呼叫系统传递;
+        // 注意在注册模式下，网关参数更改之后，必须重启语音服务 [docker restart freeswitch] 方可生效，不支持热更新;
+        // 支持多个网关同时使用，按照优先级依次使用, 支持网关负载容错溢出 [第一条网关外呼出错后，自动使用第二条网关重试，直至外呼不出错] ;
+        'gatewayList':  _gatewayList,
+
+        // 网关列表信息是否为加密模式;
+        'gatewayEncrypted': false
+    };
+
+    // 使用工具条之前需要先初始化 _callConfig 参数， 填充各个字段的值： 合计7个字段，必须填写正确 ；
+	//********************************************************************************************
+    // 以下代码设置加密的参数： loginToken、extPassword、gatewayList；   在本页面的demo演示中需要调用服务器端接口获取密文字符串;
+
+	console.log('loginToken = ',loginToken);
+	if(typeof(loginToken) != "undefined") {
+        _callConfig["loginToken"] = loginToken;
+    } else{
+	    alert("电话工具条：无法获取 loginToken!");
+	    return;
+    }
+
+    console.log('_phoneEncryptPassword = ',_phoneEncryptPassword);
+    if(typeof(_phoneEncryptPassword) != "undefined") {
+        _callConfig["extPassword"] = _phoneEncryptPassword;
+    } else{
+        alert("电话工具条：无法获取 _phoneEncryptPassword!");
+        return;
+    }
+
+    console.log('_configGatewayList = ', _configGatewayList);
+    if(typeof(_configGatewayList) != "undefined" && _callConfig["gatewayEncrypted"]) {
+        //_callConfig["gatewayList"] = _configGatewayList;
+    } else{
+       //  alert("电话工具条：无法获取 _configGatewayList!");
+    }
+
+    _phoneBar.initConfig(_callConfig);
+};
+
+function onConferenceEnd() {
+    document.getElementById("endConference").setAttribute("disabled", "true");
+    document.getElementById("startConference").removeAttribute("disabled");
+    document.getElementById("conference_member_list").style.display = "none";
+    // 启用外呼按钮
+    $("#callBtn").addClass('on');
+    // 启用置闲按钮
+    $("#setFree").addClass('on');
+    // 启用签出按钮
+    $("#onLineBtn").addClass('on');
+    //移除所有的参会成员
+    $(".conf_member_item_row").remove();
+
+    let tips = "多方通话结束";
+    $("#callStatus").text(tips);
+    $("#agentStatus").text(tips);
+}
+
+function onConferenceStart() {
+    document.getElementById("endConference").removeAttribute("disabled");
+    document.getElementById("conference_member_list").style.display = "block";
+    let tips = "多方通话进行中";
+    $("#callStatus").text(tips);
+    $("#agentStatus").text(tips);
+}
+
+/**
+ *  成功把电话转接到多人视频会议
+ */
+function onTransferToConferenceSuccess(msg) {
+    $("#callStatus").text("已接入多方会议");
+    $("#setFree").removeClass("on");
+    $("#setBusy").removeClass("on");
+    $("#callBtn").removeClass("on");
+
+    //界面显示成功转接到视频会议电话
+    var phone = msg.object.phone;
+    var name = msg.object.phone;
+    console.log("onTransferToConferenceSuccess:", msg);
+    _phoneBar.conferenceAddMemberFromExistCall(name, phone);
+}
+
+
+</script>
+
+</head>
+<body>
+
+<form>
+
+<table width="1224">
+<tr>
+  <td width="70%" colspan="2" height="35" style="text-indent: 20px;">
+      <b>签入时间：</b> <span id="loginTime" title="" class="status4">00:00:00</span> &nbsp;&nbsp;
+      <b>状态：</b> <span id="agentStatus" title="" class="status4">空闲</span> &nbsp;&nbsp;
+      <b>当前排队人数：</b><span id="queueStat" title="" class="status4">0</span>
+
+  </td>
+</tr>
+<tr>
+<td width="70%">
+<div>
+    <div class="head_dial" style="padding-left: 10px; ">
+	     
+        <dl class="dial">
+            <dt>
+                <label for="ccphoneNumber"></label><input type="text" name="ccphoneNumber" id="ccphoneNumber" placeholder="输入电话号码" class="tel_txt" />
+            </dt>
+            <dd>
+                <ul><li id="callStatus" title="" class="status4">没有连接</li></ul>
+                <span id="showCallLen" style="display:none"><b>00:00</b></span>
+            </dd>
+        </dl>
+
+        <ul class="dial_btn">
+            <li><a href="#" id="setFree" class="xz_btn off"></a><span>置闲</span></li>
+            <li><a href="#" id="setBusy" class="sm_btn off"></a>
+                <select style="width: 50px;" id="setBusySubList">
+                    <option value="3">置忙</option>
+                    <option value="31">小休</option>
+                    <option value="32">会议</option>
+                    <option value="33">培训</option>
+                </select>
+            </li>
+            <li><a href="#" id="callBtn" class="wh_btn"></a><span>外呼</span></li>
+            <li id="holdBtnLi"><a href="#" id="holdBtn" class="bc_btn off"></a><span>保 持</span></li>
+            <li id="unHoldBtnLi"><a href="#" id="unHoldBtn" class="bc2_btn off"></a><span>取消保持</span></li>
+            <li><a href="#" id="transferBtn" class="zjie_btn"></a><span>转接</span></li>
+            <li><a href="#" id="consultationBtn" class="zixun_btn"></a><span>咨询</span></li>
+            <li><a href="#" id="conferenceBtn" class="hy_btn"></a><span>会议</span></li>
+            <li><a href="#" id="hangUpBtn" class="gj_btn"></a><span>挂机</span></li>
+            <li><a href="#" id="resetStatus" class="qz_btn"></a><span>强置</span></li>
+            <li><a href="#" id="onLineBtn" class="sx_btn on"></a><span>签入</span></li>
+        </ul>
+    </div>
+</div>
+</td>
+<td width="30%" style="display: none;">
+<div>
+    <div  style="padding-left: 10px; ">
+        &nbsp; &nbsp;  外呼设置：
+        <label for="videoCallBtn"> <input type="radio" value="video" name="callType" id="videoCallBtn" />视频外呼</label>  &nbsp;&nbsp;
+        <label for="audioCallBtn"> <input type="radio" value="audio"  name="callType" checked="checked" id="audioCallBtn"  />语音外呼</label>  <br />
+
+        &nbsp; &nbsp; 视频清晰度:
+        <label for="videoLevelSelect"></label><select id="videoLevelSelect">
+        </select>
+        <input type="button" id="reInviteVideoBtn" title="发送视频邀请，可把音频通话转换为视频通话。"
+         onclick="_phoneBar.reInviteVideoCall();"       value="视频邀请" disabled="disabled" >
+
+        &nbsp;&nbsp;&nbsp;&nbsp;
+        <label for="videoListSelect"></label>
+         <select id="videoListSelect">
+             <option value="">请选择视频</option>
+             <option value="/usr/local/freeswitchvideo/share/freeswitch/sounds/bank.mp4">客服实例视频</option>
+             <option value="/usr/local/freeswitchvideo/share/freeswitch/sounds/conference.mp4">多方会议视频</option>
+             <option value="/usr/local/freeswitchvideo/share/freeswitch/sounds/15-seconds.mp4">15-seconds-demo</option>
+
+         </select>
+        <input type="button" id="sendVideoFileBtn" title="推送视频给对方，以便结束当前通话。"
+               onclick="_phoneBar.sendVideoFile($('#videoListSelect').val());"   value="推送视频" disabled="disabled" >
+
+    </div>
+</div>
+</td>
+</tr>
+
+    <tr id="conference_area" style="display: none">
+
+        <td colspan="2" style="padding-left: 130px; padding-top: 30px;">
+            <div>
+                <div>
+                    <div id="conference_start" style="display: block">
+                        <!-- 会议布局: &nbsp; -->
+                        <select id="conf_layout" name="conf_layout" style="display: none">
+                            <option value="2x2">2x2</option>
+                            <option value="3x3">3x3</option>
+                            <option value="1up_top_left+3">一主三从</option>
+                        </select>
+                        &nbsp;
+                        <!-- 画布尺寸: -->
+                        <select id="conf_template" name="conf_template" style="display: none">
+                            <option value="480p" selected="selected">480x640</option>
+                            <option value="720p">720x1080</option>
+                            <option value="default">default</option>
+                        </select>
+                        &nbsp;
+                         会议类型:
+                        <select id="conf_call_type2" name="conf_call_type2"  >
+                           <!-- <option value="video">视频</option> -->
+                            <option value="audio">音频</option>
+                        </select>
+                        <input type="hidden" value="audio" id="conf_call_type" name="conf_call_type" />
+                        &nbsp;
+                        <input type="button" name="startConference" id="startConference"
+                               onclick="_phoneBar.conferenceStartBtnUI('')"
+                               style="width: 70px;" value="启动会议">
+                        &nbsp;
+                        <input type="button" name="endConference" id="endConference"
+                               onclick="_phoneBar.conferenceEnd()"
+                               disabled="disabled"
+                               style="width: 70px;" value="结束会议">
+                    </div>
+
+                    <div style="width: 100%;"> &nbsp; </div>
+
+                    <div id="conference_member_list" style="display: none">
+                        <ul>
+                            <li id="conference_header">
+                                <span class="conf_name"> <input id="member_name" name="member_name" placeholder="姓名" style="width: 60px;" /> </span> &nbsp;
+                                <span class="conf_phone"> <input id="member_phone" name="member_phone" placeholder="手机号" style="width: 110px;" /> </span> &nbsp;
+                                <span class="conf_call_type">
+                                <select id="member_call_type" name="member_call_type" style="display: none">
+                                   <option value="video">视频</option>
+                                   <option value="audio" selected>音频</option>
+                               </select>
+                            </span>
+                                <span class="conf_video_level" style="display: none">
+                                <select id="member_video_level" name="member_video_level">
+                               </select>
+                            </span>
+
+                                <span class="conf_name">
+                               <input type="button" name="addConfMember" id="addConfMember"
+                                      onclick="_phoneBar.conferenceAddMemberBtnUI(0)"
+                                      style="width: 70px;" value="加入会议">
+                           </span>
+                            </li>
+
+                            <!-- 会议成员展示模版html  -->
+                            <li id="conf_member_template"  style="display: none;">
+                                <span class="conf_name">{member_name}</span>
+                                <span class="conf_phone">{member_phone}</span>
+                                <span class="conf_mute"><a href="javascript:void(0)" onclick="_phoneBar.conferenceMuteMember('{member_phone}')"><img alt="禁言该成员。" src="images/mute.jpg" width="15" height="17" /> </a> </span>
+                                <span class="conf_vmute" style="display: none"><a href="javascript:void(0)" onclick="_phoneBar.conferenceVMuteMember('{member_phone}')"><img alt="关闭该成员的视频。" src="images/video.jpg" /> </a></span>
+                                <span class="conf_remove"><a href="javascript:void(0)" onclick="_phoneBar.conferenceRemoveMembers('{member_phone}')" title="踢除会议成员。">移除</a></span>
+                                <span class="conf_re_invite"><a href="javascript:void(0)" onclick="_phoneBar.conferenceAddMemberBtnUI(1, '{member_phone}', '{member_name}')" title="重新呼叫。">重呼</a></span>
+                                <span class="conf_status">{member_status}</span>
+                            </li>
+
+
+                            <li></li>
+                        </ul>
+                    </div>
+
+
+                </div>
+            </div>
+        </td>
+
+    </tr>
+
+<tr id="transfer_area" width="100%" style="display: none">
+
+        <td colspan="2" width="100%" style="padding-left: 140px; padding-top: 30px;">
+            <table width="100%">
+                 <tr>
+                       <td width="90">业务组   </td>
+                       <td width="90">坐席成员</td>
+                       <td>&nbsp; </td>
+                 </tr>
+                <tr>
+                    <td>
+                        <select size="10" id="transfer_to_groupIds" name="transfer_to_groupIds">
+                            <option value="">请选择</option>
+                        </select>
+                    </td>
+
+                    <td>
+                        <select size="10" id="transfer_to_member" name="transfer_to_member">
+                            <option value="">请选择</option>
+                        </select>
+                    </td>
+                    <td valign="middle">
+
+
+                        &nbsp;&nbsp; <input type="text" name="externalPhoneNumber" id="externalPhoneNumber" placeholder="电话号码"
+                               title="可以把当前通话转接到外线号码上。 如果该文本框留空，则忽略处理。"
+                               class="tel_txt" />
+                        <br /> <br />
+
+                        &nbsp;&nbsp; <input type="button" name="doTransferBtn" id="doTransferBtn"
+                               onclick="_phoneBar.transferBtnClickUI()"
+                               style="width: 70px;" value="转接电话" title="把当前电话转接给他/她处理。" /> &nbsp;
+
+                        &nbsp;&nbsp; <input type="button" name="stopCallWait" id="stopCallWait"
+                               onclick="_phoneBar.stopCallWaitBtnClickUI()"
+                               style="width: 70px;" value="接回客户" title="在咨询失败的情况下使用该按钮，接回处于等待中的电话。" /> &nbsp;
+
+                        &nbsp;&nbsp; <input type="button" name="transferCallWait" id="transferCallWait"
+                               onclick="_phoneBar.transferCallWaitBtnClickUI()"
+                               style="width: 70px;" value="转接客户" title="在咨询成功的情况下使用该按钮，把电话转接给专家坐席。" /> &nbsp;
+
+                       <input type="button" name="doConsultationBtn" id="doConsultationBtn"
+                               onclick="_phoneBar.consultationBtnClickUI()"
+                               style="width: 70px;" value="拨号咨询" title="" />
+
+                    </td>
+                </tr>
+            </table>
+        </td>
+
+</tr>
+
+</table>
+</form>
+
+<div id="chat-container">
+    <div id="chat-messages" class="message-container"></div>
+</div>
+
+<script>
+    // 以下是通话转接操作界面的功能
+    const transferToGroupId = document.getElementById("transfer_to_groupIds");
+    const transferToMember = document.getElementById("transfer_to_member");
+
+    // 填充 transfer_to_groupId 数据
+    function populateGroupIdOptions() {
+        transferToGroupId.length = 0; //清除所有选项
+        let groups = _phoneBar.callConfig.groups;
+        groups.forEach(group => {
+            const option = document.createElement("option");
+            option.value = group.groupId;
+            option.textContent = group.bizGroupName;
+            transferToGroupId.appendChild(option);
+        });
+        if(transferToGroupId.selectedIndex == -1){
+            transferToGroupId.selectedIndex = 0;
+        }
+    };
+
+    // 根据选中的 groupId 填充 transfer_to_member 数据
+    function populateMemberIdOptions(members, selectedGroupId) {
+        if (!Array.isArray(members)) {
+            console.error("populateMemberOptions: members is not a Array.", members);
+            return;
+        }
+        transferToMember.innerHTML = '<option value="">请选择</option>';
+        members
+            .filter(member => member.groupId === selectedGroupId)
+       .forEach(member => {
+            const option = document.createElement("option");
+        const statusMap = { 1 : "刚签入", 2: "空闲", 3: "忙碌", 4: "通话中", 5: "事后处理" };
+        option.value = member.opnum;
+        option.textContent = `${member.opnum}(${statusMap[member.agentStatus] || ""})`;
+        transferToMember.appendChild(option);
+      });
+    };
+
+    function refreshMemberIdList() {
+        const selectedGroupId = transferToGroupId.value;
+        if(selectedGroupId != "") {
+            let origValue = transferToMember.value;
+            populateMemberIdOptions(_phoneBar.callConfig.agentList, selectedGroupId);
+            //判断原始选择项是否还存在，存在则重新赋值;
+            let hasValue = transferToMember.querySelector(`option[value="${origValue}"]`) !== null;
+            if(hasValue) {
+                transferToMember.value = origValue;
+            }
+        }
+    }
+
+    /* asr实时对话文本框的功能 */
+    _phoneBar.on(ccPhoneBarSocket.eventList.asr_process_started, function (msg) {
+        $(chatMessages).html("");
+    });
+    _phoneBar.on(ccPhoneBarSocket.eventList.asr_result_generate, function (msg) {
+        handleAsrMessage(msg);
+    });
+    _phoneBar.on(ccPhoneBarSocket.eventList.asr_process_end_customer, function (msg) {
+        handleAsrMessage(msg);
+    });
+    _phoneBar.on(ccPhoneBarSocket.eventList.asr_process_end_agent, function (msg) {
+        handleAsrMessage(msg);
+    });
+    const chatMessages = document.getElementById('chat-messages');
+    $("#chat-container").hide();
+    function handleAsrMessage(data) {
+        $("#chat-container").show();
+        const { status, object } = data;
+        if (status === 619 && object) {
+            const { role, text, vadType } = object;
+            if(vadType == 1) {
+                addMessageToChat(role, text);
+            }
+        } else if (status === 620 || status === 621) {
+            addSystemMessage("对话已结束。");
+        }
+    }
+    function addMessageToChat(role, text) {
+        const messageDiv = document.createElement('div');
+        messageDiv.className = 'message ' + (role === 1 ? 'customer' : 'agent');
+
+        // 添加角色名称
+        const roleHeader = document.createElement('div');
+        roleHeader.className = 'message-header';
+        roleHeader.textContent = role === 1 ? '客户' : '我';
+
+        const messageContent = document.createElement('div');
+        messageContent.textContent = text;
+
+        // messageDiv.appendChild(roleHeader);
+        messageDiv.appendChild(messageContent);
+        chatMessages.appendChild(messageDiv);
+        scrollToBottom();
+    }
+    function addSystemMessage(text) {
+        const systemMessage = document.createElement('div');
+        systemMessage.className = 'system-message';
+        systemMessage.textContent = text;
+        chatMessages.appendChild(systemMessage);
+        scrollToBottom();
+    }
+    function scrollToBottom() {
+        chatMessages.scrollTop = chatMessages.scrollHeight;
+    }
+
+</script>
+
+</body>
+</html>

src/views/aiSipCall/aiSipCallBizGroup.vue

@@ -0,0 +1,311 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="业务组名称" prop="bizGroupName">
+        <el-input
+          v-model="queryParams.bizGroupName"
+          placeholder="请输入业务组名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="排序" prop="sortNo">
+        <el-input
+          v-model="queryParams.sortNo"
+          placeholder="请输入排序"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="备注" prop="notes">
+        <el-input
+          v-model="queryParams.notes"
+          placeholder="请输入备注"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="远程技能组ID" prop="remoteGroupId">
+        <el-input
+          v-model="queryParams.remoteGroupId"
+          placeholder="请输入远程技能组ID"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="primary"-->
+<!--          plain-->
+<!--          icon="el-icon-plus"-->
+<!--          size="mini"-->
+<!--          @click="handleAdd"-->
+<!--          v-hasPermi="['company:aiSipCall:bizGroup:add']"-->
+<!--        >新增</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="success"-->
+<!--          plain-->
+<!--          icon="el-icon-edit"-->
+<!--          size="mini"-->
+<!--          :disabled="single"-->
+<!--          @click="handleUpdate"-->
+<!--          v-hasPermi="['company:aiSipCall:bizGroup:edit']"-->
+<!--        >修改</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="danger"-->
+<!--          plain-->
+<!--          icon="el-icon-delete"-->
+<!--          size="mini"-->
+<!--          :disabled="multiple"-->
+<!--          @click="handleDelete"-->
+<!--          v-hasPermi="['company:aiSipCall:bizGroup:remove']"-->
+<!--        >删除</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="warning"-->
+<!--          plain-->
+<!--          icon="el-icon-download"-->
+<!--          size="mini"-->
+<!--          :loading="exportLoading"-->
+<!--          @click="handleExport"-->
+<!--          v-hasPermi="['company:aiSipCall:bizGroup:export']"-->
+<!--        >导出</el-button>-->
+<!--      </el-col>-->
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="aiSipCallList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="业务组编号" align="center" prop="groupId" />
+      <el-table-column label="业务组名称" align="center" prop="bizGroupName" />
+      <el-table-column label="排序" align="center" prop="sortNo" />
+      <el-table-column label="备注" align="center" prop="notes" />
+      <el-table-column label="远程技能组ID" align="center" prop="remoteGroupId" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+<!--        <template slot-scope="scope">-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-edit"-->
+<!--            @click="handleUpdate(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:bizGroup:edit']"-->
+<!--          >修改</el-button>-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:bizGroup:remove']"-->
+<!--          >删除</el-button>-->
+<!--        </template>-->
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改aiSIP外呼技能组对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="业务组名称" prop="bizGroupName">
+          <el-input v-model="form.bizGroupName" placeholder="请输入业务组名称" />
+        </el-form-item>
+        <el-form-item label="排序" prop="sortNo">
+          <el-input v-model="form.sortNo" placeholder="请输入排序" />
+        </el-form-item>
+        <el-form-item label="备注" prop="notes">
+          <el-input v-model="form.notes" placeholder="请输入备注" />
+        </el-form-item>
+        <el-form-item label="远程技能组ID" prop="remoteGroupId">
+          <el-input v-model="form.remoteGroupId" placeholder="请输入远程技能组ID" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listAiSipCallBizGroup, getAiSipCallBizGroup, delAiSipCallBizGroup, addAiSipCallBizGroup, updateAiSipCallBizGroup, exportAiSipCallBizGroup } from "@/api/aiSipCall/aiSipCallBizGroup";
+
+export default {
+  name: "aiSipCallBizGroup",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // aiSIP外呼技能组表格数据
+      aiSipCallList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        bizGroupName: null,
+        sortNo: null,
+        notes: null,
+        remoteGroupId: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        bizGroupName: [
+          { required: true, message: "业务组名称不能为空", trigger: "blur" }
+        ],
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询aiSIP外呼技能组列表 */
+    getList() {
+      this.loading = true;
+      listAiSipCallBizGroup(this.queryParams).then(response => {
+        this.aiSipCallList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        groupId: null,
+        bizGroupName: null,
+        sortNo: null,
+        notes: null,
+        createTime: null,
+        remoteGroupId: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.groupId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加aiSIP外呼技能组";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const groupId = row.groupId || this.ids
+      getAiSipCallBizGroup(groupId).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改aiSIP外呼技能组";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.groupId != null) {
+            updateAiSipCallBizGroup(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addAiSipCallBizGroup(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const groupIds = row.groupId || this.ids;
+      this.$confirm('是否确认删除aiSIP外呼技能组编号为"' + groupIds + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delAiSipCallBizGroup(groupIds);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有aiSIP外呼技能组数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportAiSipCallBizGroup(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+          this.exportLoading = false;
+        }).catch(() => {});
+    }
+  }
+};
+</script>

src/views/aiSipCall/aiSipCallGateway.vue

@@ -0,0 +1,521 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="网关用途" prop="purpose">
+        <el-select
+          v-model="queryParams.purpose"
+          placeholder="请选择网关用途"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option label="全部" value="" />
+          <el-option label="已废弃" :value="0" />
+          <el-option label="电话条" :value="1" />
+          <el-option label="外呼任务" :value="2" />
+          <el-option label="无限制" :value="3" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="网关名称" prop="gwName">
+        <el-input
+          v-model="queryParams.gwName"
+          placeholder="请输入网关名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="profile" prop="profileName">
+        <el-select
+          v-model="queryParams.profileName"
+          placeholder="请选择profile"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option label="全部" value="" />
+          <el-option label="external" value="extemal" />
+          <el-option label="internal" value="internal" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="主叫号码" prop="caller">
+        <el-input
+          v-model="queryParams.caller"
+          placeholder="请输入主叫号码"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+
+      <el-form-item label="被叫前缀" prop="calleePrefix">
+        <el-input
+          v-model="queryParams.calleePrefix"
+          placeholder="请输入被叫前缀"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="primary"-->
+<!--          plain-->
+<!--          icon="el-icon-plus"-->
+<!--          size="mini"-->
+<!--          @click="handleAdd"-->
+<!--          v-hasPermi="['company:aiSipCall:gateway:add']"-->
+<!--        >新增</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="success"-->
+<!--          plain-->
+<!--          icon="el-icon-edit"-->
+<!--          size="mini"-->
+<!--          :disabled="single"-->
+<!--          @click="handleUpdate"-->
+<!--          v-hasPermi="['company:aiSipCall:gateway:edit']"-->
+<!--        >修改</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="danger"-->
+<!--          plain-->
+<!--          icon="el-icon-delete"-->
+<!--          size="mini"-->
+<!--          :disabled="multiple"-->
+<!--          @click="handleDelete"-->
+<!--          v-hasPermi="['company:aiSipCall:gateway:remove']"-->
+<!--        >删除</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="warning"-->
+<!--          plain-->
+<!--          icon="el-icon-download"-->
+<!--          size="mini"-->
+<!--          :loading="exportLoading"-->
+<!--          @click="handleExport"-->
+<!--          v-hasPermi="['company:aiSipCall:gateway:export']"-->
+<!--        >导出</el-button>-->
+<!--      </el-col>-->
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="aiSipCallList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="网关名称" align="center" prop="gwName" />
+      <el-table-column label="网关用途" align="center" prop="purpose">
+        <template slot-scope="scope">
+          <span>{{ purposeFormat(scope.row.purpose) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="profile" align="center" prop="profileName" />
+
+      <el-table-column label="主叫号码" align="center" prop="caller" />
+      <el-table-column label="网关地址" align="center" prop="gwAddr" />
+      <el-table-column label="网关名称描述;" align="center" prop="gwDesc" />
+      <el-table-column label="网关最大并发数" align="center" prop="maxConcurrency" />
+      <el-table-column label="认证用户名" align="center" prop="authUsername" />
+      <el-table-column label="是否认证注册" align="center" prop="register">
+        <template slot-scope="scope">
+          <span>{{ registerFormat(scope.row.register) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-edit"-->
+<!--            @click="handleUpdate(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:gateway:edit']"-->
+<!--          >修改</el-button>-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:gateway:remove']"-->
+<!--          >删除</el-button>-->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改aiSIP外呼网关对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="网关名称" prop="gwName">
+          <el-input v-model="form.gwName" placeholder="请输入网关名称" />
+        </el-form-item>
+        <el-form-item label="网关用途" prop="purpose">
+          <el-select
+            v-model="form.purpose"
+            placeholder="请选择网关用途"
+            clearable
+            size="small"
+          >
+            <el-option label="已废弃" :value="0" />
+            <el-option label="电话条" :value="1" />
+            <el-option label="外呼任务" :value="2" />
+            <el-option label="无限制" :value="3" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="profile" prop="profileName">
+          <el-select
+            v-model="form.profileName"
+            placeholder="请选择profile"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
+          >
+            <el-option label="external" value="extemal" />
+            <el-option label="internal" value="internal" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="是否认证注册" prop="register">
+          <el-select
+            v-model="form.register"
+            placeholder="请选择认证注册方式"
+            clearable
+            size="small"
+          >
+            <el-option label="对接模式" :value="0" />
+            <el-option label="注册模式" :value="1" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="网关地址" prop="gwAddr">
+          <el-input v-model="form.gwAddr" placeholder="请输入网关地址" />
+        </el-form-item>
+        <el-form-item label="被叫前缀" prop="calleePrefix">
+          <el-input v-model="form.calleePrefix" placeholder="请输入被叫前缀" />
+        </el-form-item>
+        <el-form-item label="外呼语音编码" prop="codec">
+          <el-input v-model="form.codec" placeholder="请输入外呼语音编码" />
+        </el-form-item>
+        <el-form-item label="网关名称描述;" prop="gwDesc">
+          <el-input v-model="form.gwDesc" placeholder="请输入网关名称描述;" />
+        </el-form-item>
+        <el-form-item label="网关最大并发数" prop="maxConcurrency">
+          <el-input v-model="form.maxConcurrency" placeholder="请输入网关最大并发数" />
+        </el-form-item>
+        <el-form-item label="使用优先级" prop="priority">
+          <el-input v-model="form.priority" placeholder="数字1-9 数字越小,越优先被使用" />
+        </el-form-item>
+        <el-form-item label="主叫号码" prop="caller">
+          <el-input v-model="form.caller" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="配置项">
+          <el-button type="primary" size="mini" @click="addConfigItem">增加配置项</el-button>
+          <div v-for="(item, index) in configItems" :key="index" class="config-item-row">
+            <el-input v-model="item.key" placeholder="请输入参数名" style="width: 45%; margin-right: 10px;" />
+            <el-input v-model="item.value" placeholder="请输入参数值" style="width: 45%; margin-right: 10px;" />
+            <el-button type="danger" size="mini" @click="removeConfigItem(index)">删除</el-button>
+          </div>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listAiSipCallGateway, getAiSipCallGateway, delAiSipCallGateway, addAiSipCallGateway, updateAiSipCallGateway, exportAiSipCallGateway } from "@/api/aiSipCall/aiSipCallGateway";
+
+export default {
+  name: "aiSipCallGateway",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // aiSIP外呼网关表格数据
+      aiSipCallList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        gwName: null,
+        profileName: null,
+        caller: null,
+        calleePrefix: null,
+        gwAddr: null,
+        codec: null,
+        gwDesc: null,
+        maxConcurrency: null,
+        authUsername: null,
+        authPassword: null,
+        priority: null,
+        register: null,
+        configs: null,
+        purpose: null,
+        remoteGatewayId: null
+      },
+      // 表单参数
+      form: {},
+      // 配置项列表
+      configItems: [],
+      // 表单校验
+      rules: {
+        gwName: [
+          { required: true, message: "网关名称不能为空", trigger: "blur" },
+          { pattern: /^[a-zA-Z][a-zA-Z0-9]*$/, message: "网关名称必须以字母开头，且只能包含字母和数字", trigger: "blur" }
+        ],
+        purpose: [
+          { required: true, message: "网关用途不能为空", trigger: "blur" }
+        ],
+        profileName: [
+          { required: true, message: "profile名称不能为空", trigger: "blur" }
+        ],
+        register: [
+          { required: true, message: "是否认证注册不能为空", trigger: "blur" }
+        ],
+        gwAddr: [
+          { required: true, message: "网关地址不能为空", trigger: "blur" }
+        ],
+        codec: [
+          { required: true, message: "外呼语音编码不能为空", trigger: "blur" }
+        ],
+        gwDesc: [
+          { required: true, message: "网关名称描述不能为空", trigger: "blur" }
+        ],
+        maxConcurrency: [
+          { required: true, message: "网关最大并发数不能为空", trigger: "blur" }
+        ],
+        priority: [
+          { required: true, message: "使用优先级不能为空", trigger: "blur" }
+        ],
+        caller: [
+          { required: true, message: "主叫号码不能为空", trigger: "blur" }
+        ],
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询aiSIP外呼网关列表 */
+    getList() {
+      this.loading = true;
+      listAiSipCallGateway(this.queryParams).then(response => {
+        this.aiSipCallList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        gwName: null,
+        profileName: 'extemal',
+        caller: null,
+        calleePrefix: null,
+        gwAddr: null,
+        codec: null,
+        gwDesc: null,
+        maxConcurrency: null,
+        authUsername: null,
+        authPassword: null,
+        priority: null,
+        updateTime: null,
+        register: 0,
+        configs: null,
+        purpose: 0,
+        remoteGatewayId: null
+      };
+      this.configItems = [];
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加aiSIP外呼网关";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getAiSipCallGateway(id).then(response => {
+        this.form = response.data;
+        // 解析配置项 JSON 字符串
+        if (this.form.configs) {
+          try {
+            const parsedConfigs = JSON.parse(this.form.configs);
+            if (Array.isArray(parsedConfigs)) {
+              this.configItems = parsedConfigs.map(item => ({ key: item.key, value: item.value }));
+            } else if (typeof parsedConfigs === 'object') {
+              this.configItems = Object.entries(parsedConfigs).map(([key, value]) => ({ key, value }));
+            }
+          } catch (e) {
+            console.error('解析配置项失败:', e);
+            this.configItems = [];
+          }
+        }
+        this.open = true;
+        this.title = "修改 aiSIP 外呼网关";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          // 将配置项转换为 JSON 字符串
+          if (this.configItems.length > 0) {
+            const configsObj = {};
+            this.configItems.forEach(item => {
+              if (item.key && item.value !== undefined && item.value !== null) {
+                configsObj[item.key] = item.value;
+              }
+            });
+            this.form.configs = Object.keys(configsObj).length > 0 ? JSON.stringify(configsObj) : null;
+          } else {
+            this.form.configs = null;
+          }
+
+          if (this.form.id != null) {
+            updateAiSipCallGateway(this.form).then(() => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addAiSipCallGateway(this.form).then(() => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除aiSIP外呼网关编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delAiSipCallGateway(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有 aiSIP 外呼网关数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportAiSipCallGateway(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+          this.exportLoading = false;
+        }).catch(() => {});
+    },
+    /** 网关用途格式化 */
+    purposeFormat(value) {
+      if (value === null || value === undefined || value === '') {
+        return '';
+      }
+      const purposeMap = {
+        0: '已废弃',
+        1: '电话条',
+        2: '外呼任务',
+        3: '无限制'
+      };
+      return purposeMap[value] || '未知';
+    },
+    /** 认证注册方式格式化 */
+    registerFormat(value) {
+      if (value === null || value === undefined || value === '') {
+        return '';
+      }
+      const registerMap = {
+        0: '对接模式',
+        1: '注册模式'
+      };
+      return registerMap[value] || '未知';
+    },
+    /** 增加配置项 */
+    addConfigItem() {
+      this.configItems.push({ key: '', value: '' });
+    },
+    /** 删除配置项 */
+    removeConfigItem(index) {
+      this.configItems.splice(index, 1);
+    }
+  }
+};
+</script>
+
+<style scoped>
+.config-item-row {
+  display: flex;
+  align-items: center;
+  margin-top: 10px;
+}
+</style>

src/views/aiSipCall/aiSipCallLlmAgentAccount.vue

@@ -0,0 +1,360 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="实现类" prop="providerClassName">
+        <el-select
+          v-model="queryParams.providerClassName"
+          placeholder="请选择实现类"
+          clearable
+          size="small"
+          style="width: 100%"
+        >
+          <el-option label="全部" value="" />
+          <el-option label="DeepSeekChat" value="DeepSeekChat" />
+          <el-option label="Coze" value="Coze" />
+          <el-option label="MaxKB" value="MaxKB" />
+          <el-option label="Dify" value="Dify" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="primary"-->
+<!--          plain-->
+<!--          icon="el-icon-plus"-->
+<!--          size="mini"-->
+<!--          @click="handleAdd"-->
+<!--          v-hasPermi="['company:aiSipCall:llmAgentAccount:add']"-->
+<!--        >新增</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="success"-->
+<!--          plain-->
+<!--          icon="el-icon-edit"-->
+<!--          size="mini"-->
+<!--          :disabled="single"-->
+<!--          @click="handleUpdate"-->
+<!--          v-hasPermi="['company:aiSipCall:llmAgentAccount:edit']"-->
+<!--        >修改</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="danger"-->
+<!--          plain-->
+<!--          icon="el-icon-delete"-->
+<!--          size="mini"-->
+<!--          :disabled="multiple"-->
+<!--          @click="handleDelete"-->
+<!--          v-hasPermi="['company:aiSipCall:llmAgentAccount:remove']"-->
+<!--        >删除</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="warning"-->
+<!--          plain-->
+<!--          icon="el-icon-download"-->
+<!--          size="mini"-->
+<!--          :loading="exportLoading"-->
+<!--          @click="handleExport"-->
+<!--          v-hasPermi="['company:aiSipCall:llmAgentAccount:export']"-->
+<!--        >导出</el-button>-->
+<!--      </el-col>-->
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="aiSipCallList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="名称" align="center" prop="name" />
+      <el-table-column label="实现类" align="center" prop="providerClassName" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-edit"-->
+<!--            @click="handleUpdate(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:llmAgentAccount:edit']"-->
+<!--          >修改</el-button>-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:llmAgentAccount:remove']"-->
+<!--          >删除</el-button>-->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改aiSIP外呼大模型对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="form.name" placeholder="请输入名称" />
+        </el-form-item>
+        <el-form-item label="实现类" prop="providerClassName">
+          <el-select v-model="form.providerClassName" placeholder="请选择实现类" size="small" style="width: 100%">
+            <el-option label="DeepSeekChat" value="DeepSeekChat" />
+            <el-option label="Coze" value="Coze" />
+            <el-option label="MaxKB" value="MaxKB" />
+            <el-option label="Dify" value="Dify" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="模型并发数" prop="concurrentNum">
+          <el-input v-model="form.concurrentNum" placeholder="请输入模型并发数" />
+        </el-form-item>
+        <el-form-item label="打断开关" prop="interruptFlag">
+          <el-select v-model="form.interruptFlag" placeholder="请选择打断方式" size="small" style="width: 100%">
+            <el-option label="不打断" value="0" />
+            <el-option label="关键词打断" value="1" />
+            <el-option label="有声音就打断" value="2" />
+          </el-select>
+        </el-form-item>
+
+
+
+
+<!--        <el-form-item label="大模型类型，枚举值：LlmAccount, CozeAccount" prop="accountEntity">-->
+<!--          <el-input v-model="form.accountEntity" placeholder="请输入大模型类型，枚举值：LlmAccount, CozeAccount" />-->
+<!--        </el-form-item>-->
+
+<!--        <el-form-item label="打断关键词列表" prop="interruptKeywords">-->
+<!--          <el-input v-model="form.interruptKeywords" type="textarea" placeholder="请输入内容" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="打断忽略关键字列表" prop="interruptIgnoreKeywords">-->
+<!--          <el-input v-model="form.interruptIgnoreKeywords" type="textarea" placeholder="请输入内容" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="客户意向提示词" prop="intentionTips">-->
+<!--          <el-input v-model="form.intentionTips" type="textarea" placeholder="请输入内容" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="一个用于启动向人工座席转移的单位数字代码。" prop="transferManualDigit">-->
+<!--          <el-input v-model="form.transferManualDigit" placeholder="请输入一个用于启动向人工座席转移的单位数字代码。" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="知识库分类ID" prop="kbCatId">-->
+<!--          <el-input v-model="form.kbCatId" placeholder="请输入知识库分类ID" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="远程大模型ID" prop="remoteLlmAgentAccountId">-->
+<!--          <el-input v-model="form.remoteLlmAgentAccountId" placeholder="请输入远程大模型ID" />-->
+<!--        </el-form-item>-->
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listAiSipCallLlmAgentAccount, getAiSipCallLlmAgentAccount, delAiSipCallLlmAgentAccount, addAiSipCallLlmAgentAccount, updateAiSipCallLlmAgentAccount, exportAiSipCallLlmAgentAccount } from "@/api/aiSipCall/aiSipCallLlmAgentAccount";
+
+export default {
+  name: "aiSipCallLlmAgentAccount",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // aiSIP外呼大模型表格数据
+      aiSipCallList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        accountJson: null,
+        providerClassName: null,
+        name: null,
+        accountEntity: null,
+        interruptFlag: null,
+        interruptKeywords: null,
+        interruptIgnoreKeywords: null,
+        intentionTips: null,
+        concurrentNum: null,
+        transferManualDigit: null,
+        kbCatId: null,
+        remoteLlmAgentAccountId: null
+      },
+      // 表单参数
+      form: {
+        interruptFlag: "0"
+      },
+      // 表单校验
+      rules: {
+        providerClassName: [
+          { required: true, message: "实现类，枚举值：DeepSeekChat, Coze, MaxKB, Dify不能为空", trigger: "blur" }
+        ],
+        name: [
+          { required: true, message: "别名不能为空", trigger: "blur" }
+        ],
+        accountEntity: [
+          { required: true, message: "大模型类型，枚举值：LlmAccount, CozeAccount不能为空", trigger: "blur" }
+        ],
+        transferManualDigit: [
+          { required: true, message: "一个用于启动向人工座席转移的单位数字代码。不能为空", trigger: "blur" }
+        ],
+        kbCatId: [
+          { required: true, message: "知识库分类ID不能为空", trigger: "blur" }
+        ],
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询aiSIP外呼大模型列表 */
+    getList() {
+      this.loading = true;
+      listAiSipCallLlmAgentAccount(this.queryParams).then(response => {
+        this.aiSipCallList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        accountJson: null,
+        providerClassName: null,
+        name: null,
+        accountEntity: null,
+        interruptFlag: null,
+        interruptKeywords: null,
+        interruptIgnoreKeywords: null,
+        intentionTips: null,
+        concurrentNum: null,
+        transferManualDigit: null,
+        kbCatId: null,
+        remoteLlmAgentAccountId: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加aiSIP外呼大模型";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getAiSipCallLlmAgentAccount(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改aiSIP外呼大模型";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateAiSipCallLlmAgentAccount(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addAiSipCallLlmAgentAccount(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除aiSIP外呼大模型编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delAiSipCallLlmAgentAccount(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有aiSIP外呼大模型数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportAiSipCallLlmAgentAccount(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+          this.exportLoading = false;
+        }).catch(() => {});
+    }
+  }
+};
+</script>

src/views/aiSipCall/aiSipCallManualOutbound.vue

@@ -0,0 +1,2756 @@
+<template>
+    <div class="call-center-phone-bar">
+        <form>
+            <table width="1224">
+                <tr>
+                    <td width="70%" colspan="2" height="35" style="text-indent: 20px;">
+                        <b>签入时间：</b> <span id="loginTime" title="" class="status4">{{ loginTime }}</span> &nbsp;&nbsp;
+                        <b>状态：</b> <span id="agentStatus" title="" class="status4">{{ agentStatus }}</span> &nbsp;&nbsp;
+                        <b>当前排队人数：</b><span id="queueStat" title="" class="status4">{{ queueNumber }}</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td width="70%">
+                        <div>
+                            <div class="head_dial" style="padding-left: 10px; ">
+                                <dl class="dial">
+                                    <dt>
+                                        <label for="ccphoneNumber"></label>
+                                        <input
+                                            type="text"
+                                            name="ccphoneNumber"
+                                            id="ccphoneNumber"
+                                            placeholder="输入电话号码"
+                                            class="tel_txt"
+                                            v-model="phoneNumber"
+                                            @keydown.enter="handleCall"
+                                        />
+                                    </dt>
+                                    <dd>
+                                        <ul><li id="callStatus" title="" class="status4">{{ callStatus }}</li></ul>
+                                    </dd>
+                                </dl>
+
+                                <ul class="dial_btn">
+                                    <li><a href="#" id="setFree" class="xz_btn off" @click.prevent="handleSetFree"></a><span>置闲</span></li>
+                                    <li>
+                                        <a href="#" id="setBusy" class="sm_btn off"></a>
+                                        <select style="width: 50px;" id="setBusySubList" v-model="busySubStatus" @change="handleSetBusy">
+                                            <option v-for="option in busySubStatusOptions" :key="option.value" :value="option.value">
+                                                {{ option.label }}
+                                            </option>
+                                        </select>
+                                    </li>
+                                    <li><a href="#" id="callBtn" class="wh_btn" @click.prevent="handleCall"></a><span>外呼</span></li>
+                                    <li id="holdBtnLi" v-show="showHoldBtn"><a href="#" id="holdBtn" class="bc_btn off" @click.prevent="handleHold"></a><span>保 持</span></li>
+                                    <li id="unHoldBtnLi" v-show="showUnHoldBtn"><a href="#" id="unHoldBtn" class="bc2_btn off" @click.prevent="handleUnHold"></a><span>取消保持</span></li>
+                                    <li><a href="#" id="transferBtn" class="zjie_btn" @click.prevent="handleTransfer"></a><span>转接</span></li>
+                                    <li><a href="#" id="consultationBtn" class="zixun_btn" @click.prevent="handleConsultation"></a><span>咨询</span></li>
+                                    <li><a href="#" id="conferenceBtn" class="hy_btn" @click.prevent="toggleConferenceArea"></a><span>会议</span></li>
+                                    <li><a href="#" id="hangUpBtn" class="gj_btn" @click.prevent="handleHangup"></a><span>挂机</span></li>
+                                    <li><a href="#" id="resetStatus" class="qz_btn" @click.prevent="handleReset"></a><span>强置</span></li>
+                                    <li><a href="#" id="onLineBtn" class="sx_btn on" @click.prevent="handleOnline"></a><span>{{ onlineButtonText }}</span></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </td>
+                    <td width="30%" style="display: none;">
+                        <div>
+                            <div style="padding-left: 10px; ">
+                                &nbsp; &nbsp; 外呼设置：
+                                <label for="videoCallBtn">
+                                    <input type="radio" value="video" name="callType" id="videoCallBtn" v-model="callType" />视频外呼
+                                </label> &nbsp;&nbsp;
+                                <label for="audioCallBtn">
+                                    <input type="radio" value="audio" name="callType" checked="checked" id="audioCallBtn" v-model="callType" />语音外呼
+                                </label> <br />
+
+                                &nbsp; &nbsp; 视频清晰度:
+                                <label for="videoLevelSelect"></label>
+                                <select id="videoLevelSelect" v-model="videoLevel">
+                                    <option v-for="(level, key) in videoLevels" :key="key" :value="level.levelId">
+                                        {{ level.description }}
+                                    </option>
+                                </select>
+                                <input
+                                    type="button"
+                                    id="reInviteVideoBtn"
+                                    title="发送视频邀请，可把音频通话转换为视频通话。"
+                                    @click="handleReInviteVideo"
+                                    value="视频邀请"
+                                    :disabled="!canSendVideoReInvite"
+                                >
+
+                                &nbsp;&nbsp;&nbsp;&nbsp;
+                                <label for="videoListSelect"></label>
+                                <select id="videoListSelect" v-model="selectedVideoFile">
+                                    <option v-for="video in videoFileList" :key="video.value" :value="video.value">
+                                        {{ video.label }}
+                                    </option>
+                                </select>
+                                <input
+                                    type="button"
+                                    id="sendVideoFileBtn"
+                                    title="推送视频给对方，以便结束当前通话。"
+                                    @click="handleSendVideoFile"
+                                    value="推送视频"
+                                    :disabled="!canSendVideoFile"
+                                >
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+
+                <!-- 会议区域 -->
+                <tr id="conference_area" style="display: none" v-show="showConferenceArea">
+                    <td colspan="2" style="padding-left: 130px; padding-top: 30px;">
+                        <div>
+                            <div>
+                                <div id="conference_start" style="display: block">
+                                    <select id="conf_layout" name="conf_layout" style="display: none" v-model="conferenceLayout">
+                                        <option v-for="layout in conferenceLayouts" :key="layout.value" :value="layout.value">
+                                            {{ layout.label }}
+                                        </option>
+                                    </select>
+                                    &nbsp;
+                                    <select id="conf_template" name="conf_template" style="display: none" v-model="conferenceTemplate">
+                                        <option v-for="template in conferenceTemplates" :key="template.value" :value="template.value">
+                                            {{ template.label }}
+                                        </option>
+                                    </select>
+                                    &nbsp;
+                                    会议类型:
+                                    <select id="conf_call_type2" name="conf_call_type2" v-model="conferenceCallType">
+                                        <option v-for="type in conferenceCallTypes" :key="type.value" :value="type.value">
+                                            {{ type.label }}
+                                        </option>
+                                    </select>
+                                    <input type="hidden" value="audio" id="conf_call_type" name="conf_call_type" />
+                                    &nbsp;
+                                    <input
+                                        type="button"
+                                        name="startConference"
+                                        id="startConference"
+                                        @click="handleStartConference"
+                                        style="width: 70px;"
+                                        value="启动会议"
+                                        :disabled="conferenceStarted"
+                                    >
+                                    &nbsp;
+                                    <input
+                                        type="button"
+                                        name="endConference"
+                                        id="endConference"
+                                        @click="handleEndConference"
+                                        disabled="disabled"
+                                        style="width: 70px;"
+                                        value="结束会议"
+                                    >
+                                </div>
+
+                                <div style="width: 100%;"> &nbsp; </div>
+
+                                <div id="conference_member_list" style="display: none" v-show="showConferenceMemberList">
+                                    <ul>
+                                        <li id="conference_header">
+                      <span class="conf_name">
+                        <input
+                            id="member_name"
+                            name="member_name"
+                            placeholder="姓名"
+                            style="width: 60px;"
+                            v-model="newMemberName"
+                        />
+                      </span> &nbsp;
+                                            <span class="conf_phone">
+                        <input
+                            id="member_phone"
+                            name="member_phone"
+                            placeholder="手机号"
+                            style="width: 110px;"
+                            v-model="newMemberPhone"
+                        />
+                      </span> &nbsp;
+                                            <span class="conf_call_type">
+                        <select
+                            id="member_call_type"
+                            name="member_call_type"
+                            style="display: none"
+                            v-model="newMemberCallType"
+                        >
+                          <option value="video">视频</option>
+                          <option value="audio" selected>音频</option>
+                        </select>
+                      </span>
+                                            <span class="conf_video_level" style="display: none">
+                        <select
+                            id="member_video_level"
+                            name="member_video_level"
+                            v-model="newMemberVideoLevel"
+                        >
+                          <option v-for="(level, key) in videoLevels" :key="key" :value="level.levelId">
+                            {{ level.description }}
+                          </option>
+                        </select>
+                      </span>
+
+                                            <span class="conf_name">
+                        <input
+                            type="button"
+                            name="addConfMember"
+                            id="addConfMember"
+                            @click="handleAddConferenceMember"
+                            style="width: 70px;"
+                            value="加入会议"
+                        >
+                      </span>
+                                        </li>
+
+                                        <!-- 会议成员列表 -->
+                                        <li
+                                            v-for="(member, index) in conferenceMembers"
+                                            :key="index"
+                                            :id="'conf_member_' + member.phone"
+                                            class="conf_member_item_row"
+                                        >
+                                            <span class="conf_name">{{ member.name }}</span>
+                                            <span class="conf_phone">{{ member.phone }}</span>
+                                            <span class="conf_mute">
+                        <a href="javascript:void(0)" @click="handleMuteMember(member.phone)">
+                          <img alt="禁言该成员。" :src="getMuteIcon(member.muted)" width="15" height="17" />
+                        </a>
+                      </span>
+                                            <span class="conf_vmute" style="display: none">
+                        <a href="javascript:void(0)" @click="handleVMuteMember(member.phone)">
+                          <img alt="关闭该成员的视频。" :src="getVMuteIcon(member.vmuted)" />
+                        </a>
+                      </span>
+                                            <span class="conf_remove">
+                        <a href="javascript:void(0)" @click="handleRemoveMember(member.phone)" title="踢除会议成员。">移除</a>
+                      </span>
+                                            <span class="conf_re_invite" v-if="member.showReInvite">
+                        <a href="javascript:void(0)" @click="handleReInviteMember(member)" title="重新呼叫。">重呼</a>
+                      </span>
+                                            <span class="conf_status" :style="{ color: member.statusColor }">
+                        {{ member.status }}
+                      </span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+
+                <!-- 转接区域 -->
+                <tr id="transfer_area" width="100%" style="display: none" v-show="showTransferArea">
+                    <td colspan="2" width="100%" style="padding-left: 140px; padding-top: 30px;">
+                        <table width="100%">
+                            <tr>
+                                <td width="90">业务组</td>
+                                <td width="90">坐席成员</td>
+                                <td>&nbsp;</td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <el-select
+                                        id="transfer_to_groupIds"
+                                        name="transfer_to_groupIds"
+                                        v-model="selectedGroupId"
+                                        @change="handleGroupIdChange"
+                                        placeholder="请选择业务组"
+                                        filterable
+                                        size="small"
+                                        style="width: 200px;"
+                                    >
+                                        <el-option
+                                            v-for="group in groupList"
+                                            :key="group.groupId"
+                                            :label="group.bizGroupName"
+                                            :value="group.groupId"
+                                        />
+                                    </el-select>
+                                </td>
+
+                                <td>
+                                    <el-select
+                                        id="transfer_to_member"
+                                        name="transfer_to_member"
+                                        v-model="selectedMember"
+                                        placeholder="请选择坐席成员"
+                                        filterable
+                                        size="small"
+                                        style="width: 200px;"
+                                    >
+                                        <el-option
+                                            v-for="member in filteredMemberList"
+                                            :key="member.opnum"
+                                            :value="member.opnum"
+                                            :label="formatMemberText(member)"
+                                        />
+                                    </el-select>
+                                </td>
+                                <td valign="middle">
+                                    <el-input
+                                        type="text"
+                                        name="externalPhoneNumber"
+                                        id="externalPhoneNumber"
+                                        placeholder="电话号码"
+                                        v-model="externalPhoneNumber"
+                                        clearable
+                                        style="width: 200px; margin-bottom: 10px;"
+                                    />
+                                    <br />
+
+                                    <el-button
+                                        type="primary"
+                                        name="doTransferBtn"
+                                        id="doTransferBtn"
+                                        @click="handleDoTransfer"
+                                        v-show="showDoTransferBtn"
+                                        size="small"
+                                        style="width: 80px; margin-right: 10px;"
+                                    >
+                                        转接电话
+                                    </el-button>
+
+                                    <el-button
+                                        type="success"
+                                        name="stopCallWait"
+                                        id="stopCallWait"
+                                        @click="handleStopCallWait"
+                                        v-show="showStopCallWait"
+                                        size="small"
+                                        style="width: 80px; margin-right: 10px;"
+                                    >
+                                        接回客户
+                                    </el-button>
+
+                                    <el-button
+                                        type="warning"
+                                        name="transferCallWait"
+                                        id="transferCallWait"
+                                        @click="handleTransferCallWait"
+                                        v-show="showTransferCallWait"
+                                        size="small"
+                                        style="width: 80px; margin-right: 10px;"
+                                    >
+                                        转接客户
+                                    </el-button>
+
+                                    <el-button
+                                        type="info"
+                                        name="doConsultationBtn"
+                                        id="doConsultationBtn"
+                                        @click="handleDoConsultation"
+                                        v-show="showDoConsultationBtn"
+                                        size="small"
+                                        style="width: 80px;"
+                                    >
+                                        拨号咨询
+                                    </el-button>
+                                </td>
+                            </tr>
+                        </table>
+                    </td>
+                </tr>
+            </table>
+        </form>
+
+        <!-- 聊天和表单并排布局 -->
+        <div style="display: flex; gap: 20px; margin-top: 20px;">
+            <!-- ASR 实时对话文本框 -->
+            <div id="chat-container" v-show="showChatContainer" style="flex: 1; min-width: 0;">
+                <div id="chat-messages" class="message-container">
+                    <div
+                        v-for="(msg, index) in chatMessages"
+                        :key="index"
+                        :class="['message', msg.role === 1 ? 'customer' : 'agent']"
+                    >
+                        <div class="message-header">{{ msg.role === 1 ? '客户' : '我' }}</div>
+                        <div class="message-content">{{ msg.text }}</div>
+                    </div>
+                    <div v-if="systemMessages.length > 0" class="system-message">
+                        {{ systemMessages[systemMessages.length - 1] }}
+                    </div>
+                </div>
+            </div>
+
+            <!-- 客户信息登记表单（外呼时自动显示） -->
+            <div v-if="showCustomerForm" class="customer-form" style="flex: 1; min-width: 0; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.1);">
+                <h3 style="margin-bottom: 20px; color: #409EFF; border-left: 4px solid #409EFF; padding-left: 12px;">客户信息登记表</h3>
+                <el-form :model="customerForm" label-width="120px" size="small">
+                    <el-form-item label="姓名" label-width="120px">
+                        <el-input v-model="customerForm.custName" type="textarea" :rows="2" placeholder="请输入姓名" />
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="省份">
+                                <el-select v-model="customerForm.province" placeholder="请选择省份" @change="handleProvinceChange" style="width: 100%;">
+                                    <el-option
+                                        v-for="item in provinceList"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item"
+                                    />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="市">
+                                <el-select v-model="customerForm.city" placeholder="请选择城市" @change="handleCityChange" style="width: 100%;">
+                                    <el-option v-for="item in cityList" :key="item.value" :label="item.label" :value="item.value" />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="区/县">
+                                <el-select v-model="customerForm.county" placeholder="请选择区/县" @change="handleDistrictChange" style="width: 100%;">
+                                    <el-option v-for="item in countyList" :key="item.value" :label="item.label" :value="item.value" />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="性别">
+                                <el-select v-model="customerForm.gender" placeholder="请选择性别" style="width: 100%;">
+                                    <el-option label="男" value="0" />
+                                    <el-option label="女" value="1" />
+                                    <el-option label="未知" value="2" />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                    <el-form-item label="详细地址" label-width="120px">
+                        <el-input v-model="customerForm.address" type="textarea" :rows="2" placeholder="请输入详细地址" />
+                    </el-form-item>
+
+                    <el-form-item label="沟通内容" label-width="120px">
+                        <el-input v-model="customerForm.notes" type="textarea" :rows="4" placeholder="请输入本次通话的沟通内容要点" />
+                    </el-form-item>
+
+                    <el-form-item label="历史沟通记录" label-width="120px">
+                        <el-input v-model="customerForm.communicationHistory" type="textarea" :rows="4" placeholder="历史沟通记录" disabled style="background-color: #f5f7fa;" />
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" @click="saveCustomerForm">保存</el-button>
+                        <el-button @click="closeCustomerForm">关闭</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import {
+    AgentStatusEnum,
+    VideoLevels,
+    EventList,
+    EventListWithTextInfo,
+    PhoneButtons,
+    BusySubStatusOptions,
+    VideoFileList,
+    ConferenceLayouts,
+    ConferenceTemplates,
+    ConferenceCallTypes,
+    DefaultConfig
+} from '@/assets/callCenterPhoneBarSdk/constants.js';
+import ccPhoneBarSocket from '@/assets/callCenterPhoneBarSdk/ccPhoneBarSocket.js';
+import {myCallUser,getToolbarBasicParam} from "../../api/aiSipCall/aiSipCallUser";
+import {addCustcallrecord, getCustCommunicationInfo, syncByUuid} from "../../api/aiSipCall/aiSipCallOutboundCdr";
+
+export default {
+    name: 'CallCenterPhoneBar',
+
+    props: {
+        initPhoneNumber: {
+            type: String,
+            default: ''
+        }
+    },
+    data() {
+        return {
+            // 工具条对象
+            phoneBar: null,
+
+            // 配置参数
+            scriptServer: DefaultConfig.scriptServer,
+            scriptServerPort: DefaultConfig.scriptServerPort,
+            extNum: DefaultConfig.extNum,//分机号
+            opNum: DefaultConfig.opNum,//用户工号
+            userName: DefaultConfig.userName,//用户姓名
+            groupId: DefaultConfig.groupId,
+            skillLevel: DefaultConfig.skillLevel,
+            ipccServerUrl: DefaultConfig.ipccServerUrl,
+
+            // 状态显示
+            loginTime: '00:00:00',
+            agentStatus: '空闲',
+            queueNumber: 0,
+            callStatus: '没有连接',
+
+            // 外呼相关
+            phoneNumber: '',
+            callType: 'audio',
+            videoLevel: VideoLevels.HD.levelId,
+            canSendVideoReInvite: false,
+            canSendVideoFile: false,
+            selectedVideoFile: '',
+
+            // 置忙子状态
+            busySubStatus: '3',
+            busySubStatusOptions: BusySubStatusOptions,
+
+            // 视频级别
+            videoLevels: VideoLevels,
+            videoFileList: VideoFileList,
+
+            // 会议相关
+            showConferenceArea: false,
+            showConferenceMemberList: false,
+            conferenceStarted: false,
+            conferenceLayout: '2x2',
+            conferenceTemplate: '480p',
+            conferenceCallType: 'audio',
+            newMemberName: '',
+            newMemberPhone: '',
+            newMemberCallType: 'audio',
+            newMemberVideoLevel: VideoLevels.HD.levelId,
+            conferenceMembers: [],
+            conferenceLayouts: ConferenceLayouts,
+            conferenceTemplates: ConferenceTemplates,
+            conferenceCallTypes: ConferenceCallTypes,
+
+            // 转接相关
+            showTransferArea: false,
+            selectedGroupId: '',
+            selectedMember: '',
+            externalPhoneNumber: '',
+            groupList: [],
+            allMemberList: [],
+            showDoTransferBtn: false,
+            showStopCallWait: false,
+            showTransferCallWait: false,
+            showDoConsultationBtn: false,
+
+            // ASR 聊天消息
+            showChatContainer: false,
+            chatMessages: [],
+            systemMessages: [],
+
+            // 在线按钮文本
+            onlineButtonText: '签入',
+
+            // 保持/取消保持按钮显示控制
+            showHoldBtn: true,
+            showUnHoldBtn: false,
+
+            // 是否允许自动签入
+            allowAutoSignIn: true,
+
+            // 客户信息表单相关
+            showCustomerForm: false,
+            customerForm: {
+                id: '',
+                phoneNum: this.phoneNumber,
+                custName: '',
+                provinceCode: '',
+                cityCode: '',
+                countyCode: '',
+                address: '',
+                gender: '0',
+                notes: '',
+                callRecord: '',
+                province: '',
+                city: '',
+                county: '',
+                communicationHistory: ''
+            },
+            currentCallUuid: '', // 当前通话的 uuid
+            callFinishedAt: '', // 通话结束时间
+            callExecuted: false, // 是否已执行成功（只要外呼开始/振铃就算）
+            callExecuteFailed: false, // 是否执行失败
+            callResultRecorded: false, // 本次是否已记录结果
+            callFailReason: '', // 失败原因
+            recordTimer: null, // 成功后延时10秒记录的定时器
+            provinceList: [],
+            cityList: [],
+            countyList: [],
+            allCityList: [], // 存储当前城市数据
+            allCountyList: [] // 存储当前区县数据
+        };
+    },
+
+    computed: {
+        filteredMemberList() {
+            if (!this.selectedGroupId) return [];
+            return this.allMemberList.filter(member => member.groupId === this.selectedGroupId);
+        }
+    },
+
+    watch: {
+        initPhoneNumber: {
+            immediate: true,
+            handler(val) {
+                this.phoneNumber = val || '';
+                if (this.customerForm) {
+                    this.customerForm.phoneNum = val || '';
+                }
+            }
+        }
+    },
+
+    mounted() {
+        this.initPhoneBar();
+        this.setupEventListeners();
+        this.setupKeyboardEvents();
+        // 初始化转接/咨询区域的业务组下拉框事件监听 (仅一次)
+        this.$nextTick(() => {
+            const transferToGroupId = document.getElementById('transfer_to_groupIds');
+            if (transferToGroupId) {
+                transferToGroupId.addEventListener('change', this.handleGroupIdChange);
+            }
+        });
+    },
+
+    beforeDestroy() {
+        // 断开 WebSocket 连接
+        if (this.phoneBar) {
+            console.log('[beforeDestroy] 断开 WebSocket 连接');
+            this.phoneBar.disconnect();
+        }
+        // 移除键盘事件监听
+        document.removeEventListener('keyup', this._escKeyHandler);
+        document.removeEventListener('keydown', this._enterKeyHandler);
+        // 移除业务组下拉框事件监听
+        const transferToGroupId = document.getElementById('transfer_to_groupIds');
+        if (transferToGroupId) {
+            transferToGroupId.removeEventListener('change', this.handleGroupIdChange);
+        }
+        if (this.recordTimer) {
+            clearTimeout(this.recordTimer);
+            this.recordTimer = null;
+        }
+    },
+
+    methods: {
+        /**
+         * 初始化电话工具条
+         */
+        initPhoneBar() {
+            // 创建工具条对象
+            this.phoneBar = new ccPhoneBarSocket();
+
+            // 先调用 myCallUser 获取 extNum
+            this.loadExtNumAndInit();
+        },
+
+        loadExtNumAndInit() {
+            myCallUser().then(response => {
+                if (response.code === 200 && response.data && response.data.extNum) {
+                    // 将 extNum 设置到配置中
+                    this.extNum = response.data.extNum;
+                    // 然后再加载 websocket 参数
+                    this.loadWebsocketParam();
+                } else {
+                    this.$message.error('未查询到分机号信息,请在【系统管理】 - 【员工管理】页面绑定 sip 角色');
+                }
+            }).catch(error => {
+                this.$message.error('获取分机号异常:' +  error);
+            });
+        },
+
+        loadWebsocketParam(){
+            getToolbarBasicParam(this.extNum).then(response => {
+                if(response.code === 0) {
+                    //设置登陆账号和用户名
+                    this.opNum = response.data.opNum;
+                    this.userName = response.data.userName;
+                    console.log('获取到 分机号:', this.extNum + ",登陆账号：" + this.opNum + ",用户名:" + this.userName);
+                    // 构建配置对象
+                    const callConfig = {
+                        useDefaultUi: true,
+                        loginToken: response.data.loginToken,
+                        ipccServer: this.ipccServerUrl,
+                        gatewayList: response.data.gatewayList,
+                        gatewayEncrypted: false,
+                        extPassword: response.data.encryptPsw
+                    };
+
+                    console.log('初始化工具条基础配置参数:', callConfig);
+                    this.phoneBar.initConfig(callConfig);
+                    // 建立 WebSocket 连接
+                    this.phoneBar.connect();
+
+                    // 初始状态应该是"签入"，而不是"签出"
+                    this.onlineButtonText = '签入';
+                    this.callStatus = '没有连接';
+                    this.agentStatus = '空闲';
+                } else {
+                    this.$message.error("获取工具条基础配置参数失败");
+                }
+            }).catch(error => {
+                this.$message.error("获取工具条基础配置参数异常:" + error);
+            });
+        },
+        /**
+         * 设置键盘事件监听
+         */
+        setupKeyboardEvents() {
+            // 监听 ESC 键挂机
+            this._escKeyHandler = (e) => {
+                if (e.which === 27) {
+                    console.log('按下了 ESC 键，即将发送挂机指令.');
+                    if (this.phoneBar && this.phoneBar.getIsConnected()) {
+                        const hangUpBtn = document.getElementById('hangUpBtn');
+                        if (hangUpBtn && hangUpBtn.classList.contains('on')) {
+                            this.phoneBar.hangup();
+                        }
+                    }
+                }
+            };
+            document.addEventListener('keyup', this._escKeyHandler);
+
+            // 监听回车键外呼
+            this._enterKeyHandler = (e) => {
+                if (e.which === 13) {
+                    const phoneNumberInput = document.getElementById('ccphoneNumber');
+                    if (phoneNumberInput && document.activeElement === phoneNumberInput) {
+                        e.preventDefault();
+                        this.handleCall();
+                    }
+                }
+            };
+            document.addEventListener('keydown', this._enterKeyHandler);
+
+            // 页面关闭前确认
+            window.onbeforeunload = function () {
+                if (!confirm('关闭网页将导致您无法接听电话，确定要关闭吗？')) return false;
+            };
+        },
+
+        /**
+         * 设置事件监听
+         */
+        setupEventListeners() {
+            // websocket 通信对象断开事件
+            this.phoneBar.on(EventList.WS_DISCONNECTED, (msg) => {
+                console.log("websocket 通信对象断开事件:" + msg);
+                this.updatePhoneBar(msg, EventList.WS_DISCONNECTED);
+                this.showTransferArea = false;
+                this.showConferenceArea = false;
+                this.showCustomerForm = false;
+                if (this.allowAutoSignIn) {
+                    this.onlineButtonText = '签入';
+                }
+                this.callStatus = '没有连接';
+                this.agentStatus = '空闲';
+                this.loginTime = '00:00:00';
+
+                if (!this.callExecuted && !this.callResultRecorded) {
+                    this.callExecuteFailed = true;
+                    this.callFailReason = 'WebSocket连接断开';
+                    this.triggerSyncByUuid(3, 'WS_DISCONNECTED', msg, 0, this.callFailReason);
+                }
+            });
+
+            this.phoneBar.on(EventList.OUTBOUND_START, (msg) => {
+                console.log('outbound_start 事件:' + msg);
+                this.showChatContainer = true;
+                this.showCustomerForm = true;
+                this.loadCommunicationHistory();
+                this.markExecuteSuccess();
+            });
+
+            this.phoneBar.on(EventList.REQUEST_ARGS_ERROR, (msg) => {
+                console.log('request_args_error事件:' + msg);
+                this.updatePhoneBar(msg, EventList.REQUEST_ARGS_ERROR);
+                this.callExecuteFailed = true;
+                this.callFailReason = '请求参数错误';
+                this.triggerSyncByUuid(3, 'REQUEST_ARGS_ERROR', msg, 0, this.callFailReason);
+            });
+
+            if (EventList.SERVER_ERROR) {
+                this.phoneBar.on(EventList.SERVER_ERROR, (msg) => {
+                    this.updatePhoneBar(msg, EventList.SERVER_ERROR);
+                    this.callExecuteFailed = true;
+                    this.callFailReason = '服务器内部错误';
+                    this.triggerSyncByUuid(3, 'SERVER_ERROR', msg, 0, this.callFailReason);
+                });
+            }
+
+            if (EventList.CALLER_BUSY) {
+                this.phoneBar.on(EventList.CALLER_BUSY, (msg) => {
+                    this.updatePhoneBar(msg, EventList.CALLER_BUSY);
+                    this.callExecuteFailed = true;
+                    this.callFailReason = '分机忙';
+                    this.triggerSyncByUuid(3, 'CALLER_BUSY', msg, 0, this.callFailReason);
+                });
+            }
+
+            if (EventList.CALLER_NOT_LOGIN) {
+                this.phoneBar.on(EventList.CALLER_NOT_LOGIN, (msg) => {
+                    this.updatePhoneBar(msg, EventList.CALLER_NOT_LOGIN);
+                    this.callExecuteFailed = true;
+                    this.callFailReason = '分机未登录';
+                    this.triggerSyncByUuid(3, 'CALLER_NOT_LOGIN', msg, 0, this.callFailReason);
+                });
+            }
+
+            if (EventList.CALLER_RESPOND_TIMEOUT) {
+                this.phoneBar.on(EventList.CALLER_RESPOND_TIMEOUT, (msg) => {
+                    this.updatePhoneBar(msg, EventList.CALLER_RESPOND_TIMEOUT);
+                    this.callExecuteFailed = true;
+                    this.callFailReason = '分机应答超时';
+                    this.triggerSyncByUuid(3, 'CALLER_RESPOND_TIMEOUT', msg, 0, this.callFailReason);
+                });
+            }
+
+            // 用户已在其他设备登录
+            this.phoneBar.on(EventList.USER_LOGIN_ON_OTHER_DEVICE, (msg) => {
+                this.updatePhoneBar(msg, EventList.USER_LOGIN_ON_OTHER_DEVICE);
+                alert(EventListWithTextInfo.USER_LOGIN_ON_OTHER_DEVICE.msg);
+            });
+
+            this.phoneBar.on(EventList.WS_CONNECTED, (msg) => {
+                console.log('WebSocket连接成功事件:' + msg);
+                this.loginTime = new Date().toLocaleTimeString();
+                this.callStatus = '已签入';
+                this.agentStatus = '忙碌';
+                this.updatePhoneBar(msg, EventList.WS_CONNECTED);
+                this.onlineButtonText = '签出';
+                if (this.allowAutoSignIn) {
+                    console.log('[自动签入] WebSocket 连接成功，自动签入完成');
+                }
+            });
+
+            this.phoneBar.on(EventList.CALLEE_RINGING, (msg) => {
+                console.log('被叫振铃事件:' + msg.content);
+                this.updatePhoneBar(msg, EventList.CALLEE_RINGING);
+                this.markExecuteSuccess();
+            });
+
+            this.phoneBar.on(EventList.CALLER_ANSWERED, (msg) => {
+                console.log('主叫接通事件:' + msg);
+                this.agentStatus = '通话中';
+                if (msg && msg.object && msg.object.uuid) {
+                    this.currentCallUuid = msg.object.uuid;
+                    console.log('[主叫接通] 获取到通话 UUID:', this.currentCallUuid);
+                }
+                this.updatePhoneBar(msg, EventList.CALLER_ANSWERED);
+            });
+
+            this.phoneBar.on(EventList.CALLER_HANGUP, (msg) => {
+                console.log('主叫挂断事件:' + msg);
+                this.agentStatus = '通话结束';
+                this.canSendVideoReInvite = false;
+                this.canSendVideoFile = false;
+                this.showTransferArea = false;
+                this.showConferenceArea = false;
+                if (msg && msg.object && msg.object.uuid) {
+                    this.currentCallUuid = msg.object.uuid;
+                }
+                this.updatePhoneBar(msg, EventList.CALLER_HANGUP);
+
+                if (this.callExecuted && !this.callExecuteFailed) {
+                    this.scheduleSuccessSync('CALLER_HANGUP', msg);
+                }
+            });
+
+            this.phoneBar.on(EventList.CALLEE_ANSWERED, (msg) => {
+                console.log('被叫接通事件:' + msg);
+                if (msg && msg.object && msg.object.uuid) {
+                    this.currentCallUuid = msg.object.uuid;
+                    console.log('[被叫接通] 获取到通话 UUID:', this.currentCallUuid);
+                }
+                this.updatePhoneBar(msg, EventList.CALLEE_ANSWERED);
+            });
+
+            this.phoneBar.on(EventList.CALLEE_HANGUP, (msg) => {
+                console.log('被叫挂断事件:' + msg);
+                this.showTransferArea = false;
+                this.showConferenceArea = false;
+                if (msg && msg.object && msg.object.uuid) {
+                    this.currentCallUuid = msg.object.uuid;
+                }
+                this.updatePhoneBar(msg, EventList.CALLEE_HANGUP);
+
+                if (this.callExecuted && !this.callExecuteFailed) {
+                    this.scheduleSuccessSync('CALLEE_HANGUP', msg);
+                }
+            });
+
+            this.phoneBar.on(EventList.STATUS_CHANGED, (msg) => {
+                console.log('座席状态改变事件:' + msg);
+
+                // 确保 msg.object 存在才设置
+                if (msg && msg.object) {
+                    const statusText = msg.object.text || '未知状态';
+                    // 将"置忙"统一显示为"忙碌"
+                    this.agentStatus = statusText === '置忙' ? '忙碌' : statusText;
+                }
+                this.updatePhoneBar(msg, EventList.STATUS_CHANGED);
+
+                // 当状态变为忙碌时，表示可以外呼了
+                if (msg.object && msg.object.status === AgentStatusEnum.BUSY) {
+                    console.log('[状态就绪] 坐席已置忙，现在可以外呼了');
+                }
+            });
+
+            this.phoneBar.on(EventList.ACD_GROUP_QUEUE_NUMBER, (msg) => {
+                console.log('当前排队人数消息事件:' + msg);
+                this.queueNumber = msg.object.queue_number;
+            });
+
+            this.phoneBar.on(EventList.ON_AUDIO_CALL_CONNECTED, (msg) => {
+                console.log('音频通话已建立事件:' + msg);
+                this.canSendVideoReInvite = true;
+            });
+
+            this.phoneBar.on(EventList.CUSTOMER_CHANNEL_HOLD, (msg) => {
+                console.log('客户通话已保持事件:' + msg);
+                this.callStatus = '通话已保持';
+                this.showHoldBtn = false;
+                this.showUnHoldBtn = true;
+            });
+
+            this.phoneBar.on(EventList.CUSTOMER_CHANNEL_UNHOLD, (msg) => {
+                console.log('客户通话已接回事件:' + msg);
+                this.callStatus = '客户通话已接回';
+                this.showHoldBtn = true;
+                this.showUnHoldBtn = false;
+            });
+
+            this.phoneBar.on(EventList.CUSTOMER_ON_HOLD_HANGUP, (msg) => {
+                console.log('保持的通话已挂机事件:' + msg);
+                this.showHoldBtn = true;
+                this.showUnHoldBtn = false;
+                this.callStatus = '保持的通话已挂机.';
+            });
+
+            this.phoneBar.on(EventList.ON_VIDEO_CALL_CONNECTED, (msg) => {
+                console.log('视频通话已建立事件:' + msg);
+                this.canSendVideoFile = true;
+            });
+
+            this.phoneBar.on(EventList.INNER_CONSULTATION_START, (msg) => {
+                console.log('咨询开始事件:' + msg);
+                this.callStatus = '咨询开始.';
+            });
+
+            this.phoneBar.on(EventList.INNER_CONSULTATION_STOP, (msg) => {
+                console.log('咨询结束事件:' + msg);
+                this.callStatus = '咨询结束.';
+            });
+
+            this.phoneBar.on(EventList.TRANSFER_CALL_SUCCESS, (msg) => {
+                console.log('电话转接成功事件:' + msg);
+                // 转接成功后隐藏转接/咨询区域（与 source 一致）
+                this.showTransferArea = false;
+                this.callStatus = '电话转接成功.';
+                this.externalPhoneNumber = '';
+            });
+
+            this.phoneBar.on(EventList.AGENT_STATUS_DATA_CHANGED, (msg) => {
+                console.log('agent_status_data_changed 事件:' + msg);
+
+                // 解析并更新坐席列表数据
+                if (msg && msg.object) {
+                    try {
+                        // object 可能是字符串或对象
+                        const agentList = typeof msg.object === 'string' ? JSON.parse(msg.object) : msg.object;
+                        if (Array.isArray(agentList)) {
+                            // 直接复制完整数据，保留所有字段 (包括姓名、工号、状态等)
+                            this.allMemberList = [...agentList];
+                            console.log('[坐席列表更新] 当前坐席数量:', this.allMemberList.length);
+                        }
+                    } catch (e) {
+                        console.error('解析坐席列表失败:', e);
+                    }
+                }
+
+                // 刷新成员列表 (事件监听器已在 mounted 中初始化，无需重复添加)
+                this.$nextTick(() => {
+                    this.refreshMemberIdList();
+                });
+            });
+
+            // 客户通话等待相关事件
+            this.phoneBar.on(EventList.CUSTOMER_CHANNEL_CALL_WAIT, (msg) => {
+                console.log('客户电话等待中事件:' + msg);
+                // 隐藏会议区域和客户信息表单（与 source 一致）
+                this.showConferenceArea = false;
+                this.showCustomerForm = false;
+                this.showStopCallWait = true;
+                this.showDoConsultationBtn = false;
+                this.showDoTransferBtn = false;
+                this.callStatus = '客户电话等待中.';
+                this.showTransferArea = true;
+            });
+
+            this.phoneBar.on(EventList.CUSTOMER_CHANNEL_OFF_CALL_WAIT, (msg) => {
+                console.log('等待的电话已接回事件:' + msg);
+                // 隐藏转接/咨询区域
+                this.showStopCallWait = false;
+                this.showTransferCallWait = false;
+                this.showTransferArea = false;
+                this.callStatus = '等待的电话已接回.';
+            });
+
+            this.phoneBar.on(EventList.INNER_CONSULTATION_START, (msg) => {
+                console.log('咨询已开始事件:' + msg);
+                // 隐藏会议区域和客户信息表单（与 source 一致）
+                this.showConferenceArea = false;
+                this.showCustomerForm = false;
+                this.callStatus = '咨询开始.';
+                this.showTransferCallWait = true;
+                this.showDoConsultationBtn = false;
+                this.showDoTransferBtn = false;
+            });
+
+            this.phoneBar.on(EventList.INNER_CONSULTATION_STOP, (msg) => {
+                console.log('咨询已结束事件:' + msg);
+                // 隐藏转接/咨询区域
+                this.showTransferCallWait = false;
+                this.showTransferArea = false;
+                this.callStatus = '咨询结束.';
+            });
+
+            this.phoneBar.on(EventList.CUSTOMER_ON_CALL_WAIT_HANGUP, (msg) => {
+                console.log('等待的客户已挂机事件:' + msg);
+                // 隐藏转接/咨询区域
+                this.showStopCallWait = false;
+                this.showTransferCallWait = false;
+                this.showTransferArea = false;
+                this.callStatus = '等待的客户已挂机.';
+            });
+
+            // 会议相关事件
+            this.phoneBar.on(EventList.CONFERENCE_MEMBER_ANSWERED, (msg) => {
+                console.log('会议成员已经接通事件:' + msg);
+                this.updateConferenceMemberStatus(msg.object.phone, '通话中', 'green');
+            });
+
+            this.phoneBar.on(EventList.CONFERENCE_MEMBER_HANGUP, (msg) => {
+                console.log('会议成员已经挂机事件:' + msg);
+                this.updateConferenceMemberHangup(msg.object.phone, msg.object);
+            });
+
+            this.phoneBar.on(EventList.CONFERENCE_MODERATOR_ANSWERED, (msg) => {
+                console.log('电话会议开始，主持人已接通事件:' + msg);
+                // 隐藏转接/咨询区域和客户信息表单（与 source 一致）
+                this.showTransferArea = false;
+                this.showCustomerForm = false;
+                this.onConferenceStart();
+            });
+
+            this.phoneBar.on(EventList.CONFERENCE_MODERATOR_HANGUP, (msg) => {
+                console.log('电话会议结束，主持人已挂机事件:' + msg);
+                // 会议结束后隐藏会议区域
+                this.onConferenceEnd();
+            });
+
+            this.phoneBar.on(EventList.CONFERENCE_MEMBER_MUTED_SUCCESS, (msg) => {
+                console.log('会议成员已被禁言事件:' + msg);
+                const memberPhone = msg.object.phone;
+                const member = this.conferenceMembers.find(m => m.phone === memberPhone);
+                if (member) {
+                    member.muted = true;
+                }
+            });
+
+            this.phoneBar.on(EventList.CONFERENCE_MEMBER_UNMUTED_SUCCESS, (msg) => {
+                console.log('会议成员解除禁言成功事件:' + msg);
+                const memberPhone = msg.object.phone;
+                const member = this.conferenceMembers.find(m => m.phone === memberPhone);
+                if (member) {
+                    member.muted = false;
+                }
+            });
+
+            this.phoneBar.on(EventList.CONFERENCE_MEMBER_VMUTED_SUCCESS, (msg) => {
+                console.log('会议成员已被禁用视频事件:' + msg);
+                const memberPhone = msg.object.phone;
+                const member = this.conferenceMembers.find(m => m.phone === memberPhone);
+                if (member) {
+                    member.vmuted = true;
+                }
+            });
+
+            this.phoneBar.on(EventList.CONFERENCE_MEMBER_UNVMUTED_SUCCESS, (msg) => {
+                console.log('会议成员启用视频成功事件:' + msg);
+                const memberPhone = msg.object.phone;
+                const member = this.conferenceMembers.find(m => m.phone === memberPhone);
+                if (member) {
+                    member.vmuted = false;
+                }
+            });
+
+            // ASR 相关事件
+            this.phoneBar.on(EventList.ASR_PROCESS_STARTED, (msg) => {
+                this.chatMessages = [];
+            });
+
+            this.phoneBar.on(EventList.ASR_RESULT_GENERATE, (msg) => {
+                this.handleAsrMessage(msg);
+            });
+
+            this.phoneBar.on(EventList.ASR_PROCESS_END_CUSTOMER, (msg) => {
+                this.handleAsrMessage(msg);
+            });
+
+            this.phoneBar.on(EventList.ASR_PROCESS_END_AGENT, (msg) => {
+                this.handleAsrMessage(msg);
+            });
+        },
+
+        /**
+         * 更新电话工具条 UI
+         */
+        updatePhoneBar(msg, statusCode) {
+
+            const statusInfo = this.findEventByCode(statusCode);
+
+            if (!statusInfo) {
+                console.warn('[DEBUG] statusInfo not found for code:', statusCode);
+                return;
+            }
+
+            // 特殊处理 STATUS_CHANGED 事件
+            if (statusCode === EventList.STATUS_CHANGED) {
+
+                // 优先使用服务器返回的状态文本
+                if (msg && msg.object && msg.object.text) {
+                    // 将"置忙"统一显示为"忙碌"
+                    this.callStatus = msg.object.text === '置忙' ? '忙碌' : msg.object.text;
+                }
+
+                // 根据坐席状态更新按钮
+                if (msg && msg.object && typeof msg.object.status !== 'undefined') {
+
+                    if (msg.object.status === AgentStatusEnum.FREE) {
+                        // 只有空闲状态才显示为"置闲"
+                        this.updateButtonState(EventListWithTextInfo.FREE);
+                    } else if (msg.object.status === AgentStatusEnum.BUSY ||
+                        msg.object.status === AgentStatusEnum.BUSY_REST ||
+                        msg.object.status === AgentStatusEnum.BUSY_MEETING ||
+                        msg.object.status === AgentStatusEnum.BUSY_TRAINING ||
+                        msg.object.status === AgentStatusEnum.FILL_FORM) {
+                        // 置忙、小休、会议、培训、话后整理都显示为"忙碌"
+                        this.updateButtonState(EventListWithTextInfo.BUSY);
+                        // 强制设置 callStatus 为"忙碌"
+                        this.callStatus = '忙碌';
+                    } else if (msg.object.status === AgentStatusEnum.INCALL ||
+                        msg.object.status === AgentStatusEnum.CONFERENCE) {
+                        // 通话中状态，不需要更新按钮状态，保持当前状态即可
+                    } else if (msg.object.status === AgentStatusEnum.JUST_LOGIN) {
+                        console.log('[DEBUG] Status is JUST_LOGIN');
+                        // 刚登录，尚未就绪，自动设置为置忙状态以便外呼
+                        this.agentStatus = '忙碌';
+                        this.callStatus = '忙碌';
+                    } else {
+                        console.warn('[DEBUG] Unknown agent status:', msg.object.status);
+                    }
+                } else {
+                    console.error('[DEBUG] msg.object.status is missing or invalid');
+                }
+            } else {
+                // 其他事件：更新状态文本和按钮状态
+                if (statusInfo.msg) {
+                    this.callStatus = statusInfo.msg;
+                }
+                this.updateButtonState(statusInfo);
+            }
+        },
+
+        /**
+         * 根据状态码查找事件信息
+         */
+        findEventByCode(code) {
+            // 将 code 转换为数字类型进行比较
+            const numericCode = Number(code);
+
+            for (let key in EventListWithTextInfo) {
+                if (EventListWithTextInfo[key].code === numericCode) {
+                    return EventListWithTextInfo[key];
+                }
+            }
+            return null;
+        },
+
+        /**
+         * 更新按钮状态
+         */
+        updateButtonState(statusInfo) {
+
+            if (statusInfo.btn_text) {
+                statusInfo.btn_text.forEach(item => {
+                    const el = document.querySelector(item.id);
+                    if (el) {
+                        const nextSpan = el.nextElementSibling;
+                        if (nextSpan) nextSpan.textContent = item.name;
+                    } else {
+                        console.warn('[DEBUG] Button element not found:', item.id);
+                    }
+                });
+            }
+
+            if (statusInfo.enabled_btn && statusInfo.enabled_btn.length > 0) {
+                PhoneButtons.forEach(btn => {
+                    const el = document.querySelector(btn);
+                    // console.log(`[DEBUG] Processing button ${btn}, element exists:`, !!el);
+                    if (el) {
+                        if (statusInfo.enabled_btn.includes(btn)) {
+                            el.classList.add('on');
+                            // console.log(`[DEBUG] Added 'on' class to ${btn}`);
+                        } else {
+                            el.classList.remove('on');
+                            // console.log(`[DEBUG] Removed 'on' class from ${btn}`);
+                        }
+                    } else {
+                        console.warn('[DEBUG] PhoneButton element not found:', btn);
+                    }
+                });
+            }
+        },
+
+        /**
+         * 外呼处理
+         */
+        handleCall() {
+            // 检查外呼按钮是否为灰色（disabled）状态
+            const callBtn = document.getElementById('callBtn');
+            if (!callBtn || !callBtn.classList.contains('on')) {
+                this.$message.warning('当前无法外呼，请先置忙');
+                return;
+            }
+
+            if (!this.phoneNumber || this.phoneNumber.trim().length < 3) {
+                this.$message.warning('请输入正确格式的外呼号码!');
+                return;
+            }
+
+            if (!this.phoneBar.getIsConnected()) {
+                this.$message.warning('请先签入后再外呼');
+                return;
+            }
+
+            // 检查当前是否有通话正在进行
+            if (this.phoneBar.getCallConnected()) {
+                this.$message.warning('当前有通话正在进行，请先挂机');
+                return;
+            }
+
+            console.log('[开始外呼] 号码:', this.phoneNumber.trim(), '类型:', this.callType, '视频级别:', this.videoLevel);
+
+            this.currentCallUuid = '';
+            this.callFinishedAt = '';
+            this.callExecuted = false;
+            this.callExecuteFailed = false;
+            this.callResultRecorded = false;
+            this.callFailReason = '';
+
+            if (this.recordTimer) {
+                clearTimeout(this.recordTimer);
+                this.recordTimer = null;
+            }
+
+            this.phoneBar.call(this.phoneNumber.trim(), this.callType, this.videoLevel);
+        },
+
+        formatDateTime(date = new Date()) {
+            const pad = (n) => String(n).padStart(2, '0');
+            return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} `
+                + `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+        },
+
+        markExecuteSuccess() {
+            if (this.callExecuteFailed) {
+                return;
+            }
+            this.callExecuted = true;
+        },
+
+        async triggerSyncByUuid(status, source, msg, delayMs = 0, failReason = '') {
+            if (this.callResultRecorded) {
+                console.log('[syncByUuid] 已记录过，跳过。source =', source);
+                return;
+            }
+
+            const uuid = (msg && msg.object && msg.object.uuid) ? msg.object.uuid : this.currentCallUuid;
+            if (uuid) {
+                this.currentCallUuid = uuid;
+            }
+
+            if (!this.currentCallUuid) {
+                console.warn('[syncByUuid] 当前没有 uuid，无法调用后端记录。source =', source, ', status =', status, ', failReason =', failReason);
+                return;
+            }
+
+            try {
+                if (delayMs > 0) {
+                    await new Promise(resolve => setTimeout(resolve, delayMs));
+                }
+
+                if (this.callResultRecorded) {
+                    return;
+                }
+
+                this.callFinishedAt = this.formatDateTime();
+
+                const req = {
+                    uuid: this.currentCallUuid,
+                    callType: '03',
+                    status: status
+                };
+
+                console.log('[syncByUuid] 准备调用后端记录:', {
+                    source,
+                    status,
+                    failReason,
+                    req,
+                    callFinishedAt: this.callFinishedAt
+                });
+
+                const res = await syncByUuid(req);
+
+                if (res && (res.code === 200 || res.code === 0)) {
+                    this.callResultRecorded = true;
+                    console.log('[syncByUuid] 记录成功:', res);
+                    this.$message.success(status === 2 ? '外呼执行成功已记录' : '外呼执行失败已记录');
+                } else {
+                    console.error('[syncByUuid] 记录失败:', res);
+                    this.$message.error((res && res.msg) || '外呼记录失败');
+                }
+            } catch (error) {
+                console.error('[syncByUuid] 调用异常:', error);
+                this.$message.error('外呼记录异常');
+            }
+        },
+
+        scheduleSuccessSync(source, msg) {
+            if (this.callResultRecorded) {
+                return;
+            }
+
+            if (this.recordTimer) {
+                clearTimeout(this.recordTimer);
+            }
+
+            this.recordTimer = setTimeout(() => {
+                this.triggerSyncByUuid(2, source, msg, 0, '');
+            }, 10000);
+        },
+
+        /**
+         * 置闲处理
+         */
+        handleSetFree() {
+            const btn = document.getElementById('setFree');
+            if (btn && btn.classList.contains('on')) {
+                this.phoneBar.setStatus(AgentStatusEnum.FREE);
+            }
+        },
+
+        /**
+         * 置忙处理
+         */
+        handleSetBusy() {
+            const btn = document.getElementById('setBusy');
+            if (btn && btn.classList.contains('on')) {
+                this.phoneBar.setStatus(parseInt(this.busySubStatus));
+            }
+        },
+
+        /**
+         * 保持通话处理
+         */
+        handleHold() {
+            if (!this.phoneBar.getIsConnected()) {
+                this.$message.warning('请先上线.');
+                return;
+            }
+            const btn = document.getElementById('holdBtn');
+            if (btn && btn.classList.contains('on')) {
+                this.phoneBar.holdCall();
+            }
+        },
+
+        /**
+         * 取消保持处理
+         */
+        handleUnHold() {
+            if (!this.phoneBar.getIsConnected()) {
+                this.$message.warning('请先上线.');
+                return;
+            }
+            const btn = document.getElementById('unHoldBtn');
+            if (btn && btn.classList.contains('on')) {
+                this.phoneBar.unHoldCall();
+            }
+        },
+
+        /**
+         * 转接处理（与 source 一致）
+         */
+        handleTransfer() {
+            if (!this.phoneBar.getIsConnected()) {
+                this.$message.warning('请先上线.');
+                return;
+            }
+            const btn = document.getElementById('transferBtn');
+            if (btn && btn.classList.contains('on')) {
+                this.showTransferArea = !this.showTransferArea;
+                if (this.showTransferArea) {
+                    // 先填充业务组选项
+                    this.populateGroupIdOptions();
+                    // 订阅坐席状态列表（仅在此处订阅一次）
+                    this.phoneBar.subscribeAgentList();
+                    this.showDoTransferBtn = true;
+                    this.showDoConsultationBtn = false;
+                    this.showStopCallWait = false;
+                    this.showTransferCallWait = false;
+                    // 隐藏客户信息表单（与 source 一致）
+                    this.showCustomerForm = false;
+                } else {
+                    // 隐藏转接区域，但不取消订阅（咨询功能也需要）
+                    this.showDoTransferBtn = false;
+                    this.showDoConsultationBtn = false;
+                }
+            }
+        },
+
+        /**
+         * 咨询处理（与 source 一致）
+         */
+        handleConsultation() {
+            if (!this.phoneBar.getIsConnected()) {
+                this.$message.warning('请先上线.');
+                return;
+            }
+            const btn = document.getElementById('consultationBtn');
+            if (btn && btn.classList.contains('on')) {
+                this.showTransferArea = !this.showTransferArea;
+                if (this.showTransferArea) {
+                    // 先填充业务组选项
+                    this.populateGroupIdOptions();
+                    // 如果还未订阅，则进行订阅（与转接共用订阅）
+                    if (!this.phoneBar.subscribeAgentListStarted) {
+                        this.phoneBar.subscribeAgentList();
+                    }
+                    this.showDoConsultationBtn = true;
+                    this.showDoTransferBtn = false;
+                    this.showStopCallWait = false;
+                    this.showTransferCallWait = false;
+                    // 隐藏客户信息表单（与 source 一致）
+                    this.showCustomerForm = false;
+                } else {
+                    // 隐藏咨询区域，但不取消订阅（转接功能也需要）
+                    this.showDoConsultationBtn = false;
+                    this.showDoTransferBtn = false;
+                }
+            }
+        },
+
+        /**
+         * 会议区域切换（与 source 一致）
+         */
+        toggleConferenceArea() {
+            if (!this.phoneBar.getIsConnected()) {
+                this.$message.warning('请先上线.');
+                return;
+            }
+            this.showConferenceArea = !this.showConferenceArea;
+        },
+
+        /**
+         * 启动会议
+         */
+        handleStartConference() {
+            if (!this.phoneBar.getIsConnected()) {
+                this.$message.warning('请先上线.');
+                return;
+            }
+            this.phoneBar.conferenceStartBtnUI('');
+        },
+
+        /**
+         * 结束会议
+         */
+        handleEndConference() {
+            this.phoneBar.conferenceEnd();
+        },
+
+        /**
+         * 挂机处理
+         */
+        handleHangup() {
+            const btn = document.getElementById('hangUpBtn');
+            if (btn && btn.classList.contains('on')) {
+                this.phoneBar.hangup();
+            }
+        },
+
+        /**
+         * 重置处理
+         */
+        handleReset() {
+            window.onbeforeunload = null;
+            location.reload();
+        },
+
+        /**
+         * 签入/签出处理
+         */
+        handleOnline() {
+            const btn = document.getElementById('onLineBtn');
+            if (btn && btn.classList.contains('on')) {
+                if (this.phoneBar.getIsConnected()) {
+                    // 已连接时执行签出操作
+                    console.log('[手动签出] 用户主动点击签出按钮');
+                    // 设置不允许自动签入
+                    this.allowAutoSignIn = false;
+                    // 调用 SDK 的 disconnect 方法 (会自动关闭 WebSocket)
+                    this.phoneBar.disconnect();
+                    this.onlineButtonText = '签入';
+                    this.callStatus = '没有连接';
+                    this.agentStatus = '空闲';
+                    this.loginTime = '00:00:00';
+                } else {
+                    // 未连接时执行签入操作
+                    console.log('[手动签入] 用户主动点击签入按钮');
+                    // 允许自动签入
+                    this.allowAutoSignIn = true;
+                    // 建立 WebSocket 连接
+                    this.phoneBar.connect();
+                    this.onlineButtonText = '签出';
+                }
+            } else {
+                alert('当前不允许操作!');
+            }
+        },
+
+        /**
+         * 视频邀请处理
+         */
+        handleReInviteVideo() {
+            if (!this.phoneBar.getIsConnected()) {
+                this.$message.warning('请先上线.');
+                return;
+            }
+            this.phoneBar.reInviteVideoCall();
+        },
+
+        /**
+         * 发送视频文件处理
+         */
+        handleSendVideoFile() {
+            if (!this.selectedVideoFile) {
+                alert('请选择视频文件!');
+                return;
+            }
+            this.phoneBar.sendVideoFile(this.selectedVideoFile);
+        },
+
+        /**
+         * 填充业务组选项（与 source 一致）
+         */
+        populateGroupIdOptions() {
+            const groups = this.phoneBar.callConfig.groups;
+            if (groups) {
+                this.groupList = [...groups];
+                // 默认选中第一个（与 source 一致）
+                if (this.groupList.length > 0 && !this.selectedGroupId) {
+                    this.selectedGroupId = this.groupList[0].groupId;
+                }
+            }
+
+            // 确保在下一个 DOM 更新周期刷新成员列表
+            this.$nextTick(() => {
+                this.refreshMemberIdList();
+            });
+        },
+
+        /**
+         * 业务组改变处理
+         */
+        handleGroupIdChange() {
+            // 成员列表会自动通过 computed 过滤
+            this.selectedMember = '';
+        },
+
+        /**
+         * 刷新成员 ID 列表
+         */
+        refreshMemberIdList() {
+            if (this.selectedGroupId) {
+                const origValue = this.selectedMember;
+                // 成员列表会自动通过 computed 过滤
+                // 判断原始选择项是否还存在，存在则重新赋值
+                const hasValue = this.filteredMemberList.find(m => m.opnum === origValue);
+                if (hasValue) {
+                    this.selectedMember = origValue;
+                } else {
+                    this.selectedMember = '';
+                }
+            }
+        },
+
+        /**
+         * 格式化成员文本（与 source 一致）
+         */
+        formatMemberText(member) {
+            const statusMap = {
+                1: '刚签入',
+                2: '空闲',
+                3: '忙碌',
+                4: '通话中',
+                5: '事后处理'
+            };
+            const statusText = statusMap[member.agentStatus] || '';
+            return `${member.opnum}(${statusText})`;
+        },
+
+        /**
+         * 执行转接（与 source 一致）
+         */
+        handleDoTransfer() {
+            let transferType = 'outer';
+            let phoneNumber = this.externalPhoneNumber.trim();
+
+            if (phoneNumber === '') {
+                transferType = 'inner';
+                if (!this.selectedGroupId) {
+                    alert('请选择业务组!');
+                    return;
+                }
+                if (!this.selectedMember) {
+                    alert('请选择要转接的坐席成员!');
+                    return;
+                }
+
+                const member = this.filteredMemberList.find(m => m.opnum === this.selectedMember);
+                if (member && member.agentStatus !== 2) {
+                    alert('请选择空闲的坐席成员!');
+                    return;
+                }
+
+                if (this.selectedMember === this.phoneBar.getOpNum()) {
+                    alert('不能转给自己，请选择其他坐席成员!');
+                    return;
+                }
+                phoneNumber = this.selectedMember;
+            }
+
+            // 隐藏转接区域（与 source 一致）
+            this.showTransferArea = false;
+            this.showDoTransferBtn = false;
+
+            this.phoneBar.transferCall(phoneNumber, transferType);
+        },
+
+        /**
+         * 执行咨询（与 source 一致）
+         */
+        handleDoConsultation() {
+            let transferType = 'outer';
+            let phoneNumber = this.externalPhoneNumber.trim();
+
+            if (phoneNumber === '') {
+                transferType = 'inner';
+                if (!this.selectedGroupId) {
+                    alert('请选择业务组!');
+                    return;
+                }
+                if (!this.selectedMember) {
+                    alert('请选择要咨询的坐席成员!');
+                    return;
+                }
+
+                const member = this.filteredMemberList.find(m => m.opnum === this.selectedMember);
+                if (member && member.agentStatus !== 2) {
+                    alert('请选择空闲的坐席成员!');
+                    return;
+                }
+
+                if (this.selectedMember === this.phoneBar.getOpNum()) {
+                    alert('不能咨询自己，请选择其他坐席成员!');
+                    return;
+                }
+                phoneNumber = this.selectedMember;
+            }
+
+            // 隐藏咨询区域（与 source 一致）
+            this.showTransferArea = false;
+            this.showDoConsultationBtn = false;
+
+            // 直接调用 callControl 方法，传入正确的参数
+            this.phoneBar.callControl("consultation", {"to": phoneNumber, "transferType": transferType});
+        },
+
+        /**
+         * 接回客户
+         */
+        handleStopCallWait() {
+            this.phoneBar.stopCallWaitBtnClickUI();
+        },
+
+        /**
+         * 转接客户
+         */
+        handleTransferCallWait() {
+            this.phoneBar.transferCallWaitBtnClickUI();
+        },
+
+        /**
+         * 添加会议成员
+         */
+        handleAddConferenceMember() {
+            if (!this.newMemberName || this.newMemberName.trim() === '') {
+                alert('请填写参会者姓名!');
+                return;
+            }
+            if (!this.newMemberPhone || this.newMemberPhone.trim() === '') {
+                alert('请填写参会者手机号!');
+                return;
+            }
+
+            const existMember = this.conferenceMembers.find(m => m.phone === this.newMemberPhone.trim());
+            if (existMember) {
+                alert('会议成员已经存在，请不要重复添加!');
+                return;
+            }
+
+            // 添加到成员列表
+            this.conferenceMembers.push({
+                name: this.newMemberName.trim(),
+                phone: this.newMemberPhone.trim(),
+                callType: this.newMemberCallType,
+                videoLevel: this.newMemberVideoLevel,
+                status: '即将呼叫',
+                muted: false,
+                vmuted: false,
+                showReInvite: false,
+                statusColor: 'black'
+            });
+
+            // 调用工具条方法添加成员
+            this.phoneBar.conferenceAddMembers([
+                {
+                    name: this.newMemberName.trim(),
+                    phone: this.newMemberPhone.trim(),
+                    callType: this.newMemberCallType,
+                    videoLevel: this.newMemberVideoLevel
+                }
+            ]);
+
+            // 清空输入框
+            this.newMemberName = '';
+            this.newMemberPhone = '';
+        },
+
+        /**
+         * 禁言成员
+         */
+        handleMuteMember(phone) {
+            this.phoneBar.conferenceMuteMember(phone);
+        },
+
+        /**
+         * 禁用视频成员
+         */
+        handleVMuteMember(phone) {
+            this.phoneBar.conferenceVMuteMember(phone);
+        },
+
+        /**
+         * 移除成员
+         */
+        handleRemoveMember(phone) {
+            const memberItemObj = document.getElementById('conf_member_' + phone);
+            const statusEl = memberItemObj ? memberItemObj.querySelector('.conf_status') : null;
+
+            if (statusEl && statusEl.textContent === '通话中') {
+                this.phoneBar.conferenceRemoveMembers(phone);
+            }
+
+            this.conferenceMembers = this.conferenceMembers.filter(m => m.phone !== phone);
+        },
+
+        /**
+         * 重新邀请成员
+         */
+        handleReInviteMember(member) {
+            this.phoneBar.conferenceAddMemberBtnUI(1, member.phone, member.name);
+        },
+
+        /**
+         * 会议开始回调
+         */
+        onConferenceStart() {
+            this.conferenceStarted = true;
+            this.showConferenceMemberList = true;
+            const tips = '多方通话进行中';
+            this.callStatus = tips;
+            this.agentStatus = tips;
+            // 禁用外呼按钮
+            // 禁用置闲按钮
+            // 禁用签出按钮
+        },
+
+        /**
+         * 会议结束回调
+         */
+        onConferenceEnd() {
+            this.conferenceStarted = false;
+            this.showConferenceMemberList = false;
+            this.showConferenceArea = false;
+            const tips = '多方通话结束';
+            this.callStatus = tips;
+            this.agentStatus = tips;
+            this.conferenceMembers = [];
+        },
+
+        /**
+         * 更新会议成员状态
+         */
+        updateConferenceMemberStatus(phone, status, color) {
+            const member = this.conferenceMembers.find(m => m.phone === phone);
+            if (member) {
+                member.status = status;
+                member.statusColor = color;
+                member.muted = false;
+                member.vmuted = false;
+            }
+        },
+
+        /**
+         * 更新会议成员挂机状态
+         */
+        updateConferenceMemberHangup(phone, obj) {
+            const member = this.conferenceMembers.find(m => m.phone === phone);
+            if (member) {
+                const answerStatus = obj.answeredTime === 0 ? '未接通' : obj.hangupClause;
+                const color = obj.answeredTime === 0 ? 'red' : 'green';
+                member.status = `已挂机 (${answerStatus})`;
+                member.statusColor = color;
+                member.showReInvite = true;
+            }
+        },
+
+        /**
+         * 获取禁言图标
+         */
+        getMuteIcon(muted) {
+            return muted
+                ? require('@/assets/callCenterPhoneBarSdk/images/unmute.jpg')
+                : require('@/assets/callCenterPhoneBarSdk/images/mute.jpg');
+        },
+
+        /**
+         * 获取视频禁用图标
+         */
+        getVMuteIcon(vmuted) {
+            return vmuted
+                ? require('@/assets/callCenterPhoneBarSdk/images/no_video.jpg')
+                : require('@/assets/callCenterPhoneBarSdk/images/video.jpg');
+        },
+
+        /**
+         * 处理 ASR 消息
+         */
+        handleAsrMessage(data) {
+            this.showChatContainer = true;
+            const { status, object } = data;
+            if (status === 619 && object) {
+                const { role, text, vadType } = object;
+                if (vadType === 1) {
+                    this.addMessageToChat(role, text);
+                }
+            } else if (status === 620 || status === 621) {
+                this.addSystemMessage('对话已结束。');
+            }
+        },
+
+        /**
+         * 添加聊天消息
+         */
+        addMessageToChat(role, text) {
+            this.chatMessages.push({
+                role: role,
+                text: text
+            });
+            // 滚动到底部
+            this.$nextTick(() => {
+                const chatMessages = document.getElementById('chat-messages');
+                if (chatMessages) {
+                    chatMessages.scrollTop = chatMessages.scrollHeight;
+                }
+            });
+        },
+
+        /**
+         * 添加系统消息
+         */
+        addSystemMessage(text) {
+            this.systemMessages.push(text);
+        },
+
+        /**
+         * 加载历史沟通记录
+         */
+        loadCommunicationHistory() {
+            getCustCommunicationInfo(this.phoneNumber,2,this.currentCallUuid).then(response => {
+                if(response.code === 0 && response.data){
+                    const data = response.data;
+
+                    // 填充客户信息
+                    if(data.ccCustInfo){
+                        const custInfo = data.ccCustInfo;
+                        this.customerForm.id = custInfo.id || '';
+                        this.customerForm.custName = custInfo.custName || '';
+                        this.customerForm.province = custInfo.province || '';
+                        this.customerForm.city = custInfo.city || '';
+                        this.customerForm.county = custInfo.county || ''; // 注意：表单绑定的是 county，数据库字段也是 county
+                        this.customerForm.provinceCode = custInfo.provinceCode || '';
+                        this.customerForm.cityCode = custInfo.cityCode || '';
+                        this.customerForm.countyCode = custInfo.countyCode || '';
+                        this.customerForm.address = custInfo.address || '';
+                        this.customerForm.gender = String(custInfo.gender) || '0';
+                    }
+
+                    // 填充历史沟通记录
+                    if(data.ccCustInfo && data.ccCustInfo.callRecordList && data.ccCustInfo.callRecordList.length > 0){
+                        let historyText = '';
+                        data.ccCustInfo.callRecordList.forEach((record, index) => {
+                            if (index > 0) {
+                                historyText += '\n';
+                            }
+                            historyText += `沟通时间：${record.createTime}\n沟通内容：${record.notes}`;
+                        });
+                        this.customerForm.communicationHistory = historyText;
+                    } else {
+                        this.customerForm.communicationHistory = '暂无历史沟通记录';
+                    }
+
+                    // 加载省份列表 - 保存所有省份数据 (deep=0)
+                    if(data.provinces && data.provinces.length > 0){
+                        this.provinceList = data.provinces.map(p => ({
+                            id: p.id,
+                            value: p.extId,
+                            label: p.extName,
+                            code: p.extId,
+                            pid: p.pid,
+                            deep: p.deep
+                        }));
+                    }
+
+                    // 加载城市列表 - 保存所有城市数据 (deep=1)
+                    if(data.citys && data.citys.length > 0){
+                        this.allCityList = data.citys.map(c => ({
+                            id: c.id,
+                            value: c.extId,
+                            label: c.extName,
+                            code: c.extId,
+                            pid: c.pid,
+                            deep: c.deep
+                        }));
+                    }
+
+                    // 加载区县列表 - 保存所有区县数据 (deep=2)
+                    if(data.countys && data.countys.length > 0){
+                        this.allCountyList = data.countys.map(d => ({
+                            id: d.id,
+                            value: d.extId,
+                            label: d.extName,
+                            code: d.extId,
+                            pid: d.pid, // 区县的 pid 指向市级的 id
+                            deep: d.deep
+                        }));
+                    }
+                }else{
+                    this.customerForm.communicationHistory = '暂无历史沟通记录';
+                }
+                this.outboundCdrList = response.rows;
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+
+        /**
+         * 保存客户信息表单
+         */
+        saveCustomerForm() {
+            const callRecordData = {
+                notes: this.customerForm.notes,
+                callType: 2,
+                uuid: this.currentCallUuid
+            };
+
+            // 组装完整的客户信息
+            const customerData = {
+                id: this.customerForm.id,
+                phoneNum: this.phoneNumber,
+                custName: this.customerForm.custName,
+                province: this.customerForm.province,
+                provinceCode: this.customerForm.provinceCode,
+                city: this.customerForm.city,
+                cityCode: this.customerForm.cityCode,
+                county: this.customerForm.county,
+                countyCode: this.customerForm.countyCode,
+                address: this.customerForm.address,
+                gender: this.customerForm.gender,
+                notes: this.customerForm.notes,
+                opNum: this.opNum,
+                userName: this.userName,
+                callRecord: JSON.stringify(callRecordData)
+            };
+
+            addCustcallrecord(customerData).then(response => {
+                if(response.code === 0){
+                    this.$message.success('客户信息保存成功');
+                }else{
+                    this.$message.error(response.msg || '保存失败');
+                }
+            });
+        },
+
+        /**
+         * 关闭客户信息表单
+         */
+        closeCustomerForm() {
+            this.showCustomerForm = false;
+            this.showChatContainer = false; // 同时隐藏聊天窗口
+            // 清空聊天消息数据
+            this.chatMessages = [];
+            this.systemMessages = [];
+            // 清空表单
+            this.customerForm = {
+                id: '',
+                phoneNum: this.phoneNumber,
+                custName: '',
+                province: '',
+                provinceCode: '',
+                city: '',
+                cityCode: '',
+                county: '',
+                countyCode: '',
+                address: '',
+                gender: '0',
+                notes: '',
+                callRecord: '',
+                communicationHistory: ''
+            };
+            this.currentCallUuid = '';
+            this.cityList = [];
+            this.countyList = [];
+            // 不清空全局省市区数据，以便下次使用
+        },
+
+        /**
+         * 省份改变时触发
+         */
+        handleProvinceChange(selectedProvince) {
+            if (selectedProvince) {
+                this.customerForm.province = selectedProvince.label;
+                this.customerForm.provinceCode = selectedProvince.code;
+                // 预加载对应城市数据：通过省份的 id 匹配城市的 pid
+                if (this.allCityList && this.allCityList.length > 0) {
+                    this.cityList = this.allCityList.filter(c => c.pid === selectedProvince.id);
+                } else {
+                    this.cityList = [];
+                }
+            }
+            // 清空城市和区县的选择
+            this.customerForm.city = '';
+            this.customerForm.cityCode = '';
+            this.customerForm.county = '';
+            this.customerForm.countyCode = '';
+            // 清空区县列表
+            this.countyList = [];
+        },
+
+        /**
+         * 城市改变时触发
+         */
+        handleCityChange(value) {
+            // 从城市列表中查找选中的城市
+            const selectedCity = this.cityList.find(c => c.value === value);
+            if (selectedCity) {
+                this.customerForm.city = selectedCity.label;
+                this.customerForm.cityCode = selectedCity.code;
+
+                // 预加载对应区县数据：通过城市的 id 匹配区县的 pid
+                if (this.allCountyList && this.allCountyList.length > 0) {
+                    this.countyList = this.allCountyList.filter(d => d.pid === selectedCity.id);
+                } else {
+                    this.countyList = [];
+                }
+            }
+            // 清空区县表单
+            this.customerForm.county = '';
+            this.customerForm.countyCode = '';
+        },
+
+        /**
+         * 区县改变时触发
+         */
+        handleDistrictChange(value) {
+            // 从区县列表中查找选中的区县
+            const selectedDistrict = this.countyList.find(d => d.value === value);
+            if (selectedDistrict) {
+                this.customerForm.county = selectedDistrict.label;
+                this.customerForm.countyCode = selectedDistrict.code;
+            }
+        },
+    }
+};
+</script>
+
+<style scoped>
+
+.call-center-phone-bar {
+    background: #eef3fa;
+    padding: 10px;
+}
+
+/* 电话工具条相关样式 - 从 page.css 迁移过来，添加作用域限制 */
+.call-center-phone-bar .head_dial {
+    padding-top: 2px;
+}
+
+.call-center-phone-bar .dial {
+    float: left;
+}
+
+.call-center-phone-bar .dial dt {
+    padding-bottom: 2px;
+}
+
+.call-center-phone-bar .dial dt input {
+    vertical-align: middle;
+}
+
+.call-center-phone-bar .tel_txt {
+    border: 1px solid #dfe5e7;
+    border-radius: 3px;
+    height: 35px;
+    font-size: 16px;
+    background: #FFF;
+    color: #768595;
+    text-indent: 5px;
+    width: 120px;
+}
+
+.call-center-phone-bar .dial dd input,
+.call-center-phone-bar .dial dd ul {
+    float: left;
+}
+
+.call-center-phone-bar .dial dd ul {
+    border: 1px solid #dfe5e7;
+    background: #FFF;
+    border-radius: 3px;
+    height: auto;
+    width: 80px;
+    margin-left: 0;
+    padding: 0;
+}
+
+.call-center-phone-bar .dial dd ul li {
+    height: auto;
+    line-height: 23px;
+    margin-left: 0;
+    padding-left: 5px;
+}
+
+.call-center-phone-bar .dial dd ul li.status1 {
+    color: #f39700;
+}
+
+.call-center-phone-bar .dial dd ul li.status2 {
+    color: #98bf40;
+}
+
+.call-center-phone-bar .dial dd ul li.status3 {
+    color: #98bf40;
+}
+
+.call-center-phone-bar .dial dd ul li.status4 {
+    color: #23a9f6;
+}
+
+.call-center-phone-bar .dial dd ul li.status5 {
+    color: #adadad;
+}
+
+.call-center-phone-bar .dial dd b {
+    line-height: 23px;
+    padding-left: 1px;
+}
+
+.call-center-phone-bar .dial_btn {
+    float: left;
+}
+
+.call-center-phone-bar .dial_btn li {
+    float: left;
+    margin-left: 12px;
+    text-align: center;
+}
+
+.call-center-phone-bar .dial_btn li a {
+    display: block;
+    border-radius: 10px;
+    border: 1px solid #dfe5e7;
+    width: 48px;
+    height: 48px;
+    margin: 4px auto;
+}
+
+/* 按钮背景图片 - 使用 url() 和相对路径 */
+.call-center-phone-bar .dial_btn,
+.call-center-phone-bar .gj_btn,
+.call-center-phone-bar .zj_btn,
+.call-center-phone-bar .bc_btn,
+.call-center-phone-bar .zjie_btn,
+.call-center-phone-bar .myd_btn,
+.call-center-phone-bar .jt_btn,
+.call-center-phone-bar .qca_btn,
+.call-center-phone-bar .lj_btn,
+.call-center-phone-bar .qc_btn,
+.call-center-phone-bar .hy_btn,
+.call-center-phone-bar .sx_btn,
+.call-center-phone-bar .xx_btn,
+.call-center-phone-bar .wc_btn,
+.call-center-phone-bar .jy_btn,
+.call-center-phone-bar .xz_btn,
+.call-center-phone-bar .sm_btn,
+.call-center-phone-bar .qz_btn,
+.call-center-phone-bar .qiangjie_btn,
+.call-center-phone-bar .lanjie_btn {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/created_dial_off.png");
+    background-repeat: no-repeat;
+    background-color: #FFF;
+}
+
+.call-center-phone-bar .wh_btn.on,
+.call-center-phone-bar .zj_btn.on,
+.call-center-phone-bar .gj_btn.on,
+.call-center-phone-bar .bc_btn.on,
+.call-center-phone-bar .zjie_btn.on,
+.call-center-phone-bar .myd_btn.on,
+.call-center-phone-bar .jt_btn.on,
+.call-center-phone-bar .qca_btn.on,
+.call-center-phone-bar .lj_btn.on,
+.call-center-phone-bar .qc_btn.on,
+.call-center-phone-bar .hy_btn.on,
+.call-center-phone-bar .sx_btn.on,
+.call-center-phone-bar .xx_btn.on,
+.call-center-phone-bar .wc_btn.on,
+.call-center-phone-bar .jy_btn.on,
+.call-center-phone-bar .xz_btn.on,
+.call-center-phone-bar .sm_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/created_dial_on.png");
+    background-repeat: no-repeat;
+}
+
+/* 外呼按钮 */
+.call-center-phone-bar .wh_btn,
+.call-center-phone-bar .wh_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/call.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
+.call-center-phone-bar .wh_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/call.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 挂机按钮 */
+.call-center-phone-bar .gj_btn,
+.call-center-phone-bar .gj_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/hangup_enable.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
+.call-center-phone-bar .gj_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/hangup_enable.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 保持按钮 */
+.call-center-phone-bar .bc_btn,
+.call-center-phone-bar .bc_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/hold.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
+.call-center-phone-bar .bc_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/hold.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 取消保持按钮 */
+.call-center-phone-bar .bc2_btn,
+.call-center-phone-bar .bc2_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/unhold.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
+.call-center-phone-bar .bc2_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/unhold.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 转接按钮 */
+.call-center-phone-bar .zjie_btn,
+.call-center-phone-bar .zjie_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/transfer.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
+.call-center-phone-bar .zjie_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/transfer.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 咨询按钮 */
+.call-center-phone-bar .zixun_btn,
+.call-center-phone-bar .zixun_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/consultation.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
+.call-center-phone-bar .zixun_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/consultation.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 会议按钮 */
+.call-center-phone-bar .hy_btn,
+.call-center-phone-bar .hy_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/conference.png");
+    background-repeat: no-repeat;
+}
+
+.call-center-phone-bar .hy_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/conference.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 上线按钮 */
+.call-center-phone-bar .sx_btn,
+.call-center-phone-bar .sx_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/online.png");
+    background-repeat: no-repeat;
+}
+
+.call-center-phone-bar .sx_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/online.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 置闲按钮 */
+.call-center-phone-bar .xz_btn,
+.call-center-phone-bar .xz_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/setFree.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
+.call-center-phone-bar .xz_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/setFree.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 置忙按钮 */
+.call-center-phone-bar .sm_btn,
+.call-center-phone-bar .sm_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/busy_enable.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
+.call-center-phone-bar .sm_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/busy_enable.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(1%);
+    -moz-filter: grayscale(1%);
+    -ms-filter: grayscale(1%);
+    -o-filter: grayscale(1%);
+    filter: grayscale(1%);
+}
+
+/* 强置按钮 */
+.call-center-phone-bar .qz_btn,
+.call-center-phone-bar .qz_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/reset.png");
+    background-repeat: no-repeat;
+}
+
+.call-center-phone-bar .qz_btn.on {
+    background-image: url("../../assets/callCenterPhoneBarSdk/images/phonebar/reset.png");
+    background-repeat: no-repeat;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
+/* 会议成员列表样式 */
+.call-center-phone-bar #conference_member_list ul {
+    float: left;
+    overflow: hidden;
+    width: 100%;
+}
+
+.call-center-phone-bar #conference_member_list li {
+    float: left;
+    border-style: solid;
+    border-width: 1px;
+    border-color: #dfe5e7 #dfe5e7 #eef3fa #dfe5e7;
+    width: 700px;
+    line-height: 35px;
+}
+
+.call-center-phone-bar .conf_name {
+    padding-left: 10px;
+    width: 100px;
+    display: inline-block;
+}
+
+.call-center-phone-bar .conf_phone {
+    width: 120px;
+    display: inline-block;
+}
+
+.call-center-phone-bar .conf_call_type {
+    padding-left: 10px;
+    width: 50px;
+    display: inline-block;
+}
+
+.call-center-phone-bar .conf_video_level {
+    padding-left: 10px;
+    padding-right: 10px;
+    width: 50px;
+    display: inline-block;
+}
+
+.call-center-phone-bar .conf_status {
+    width: 120px;
+    display: inline-block;
+}
+
+.call-center-phone-bar .conf_mute {
+    width: 40px;
+    display: inline-block;
+    padding-top: 3px;
+}
+
+.call-center-phone-bar .conf_vmute {
+    width: 40px;
+    display: inline-block;
+    padding-top: 3px;
+}
+
+.call-center-phone-bar .conf_remove {
+    width: 35px;
+    display: inline-block;
+}
+
+.call-center-phone-bar .conf_re_invite {
+    width: 35px;
+    display: inline-block;
+}
+
+/* ASR 聊天容器样式 */
+.call-center-phone-bar #chat-container {
+    width: 90%;
+    max-width: 600px;
+    margin: 20px auto;
+    background: white;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    padding: 10px;
+}
+
+.call-center-phone-bar .message {
+    padding: 10px;
+    margin: 10px 0;
+    border-radius: 8px;
+}
+
+.call-center-phone-bar .customer {
+    background-color: #F5F5F5;
+    align-self: flex-start;
+}
+
+.call-center-phone-bar .agent {
+    background-color: #95EC69;
+    align-self: flex-end;
+}
+
+.call-center-phone-bar .system-message {
+    text-align: center;
+    color: gray;
+    font-style: italic;
+}
+
+.call-center-phone-bar .message-container {
+    display: flex;
+    flex-direction: column;
+}
+
+.call-center-phone-bar .message-header {
+    font-weight: bold;
+    margin-bottom: 5px;
+}
+
+/* 转接和咨询下拉框样式 */
+::v-deep #transfer_to_groupIds,
+::v-deep #transfer_to_member {
+    width: 150px;
+    max-height: 200px;
+    overflow-y: auto;
+    border: 1px solid #dfe5e7;
+    border-radius: 3px;
+    background: #FFF;
+    color: #768595;
+    font-size: 12px;
+    padding: 5px;
+}
+
+::v-deep #transfer_to_groupIds option,
+::v-deep #transfer_to_member option {
+    padding: 5px;
+    cursor: pointer;
+}
+
+::v-deep #transfer_to_groupIds option:hover,
+::v-deep #transfer_to_member option:hover {
+    background-color: #f0f0f0;
+}
+
+/* 确保样式能够覆盖到子组件 */
+::v-deep .dial_btn li a {
+    cursor: pointer;
+}
+
+::v-deep input[type='button']:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+::v-deep select {
+    border: 1px solid #dfe5e7;
+    border-radius: 3px;
+    height: 25px;
+    background: #FFF;
+    color: #768595;
+}
+
+::v-deep input[type='text'] {
+    border: 1px solid #dfe5e7;
+    border-radius: 3px;
+    height: 35px;
+    font-size: 16px;
+    background: #FFF;
+    color: #768595;
+    text-indent: 5px;
+}
+
+/* 转接/咨询面板样式 */
+::v-deep .transfer-consult-panel {
+    background: #fff;
+    border-radius: 8px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+    max-width: 900px;
+    margin: 0 auto;
+}
+
+::v-deep .panel-header {
+    padding: 20px 24px;
+    border-bottom: 1px solid #ebeef5;
+    background: linear-gradient(to right, #409EFF, #66b1ff);
+    border-radius: 8px 8px 0 0;
+}
+
+::v-deep .panel-header h3 {
+    margin: 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: #fff;
+}
+
+::v-deep .panel-content {
+    padding: 24px;
+}
+
+::v-deep .form-row {
+    display: flex;
+    gap: 20px;
+    margin-bottom: 20px;
+}
+
+::v-deep .form-item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+::v-deep .form-item.full-width {
+    flex: none;
+    width: 100%;
+}
+
+::v-deep .form-label {
+    font-size: 14px;
+    color: #606266;
+    margin-bottom: 8px;
+    font-weight: 500;
+}
+
+::v-deep .el-select,
+::v-deep .el-input {
+    width: 100%;
+}
+
+::v-deep .el-select .el-input__inner {
+    height: 40px;
+    line-height: 40px;
+    border-radius: 4px;
+}
+
+::v-deep .el-input__inner {
+    height: 40px;
+    line-height: 40px;
+    border-radius: 4px;
+    transition: all 0.3s;
+}
+
+::v-deep .el-input__inner:hover {
+    border-color: #409EFF;
+}
+
+::v-deep .form-tip {
+    font-size: 12px;
+    color: #909399;
+    margin-top: 6px;
+    margin-left: 4px;
+}
+
+::v-deep .form-actions {
+    display: flex;
+    gap: 12px;
+    justify-content: center;
+    padding-top: 20px;
+    border-top: 1px solid #ebeef5;
+}
+
+::v-deep .form-actions .el-button {
+    min-width: 100px;
+    font-size: 14px;
+}
+
+/* 转接/咨询区域的下拉框样式 */
+::v-deep #transfer_to_groupIds,
+::v-deep #transfer_to_member {
+    width: 100%;
+}
+
+::v-deep .el-select {
+    width: 100%;
+}
+</style>

src/views/aiSipCall/aiSipCallOutboundCar.vue

@@ -0,0 +1,463 @@
+音视频类型<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="86px" class="search-form">
+      <el-form-item label="通话 UUID" prop="uuid">
+        <el-input
+          v-model="queryParams.uuid"
+          placeholder="请输入通话 UUID"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+          style="width: 200px"
+        />
+      </el-form-item>
+      <el-form-item label="被叫号码" prop="callee">
+        <el-input
+          v-model="queryParams.callee"
+          placeholder="请输入被叫号码"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+          style="width: 150px"
+        />
+      </el-form-item>
+      <el-form-item label="工号" prop="opnum">
+        <el-input
+          v-model="queryParams.opnum"
+          placeholder="请输入工号"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+          style="width: 150px"
+        />
+      </el-form-item>
+      <el-form-item label="通话时长">
+        <div class="time-range">
+          <el-input-number v-model="queryParams.timeLenStart" :min="0" placeholder="最小值" size="small"
+                           style="width: 130px"/>
+          <span class="range-separator">-</span>
+          <el-input-number v-model="queryParams.timeLenEnd" :min="0" placeholder="最大值" size="small"
+                           style="width: 130px"/>
+        </div>
+      </el-form-item>
+      <el-form-item label="外呼时间">
+        <div class="time-range">
+          <el-date-picker v-model="queryParams.startTimeStart" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="开始"/>
+          <span class="range-separator">-</span>
+          <el-date-picker v-model="queryParams.startTimeEnd" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="结束"/>
+        </div>
+      </el-form-item>
+      <el-form-item label="接听时间">
+        <div class="time-range">
+          <el-date-picker v-model="queryParams.answeredTimeStart" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="开始"/>
+          <span class="range-separator">-</span>
+          <el-date-picker v-model="queryParams.answeredTimeEnd" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="结束"/>
+        </div>
+      </el-form-item>
+      <el-form-item label="挂机时间">
+        <div class="time-range">
+          <el-date-picker v-model="queryParams.endTimeStart" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="开始"/>
+          <span class="range-separator">-</span>
+          <el-date-picker v-model="queryParams.endTimeEnd" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="结束"/>
+        </div>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          v-hasPermi="['company:aiSipCall:outboundCdr:export']"
+        >导出</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleManualPull"
+          v-hasPermi="['company:aiSipCall:outboundCdr:manualPull']"
+        >同步今天数据
+        </el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="outboundCdrList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="通话UUID" align="center" prop="uuid" />
+      <el-table-column label="音视频类型" align="center" prop="callType">
+        <template slot-scope="scope">
+          <span v-if="scope.row.callType === 'audio'">音频</span>
+          <span v-else-if="scope.row.callType === 'video'">视频</span>
+          <span v-else>{{ scope.row.callType }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="工号" align="center" prop="opnum" />
+      <el-table-column label="被叫号码" align="center" prop="callee" />
+      <el-table-column label="外呼时间" align="center" prop="startTimeStr" />
+      <el-table-column label="接听时间" align="center" prop="answeredTimeStr" />
+      <el-table-column label="挂断时间" align="center" prop="endTimeStr" />
+      <el-table-column label="通话时长" align="center" prop="timeLenSec" />
+      <el-table-column label="纯通时长" align="center" prop="timeLenValidStr" />
+      <el-table-column label="挂断原因" align="center" prop="hangupCause" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+<!--        <template slot-scope="scope">-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-video-play"-->
+<!--            @click="playVoice(scope.row.recordFilename)"-->
+<!--            v-hasPermi="['company:aiSipCall:phone:downloadVoice']"-->
+<!--            v-if="scope.row.recordFilename"-->
+<!--            style="color: #409EFF;"-->
+<!--          >播放-->
+<!--          </el-button>-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-download"-->
+<!--            @click="downloadVoice(scope.row.recordFilename)"-->
+<!--            v-hasPermi="['company:aiSipCall:phone:downloadVoice']"-->
+<!--            v-if="scope.row.recordFilename"-->
+<!--            style="color: #67C23A;"-->
+<!--          >下载-->
+<!--          </el-button>-->
+<!--        </template>-->
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+  </div>
+</template>
+
+<script>
+import { listOutboundCdr, getOutboundCdr, delOutboundCdr, addOutboundCdr, updateOutboundCdr, exportOutboundCdr,manualPull } from "@/api/aiSipCall/aiSipCallOutboundCdr";
+
+export default {
+  name: "OutboundCdr",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // aiSIP手动外呼通话记录表格数据
+      outboundCdrList: [],
+      // 弹出层标题
+      title: "",
+      // 当前播放的音频对象
+      currentAudio: null,
+      // 音频服务器基础 URL
+      AUDIO_BASE_URL: 'http://129.28.164.235:8899',
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        caller: null,
+        opnum: null,
+        timeLenStart: null,
+        timeLenEnd: null,
+
+        startTimeStart: null,
+        startTimeEnd: null,
+        answeredTimeStart: null,
+        answeredTimeEnd: null,
+        endTimeStart: this.getTodayStart(),
+        endTimeEnd: null,
+        callee: null,
+        startTime: null,
+        answeredTime: null,
+        endTime: null,
+        uuid: null,
+        callType: null,
+        timeLen: null,
+        timeLenValid: null,
+        recordFilename: null,
+        chatContent: null,
+        hangupCause: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {}
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    // 获取今天开始时间（yyyy-MM-dd 00:00:00）
+    getTodayStart() {
+      const now = new Date();
+      return now.getFullYear() + '-' +
+             String(now.getMonth() + 1).padStart(2, '0') + '-' +
+             String(now.getDate()).padStart(2, '0') + ' 00:00:00';
+    },
+    handleManualPull(){
+      manualPull().then(response => {
+        if(response.code === 200){
+          this.msgSuccess(response.msg);
+        }else{
+          this.msgError(response.msg);
+        }
+        this.getList();
+      })
+    },
+    /** 查询aiSIP手动外呼通话记录列表 */
+    getList() {
+      this.loading = true;
+      listOutboundCdr(this.queryParams).then(response => {
+        this.outboundCdrList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        caller: null,
+        opnum: null,
+        callee: null,
+        startTime: null,
+        answeredTime: null,
+        endTime: null,
+        uuid: null,
+        callType: null,
+        timeLen: null,
+        timeLenValid: null,
+        recordFilename: null,
+        chatContent: null,
+        hangupCause: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams.startTimeStart = null;
+      this.queryParams.startTimeEnd = null;
+      this.queryParams.timeLenStart = null;
+      this.queryParams.timeLenEnd = null;
+      this.queryParams.answeredTimeStart = null;
+      this.queryParams.answeredTimeEnd = null;
+      this.queryParams.endTimeStart = this.getTodayStart();
+      this.queryParams.endTimeEnd = null;
+      this.queryParams.uuid = null;
+      this.queryParams.callee = null;
+      this.queryParams.opnum = null;
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加aiSIP手动外呼通话记录";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getOutboundCdr(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改aiSIP手动外呼通话记录";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateOutboundCdr(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addOutboundCdr(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除aiSIP手动外呼通话记录编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delOutboundCdr(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有aiSIP手动外呼通话记录数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportOutboundCdr(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+          this.exportLoading = false;
+        }).catch(() => {});
+    },
+
+
+    /** 构建完整的音频 URL */
+    buildAudioUrl(recordFilename) {
+      if (!recordFilename) return '';
+      return recordFilename.startsWith('http') ? recordFilename : this.AUDIO_BASE_URL + recordFilename;
+    },
+    /** 获取文件名 */
+    getFileName(url) {
+      if (!url) return 'audio.wav';
+      return url.split('/').pop() || 'audio.wav';
+    },
+    /** 播放语音文件 */
+    playVoice(recordFilename) {
+      // 非空校验
+      if (!recordFilename) {
+        this.$message.error('录音文件不存在');
+        return;
+      }
+
+      // 如果已有音频在播放，先完全清理
+      if (this.currentAudio) {
+        this.currentAudio.pause();
+        this.currentAudio.src = '';
+        this.currentAudio.onloadedmetadata = null;
+        this.currentAudio.onerror = null;
+        this.currentAudio.onended = null;
+        this.currentAudio = null;
+      }
+
+      // 创建新的 Audio 对象
+      const audio = new Audio();
+      this.currentAudio = audio;
+
+      // 构建音频 URL
+      audio.src = this.buildAudioUrl(recordFilename);
+
+      // 设置音频类型为 wav
+      audio.type = 'audio/wav';
+
+      audio.onloadedmetadata = () => {
+        console.log('音频加载成功，时长:', audio.duration, '秒');
+      };
+
+      audio.play().catch(err => {
+        // 只在非用户主动切换的情况下显示错误提示
+        if (this.currentAudio === audio) {
+          this.$message.error('音频播放失败：' + (err.message || '请检查网络或文件格式'));
+        }else{
+          this.$message.error('音频播放失败：' + err);
+        }
+      });
+
+      // 播放结束后清理
+      audio.onended = () => {
+        this.currentAudio = null;
+      };
+
+      // 错误处理
+      audio.onerror = (err) => {
+        // 只在当前音频对象仍然是这个时才显示错误（避免切换时的误报）
+        if (this.currentAudio === audio) {
+          this.$message.error('无法播放录音：' + (err.message || '未知错误'));
+          this.currentAudio = null;
+        }else{
+          this.$message.error('音频加载失败：' + err);
+        }
+      };
+    },
+    /** 下载语音文件 */
+    downloadVoice(recordFilename) {
+      // 非空校验
+      if (!recordFilename) {
+        this.$message.error('录音文件不存在');
+        return;
+      }
+
+      // 构建完整的音频 URL
+      const audioUrl = this.buildAudioUrl(recordFilename);
+
+      // 创建临时下载链接
+      const link = document.createElement('a');
+      link.href = audioUrl;
+      link.setAttribute('download', this.getFileName(audioUrl));
+      link.target = '_blank'; // 在新窗口打开
+
+      // 添加到 DOM 并触发点击
+      document.body.appendChild(link);
+      link.click();
+
+      // 清理 DOM
+      document.body.removeChild(link);
+    },
+  }
+};
+</script>

src/views/aiSipCall/aiSipCallPhone.vue

@@ -0,0 +1,549 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="86px" class="search-form">
+      <el-form-item label="任务名称" prop="batchId">
+        <el-select v-model="queryParams.batchId" placeholder="请选择任务名称" clearable size="small" style="width: 150px">
+          <el-option
+            v-for="task in aiCallTaskList"
+            :key="task.batchId"
+            :label="task.batchName"
+            :value="task.batchId"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="客户意向" prop="intent">
+        <el-select v-model="queryParams.intent" placeholder="请选择客户意向" clearable size="small" style="width: 140px">
+          <el-option label="全部" value=""/>
+          <el-option label="A" value="A"/>
+          <el-option label="B" value="B"/>
+          <el-option label="C" value="C"/>
+          <el-option label="D" value="D"/>
+          <el-option label="E" value="E"/>
+          <el-option label="F" value="F"/>
+          <el-option label="G" value="G"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="外呼号码" prop="telephone">
+        <el-input
+          v-model="queryParams.telephone"
+          placeholder="请输入外呼号码"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+          style="width: 150px"
+        />
+      </el-form-item>
+      <el-form-item label="通话 uuid" prop="uuid">
+        <el-input
+          v-model="queryParams.uuid"
+          placeholder="请输入通话 uuid"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+          style="width: 200px"
+        />
+      </el-form-item>
+      <el-form-item label="通话分钟">
+        <div class="time-range">
+          <el-input-number v-model="queryParams.timeLenStart" :min="0" placeholder="最小值" size="small"
+                           style="width: 130px"/>
+          <span class="range-separator">-</span>
+          <el-input-number v-model="queryParams.timeLenEnd" :min="0" placeholder="最大值" size="small"
+                           style="width: 130px"/>
+        </div>
+      </el-form-item>
+      <el-form-item label="外呼时间">
+        <div class="time-range">
+          <el-date-picker v-model="queryParams.calloutTimeStart" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="开始"/>
+          <span class="range-separator">-</span>
+          <el-date-picker v-model="queryParams.calloutTimeEnd" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="结束"/>
+        </div>
+      </el-form-item>
+      <el-form-item label="接听时间">
+        <div class="time-range">
+          <el-date-picker v-model="queryParams.answeredTimeStart" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="开始"/>
+          <span class="range-separator">-</span>
+          <el-date-picker v-model="queryParams.answeredTimeEnd" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="结束"/>
+        </div>
+      </el-form-item>
+      <el-form-item label="挂机时间">
+        <div class="time-range">
+          <el-date-picker v-model="queryParams.callEndTimeStart" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="开始"/>
+          <span class="range-separator">-</span>
+          <el-date-picker v-model="queryParams.callEndTimeEnd" size="small" style="width: 190px"
+                          value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="结束"/>
+        </div>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          v-hasPermi="['company:aiSipCall:phone:export']"
+        >导出</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-sync"
+          size="mini"
+          @click="handleManualPull"
+          v-hasPermi="['company:aiSipCall:phone:manualPull']"
+        >同步今天数据</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="aiSipCallList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="外呼任务id" align="center" prop="batchId"/>
+      <el-table-column label="外呼任务" align="center" prop="batchName"/>
+      <el-table-column label="通话uuid" align="center" prop="uuid"/>
+      <el-table-column label="外呼号码" align="center" prop="telephone"/>
+      <el-table-column label="外呼状态" align="center" prop="callstatusName"/>
+      <el-table-column label="外呼时间" align="center" prop="calloutTimeStr"/>
+      <el-table-column label="接通时间" align="center" prop="answeredTimeStr"/>
+      <el-table-column label="挂机时间" align="center" prop="callEndTimeStr"/>
+      <el-table-column label="通话总时长" align="center" prop="timeLenSec"/>
+      <el-table-column label="挂机原因" align="center" prop="hangupCause"/>
+
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-video-play"
+            @click="playVoice(scope.row.wavfile)"
+            v-hasPermi="['company:aiSipCall:phone:downloadVoice']"
+            v-if="scope.row.wavfile"
+            style="color: #409EFF;"
+          >播放
+          </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-download"
+            @click="downloadVoice(scope.row.wavfile)"
+            v-hasPermi="['company:aiSipCall:phone:downloadVoice']"
+            v-if="scope.row.wavfile"
+            style="color: #67C23A;"
+          >下载
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import {
+  listAiSipCallPhone,
+  addAiSipCallPhone,
+  delAiSipCallPhone,
+  exportAiSipCallPhone,
+  getAiSipCallPhone,
+  updateAiSipCallPhone,
+  manualPull
+} from "@/api/aiSipCall/aiSipCallPhone";
+import {listAiSipCallTask} from "../../api/aiSipCall/aiSipCallTask";
+
+export default {
+  name: "aiSipCallPhone",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // aiSIP 外呼任务列表
+      aiCallTaskList: [],
+      // aiSIP 外呼通话记录表格数据
+      aiSipCallList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 当前播放的音频对象
+      currentAudio: null,
+      // 音频服务器基础 URL
+      AUDIO_BASE_URL: 'http://129.28.164.235:8899',
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        timeLenStart: undefined,
+        timeLenEnd: undefined,
+        calloutTimeStart: null,
+        calloutTimeEnd: null,
+        answeredTimeStart: null,
+        answeredTimeEnd: null,
+        callEndTimeStart: this.getTodayStart(),
+        callEndTimeEnd: null,
+        batchId: null,
+        telephone: null,
+        custName: null,
+        createtime: null,
+        callstatus: null,
+        calloutTime: null,
+        callcount: null,
+        callEndTime: null,
+        timeLen: null,
+        validTimeLen: null,
+        uuid: null,
+        connectedTime: null,
+        hangupCause: null,
+        answeredTime: null,
+        dialogue: null,
+        wavfile: null,
+        recordServerUrl: null,
+        bizJson: null,
+        dialogueCount: null,
+        acdOpnum: null,
+        acdQueueTime: null,
+        acdWaitTime: null,
+        ttsText: null,
+        emptyNumberDetectionText: null,
+        intent: null,
+        asrSeconds: null,
+        ttsTimes: null,
+        ttsFlowTokens: null,
+        inputTokens: null,
+        outputTokens: null,
+        totalCost: null,
+        billingStatus: null,
+        callerNumber: null,
+        ivrDtmfDigits: null,
+        manualAnsweredTime: null,
+        manualAnsweredTimeLen: null,
+        remoteCallPhoneId: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {}
+    };
+  },
+  created() {
+    //获取所有 ai 外呼任务
+    listAiSipCallTask({taskType: 1}).then(response => {
+      this.aiCallTaskList = response.rows;
+    })
+    this.getList();
+  },
+  methods: {
+    // 获取今天开始时间（yyyy-MM-dd 00:00:00）
+    getTodayStart() {
+      const now = new Date();
+      return now.getFullYear() + '-' +
+             String(now.getMonth() + 1).padStart(2, '0') + '-' +
+             String(now.getDate()).padStart(2, '0') + ' 00:00:00';
+    },
+    // 获取当前时间（yyyy-MM-dd HH:mm:ss）
+    getCurrentTime() {
+      const now = new Date();
+      return now.getFullYear() + '-' +
+             String(now.getMonth() + 1).padStart(2, '0') + '-' +
+             String(now.getDate()).padStart(2, '0') + ' ' +
+             String(now.getHours()).padStart(2, '0') + ':' +
+             String(now.getMinutes()).padStart(2, '0') + ':' +
+             String(now.getSeconds()).padStart(2, '0');
+    },
+    handleManualPull(){
+      manualPull().then(response => {
+        if(response.code === 200){
+          this.msgSuccess(response.msg);
+        }else{
+          this.msgError(response.msg);
+        }
+        this.getList();
+      })
+    },
+    /** 构建完整的音频 URL */
+    buildAudioUrl(wavfile) {
+      if (!wavfile) return '';
+      return wavfile.startsWith('http') ? wavfile : this.AUDIO_BASE_URL + wavfile;
+    },
+    /** 获取文件名 */
+    getFileName(url) {
+      if (!url) return 'audio.wav';
+      return url.split('/').pop() || 'audio.wav';
+    },
+    /** 播放语音文件 */
+    playVoice(wavfile) {
+      // 非空校验
+      if (!wavfile) {
+        this.$message.error('录音文件不存在');
+        return;
+      }
+
+      // 如果已有音频在播放，先完全清理
+      if (this.currentAudio) {
+        this.currentAudio.pause();
+        this.currentAudio.src = '';
+        this.currentAudio.onloadedmetadata = null;
+        this.currentAudio.onerror = null;
+        this.currentAudio.onended = null;
+        this.currentAudio = null;
+      }
+
+      // 创建新的 Audio 对象
+      const audio = new Audio();
+      this.currentAudio = audio;
+
+      // 构建音频 URL
+      audio.src = this.buildAudioUrl(wavfile);
+
+      // 设置音频类型为 wav
+      audio.type = 'audio/wav';
+
+      audio.onloadedmetadata = () => {
+        console.log('音频加载成功，时长:', audio.duration, '秒');
+      };
+
+      audio.play().catch(err => {
+        // 只在非用户主动切换的情况下显示错误提示
+        if (this.currentAudio === audio) {
+          this.$message.error('音频播放失败：' + (err.message || '请检查网络或文件格式'));
+        }else{
+          this.$message.error('音频播放失败：' + err);
+        }
+      });
+
+      // 播放结束后清理
+      audio.onended = () => {
+        this.currentAudio = null;
+      };
+
+      // 错误处理
+      audio.onerror = (err) => {
+        // 只在当前音频对象仍然是这个时才显示错误（避免切换时的误报）
+        if (this.currentAudio === audio) {
+          this.$message.error('无法播放录音：' + (err.message || '未知错误'));
+          this.currentAudio = null;
+        }else{
+          this.$message.error('音频加载失败：' + err);
+        }
+      };
+    },
+    /** 下载语音文件 */
+    downloadVoice(wavfile) {
+      // 非空校验
+      if (!wavfile) {
+        this.$message.error('录音文件不存在');
+        return;
+      }
+
+      // 构建完整的音频 URL
+      const audioUrl = this.buildAudioUrl(wavfile);
+
+      // 创建临时下载链接
+      const link = document.createElement('a');
+      link.href = audioUrl;
+      link.setAttribute('download', this.getFileName(audioUrl));
+      link.target = '_blank'; // 在新窗口打开
+
+      // 添加到 DOM 并触发点击
+      document.body.appendChild(link);
+      link.click();
+
+      // 清理 DOM
+      document.body.removeChild(link);
+    },
+    /** 查询 aiSIP 外呼通话记录列表 */
+    getList() {
+      this.loading = true;
+      listAiSipCallPhone(this.queryParams).then(response => {
+        this.aiSipCallList = response.rows || [];
+        this.total = response.total || 0;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        timeLenStart: null,
+        timeLenEnd: null,
+        calloutTimeStart: null,
+        calloutTimeEnd: null,
+        answeredTimeStart: null,
+        answeredTimeEnd: null,
+        callEndTimeStart: null,
+        callEndTimeEnd: null,
+        batchId: null,
+        telephone: null,
+        custName: null,
+        createtime: null,
+        callstatus: null,
+        calloutTime: null,
+        callcount: null,
+        callEndTime: null,
+        timeLen: null,
+        validTimeLen: null,
+        uuid: null,
+        connectedTime: null,
+        hangupCause: null,
+        answeredTime: null,
+        dialogue: null,
+        wavfile: null,
+        recordServerUrl: null,
+        bizJson: null,
+        dialogueCount: null,
+        acdOpnum: null,
+        acdQueueTime: null,
+        acdWaitTime: null,
+        ttsText: null,
+        emptyNumberDetectionText: null,
+        intent: null,
+        asrSeconds: null,
+        ttsTimes: null,
+        ttsFlowTokens: null,
+        inputTokens: null,
+        outputTokens: null,
+        totalCost: null,
+        billingStatus: 0,
+        callerNumber: null,
+        ivrDtmfDigits: null,
+        manualAnsweredTime: null,
+        manualAnsweredTimeLen: null,
+        remoteCallPhoneId: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams.calloutTimeStart = null;
+      this.queryParams.calloutTimeEnd = null;
+      this.queryParams.timeLenStart = undefined;
+      this.queryParams.timeLenEnd = undefined;
+      this.queryParams.answeredTimeStart = null;
+      this.queryParams.answeredTimeEnd = null;
+      this.queryParams.callEndTimeStart = this.getTodayStart();
+      this.queryParams.callEndTimeEnd = null;
+      this.queryParams.batchId = null;
+      this.queryParams.telephone = null;
+      this.queryParams.uuid = null;
+      this.queryParams.intent = null;
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加aiSIP外呼通话记录";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getAiSipCallPhone(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改aiSIP外呼通话记录";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateAiSipCallPhone(this.form).then(() => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addAiSipCallPhone(this.form).then(() => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除aiSIP外呼通话记录编号为"' + ids + '"的数据项?', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(function () {
+        return delAiSipCallPhone(ids);
+      }).then(() => {
+        this.getList();
+        this.msgSuccess("删除成功");
+      }).catch(() => {
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有 aiSIP外呼通话记录数据项？', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.exportLoading = true;
+        return exportAiSipCallPhone(queryParams);
+      }).then(response => {
+        this.download(response.msg);
+        this.exportLoading = false;
+      }).catch(() => {
+      });
+    },
+  }
+};
+</script>

src/views/aiSipCall/aiSipCallTask.vue

@@ -0,0 +1,937 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="任务名称" prop="batchName">
+        <el-input
+          v-model="queryParams.batchName"
+          placeholder="请输入任务名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="任务类型" prop="taskType">
+        <el-select v-model="queryParams.taskType" placeholder="请选择任务类型" clearable size="small">
+          <el-option label="全部" value="" />
+          <el-option label="纯人工预测外呼" value="0" />
+          <el-option label="AI外呼" value="1" />
+          <el-option label="语音通知" value="2" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="任务状态" prop="ifcall">
+        <el-select v-model="queryParams.ifcall" placeholder="请选择任务状态" clearable size="small">
+          <el-option label="全部" value="" />
+          <el-option label="外呼中" value="1" />
+          <el-option label="停止外呼" value="0" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="创建时间">
+        <el-date-picker v-model="queryParams.createTimeStart" size="small" style="width: 180px"
+                        value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="开始时间"/>
+        <span style="margin: 0 8px">-</span>
+        <el-date-picker v-model="queryParams.createTimeEnd" size="small" style="width: 180px"
+                        value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="结束时间"/>
+      </el-form-item>
+      <el-form-item label="外呼线路" prop="gatewayId">
+        <el-select v-model="queryParams.gatewayId" placeholder="请选择外呼线路" clearable size="small">
+          <el-option label="全部" value="" />
+          <el-option
+            v-for="item in gatewayList"
+            :key="item.id"
+            :label="item.gwName"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="音色" prop="voiceSource">
+        <el-select v-model="queryParams.voiceSource" placeholder="请选择音色" clearable size="small">
+          <el-option label="全部" value="" />
+          <el-option
+            v-for="(item, index) in voiceSourceList"
+            :key="'query-' + item.voiceCode + '-' + index"
+            :label="item.voiceName"
+            :value="item.voiceCode"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['company:aiSipCall:task:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+      <el-button
+        type="primary"
+        plain
+        icon="el-icon-plus"
+        size="mini"
+        @click="downloadCallTemplate"
+        v-hasPermi="['company:aiSipCall:task:download:template']"
+      >下载外呼模板</el-button>
+    </el-col>
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="success"-->
+<!--          plain-->
+<!--          icon="el-icon-edit"-->
+<!--          size="mini"-->
+<!--          :disabled="single"-->
+<!--          @click="handleUpdate"-->
+<!--          v-hasPermi="['company:aiSipCall:task:edit']"-->
+<!--        >修改</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="danger"-->
+<!--          plain-->
+<!--          icon="el-icon-delete"-->
+<!--          size="mini"-->
+<!--          :disabled="multiple"-->
+<!--          @click="handleDelete"-->
+<!--          v-hasPermi="['company:aiSipCall:task:remove']"-->
+<!--        >删除</el-button>-->
+<!--      </el-col>-->
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          v-hasPermi="['company:aiSipCall:task:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="aiSipCallList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="任务ID" align="center" prop="batchId" />
+      <el-table-column label="任务名称" align="center" prop="batchName" />
+      <el-table-column label="任务类型" align="center" prop="taskType">
+        <template slot-scope="scope">
+          <span v-if="scope.row.taskType === '0'">纯人工预测外呼</span>
+          <span v-else-if="scope.row.taskType === 1">AI外呼</span>
+          <span v-else-if="scope.row.taskType === 2">语音通知</span>
+          <span v-else>{{ scope.row.taskType }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="外呼状态" align="center" prop="ifcall" >
+        <template slot-scope="scope">
+          <span v-if="scope.row.ifcall === 0">停止外呼</span>
+          <span v-else-if="scope.row.ifcall === 1">外呼中</span>
+          <span v-else>{{ scope.row.ifcall }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="最大并发" align="center" prop="threadNum" />
+      <el-table-column label="线路名称" align="center" prop="gatewayId">
+        <template slot-scope="scope">
+          <span v-for="item in gatewayList" v-if="scope.row.gatewayId === item.id">{{ item.gwName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="音色" align="center" prop="voiceCode">
+        <template slot-scope="scope">
+        <span v-for="(item, index) in voiceSourceList" v-if="scope.row.voiceCode === item.voiceCode" :key="'table-' + item.voiceCode + '-' + index">{{ item.voiceName }}</span>
+      </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center" prop="createTime" />
+<!--      <el-table-column label="总名单量" align="center" prop="phoneCount" />-->
+<!--      <el-table-column label="未拨打" align="center" prop="noCallCount" />-->
+<!--      <el-table-column label="已拨打" align="center" prop="callCount" />-->
+<!--      <el-table-column label="接通量" align="center" prop="connectCount" />-->
+<!--      <el-table-column label="接通率" align="center" prop="realConnectRate" />-->
+      <el-table-column label="远程任务ID" align="center" prop="remoteBatchId" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-edit"-->
+<!--            @click="handleUpdate(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:task:edit']"-->
+<!--          >修改</el-button>-->
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-video-play"
+            @click="startTask(scope.row.batchId)"
+            v-hasPermi="['company:aiSipCall:task:startTask']"
+          >启动外呼</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-video-pause"
+            @click="stopTask(scope.row.batchId)"
+            v-hasPermi="['company:aiSipCall:task:stopTask']"
+          >停止外呼</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-upload"
+            @click="handleImportData(scope.row.batchId)"
+            v-hasPermi="['company:aiSipCall:task:commonImportExcel']"
+          >导入外呼模板</el-button>
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:task:remove']"-->
+<!--          >删除</el-button>-->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改aiSIP外呼任务对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="任务名称" prop="batchName">
+          <el-input v-model="form.batchName" placeholder="请输入外呼任务的业务组 " />
+        </el-form-item>
+        <el-form-item label="任务类型" prop="taskType">
+          <el-select v-model="form.taskType" placeholder="请选择任务类型" clearable>
+<!--            <el-option label="纯人工预测外呼" value="0" />-->
+            <el-option label="AI外呼" value="1" />
+<!--            <el-option label="语音通知" value="2" />-->
+<!--            <el-option label="IVR外呼" value="3" />-->
+          </el-select>
+        </el-form-item>
+
+        <!-- 纯人工预测外呼显示项 -->
+        <el-form-item label="预估接通率（%）" prop="conntectRate" v-show="form.taskType === '0'">
+          <el-input v-model="form.conntectRate" placeholder="请输入预估接通率" />
+        </el-form-item>
+        <el-form-item label="平均振铃时长（秒）" prop="avgRingTimeLen" v-show="form.taskType === '0'">
+          <el-input v-model="form.avgRingTimeLen" placeholder="请输入平均振铃时长" />
+        </el-form-item>
+        <el-form-item label="平均通话时长（秒）" prop="avgCallTalkTimeLen" v-show="form.taskType === '0'">
+          <el-input v-model="form.avgCallTalkTimeLen" placeholder="请输入平均通话时长" />
+        </el-form-item>
+        <el-form-item label="平均事后处理时长（秒）" prop="avgCallEndProcessTimeLen" v-show="form.taskType === '0'">
+          <el-input v-model="form.avgCallEndProcessTimeLen" placeholder="请输入平均事后处理时长" />
+        </el-form-item>
+
+        <el-form-item label="最大并发" prop="threadNum">
+          <el-input v-model="form.threadNum" placeholder="请输入最大并发" />
+        </el-form-item>
+        <el-form-item label="外呼线路" prop="gatewayId">
+          <el-select v-model="form.gatewayId" placeholder="请选择外呼线路" clearable>
+            <el-option
+              v-for="item in gatewayList"
+              :key="item.id"
+              :label="item.gwName"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="自动停止" prop="autoStop">
+          <el-select v-model="form.autoStop" placeholder="请选择自动停止" clearable>
+            <el-option label="名单拨打完后任务自动停止" value="1" />
+            <el-option label="任务不自动停止" value="0" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="大模型底座" prop="llmAccountId" v-show="form.taskType === '1'">
+          <el-select v-model="form.llmAccountId" placeholder="请选择大模型底座" clearable>
+            <el-option
+              v-for="item in llmAgentAccountList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+
+        </el-form-item>
+        <el-form-item label="TTS厂商" prop="voiceSource" v-show="form.taskType === '1' || form.taskType === '2'">
+          <el-select v-model="form.voiceSource" placeholder="请选择TTS厂商" clearable @change="handleVoiceSourceChange">
+            <el-option label="电信" value="chinatelecom_tts" />
+            <el-option label="豆包" value="doubao_vcl_tts" />
+            <el-option label="阿里云" value="aliyun_tts" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="音色" prop="voiceCode" v-show="form.voiceSource">
+          <el-select v-model="form.voiceCode" placeholder="请选择音色" clearable>
+            <el-option
+              v-for="(item, index) in getCurrentVoiceCodeList()"
+              :key="'form-' + item.voiceCode + '-' + index"
+              :label="item.voiceName"
+              :value="item.voiceCode"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="ASR厂商" prop="asrProvider" v-show="form.taskType === '1' || form.taskType === '2'">
+          <el-select v-model="form.asrProvider" placeholder="请选择 ASR 厂商" clearable>
+            <el-option label="电信" value="chinatelecom" />
+            <el-option label="FunASR" value="funasr" />
+            <el-option label="阿里云" value="aliyun" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="播放次数" prop="playTimes" v-show="form.taskType === '2'">
+          <el-input v-model="form.playTimes" placeholder="请输入播放次数" />
+        </el-form-item>
+
+
+        <el-form-item label="转人工方式" prop="aiTransferType" v-show="form.taskType === '1'">
+          <el-select v-model="form.aiTransferType" placeholder="请选择转人工方式" clearable @change="handleAiTransferTypeChange">
+            <el-option label="电话排队(需要电话工具条)" value="acd" />
+            <el-option label="转分机(无需电话工具条）" value="extension" />
+            <el-option label="转外部网关" value="gateway" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="业务组" prop="aiTransferGroupId" v-show="form.taskType === '1' && form.aiTransferType !== 'extension' && form.aiTransferType !== 'gateway'">
+          <el-select v-model="form.aiTransferGroupId" placeholder="请选择业务组" clearable size="small">
+            <el-option label="请选择业务组" value="" />
+            <el-option
+              v-for="item in bizGroupList"
+              :key="item.groupId"
+              :label="item.bizGroupName"
+              :value="item.groupId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="转接分机（多个用空格分割）" prop="aiTransferExtNumber" v-show="form.aiTransferType === 'extension'">
+          <el-input v-model="form.aiTransferExtNumber" placeholder="请输入转接分机" />
+        </el-form-item>
+        <el-form-item label="网关" prop="aiTransferGatewayId" v-show="form.aiTransferType === 'gateway'">
+          <el-select v-model="form.aiTransferGatewayId" placeholder="请选择外呼线路" clearable>
+            <el-option
+              v-for="item in gatewayList"
+              :key="item.id"
+              :label="item.gwName"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="转接号码" prop="aiTransferGatewayDestNumber" v-show="form.aiTransferType === 'gateway'">
+          <el-input v-model="form.aiTransferGatewayDestNumber" placeholder="请输入转接号码" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 导入数据对话框 -->
+    <el-dialog :title="uploadTitle" :visible.sync="uploadOpen" width="500px" append-to-body>
+      <el-form ref="uploadForm" :model="uploadForm">
+        <el-form-item label="选择文件">
+          <input type="file" ref="fileInput" @change="handleFileChange" accept=".xlsx,.xls,.csv" style="width: 100%;">
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="uploadOpen = false">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { downloadTemplateByType,listAiSipCallTask, getAiSipCallTask, delAiSipCallTask, addAiSipCallTask, updateAiSipCallTask, exportAiSipCallTask, startTask, stopTask,commonImportExcel } from "@/api/aiSipCall/aiSipCallTask";
+import {listAiSipCallGateway} from "../../api/aiSipCall/aiSipCallGateway";
+import {listAiSipCallVoiceTtsAliyun} from "../../api/aiSipCall/aiSipCallVoiceTtsAliyun";
+import {listAiSipCallLlmAgentAccount } from "@/api/aiSipCall/aiSipCallLlmAgentAccount";
+import { listAiSipCallBizGroup } from "@/api/aiSipCall/aiSipCallBizGroup";
+export default {
+  name: "aiSipCallTask",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      gatewayList: [],
+      voiceSourceList: [],
+      // 按厂商分类的音色列表
+      voiceCodeLists: {
+        chinatelecom_tts: [],
+        doubao_vcl_tts: [],
+        aliyun_tts: []
+      },
+      llmAgentAccountList: [],
+      bizGroupList: [],
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // aiSIP 外呼任务表格数据
+      aiSipCallList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 上传对话框标题
+      uploadTitle: "导入数据",
+      // 是否显示上传对话框
+      uploadOpen: false,
+      // 上传表单
+      uploadForm: {
+        batchId: null,
+        file: null
+      },
+      // 当前选中的任务行
+      currentRow: null,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        createTimeStart: null,
+        createTimeEnd: null,
+        groupId: null,
+        batchName: null,
+        ifcall: null,
+        rate: null,
+        threadNum: null,
+        createTime: null,
+        executing: null,
+        stopTime: null,
+        userid: null,
+        taskType: null,
+        gatewayId: null,
+        voiceCode: null,
+        voiceSource: null,
+        avgRingTimeLen: null,
+        avgCallTalkTimeLen: null,
+        avgCallEndProcessTimeLen: null,
+        callNodeNo: null,
+        llmAccountId: null,
+        playTimes: null,
+        asrProvider: null,
+        aiTransferType: null,
+        aiTransferData: null,
+        autoStop: null,
+        ivrId: null,
+        remoteBatchId: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        batchName: [
+          { required: true, message: "任务名称不能为空", trigger: "blur" }
+        ],
+        taskType: [
+          { required: true, message: "任务类型不能为空", trigger: "change" }
+        ],
+        threadNum: [
+          { required: true, message: "最大并发不能为空", trigger: "blur" },
+          { pattern: /^[1-9]\d*$/, message: "最大并发必须为正整数", trigger: "blur" }
+        ],
+        gatewayId: [
+          { required: true, message: "外呼线路不能为空", trigger: "change" }
+        ],
+        autoStop: [
+          { required: true, message: "自动停止不能为空", trigger: "change" }
+        ],
+        llmAccountId: [
+          { required: true, message: "大模型底座不能为空", trigger: "change" }
+        ],
+        voiceSource: [
+          { required: true, message: "TTS 厂商不能为空", trigger: "change" }
+        ],
+        voiceCode: [
+          { required: true, message: "音色不能为空", trigger: "change" }
+        ],
+        asrProvider: [
+          { required: true, message: "ASR 厂商不能为空", trigger: "change" }
+        ],
+        aiTransferType: [
+          { required: true, message: "转人工方式不能为空", trigger: "change" }
+        ],
+        groupId: [
+          { validator: (rule, value, callback) => {
+              // 任务类型为 AI 外呼（1）且转人工方式为电话排队（acd）时必填
+              if (this.form.taskType === '1' && this.form.aiTransferType === 'acd' && !value) {
+                callback(new Error('业务组不能为空'));
+              } else {
+                callback();
+              }
+            }, trigger: "change" }
+        ],
+        aiTransferExtNumber: [
+          { validator: (rule, value, callback) => {
+              if (this.form.aiTransferType === 'extension' && !value) {
+                callback(new Error('转接分机不能为空'));
+              } else {
+                callback();
+              }
+            }, trigger: "blur" }
+        ],
+        aiTransferGatewayId: [
+          { validator: (rule, value, callback) => {
+              if (this.form.aiTransferType === 'gateway' && !value) {
+                callback(new Error('外呼线路不能为空'));
+              } else {
+                callback();
+              }
+            }, trigger: "change" }
+        ],
+        aiTransferGatewayDestNumber: [
+          { validator: (rule, value, callback) => {
+             if (this.form.aiTransferType === 'gateway' && !value) {
+                callback(new Error('转接号码不能为空'));
+              } else {
+                callback();
+              }
+            }, trigger: "blur" }
+        ],
+        conntectRate: [
+          { validator: (rule, value, callback) => {
+            if (this.form.taskType === '0' && !value) {
+                callback(new Error('预估接通率不能为空'));
+              } else {
+                callback();
+              }
+            }, trigger: "blur" }
+        ],
+        avgRingTimeLen: [
+          { validator: (rule, value, callback) => {
+            if (this.form.taskType === '0' && !value) {
+                callback(new Error('平均振铃时长不能为空'));
+              } else {
+                callback();
+              }
+            }, trigger: "blur" }
+        ],
+        avgCallTalkTimeLen: [
+          { validator: (rule, value, callback) => {
+            if (this.form.taskType === '0' && !value) {
+                callback(new Error('平均通话时长不能为空'));
+              } else {
+                callback();
+              }
+            }, trigger: "blur" }
+        ],
+        avgCallEndProcessTimeLen: [
+          { validator: (rule, value, callback) => {
+            if (this.form.taskType === '0' && !value) {
+                callback(new Error('平均事后处理时长不能为空'));
+              } else {
+                callback();
+              }
+            }, trigger: "blur" }
+        ],
+        playTimes: [
+          { validator: (rule, value, callback) => {
+            if (this.form.taskType === '2' && !value) {
+                callback(new Error('播放次数不能为空'));
+              } else {
+                callback();
+              }
+            }, trigger: "blur" }
+        ]
+      }
+    };
+  },
+  created() {
+    //获取所有网关
+    listAiSipCallGateway().then(response => {
+     this.gatewayList = response.rows;
+    })
+    //获取所有音色并按厂商分类
+    listAiSipCallVoiceTtsAliyun({voiceEnabled: 1}).then(response => {
+      const allVoices = response.rows || [];
+      // voiceSourceList 使用所有音色
+      this.voiceSourceList = allVoices;
+      // 按 voiceSource 分类
+     this.voiceCodeLists.chinatelecom_tts = allVoices.filter(item => item.voiceSource === 'chinatelecom_tts');
+     this.voiceCodeLists.doubao_vcl_tts = allVoices.filter(item => item.voiceSource === 'doubao_vcl_tts');
+     this.voiceCodeLists.aliyun_tts = allVoices.filter(item => item.voiceSource === 'aliyun_tts');
+    })
+    //获取所有大模型底座
+    listAiSipCallLlmAgentAccount().then(response => {
+     this.llmAgentAccountList = response.rows;
+    })
+    // 获取所有业务组
+    listAiSipCallBizGroup().then(response => {
+     this.bizGroupList = response.rows;
+    })
+
+
+   this.getList();
+  },
+  methods: {
+    downloadCallTemplate(){
+      downloadTemplateByType(1).then(response => {
+        // 创建 blob 对象
+        const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+
+        // 创建下载链接
+        const link = document.createElement('a');
+        link.href = window.URL.createObjectURL(blob);
+        link.download = 'AICallList.xlsx';
+
+        // 触发下载
+        document.body.appendChild(link);
+        link.click();
+
+        // 清理
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(link.href);
+      })
+    },
+    startTask(batchId){
+      startTask(batchId).then(response => {
+        if(response.code === 200){
+          this.msgSuccess("启动外呼成功")
+        }else{
+          this.msgError("启动外呼失败");
+        }
+        this.getList();
+      })
+    },
+    stopTask(batchId){
+      stopTask(batchId).then(response => {
+        if(response.code === 200){
+          this.msgSuccess("停止外呼成功")
+        }else{
+          this.msgError("停止外呼失败");
+        }
+        this.getList();
+      })
+    },
+    /** 查询aiSIP外呼任务列表 */
+    getList() {
+      this.loading = true;
+      listAiSipCallTask(this.queryParams).then(response => {
+        this.aiSipCallList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+     this.form = {
+        batchId: null,
+        groupId: null,
+       createTimeStart: null,
+       createTimeEnd: null,
+        batchName: null,
+        ifcall: null,
+        rate: null,
+        threadNum: null,
+        createtime: null,
+        executing: null,
+        stopTime: null,
+        userid: null,
+        taskType: null,
+        gatewayId: null,
+        voiceCode: null,
+        voiceSource: null,
+        avgRingTimeLen: null,
+        avgCallTalkTimeLen: null,
+        avgCallEndProcessTimeLen: null,
+        callNodeNo: null,
+        llmAccountId: null,
+        playTimes: null,
+        asrProvider: null,
+        aiTransferType: null,
+        aiTransferData: null,
+        autoStop: null,
+        ivrId: null,
+        remoteBatchId: null,
+        aiTransferExtNumber: null
+      };
+     this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.batchId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+    this.reset();
+    this.open = true;
+    this.title = "添加 aiSIP 外呼任务";
+      // 默认选中 AI 外呼
+    this.form.taskType = "1";
+      // 默认自动停止
+    this.form.autoStop = "1";
+      // 默认选中第一个外呼线路
+    if (this.gatewayList && this.gatewayList.length > 0) {
+      this.form.gatewayId = this.gatewayList[0].id;
+      }
+      // 默认选中第一个大模型底座
+    if (this.llmAgentAccountList && this.llmAgentAccountList.length > 0) {
+      this.form.llmAccountId = this.llmAgentAccountList[0].id;
+      }
+      // 默认选中第一个 TTS 厂商
+    this.form.voiceSource = "chinatelecom_tts";
+      // 根据选中的 TTS 厂商设置默认音色
+    this.$nextTick(() => {
+      if (this.voiceCodeLists.chinatelecom_tts && this.voiceCodeLists.chinatelecom_tts.length > 0) {
+        this.form.voiceCode = this.voiceCodeLists.chinatelecom_tts[0].voiceCode;
+        }
+      });
+      // 默认选中第一个 ASR 厂商
+    this.form.asrProvider = "chinatelecom";
+      // 默认选中第一个转人工方式
+    this.form.aiTransferType = "acd";
+      // 根据转人工方式设置默认业务组
+    this.$nextTick(() => {
+      if (this.bizGroupList && this.bizGroupList.length > 0) {
+        this.form.groupId = this.bizGroupList[0].groupId;
+        }
+      });
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+   this.reset();
+      const batchId = row.batchId || this.ids
+      getAiSipCallTask(batchId).then(response => {
+     this.form = response.data;
+        // 如果有 voiceSource，设置对应的音色列表
+     if (this.form.voiceSource) {
+          // 不需要重新请求，直接使用已加载的数据
+        }
+     this.open = true;
+     this.title = "修改 aiSIP 外呼任务";
+        // 如果是纯人工预测外呼，设置默认的并发相关字段
+      if (this.form.taskType === '0') {
+        if (!this.form.conntectRate) {
+          this.form.conntectRate = '80';
+          }
+        if (!this.form.avgRingTimeLen) {
+          this.form.avgRingTimeLen = '30';
+          }
+        if (!this.form.avgCallTalkTimeLen) {
+          this.form.avgCallTalkTimeLen = '60';
+          }
+        if (!this.form.avgCallEndProcessTimeLen) {
+          this.form.avgCallEndProcessTimeLen = '30';
+          }
+        }
+        // 如果是语音通知，设置默认播放次数
+      if (this.form.taskType === '2') {
+        if (!this.form.playTimes) {
+          this.form.playTimes = '1';
+          }
+        }
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.batchId != null) {
+            updateAiSipCallTask(this.form).then(() => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addAiSipCallTask(this.form).then(() => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const batchIds = row.batchId || this.ids;
+      this.$confirm('是否确认删除aiSIP外呼任务编号为"' + batchIds + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delAiSipCallTask(batchIds);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有 aiSIP 外呼任务数据项？', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportAiSipCallTask(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+          this.exportLoading = false;
+        }).catch(() => {});
+    },
+    /** 导入数据按钮操作 */
+    handleImportData(batchId) {
+      // 创建隐藏的文件输入框
+      const input = document.createElement('input');
+      input.type = 'file';
+      input.accept = '.xlsx,.xls,.csv';
+      input.style.display = 'none';
+
+      input.onchange = (event) => {
+        const files = event.target.files;
+       if (!files || files.length === 0) {
+          return;
+        }
+
+        const file = files[0];
+
+        // 验证文件类型
+        const isExcelOrCSV = file.type === 'application/vnd.ms-excel' ||
+                            file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
+                            file.type === 'text/csv' ||
+                            file.name.endsWith('.xlsx') ||
+                            file.name.endsWith('.xls') ||
+                            file.name.endsWith('.csv');
+        const isLt100M = file.size / 1024 / 1024 < 100;
+
+       if (!isExcelOrCSV) {
+         this.msgError('只能上传 xlsx/xls/csv 文件!');
+          return;
+        }
+       if (!isLt100M) {
+         this.msgError('上传文件大小不能超过 100MB!');
+          return;
+        }
+
+        // 创建 FormData 对象并调用接口
+        const formData = new FormData();
+        formData.append('batchId', batchId);
+        formData.append('file', file);
+
+        commonImportExcel(formData).then(response => {
+         if (response.code === 200) {
+           this.msgSuccess('导入成功');
+           this.getList();
+          } else {
+           this.msgError(response.msg || '导入失败');
+          }
+        }).catch(error => {
+         this.msgError('导入失败：' + error.message);
+        });
+      };
+
+      document.body.appendChild(input);
+      input.click();
+      document.body.removeChild(input);
+    },
+    // 获取当前选中厂商的音色列表
+    getCurrentVoiceCodeList() {
+     if (!this.form.voiceSource) {
+        return [];
+      }
+      return this.voiceCodeLists[this.form.voiceSource] || [];
+    },
+    // 处理 TTS 厂商变化
+    handleVoiceSourceChange() {
+      // 清空已选音色
+   this.form.voiceCode = null;
+      // 默认选中当前厂商的第一个音色
+    this.$nextTick(() => {
+        const currentList = this.voiceCodeLists[this.form.voiceSource];
+      if (currentList && currentList.length > 0) {
+        this.form.voiceCode = currentList[0].voiceCode;
+        }
+      });
+    },
+    // 处理转人工方式变化
+    handleAiTransferTypeChange() {
+     if (this.form.aiTransferType === 'extension') {
+        // 选中转分机时，清空业务组
+       this.form.groupId = null;
+      } else if (this.form.aiTransferType === 'acd' || this.form.aiTransferType === 'gateway') {
+        // 选中电话排队或转外部网关时，清空转接分机
+       this.form.aiTransferExtNumber = null;
+      }
+    },
+    // 处理文件变化
+    handleFileChange(event) {
+      const files = event.target.files;
+     if (!files || files.length === 0) {
+       return;
+      }
+
+      const file = files[0];
+
+      // 验证文件类型
+      const isExcelOrCSV = file.type === 'application/vnd.ms-excel' ||
+                          file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
+                          file.type === 'text/csv' ||
+                          file.name.endsWith('.xlsx') ||
+                          file.name.endsWith('.xls') ||
+                          file.name.endsWith('.csv');
+      const isLt100M = file.size / 1024 / 1024 < 100;
+
+     if (!isExcelOrCSV) {
+       this.msgError('只能上传 xlsx/xls/csv 文件!');
+       return;
+      }
+     if (!isLt100M) {
+       this.msgError('上传文件大小不能超过 100MB!');
+       return;
+      }
+
+      // 创建 FormData 对象并调用接口
+      const formData = new FormData();
+      formData.append('batchId', this.uploadForm.batchId);
+      formData.append('file', file);
+
+      // 调用 importExcel 接口
+      commonImportExcel(formData).then(response => {
+       if (response.code === 200) {
+         this.msgSuccess('导入成功');
+         this.uploadOpen = false;
+         this.getList();
+        } else {
+         this.msgError(response.msg || '导入失败');
+        }
+      }).catch(error => {
+       this.msgError('导入失败：' + error.message);
+      });
+    },
+
+  }
+};
+</script>

src/views/aiSipCall/aiSipCallUser.vue

@@ -0,0 +1,473 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+
+      <el-form-item label="登录账号" prop="loginName">
+        <el-input
+          v-model="queryParams.loginName"
+          placeholder="请输入登录账号"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="手机号码" prop="phonenumber">
+        <el-input
+          v-model="queryParams.phonenumber"
+          placeholder="请输入手机号码"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="用户昵称" prop="userName">
+        <el-input
+          v-model="queryParams.userName"
+          placeholder="请输入用户昵称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="用户状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择用户状态" clearable size="small">
+          <el-option label="全部" value=""/>
+          <el-option label="正常" value="0"/>
+          <el-option label="停用" value="1"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['aiSipCallUser:aiSipCallUser:edit']"
+        >修改
+        </el-button>
+      </el-col>
+      <!--      <el-col :span="1.5">-->
+      <!--        <el-button-->
+      <!--          type="danger"-->
+      <!--          plain-->
+      <!--          icon="el-icon-delete"-->
+      <!--          size="mini"-->
+      <!--          :disabled="multiple"-->
+      <!--          @click="handleDelete"-->
+      <!--          v-hasPermi="['aiSipCallUser:aiSipCallUser:remove']"-->
+      <!--        >删除</el-button>-->
+      <!--      </el-col>-->
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          v-hasPermi="['aiSipCallUser:aiSipCallUser:export']"
+        >导出
+        </el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="aiSipCallUserList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+<!--      <el-table-column label="用户ID" align="center" prop="userId"/>-->
+      <el-table-column label="登录账号" align="center" prop="loginName"/>
+      <el-table-column label="用户姓名" align="center" prop="userName"/>
+      <el-table-column label="手机号码" align="center" prop="phonenumber"/>
+<!--      <el-table-column label="用户邮箱" align="center" prop="email"/>-->
+      <el-table-column label="用户性别" align="center" prop="sex">
+        <template slot-scope="scope">
+          <span v-if="scope.row.sex == '0'">男</span>
+          <span v-else-if="scope.row.sex == '1'">女</span>
+          <span v-else-if="scope.row.sex == '2'">未知</span>
+          <span v-else>{{ scope.row.sex }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="用户状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <span v-if="scope.row.status == '0'">正常</span>
+          <span v-else-if="scope.row.status == '1'">停用</span>
+          <span v-else>{{ scope.row.status }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="绑定分机号" align="center" prop="extNum"/>
+      <el-table-column label="备注" align="center" prop="remark"/>
+      <el-table-column label="创建时间" align="center" prop="createTime" width="180"/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['aiSipCallUser:aiSipCallUser:edit']"
+          >修改
+          </el-button>
+          <!--          <el-button-->
+          <!--            size="mini"-->
+          <!--            type="text"-->
+          <!--            icon="el-icon-delete"-->
+          <!--            @click="handleDelete(scope.row)"-->
+          <!--            v-hasPermi="['aiSipCallUser:aiSipCallUser:remove']"-->
+          <!--          >删除</el-button>-->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改 sip用户信息对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="登录账号" prop="loginName">
+          <el-input v-model="form.loginName" placeholder="请输入登录账号" disabled/>
+        </el-form-item>
+        <el-form-item label="用户姓名" prop="userName">
+          <el-input v-model="form.userName" placeholder="请输入用户姓名" disabled/>
+        </el-form-item>
+        <el-form-item label="登录密码" prop="password" v-if="!form.userId">
+          <el-input v-model="form.password" placeholder="请输入密码" :type="passwordVisible ? 'text' : 'password'">
+            <i slot="suffix" class="el-icon-view" style="cursor: pointer;" @click="togglePasswordVisible"></i>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="手机号码" prop="phonenumber">
+          <el-input v-model="form.phonenumber" placeholder="请输入手机号码"/>
+        </el-form-item>
+        <el-form-item label="用户邮箱" prop="email">
+          <el-input v-model="form.email" placeholder="请输入用户邮箱"/>
+        </el-form-item>
+        <el-form-item label="用户性别" prop="sex">
+          <el-select v-model="form.sex" placeholder="请选择用户性别">
+            <el-option label="男" :value="0"/>
+            <el-option label="女" :value="1"/>
+            <el-option label="未知" :value="2"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="用户状态" prop="status">
+          <el-select v-model="form.status" placeholder="请选择用户状态">
+            <el-option label="正常" :value="0"/>
+            <el-option label="停用" :value="1"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="绑定分机号" prop="extNum">
+          <el-select v-model="form.extNum" placeholder="请选择绑定的分机号" clearable filterable>
+            <el-option
+              v-for="item in extNumOptions"
+              :key="item.extId"
+              :label="item.extNum"
+              :value="item.extNum"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  listAiSipCallUser,
+  getAiSipCallUser,
+  delAiSipCallUser,
+  addAiSipCallUser,
+  updateAiSipCallUser,
+  exportAiSipCallUser,
+  getUnBindExtnum
+} from "@/api/aiSipCall/aiSipCallUser";
+
+export default {
+  name: "AiSipCallUser",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // sip用户信息表格数据
+      aiSipCallUserList: [],
+      // 分机号码下拉选项
+      extNumOptions: [],
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        deptId: null,
+        loginName: null,
+        userName: null,
+        userType: null,
+        email: null,
+        phonenumber: null,
+        sex: null,
+        avatar: null,
+        password: null,
+        salt: null,
+        status: null,
+        loginIp: null,
+        loginDate: null,
+        pwdUpdateDate: null,
+        logo: null,
+        companyUserId: null,
+        extNum: null
+      },
+      // 表单参数
+      form: {
+        password: '123456'
+      },
+      // 是否显示密码明文
+      passwordVisible: false,
+      // 弹窗标题
+      title: "",
+      // 表单校验
+      rules: {
+        loginName: [
+          {required: true, message: "登录账号不能为空", trigger: "blur"}
+        ],
+        password: [
+          {required: true, message: "登录密码不能为空", trigger: "blur"}
+        ],
+        userName: [
+          {required: true, message: "用户姓名不能为空", trigger: "blur"}
+        ],
+        extNum: [
+          {required: true, message: "绑定的分机号不能为空", trigger: "change"}
+        ]
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    handleUpdateById(id) {
+      this.reset();
+      getAiSipCallUser(id).then(response => {
+        if (response && response.data) {
+          this.form = {...response.data};
+          // 将 status 转换为数字类型，确保与 el-option 的 value 类型一致
+          this.form.status = Number(this.form.status);
+          this.form.sex = Number(this.form.sex);
+          // 修改时将密码设置为 null，不显示密码输入框
+          this.form.password = null;
+          // 获取最新的未绑定分机号列表
+          getUnBindExtnum().then(res => {
+            this.extNumOptions = res.data || [];
+          });
+          this.open = true;
+          // 显示具体的员工姓名
+          const employeeName = this.form.userName || '未知角色';
+          this.title = `修改 sip 外呼角色角色 - ${employeeName}`;
+        } else {
+          this.$message.error("获取 sip 外呼角色信息失败");
+        }
+      }).catch(error => {
+        console.error("获取 sip 外呼角色信息失败:", error);
+        this.$message.error("获取 sip 外呼角色信息失败");
+      });
+    },
+    /** 添加公司用户 */
+    handleAddCompanyUserOnSip(userName, nickName, userId) {
+      this.reset();
+      this.form.userName = nickName;
+      this.form.loginName = userName;
+      this.form.companyUserId = userId;
+
+      // 设置默认启用状态为 0（启用）
+      this.form.status = 0;
+      this.form.sex = 0;
+
+      // 获取最新的未绑定分机号列表
+      getUnBindExtnum().then(response => {
+        this.extNumOptions = response.data || [];
+      });
+
+      this.open = true;
+      // 显示具体的员工姓名
+      const employeeName = nickName || '未知员工';
+      this.title = `添加 sip 外呼角色 - ${employeeName}`;
+    },
+    /** 查询sip用户信息列表 */
+    getList() {
+      this.loading = true;
+      listAiSipCallUser(this.queryParams).then(response => {
+        this.aiSipCallUserList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        userId: null,
+        deptId: null,
+        loginName: null,
+        userName: null,
+        userType: null,
+        email: null,
+        phonenumber: null,
+        sex: 0,
+        avatar: null,
+        password: '123456',
+        salt: null,
+        status: 0,
+        delFlag: null,
+        loginIp: null,
+        loginDate: null,
+        pwdUpdateDate: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+        logo: null,
+        companyUserId: null,
+        extNum: null
+      };
+      this.passwordVisible = false;
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.userId)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加 sip用户信息";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const userId = row.userId || this.ids
+      getAiSipCallUser(userId).then(response => {
+        this.form = response.data;
+        // 将 status 转换为数字类型，确保与 el-option 的 value 类型一致
+        this.form.status = Number(this.form.status);
+        this.form.sex = Number(this.form.sex);
+        // 修改时将密码设置为 null，不显示密码输入框
+        this.form.password = null;
+        // 获取最新的未绑定分机号列表
+        getUnBindExtnum().then(res => {
+          this.extNumOptions = res.data || [];
+        });
+        this.open = true;
+        this.title = "修改 sip 用户信息";
+      });
+    },
+    // 切换密码显示/隐藏
+    togglePasswordVisible() {
+      this.passwordVisible = !this.passwordVisible;
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.userId != null) {
+            updateAiSipCallUser(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+              // 通知父组件刷新数据
+              this.$emit('refreshParentData');
+            });
+          } else {
+            addAiSipCallUser(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+              // 通知父组件刷新数据
+              this.$emit('refreshParentData');
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const userIds = row.userId || this.ids;
+      this.$confirm('是否确认删除sip用户信息编号为"' + userIds + '"的数据项?', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(function () {
+        return delAiSipCallUser(userIds);
+      }).then(() => {
+        this.getList();
+        this.msgSuccess("删除成功");
+      }).catch(() => {
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有 sip用户信息数据项？', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.exportLoading = true;
+        return exportAiSipCallUser(queryParams);
+      }).then(response => {
+        this.download(response.msg);
+        this.exportLoading = false;
+      }).catch(() => {
+      })
+    },
+  }
+};
+</script>

src/views/aiSipCall/aiSipCallVoiceTtsAliyun.vue

@@ -0,0 +1,334 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="tts发音人名称" prop="voiceName">
+        <el-input
+          v-model="queryParams.voiceName"
+          placeholder="请输入tts发音人名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="tts发音人代码" prop="voiceCode">
+        <el-input
+          v-model="queryParams.voiceCode"
+          placeholder="请输入tts发音人代码"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+<!--      <el-form-item label="是否启用" prop="voiceEnabled">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.voiceEnabled"-->
+<!--          placeholder="请输入是否启用"-->
+<!--          clearable-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+      <el-form-item label="声音源" prop="voiceSource">
+        <el-select
+          v-model="queryParams.voiceSource"
+          placeholder="请选择声音源"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option label="全部" value="" />
+          <el-option label="aliyun_tts" value="aliyun_tts" />
+          <el-option label="aliyun_tts_flow" value="aliyun_tts_flow" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="primary"-->
+<!--          plain-->
+<!--          icon="el-icon-plus"-->
+<!--          size="mini"-->
+<!--          @click="handleAdd"-->
+<!--          v-hasPermi="['company:aiSipCall:voiceTtsAliyun:add']"-->
+<!--        >新增</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="success"-->
+<!--          plain-->
+<!--          icon="el-icon-edit"-->
+<!--          size="mini"-->
+<!--          :disabled="single"-->
+<!--          @click="handleUpdate"-->
+<!--          v-hasPermi="['company:aiSipCall:voiceTtsAliyun:edit']"-->
+<!--        >修改</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="danger"-->
+<!--          plain-->
+<!--          icon="el-icon-delete"-->
+<!--          size="mini"-->
+<!--          :disabled="multiple"-->
+<!--          @click="handleDelete"-->
+<!--          v-hasPermi="['company:aiSipCall:voiceTtsAliyun:remove']"-->
+<!--        >删除</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="warning"-->
+<!--          plain-->
+<!--          icon="el-icon-download"-->
+<!--          size="mini"-->
+<!--          :loading="exportLoading"-->
+<!--          @click="handleExport"-->
+<!--          v-hasPermi="['company:aiSipCall:voiceTtsAliyun:export']"-->
+<!--        >导出</el-button>-->
+<!--      </el-col>-->
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="aiSipCallList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="tts发音人名称" align="center" prop="voiceName" />
+      <el-table-column label="tts发音人代码" align="center" prop="voiceCode" />
+      <el-table-column label="是否启用" align="center" prop="voiceEnabled" />
+      <el-table-column label="声音源" align="center" prop="voiceSource" />
+      <el-table-column label="远程音色ID" align="center" prop="remoteVoiceTtsAliyunId" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+<!--        <template slot-scope="scope">-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-edit"-->
+<!--            @click="handleUpdate(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:voiceTtsAliyun:edit']"-->
+<!--          >修改</el-button>-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--            v-hasPermi="['company:aiSipCall:voiceTtsAliyun:remove']"-->
+<!--          >删除</el-button>-->
+<!--        </template>-->
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改aiSIP外呼阿里云音色对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="tts发音人名称" prop="voiceName">
+          <el-input v-model="form.voiceName" placeholder="请输入tts发音人名称" />
+        </el-form-item>
+        <el-form-item label="tts发音人代码" prop="voiceCode">
+          <el-input v-model="form.voiceCode" placeholder="请输入tts发音人代码" />
+        </el-form-item>
+        <el-form-item label="是否启用" prop="voiceEnabled">
+          <el-input v-model="form.voiceEnabled" placeholder="请输入是否启用" />
+        </el-form-item>
+        <el-form-item label="声音源,aliyun_tts、aliyun_tts_flow" prop="voiceSource">
+          <el-input v-model="form.voiceSource" placeholder="请输入声音源,aliyun_tts、aliyun_tts_flow" />
+        </el-form-item>
+        <el-form-item label="显示优先级。数字越小，显示越靠前" prop="priority">
+          <el-input v-model="form.priority" placeholder="请输入显示优先级。数字越小，显示越靠前" />
+        </el-form-item>
+        <el-form-item label="aliyun、doubao、microsoft" prop="provider">
+          <el-input v-model="form.provider" placeholder="请输入aliyun、doubao、microsoft" />
+        </el-form-item>
+        <el-form-item label="远程音色ID" prop="remoteVoiceTtsAliyunId">
+          <el-input v-model="form.remoteVoiceTtsAliyunId" placeholder="请输入远程音色ID" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listAiSipCallVoiceTtsAliyun, getAiSipCallVoiceTtsAliyun, delAiSipCallVoiceTtsAliyun, addAiSipCallVoiceTtsAliyun, updateAiSipCallVoiceTtsAliyun, exportAiSipCallVoiceTtsAliyun } from "@/api/aiSipCall/aiSipCallVoiceTtsAliyun";
+export default {
+  name: "aiSipCallVoiceTtsAliyun",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // aiSIP外呼阿里云音色表格数据
+      aiSipCallList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        voiceName: null,
+        voiceCode: null,
+        voiceEnabled: null,
+        voiceSource: null,
+        priority: null,
+        provider: null,
+        remoteVoiceTtsAliyunId: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        voiceName: [
+          { required: true, message: "tts发音人名称不能为空", trigger: "blur" }
+        ],
+        voiceCode: [
+          { required: true, message: "tts发音人代码不能为空", trigger: "blur" }
+        ],
+        voiceEnabled: [
+          { required: true, message: "是否启用不能为空", trigger: "blur" }
+        ],
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询aiSIP外呼阿里云音色列表 */
+    getList() {
+      this.loading = true;
+      listAiSipCallVoiceTtsAliyun(this.queryParams).then(response => {
+        this.aiSipCallList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        voiceName: null,
+        voiceCode: null,
+        voiceEnabled: null,
+        voiceSource: null,
+        priority: null,
+        provider: null,
+        remoteVoiceTtsAliyunId: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加aiSIP外呼阿里云音色";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getAiSipCallVoiceTtsAliyun(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改aiSIP外呼阿里云音色";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateAiSipCallVoiceTtsAliyun(this.form).then(() => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addAiSipCallVoiceTtsAliyun(this.form).then(() => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除aiSIP外呼阿里云音色编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delAiSipCallVoiceTtsAliyun(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有aiSIP外呼阿里云音色数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportAiSipCallVoiceTtsAliyun(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+          this.exportLoading = false;
+        }).catch(() => {});
+    }
+  }
+};
+</script>

src/views/company/companyUser/index.vue

@@ -248,6 +248,14 @@
                 v-hasPermi="['qw:user:bind']"
               >查或换绑企微</el-button>
 
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-user"
+                @click="handleBindMember(scope.row)"
+                v-hasPermi="['company:user:bindUser']"
+              >绑定员工用户</el-button>
+
               <el-button
                 size="mini"
                 type="text"
@@ -274,11 +282,13 @@
                 :loading="bindCidServerLoading"
                 @click="handleBindCidServer(scope.row)"
               >绑定cid服务</el-button>
-              
+
 
               <el-button v-if="scope.row.userType !== '00'" size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['company:user:edit']">修改</el-button>
               <el-button v-if="scope.row.userType !== '00'" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['company:user:remove']">删除</el-button>
               <el-button size="mini" type="text" icon="el-icon-key" @click="handleResetPwd(scope.row)" v-hasPermi="['company:user:resetPwd']">重置密码</el-button>
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="checkBindSipCallUser(scope.row)" v-if="scope.row.aiSipCallUserId==null">绑定sip角色</el-button>
+              <el-button size="mini" type="text" icon="el-icon-search" @click="checkChangeSipCallUser(scope.row)" v-if="scope.row.aiSipCallUserId">修改sip角色</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -704,6 +714,100 @@
       </div>
     </el-dialog>
 
+    <!-- 绑定会员对话框 -->
+    <el-dialog
+      :title="member.title"
+      :visible.sync="member.open"
+      width="800px"
+      append-to-body
+      class="bind-member-dialog"
+    >
+      <!-- 筛选表单 - 优化布局，修复按钮换行问题 -->
+      <el-form
+        :model="memberQueryParams"
+        :inline="true"
+        @submit.native.prevent
+        class="filter-form"
+      >
+        <div style="display: flex; flex-wrap: wrap; gap: 12px; align-items: center;">
+          <el-form-item label="昵称" style="margin-bottom: 0; flex: 1 1 auto; min-width: 160px;">
+            <el-input
+              v-model="memberQueryParams.nickName"
+              placeholder="请输入昵称"
+              clearable
+              @keyup.enter.native="handleMemberQuery"
+              prefix-icon="el-icon-user"
+              style="width: 100%;"
+            />
+          </el-form-item>
+
+          <el-form-item label="手机号" style="margin-bottom: 0; flex: 1 1 auto; min-width: 160px;">
+            <el-input
+              v-model="memberQueryParams.phone"
+              placeholder="请输入手机号"
+              clearable
+              @keyup.enter.native="handleMemberQuery"
+              prefix-icon="el-icon-phone"
+              style="width: 100%;"
+            />
+          </el-form-item>
+
+          <el-form-item style="margin-bottom: 0; flex: 0 0 auto;">
+            <el-button type="primary" icon="el-icon-search" @click="handleMemberQuery" size="mini">搜索</el-button>
+            <el-button icon="el-icon-refresh" @click="resetMemberQuery" size="mini">重置</el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+
+      <!-- 表格区域 -->
+      <div class="table-container" style="margin-top: 16px;">
+        <el-table
+          :data="memberList"
+          height="260"
+          highlight-current-row
+          @current-change="selectMember"
+          v-loading="loading"
+          border
+          stripe
+          size="small"
+        >
+          <el-table-column property="userId" label="ID" width="70" align="center"></el-table-column>
+          <el-table-column property="nickName" label="昵称" min-width="130" show-overflow-tooltip></el-table-column>
+          <el-table-column property="phone" label="手机号" width="130" align="center"></el-table-column>
+          <el-table-column property="status" label="绑定状态" width="100" align="center">
+            <template slot-scope="scope">
+              <el-tag
+                :type="scope.row.status === 1 ? 'success' : 'info'"
+                size="small"
+                effect="light"
+              >
+                {{ scope.row.status === 1 ? '已绑定' : '未绑定' }}
+              </el-tag>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <!-- 分页组件 -->
+        <!-- 修改分页组件，添加判断条件 -->
+        <pagination
+          v-show="memberTotal > 0"
+          :total="memberTotal"
+          :page.sync="memberQueryParams.pageNum"
+          :limit.sync="memberQueryParams.pageSize"
+          @pagination="handlePagination"
+          style="margin-top: 10px; text-align: center;"
+        />
+      </div>
+
+      <!-- 底部按钮 -->
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancelBindMember" size="small">取 消</el-button>
+        <el-button type="primary" @click="confirmBindMember" size="small">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <ai-sip-call-user ref="aiSipCallUser" v-show="false" @refreshParentData="getList" />
+
   </div>
 </template>
 
@@ -737,15 +841,32 @@ import { getMyQwUserList,getMyQwCompanyList } from "@/api/qw/user";
 import  selectUser  from "@/views/company/components/selectQwUser.vue";
 import { getConfigByKey } from "@/api/company/companyConfig";
 import axios from "axios";
-import {addCodeUrl} from "../../../api/company/companyUser";
+import {addCodeUrl, getSaleBindUserList} from "../../../api/company/companyUser";
 import selectDoctor from "@/views/qw/user/selectDoctor.vue";
-import {bindCidServer,unbindCidServer} from "@/api/company/companyAiWorkflowServer"
+import {bindCidServer,unbindCidServer} from "@/api/company/companyAiWorkflowServer";
+import AiSipCallUser from "../../aiSipCall/aiSipCallUser.vue";
 export default {
   name: "User",
-  components: {selectDoctor, Treeselect ,selectUser},
+  components: {selectDoctor, Treeselect ,selectUser,AiSipCallUser},
   data() {
     return {
+      selectedMember: null,
+      currentCompanyId: null,
       bindCidServerLoading:false,
+      memberList: [],
+      member: {
+        open: false,
+        title: "绑定会员"
+      },
+      memberTotal: 0,
+      // 添加筛选参数
+      memberQueryParams: {
+        nickName: null,
+        phone: null,
+        pageNum: 1,
+        pageSize: 10
+      },
+
       doctor: {
         open: false,
         title: '绑定医生'
@@ -953,6 +1074,7 @@ export default {
       boundUsersList: [],
       bindUserLoading: false,
     };
+
   },
   watch: {
     // 根据名称筛选部门树
@@ -1008,6 +1130,123 @@ export default {
       }
     },
 
+
+    /**
+     * 绑定会员按钮操作
+     */
+    handleBindMember(row) {
+      this.currentCompanyId = row.userId;
+      // 重置筛选参数
+      this.memberQueryParams = {
+        nickName: null,
+        phone: null,
+        pageNum: 1,    // 重置为第一页
+        pageSize: 10   // 保持每页数量
+      };
+      this.selectedMember = null;
+      this.member.open = true;
+      this.getMemberList();
+    },
+
+
+    /**
+     * 获取会员列表
+     */
+    /**
+     * 获取会员列表
+     */
+    getMemberList() {
+      // 调用指定的接口获取会员列表
+      getSaleBindUserList({
+        pageNum: this.memberQueryParams.pageNum,
+        pageSize: this.memberQueryParams.pageSize,
+        nickName: this.memberQueryParams.nickName,
+        phone: this.memberQueryParams.phone
+      })
+        .then(response => {
+          this.memberList = response.rows || [];
+          this.memberTotal = response.total || 0;
+        })
+        .catch(error => {
+          console.error('获取会员列表失败:', error);
+          this.$message.error('获取会员列表失败');
+        });
+    },
+    /**
+     * 会员搜索按钮操作
+     */
+    handleMemberQuery() {
+      this.memberQueryParams.pageNum = 1;
+      this.getMemberList();
+    },
+
+    /**
+     * 会员重置按钮操作
+     */
+    resetMemberQuery() {
+      this.memberQueryParams = {
+        nickName: null,
+        phone: null,
+        pageNum: 1,
+        pageSize: 10
+      };
+      this.getMemberList();
+    },
+
+
+    /**
+     * 选择会员
+     */
+    selectMember(member) {
+      if (member) {
+        this.selectedMember = member;
+      }
+    },
+
+
+    /**
+     * 确认绑定会员
+     */
+    confirmBindMember() {
+      if (!this.selectedMember) {
+        this.$message.warning('请选择要绑定的会员');
+        return;
+      }
+      // 这里需要根据实际接口调整参数
+      const bindData = {
+        companyUserId: this.currentCompanyId,
+        userId: this.selectedMember.userId // 使用实际的用户ID字段
+      };
+
+      // 发起绑定请求
+      bindSaleAndFsUser(bindData).then(response => {
+        if (response.code === 200) {
+          this.$message.success('绑定会员成功');
+          this.cancelBindMember();
+          this.getList(); // 刷新当前页面列表
+        } else {
+          this.$message.error(response.msg || '绑定失败');
+        }
+      })
+        .catch(error => {
+          console.error('绑定会员失败:', error);
+          this.$message.error('绑定会员失败');
+        });
+    },
+    /**
+     * 取消绑定会员
+     */
+    cancelBindMember() {
+      this.member.open = false;
+      this.memberList = [];
+      this.selectedMember = null;
+      this.currentCompanyId = null;
+      this.memberQueryParams = {
+        nickName: null,
+        phone: null
+      };
+    },
+
     // 添加处理 selectUser 关闭的方法
     handleSelectUserClose() {
       this.user.open = false
@@ -1759,7 +1998,7 @@ export default {
         this.$message.success('解绑成功');
         this.getList();
       }).catch(res=>{
-        this.bindCidServerLoading = false; 
+        this.bindCidServerLoading = false;
         console.log(res)
       });
     },
@@ -1852,6 +2091,12 @@ export default {
       this.boundUsersList = [];
       this.bindUserLoading = false;
     },
+    checkBindSipCallUser(row){
+      this.$refs.aiSipCallUser.handleAddCompanyUserOnSip(row.userName,row.nickName,row.userId);
+    },
+    checkChangeSipCallUser(row){
+      this.$refs.aiSipCallUser.handleUpdateById(row.aiSipCallUserId);
+    }
   },
 }
 </script>

src/views/company/companyUser/profile/index.vue

@@ -36,6 +36,62 @@
                 <div class="pull-right">{{ user.createTime }}</div>
               </li>
             </ul>
+            <!-- 操作区域 - 优化布局 -->
+            <div class="action-section">
+              <!-- 绑定会员按钮 -->
+              <el-button
+                v-if="!user.fsUserId"
+                type="primary"
+                icon="el-icon-user"
+                @click="handleBindMember"
+                class="action-btn"
+                :loading="bindLoading"
+              >绑定会员</el-button>
+
+              <!-- 已绑定会员列表 -->
+              <div v-if="user.fsUserIdArray && user.fsUserIdArray.length > 0" class="bound-members">
+                <div class="bound-header">
+                  <el-tag type="success" effect="dark" size="small">已绑定会员</el-tag>
+                  <span class="bound-count">{{ user.fsUserIdArray.length }}个</span>
+                </div>
+                <div class="member-list">
+                  <div
+                    v-for="(fsUserId, index) in user.fsUserIdArray"
+                    :key="index"
+                    class="member-item"
+                  >
+                  <span class="member-id">
+                    <i class="el-icon-user-solid"></i>
+                    {{ fsUserId }}
+                  </span>
+                    <el-button
+                      size="mini"
+                      type="danger"
+                      icon="el-icon-delete"
+                      @click="handleUnbindSpecificMember(fsUserId)"
+                      circle
+                      title="解绑"
+                    ></el-button>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 微信服务号绑定 -->
+              <div v-if="needWxTemplateMsg" class="wechat-section">
+                <div v-if="user.wechatBindStatus" class="wechat-bound">
+                  <el-tag type="success" effect="dark" size="small">
+                    <i class="el-icon-wechat"></i> 已绑定服务号通知
+                  </el-tag>
+                </div>
+                <el-button
+                  v-else
+                  type="primary"
+                  @click="openWechatBindDialog"
+                  icon="el-icon-wechat"
+                  class="wechat-btn"
+                >订阅服务号通知</el-button>
+              </div>
+            </div>
             <div class="text-center" style="margin-top: 20px;" v-if="needWxTemplateMsg">
               <div v-if="user.wechatBindStatus">
                 <el-tag type="success">已绑定服务号通知</el-tag>
@@ -86,7 +142,7 @@
 import userAvatar from "./userAvatar";
 import userInfo from "./userInfo";
 import resetPwd from "./resetPwd";
-import { getUserProfile } from "@/api/company/companyUser";
+import { getUserProfile,getSaleBindUserList, bindSaleAndFsUser, unbindSaleAndFsUser } from "@/api/company/companyUser";
 import { getWechatBindQrcode, checkWechatBindStatus } from "@/api/wechat";
 export default {
   name: "Profile",
@@ -101,6 +157,27 @@ export default {
       wechatQrcode: "",
       wechatBindTimer: null,
       needWxTemplateMsg: false,
+
+      bindLoading: false,
+      confirmLoading: false,
+      // 绑定会员相关数据
+      member: {
+        open: false,
+        title: "绑定会员"
+      },
+      memberList: [],
+      selectedMember: null,
+      currentCompanyId: null,
+      memberTotal: 0,
+      loading: false,
+      // 添加筛选参数
+      memberQueryParams: {
+        nickName: null,
+        phone: null,
+        userId: null,
+        pageNum: 1,
+        pageSize: 10
+      },
     };
   },
   created() {
@@ -110,6 +187,80 @@ export default {
     this.getUser();
   },
   methods: {
+
+    handleBindMember() {
+      this.currentCompanyId = this.user.userId;
+      this.resetMemberQuery();
+      this.selectedMember = null;
+      this.member.open = true;
+    },
+
+    resetMemberQuery() {
+      this.memberQueryParams = {
+        nickName: null,
+        phone: null,
+        userId: null,
+        pageNum: 1,
+        pageSize: 10
+      };
+      this.getMemberList();
+    },
+
+
+    getMemberList() {
+      this.loading = true;
+      getSaleBindUserList({
+        pageNum: this.memberQueryParams.pageNum,
+        pageSize: this.memberQueryParams.pageSize,
+        nickName: this.memberQueryParams.nickName,
+        phone: this.memberQueryParams.phone,
+        userId: this.memberQueryParams.userId
+      })
+        .then(response => {
+          this.memberList = response.rows || [];
+          this.memberTotal = response.total || 0;
+        })
+        .catch(error => {
+          console.error('获取会员列表失败:', error);
+          this.$message.error('获取会员列表失败');
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+
+    handleUnbindSpecificMember(fsUserId) {
+      this.$confirm(`确定要解除与会员 ${fsUserId} 的绑定吗？`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          const unbindData = {
+            companyUserId: this.user.userId,
+            userId: fsUserId
+          };
+
+          unbindSaleAndFsUser(unbindData)
+            .then(response => {
+              if (response.code === 200) {
+                this.$message.success("解绑成功");
+                this.getUser();
+              } else {
+                this.$message.error(response.msg || "解绑失败");
+              }
+            })
+            .catch(error => {
+              console.error("解绑失败:", error);
+              this.$message.error("解绑失败");
+            });
+        })
+        .catch(() => {
+          this.$message.info("已取消解绑");
+        });
+    },
+
+
     getUser() {
       getUserProfile().then(response => {
         this.user = response.data;
@@ -146,3 +297,370 @@ export default {
   }
 };
 </script>
+<style scoped>
+/* 个人信息卡片样式 */
+.profile-card {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.profile-card :deep(.el-card__header) {
+  padding: 15px 20px;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-bottom: none;
+}
+
+.card-header {
+  color: white;
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+}
+
+.card-header i {
+  margin-right: 8px;
+  font-size: 16px;
+}
+
+/* 头像区域 */
+.avatar-section {
+  text-align: center;
+  padding: 24px 20px 16px;
+  background: linear-gradient(135deg, #667eea10 0%, #764ba210 100%);
+}
+
+.user-name {
+  margin: 12px 0 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+}
+
+/* 信息列表 */
+.info-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.info-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 20px;
+  border-bottom: 1px solid #f0f0f0;
+  transition: background-color 0.3s;
+}
+
+.info-item:hover {
+  background-color: #f5f7fa;
+}
+
+.info-item:last-child {
+  border-bottom: none;
+}
+
+.info-label {
+  color: #606266;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+}
+
+.info-label svg {
+  margin-right: 8px;
+  width: 16px;
+  height: 16px;
+  color: #909399;
+}
+
+.info-value {
+  color: #303133;
+  font-weight: 500;
+  font-size: 14px;
+}
+
+/* 操作区域 */
+.action-section {
+  padding: 20px;
+  background-color: #fafbfc;
+  border-top: 1px solid #e4e7ed;
+}
+
+.action-btn {
+  width: 100%;
+  margin-bottom: 16px;
+}
+
+/* 已绑定会员列表 */
+.bound-members {
+  margin-top: 16px;
+}
+
+.bound-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.bound-count {
+  font-size: 12px;
+  color: #909399;
+  background-color: #f0f2f5;
+  padding: 2px 8px;
+  border-radius: 10px;
+}
+
+.member-list {
+  max-height: 200px;
+  overflow-y: auto;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  background-color: white;
+}
+
+.member-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 12px;
+  border-bottom: 1px solid #f0f0f0;
+  transition: background-color 0.3s;
+}
+
+.member-item:hover {
+  background-color: #f5f7fa;
+}
+
+.member-item:last-child {
+  border-bottom: none;
+}
+
+.member-id {
+  font-size: 13px;
+  color: #606266;
+  display: flex;
+  align-items: center;
+}
+
+.member-id i {
+  margin-right: 6px;
+  color: #409EFF;
+}
+
+/* 微信服务号区域 */
+.wechat-section {
+  margin-top: 16px;
+}
+
+.wechat-bound {
+  text-align: center;
+}
+
+.wechat-btn {
+  width: 100%;
+}
+
+/* 右侧卡片样式 */
+.content-card {
+  border-radius: 8px;
+}
+
+.content-card :deep(.el-card__header) {
+  padding: 15px 20px;
+  background-color: #fafbfc;
+  border-bottom: 1px solid #e4e7ed;
+}
+
+/* 绑定会员对话框样式 - 无背景色 */
+.bind-member-dialog :deep(.el-dialog__body) {
+  padding: 20px 24px;
+}
+
+/* 筛选表单 - 无背景色，优化排版 */
+.filter-container {
+  margin-bottom: 16px;
+  padding: 0 4px;
+}
+
+.filter-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.filter-buttons {
+  text-align: right;
+  white-space: nowrap;
+}
+
+.filter-buttons .el-button {
+  margin-left: 8px;
+}
+
+.filter-buttons .el-button:first-child {
+  margin-left: 0;
+}
+
+/* 表格区域 */
+.table-section {
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.member-table :deep(th) {
+  background-color: #f2f6fc;
+  color: #303133;
+  font-weight: 600;
+  font-size: 13px;
+}
+
+.status-tag {
+  min-width: 70px;
+}
+
+.status-tag i {
+  margin-right: 4px;
+}
+
+.nickname-cell, .phone-cell {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.nickname-cell i, .phone-cell i {
+  color: #909399;
+  font-size: 12px;
+}
+
+.no-data {
+  color: #c0c4cc;
+}
+
+/* 分页样式 - 支持每页条数选择 */
+.pagination-wrapper {
+  padding: 16px;
+  background-color: #ffffff;
+  border-top: 1px solid #e4e7ed;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.custom-pagination :deep(.el-pagination) {
+  padding: 0;
+}
+
+.custom-pagination :deep(.el-pagination__sizes) {
+  margin-right: 16px;
+}
+
+.empty-data {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 0;
+  color: #909399;
+  background-color: #ffffff;
+}
+
+.empty-data i {
+  font-size: 40px;
+  margin-bottom: 8px;
+  color: #dcdfe6;
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 10px;
+}
+
+.selected-info {
+  font-size: 13px;
+  color: #606266;
+  background-color: #f0f9eb;
+  padding: 6px 12px;
+  border-radius: 4px;
+  border: 1px solid #e1f3d8;
+}
+
+/* 微信对话框样式 */
+.wechat-dialog :deep(.el-dialog__body) {
+  padding: 30px 20px;
+}
+
+.qrcode-container {
+  text-align: center;
+}
+
+.qrcode-img {
+  width: 260px;
+  height: 260px;
+  border: 1px solid #e4e7ed;
+  padding: 10px;
+  border-radius: 8px;
+  background-color: white;
+}
+
+.qrcode-loading {
+  width: 260px;
+  height: 260px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #f5f7fa;
+  border-radius: 8px;
+  color: #909399;
+}
+
+.qrcode-loading i {
+  font-size: 32px;
+  margin-bottom: 10px;
+}
+
+.qrcode-tip {
+  margin-top: 16px;
+  color: #606266;
+  font-size: 14px;
+}
+
+.qrcode-tip i {
+  color: #07C160;
+  margin-right: 6px;
+}
+
+/* 响应式调整 */
+@media (max-width: 768px) {
+  .filter-container .el-col {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+
+  .filter-buttons {
+    text-align: left;
+    margin-top: 8px;
+  }
+
+  .filter-buttons .el-button {
+    margin-left: 0;
+    margin-right: 8px;
+  }
+
+  .dialog-footer {
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .selected-info {
+    width: 100%;
+    text-align: center;
+  }
+}
+</style>

src/views/company/companyVoiceRobotic/index.vue

@@ -738,6 +738,21 @@
     <el-drawer size="75%" title="客户详情" :visible.sync="customerDetailShow" append-to-body>
       <customer-details ref="customerDetails" />
     </el-drawer>
+    <el-dialog
+      :title="manualCallDialog.title"
+      :visible.sync="manualCallDialog.visible"
+      width="1500px"
+      append-to-body
+      destroy-on-close
+      class="manual-call-dialog"
+      @close="handleManualCallDialogClose"
+    >
+      <call-center-phone-bar
+          :key="manualCallDialog.key"
+          ref="callCenterPhoneBar"
+          :init-phone-number="manualCallDialog.phone"
+      />
+    </el-dialog>
   </div>
 </template>
 
@@ -771,10 +786,11 @@ import customerDetails from "@/views/crm/components/customerDetails.vue";
 import {getDicts} from "@/api/system/dict/data";
 import { optionList } from '@/api/company/companyWorkflow'
 import {wxListQw} from "../../../api/company/companyVoiceRobotic";
+import CallCenterPhoneBar from '../../aiSipCall/aiSipCallManualOutbound.vue'
 
 export default {
   name: "Robotic",
-  components: { draggable, customerDetails, customerSelect, qwUserSelect,qwUserSelectTwo},
+  components: { draggable, customerDetails, customerSelect, qwUserSelect,qwUserSelectTwo,CallCenterPhoneBar},
   data() {
     return {
       taskType:1,
@@ -904,6 +920,13 @@ export default {
         customerPhone: '',
         onlyCallNode: false
       },
+      manualCallDialog: {
+        visible: false,
+        phoneNumber: '',
+        title: "人工外呼",
+        record: null,
+        key: 0
+      },
       // 表单校验
       rules: {
         taskType:[
@@ -1489,23 +1512,23 @@ export default {
       this.getExecLogs()
     },
     handleManualCall(record) {
-      this.$confirm(
-        `确认对客户【${record.customerName}】进行人工外呼吗？`,
-        '提示',
-        {
-          confirmButtonText: '确认',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-      ).then(() => {
-
-        // 调用后端接口
-        this.$message.success('已发起人工外呼');
+      const phone = record.customerPhone || '';
 
-        // TODO: 调接口
+      if (!phone) {
+          this.$message.warning('当前客户没有可外呼的手机号');
+          return;
+      }
 
-      }).catch(() => {});
-    }
+      this.manualCallDialog.record = record;
+      this.manualCallDialog.phone = phone;
+      this.manualCallDialog.title = `人工外呼 - ${record.customerName || '未知客户'}`;
+      this.manualCallDialog.key += 1;
+      this.manualCallDialog.visible = true;
+    },
+    handleManualCallDialogClose() {
+      this.manualCallDialog.phone = '';
+      this.manualCallDialog.record = null;
+    },
   }
 };
 </script>

src/views/company/companyVoiceRoboticCallBlacklist/companyVoiceRoboticCallBlacklist.vue

@@ -0,0 +1,587 @@
+<template>
+    <div class="app-container">
+        <!-- 查询区域 -->
+        <el-form
+            :model="queryParams"
+            ref="queryForm"
+            :inline="true"
+            v-show="showSearch"
+            label-width="80px"
+            @submit.native.prevent
+        >
+            <el-form-item label="对象类型" prop="targetType">
+                <el-select
+                    v-model="queryParams.targetType"
+                    placeholder="请选择对象类型"
+                    clearable
+                    size="small"
+                    style="width: 160px"
+                >
+                    <el-option label="手机号" :value="1" />
+                    <el-option label="客户ID" :value="2" />
+                    <el-option label="企微客户ID" :value="3" />
+                </el-select>
+            </el-form-item>
+
+            <el-form-item label="对象值" prop="targetValue">
+                <el-input
+                    v-model="queryParams.targetValue"
+                    placeholder="请输入手机号/客户ID/企微客户ID"
+                    clearable
+                    size="small"
+                    style="width: 240px"
+                    @keyup.enter.native="handleQuery"
+                />
+            </el-form-item>
+
+            <el-form-item label="业务类型" prop="businessType">
+                <el-input
+                    v-model="queryParams.businessType"
+                    placeholder="请输入业务类型"
+                    clearable
+                    size="small"
+                    style="width: 180px"
+                    @keyup.enter.native="handleQuery"
+                />
+            </el-form-item>
+
+            <el-form-item label="状态" prop="status">
+                <el-select
+                    v-model="queryParams.status"
+                    placeholder="请选择状态"
+                    clearable
+                    size="small"
+                    style="width: 140px"
+                >
+                    <el-option label="生效" :value="1" />
+                    <el-option label="失效" :value="0" />
+                </el-select>
+            </el-form-item>
+
+            <el-form-item label="来源" prop="source">
+                <el-select
+                    v-model="queryParams.source"
+                    placeholder="请选择来源"
+                    clearable
+                    size="small"
+                    style="width: 140px"
+                >
+                    <el-option label="手动添加" :value="1" />
+                    <el-option label="外部系统同步" :value="2" />
+                </el-select>
+            </el-form-item>
+
+<!--            <el-form-item label="公司ID" prop="companyId">-->
+<!--                <el-input-->
+<!--                    v-model="queryParams.companyId"-->
+<!--                    placeholder="请输入公司ID"-->
+<!--                    clearable-->
+<!--                    size="small"-->
+<!--                    style="width: 160px"-->
+<!--                    @keyup.enter.native="handleQuery"-->
+<!--                />-->
+<!--            </el-form-item>-->
+
+            <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">
+                    搜索
+                </el-button>
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">
+                    重置
+                </el-button>
+            </el-form-item>
+        </el-form>
+
+        <!-- 按钮区域 -->
+        <el-row :gutter="10" class="mb8">
+            <el-button
+                size="mini"
+                type="primary"
+                icon="el-icon-plus"
+                @click="handleAdd"
+                v-hasPermi="['company:voiceRoboticCallBlacklist:add']"
+            >
+                新增
+            </el-button>
+
+            <el-button
+                size="mini"
+                type="success"
+                icon="el-icon-edit"
+                :disabled="single"
+                @click="handleUpdate"
+                v-hasPermi="['company:voiceRoboticCallBlacklist:edit']"
+            >
+                编辑
+            </el-button>
+
+            <el-button
+                size="mini"
+                type="danger"
+                icon="el-icon-delete"
+                :disabled="multiple"
+                @click="handleDeleteBatch"
+                v-hasPermi="['company:voiceRoboticCallBlacklist:remove']"
+            >
+                批量删除
+            </el-button>
+
+            <el-button
+                size="mini"
+                type="primary"
+                plain
+                :disabled="multiple"
+                @click="handleBatchEnable"
+                v-hasPermi="['company:voiceRoboticCallBlacklist:edit']"
+            >
+                批量启用
+            </el-button>
+
+            <el-button
+                size="mini"
+                type="warning"
+                plain
+                :disabled="multiple"
+                @click="handleBatchDisable"
+                v-hasPermi="['company:voiceRoboticCallBlacklist:edit']"
+            >
+                批量失效
+            </el-button>
+
+            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
+        </el-row>
+
+        <!-- 表格区域 -->
+        <el-table
+            v-loading="loading"
+            :data="blacklistList"
+            border
+            height="500"
+            @selection-change="handleSelectionChange"
+        >
+            <el-table-column type="selection" width="55" align="center" />
+
+            <el-table-column label="ID" align="center" prop="id" width="80" />
+
+<!--            <el-table-column label="公司ID" align="center" prop="companyId" width="100" />-->
+
+            <el-table-column label="业务类型" align="center" prop="businessType" min-width="120" />
+
+            <el-table-column label="对象类型" align="center" prop="targetType" width="120">
+                <template slot-scope="scope">
+                    <span v-if="scope.row.targetType === 1">手机号</span>
+                    <span v-else-if="scope.row.targetType === 2">客户ID</span>
+                    <span v-else-if="scope.row.targetType === 3">企微客户ID</span>
+                    <span v-else>-</span>
+                </template>
+            </el-table-column>
+
+            <el-table-column label="对象值" align="center" prop="targetValue" min-width="180" show-overflow-tooltip />
+
+            <el-table-column label="拉黑原因" align="center" prop="reason" min-width="180" show-overflow-tooltip />
+
+            <el-table-column label="来源" align="center" prop="source" width="100">
+                <template slot-scope="scope">
+                    <el-tag v-if="scope.row.source === 1" size="mini">手动添加</el-tag>
+                    <el-tag v-else-if="scope.row.source === 2" type="info" size="mini">系统同步</el-tag>
+                    <span v-else>-</span>
+                </template>
+            </el-table-column>
+
+            <el-table-column label="状态" align="center" prop="status" width="100">
+                <template slot-scope="scope">
+                    <el-tag v-if="scope.row.status === 1" type="danger" size="mini">生效</el-tag>
+                    <el-tag v-else type="success" size="mini">失效</el-tag>
+                </template>
+            </el-table-column>
+
+            <el-table-column label="备注" align="center" prop="remark" min-width="180" show-overflow-tooltip />
+
+            <el-table-column label="创建人" align="center" prop="createBy" width="120" />
+            <el-table-column label="创建时间" align="center" prop="createTime" width="160" />
+            <el-table-column label="更新人" align="center" prop="updateBy" width="120" />
+            <el-table-column label="更新时间" align="center" prop="updateTime" width="160" />
+
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="260">
+                <template slot-scope="scope">
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-edit"
+                        @click="handleUpdate(scope.row)"
+                        v-hasPermi="['company:voiceRoboticCallBlacklist:edit']"
+                    >
+                        修改
+                    </el-button>
+
+                    <el-button
+                        v-if="scope.row.status === 0"
+                        size="mini"
+                        type="text"
+                        @click="handleChangeStatus(scope.row, 1)"
+                        v-hasPermi="['company:voiceRoboticCallBlacklist:edit']"
+                    >
+                        启用
+                    </el-button>
+
+                    <el-button
+                        v-if="scope.row.status === 1"
+                        size="mini"
+                        type="text"
+                        @click="handleChangeStatus(scope.row, 0)"
+                        v-hasPermi="['company:voiceRoboticCallBlacklist:edit']"
+                    >
+                        失效
+                    </el-button>
+
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-delete"
+                        @click="handleDelete(scope.row)"
+                        v-hasPermi="['company:voiceRoboticCallBlacklist:remove']"
+                    >
+                        删除
+                    </el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!-- 分页 -->
+        <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+        />
+
+        <!-- 新增/编辑弹窗 -->
+        <el-dialog :title="title" :visible.sync="open" width="680px" append-to-body>
+            <el-form ref="form" :model="form" :rules="rules" label-width="95px">
+                <el-row>
+<!--                    <el-col :span="12">-->
+<!--                        <el-form-item label="公司ID" prop="companyId">-->
+<!--                            <el-input v-model="form.companyId" placeholder="请输入公司ID" />-->
+<!--                        </el-form-item>-->
+<!--                    </el-col>-->
+
+                    <el-col :span="12">
+                        <el-form-item label="业务类型" prop="businessType">
+                            <el-input v-model="form.businessType" placeholder="请输入业务类型" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="对象类型" prop="targetType">
+                            <el-select v-model="form.targetType" placeholder="请选择对象类型" style="width: 100%">
+                                <el-option label="手机号" :value="1" />
+                                <el-option label="客户ID" :value="2" />
+                                <el-option label="企微客户ID" :value="3" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+
+<!--                    <el-col :span="12">-->
+<!--                        <el-form-item label="来源" prop="source">-->
+<!--                            <el-select v-model="form.source" placeholder="请选择来源" style="width: 100%">-->
+<!--                                <el-option label="手工添加" :value="1" />-->
+<!--                                <el-option label="系统" :value="2" />-->
+<!--                            </el-select>-->
+<!--                        </el-form-item>-->
+<!--                    </el-col>-->
+                </el-row>
+
+                <el-form-item label="对象值" prop="targetValue">
+                    <el-input
+                        v-model="form.targetValue"
+                        placeholder="请输入手机号 / 客户ID / 企微客户ID"
+                        maxlength="128"
+                        show-word-limit
+                    />
+                </el-form-item>
+
+                <el-form-item label="拉黑原因" prop="reason">
+                    <el-input
+                        v-model="form.reason"
+                        type="textarea"
+                        :rows="3"
+                        placeholder="请输入拉黑原因"
+                        maxlength="255"
+                        show-word-limit
+                    />
+                </el-form-item>
+
+                <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="form.remark"
+                        type="textarea"
+                        :rows="3"
+                        placeholder="请输入备注"
+                        maxlength="500"
+                        show-word-limit
+                    />
+                </el-form-item>
+
+                <el-form-item label="状态" prop="status">
+                    <el-radio-group v-model="form.status">
+                        <el-radio :label="1">生效</el-radio>
+                        <el-radio :label="0">失效</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+            </el-form>
+
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="submitForm">确 定</el-button>
+                <el-button @click="cancel">取 消</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import {
+    listVoiceRoboticCallBlacklist,
+    getVoiceRoboticCallBlacklist,
+    addVoiceRoboticCallBlacklist,
+    updateVoiceRoboticCallBlacklist,
+    delVoiceRoboticCallBlacklist,
+    changeVoiceRoboticCallBlacklistStatus
+} from "@/api/company/companyVoiceRoboticCallBlacklist";
+
+export default {
+    name: "VoiceRoboticCallBlacklist",
+    data() {
+        return {
+            loading: true,
+            ids: [],
+            selectedRows: [],
+            single: true,
+            multiple: true,
+            showSearch: true,
+            total: 0,
+            blacklistList: [],
+            title: "",
+            open: false,
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+                companyId: null,
+                businessType: null,
+                targetType: null,
+                targetValue: null,
+                status: null,
+                source: null
+            },
+            form: {},
+            rules: {
+                companyId: [
+                    { required: true, message: "公司ID不能为空", trigger: "blur" }
+                ],
+                targetType: [
+                    { required: true, message: "对象类型不能为空", trigger: "change" }
+                ],
+                targetValue: [
+                    { required: true, message: "对象值不能为空", trigger: "blur" }
+                ]
+            }
+        };
+    },
+    created() {
+        this.getList();
+    },
+    methods: {
+        /** 查询列表 */
+        getList() {
+            this.loading = true;
+            listVoiceRoboticCallBlacklist(this.queryParams).then(response => {
+                this.blacklistList = response.rows || [];
+                this.total = response.total || 0;
+                this.loading = false;
+            }).catch(() => {
+                this.loading = false;
+            });
+        },
+
+        /** 表单重置 */
+        reset() {
+            this.form = {
+                id: null,
+                companyId: null,
+                businessType: null,
+                targetType: 1,
+                targetValue: null,
+                reason: null,
+                source: 1,
+                status: 1,
+                remark: null
+            };
+            this.resetForm("form");
+        },
+
+        /** 查询按钮 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList();
+        },
+
+        /** 重置按钮 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.handleQuery();
+        },
+
+        /** 多选 */
+        handleSelectionChange(selection) {
+            this.ids = selection.map(item => item.id);
+            this.selectedRows = selection;
+            this.single = selection.length !== 1;
+            this.multiple = !selection.length;
+        },
+
+        /** 新增 */
+        handleAdd() {
+            this.reset();
+            this.open = true;
+            this.title = "新增外呼黑名单";
+        },
+
+        /** 修改 */
+        handleUpdate(row) {
+            this.reset();
+            const id = row.id || this.ids[0];
+            getVoiceRoboticCallBlacklist(id).then(response => {
+                this.form = response.data;
+                this.open = true;
+                this.title = "修改外呼黑名单";
+            });
+        },
+
+        /** 提交 */
+        submitForm() {
+            this.$refs["form"].validate(valid => {
+                if (!valid) {
+                    return;
+                }
+
+                if (this.form.id != null) {
+                    updateVoiceRoboticCallBlacklist(this.form).then(response => {
+                        if (response.code === 200) {
+                            this.msgSuccess("修改成功");
+                            this.open = false;
+                            this.getList();
+                        } else {
+                            this.msgError(response.msg);
+                        }
+                    });
+                } else {
+                    addVoiceRoboticCallBlacklist(this.form).then(response => {
+                        if (response.code === 200) {
+                            this.msgSuccess("新增成功");
+                            this.open = false;
+                            this.getList();
+                        } else {
+                            this.msgError(response.msg);
+                        }
+                    });
+                }
+            });
+        },
+
+        /** 取消 */
+        cancel() {
+            this.open = false;
+            this.reset();
+        },
+
+        /** 单个删除 */
+        handleDelete(row) {
+            const id = row.id;
+            this.$confirm('是否确认删除黑名单编号为 "' + id + '" 的数据项？', "警告", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning"
+            }).then(() => {
+                return delVoiceRoboticCallBlacklist(id);
+            }).then(() => {
+                this.msgSuccess("删除成功");
+                this.getList();
+            }).catch(() => {});
+        },
+
+        /** 批量删除 */
+        handleDeleteBatch() {
+            this.$confirm("是否确认删除选中的黑名单数据项？", "警告", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning"
+            }).then(async () => {
+                for (let i = 0; i < this.ids.length; i++) {
+                    await delVoiceRoboticCallBlacklist(this.ids[i]);
+                }
+                this.msgSuccess("批量删除成功");
+                this.getList();
+            }).catch(() => {});
+        },
+
+        /** 修改状态 */
+        handleChangeStatus(row, status) {
+            const text = status === 1 ? "启用" : "失效";
+            this.$confirm("确认要" + text + "该黑名单吗？", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning"
+            }).then(() => {
+                return changeVoiceRoboticCallBlacklistStatus({
+                    id: row.id,
+                    status: status
+                });
+            }).then(response => {
+                if (response.code === 200) {
+                    this.msgSuccess(text + "成功");
+                    this.getList();
+                } else {
+                    this.msgError(response.msg);
+                }
+            }).catch(() => {});
+        },
+
+        /** 批量启用 */
+        handleBatchEnable() {
+            this.batchChangeStatus(1);
+        },
+
+        /** 批量失效 */
+        handleBatchDisable() {
+            this.batchChangeStatus(0);
+        },
+
+        /** 批量改状态 */
+        batchChangeStatus(status) {
+            const text = status === 1 ? "启用" : "失效";
+            this.$confirm("确认要批量" + text + "选中的数据吗？", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning"
+            }).then(async () => {
+                for (let i = 0; i < this.selectedRows.length; i++) {
+                    await changeVoiceRoboticCallBlacklistStatus({
+                        id: this.selectedRows[i].id,
+                        status: status
+                    });
+                }
+                this.msgSuccess("批量" + text + "成功");
+                this.getList();
+            }).catch(() => {});
+        }
+    }
+};
+</script>
+
+<style scoped>
+.app-container {
+    height: 87.5vh;
+}
+</style>

src/views/course/userCoursePeriod/courseStatistics.vue

@@ -170,13 +170,13 @@
             <el-col :span="6">
               <div class="stat-item">
                 <div class="stat-label">人均看课时长</div>
-                <div class="stat-value">{{ (detailDialog.data.avgWatchDurationMinutes || 0) + '分' }}</div>
+                <div class="stat-value">{{ formatDuration(detailDialog.data.avgWatchDurationMinutes)}}</div>
               </div>
             </el-col>
             <el-col :span="6">
               <div class="stat-item">
                 <div class="stat-label">人均完课时长</div>
-                <div class="stat-value">{{ (detailDialog.data.avgCompletedDuration || 0) + '分' }}</div>
+                <div class="stat-value">{{ formatDuration(detailDialog.data.avgCompletedDuration)}}</div>
               </div>
             </el-col>
             <el-col :span="6">
@@ -232,7 +232,7 @@
             </el-col>
             <el-col :span="6">
               <div class="stat-item">
-                <div class="stat-label">领红包人数</div>
+                <div class="stat-label">领取红包/积分人数</div>
                 <div class="stat-value">{{ detailDialog.data.redPacketUserCount || 0 }}</div>
               </div>
             </el-col>
@@ -571,20 +571,23 @@ export default {
         });
       }).catch(() => {});
     },
-    /** 格式化时长 */
-    formatDuration(seconds) {
-        if (seconds == null || isNaN(Number(seconds))) return '0分';
-        let totalSeconds = Math.abs(Number(seconds));
-        if (totalSeconds < 1) {
-            return `${(totalSeconds / 60).toFixed(2)}分`;
-        }
-        const hours = totalSeconds / 3600;
-        if (hours >= 1) {
-            return `${hours.toFixed(2)}小时`;
-        }
-        const minutes = totalSeconds / 60;
-        return `${minutes.toFixed(2)}分`;
-    }
+      /** 格式化时长 */
+      formatDuration(seconds) {
+          if (seconds == null || isNaN(seconds)) return '0秒';
+          let total = Math.abs(seconds);
+          const hours = Math.floor(total / 3600);
+          const minutes = Math.floor((total % 3600) / 60);
+          const secs = Math.floor(total % 60);
+
+          const parts = [];
+          if (hours > 0) parts.push(`${hours}小时`);
+          if (minutes > 0) parts.push(`${minutes}分`);
+          if (secs > 0 || parts.length === 0) {
+              parts.push(`${secs}秒`);
+          }
+
+          return parts.join('');
+      }
   }
 };
 </script>

src/views/crm/customer/customerDetail.vue

@@ -134,7 +134,7 @@
                                     </td>
                                     <td class="record-cell">
                                         <span class="intention-degree">
-                                            {{ getIntentionDegreeFromRecord(record) }}%
+                                            {{ getIntentionDegreeFromRecord(record) }}
                                         </span>
                                     </td>
                                     <td class="record-cell">{{ record.createTime }}</td>
@@ -262,7 +262,7 @@
                             <div class="progress-bar-modern">
                                 <div class="progress-fill-modern"
                                      :style="{
-                                         width: getIntentionDegree() + '%',
+                                         width: getIntentionDegree() ,
                                          background: getProgressGradient(getIntentionDegree())
                                      }"
                                      :class="getIntentionClass(getIntentionDegree())">
@@ -556,9 +556,7 @@ export default {
                 return -1;
             }
             const latestRecord = this.communicationRecords[0];
-            const degree = parseInt(latestRecord.intentionDegree);
-            // 如果是有效数字且在 0-100 之间，返回该值，否则返回 -1 表示无数据
-            return (degree >= 0 && degree <= 100) ? degree : -1;
+            return latestRecord.intentionDegree
         },
         // 获取单条记录的风险等级数值
         getRecordAttritionLevel(record) {
@@ -580,8 +578,7 @@ export default {
         // 获取单条记录的客户意向度
         getIntentionDegreeFromRecord(record) {
             if (!record) return 0;
-            const degree = parseInt(record.intentionDegree);
-            return (degree >= 0 && degree <= 100) ? degree : 0;
+            return record.intentionDegree;
         },
         // 获取流失风险等级样式类
         getRiskLevelClass() {

src/views/crm/customer/index.vue

@@ -140,12 +140,16 @@
                 </el-select>
           </el-form-item>
           <el-form-item label="意向度">
-              <div class="time-range">
-                    <el-input-number v-model="queryParams.intentionDegreeGt" placeholder="最小值" size="small"
-                                     style="width: 130px" :min="0" :max="100"/>
-                    <span class="range-separator">-</span>
-                    <el-input-number v-model="queryParams.intentionDegreelt" placeholder="最大值" size="small"
-                                     style="width: 130px" :min="0" :max="100"/>
+              <div >
+                    <el-select style="width:220px" v-model="queryParams.intentionDegree" placeholder="请选择意向度" clearable size="small">
+                      <el-option label="A" value="A" />
+                      <el-option label="B" value="B" />
+                      <el-option label="C" value="C" />
+                      <el-option label="D" value="D" />
+                      <el-option label="E" value="E" />
+                      <el-option label="F" value="F" />
+                      
+                    </el-select>
                 </div>
           </el-form-item>
           <el-form-item>
@@ -266,7 +270,7 @@
           </el-table-column>
           <el-table-column label="意向度" align="center" prop="intentionDegree">
             <template slot-scope="scope">
-              {{ scope.row.intentionDegree != null ? scope.row.intentionDegree + '%' : '' }}
+              {{ scope.row.intentionDegree != null ? scope.row.intentionDegree  : '' }}
             </template>
           </el-table-column>
           <el-table-column label="备注" align="center" prop="remark" />
@@ -812,6 +816,7 @@ export default {
       this.queryParams.attritionLevel = null;
       this.queryParams.intentionDegreeGt = null;
       this.queryParams.intentionDegreelt = null;
+      this.queryParams.intentionDegree = null;
       this.handleQuery();
     },
     // 多选框选中数据

src/views/qw/contactWay/index.vue

@@ -194,7 +194,7 @@
         </el-form-item>
         <el-form-item label="客服类型" prop="userType" >
           <el-radio-group v-model="form.userType">
-             <el-radio :key="1":label="1" >全天在线</el-radio>
+<!--             <el-radio :key="1":label="1" >全天在线</el-radio>-->
              <el-radio :key="2":label="2" >自动上下线</el-radio>
              </el-radio-group>
         </el-form-item>
@@ -387,35 +387,35 @@
           <el-input v-model="form.description" type="textarea" placeholder="请输入描述" />
         </el-form-item>
 
-        <el-form-item label="开启欢迎语屏蔽"   prop="isCloseWelcome">
-          <el-switch
-            v-model="form.isCloseWelcome"
-            :active-value="1"
-            :inactive-value="0"
-            >
-          </el-switch>
-        </el-form-item>
-        <el-form-item label="欢迎语屏蔽" prop="closeWelcomeWord" v-if="form.isCloseWelcome==1">
-          <el-tag
-            v-for="tag in closeWelcomeWord"
-            closable
-            :disable-transitions="false"
-            @close="handleCloseWord(tag)">
-            {{tag}}
-          </el-tag>
-          <el-input
-            style="width:110px"
-            class="input-new-tag"
-            v-if="inputVisible"
-            v-model="inputValue"
-            ref="saveTagInput"
-            size="small"
-            @keyup.enter.native="handleInputConfirm"
-            @blur="handleInputConfirm"
-          >
-          </el-input>
-          <el-button v-else class="button-new-tag" size="small" style="width: 110px" @click="showInput">新增屏蔽关键词</el-button>
-        </el-form-item>
+<!--        <el-form-item label="开启欢迎语屏蔽"   prop="isCloseWelcome">-->
+<!--          <el-switch-->
+<!--            v-model="form.isCloseWelcome"-->
+<!--            :active-value="1"-->
+<!--            :inactive-value="0"-->
+<!--            >-->
+<!--          </el-switch>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="欢迎语屏蔽" prop="closeWelcomeWord" v-if="form.isCloseWelcome==1">-->
+<!--          <el-tag-->
+<!--            v-for="tag in closeWelcomeWord"-->
+<!--            closable-->
+<!--            :disable-transitions="false"-->
+<!--            @close="handleCloseWord(tag)">-->
+<!--            {{tag}}-->
+<!--          </el-tag>-->
+<!--          <el-input-->
+<!--            style="width:110px"-->
+<!--            class="input-new-tag"-->
+<!--            v-if="inputVisible"-->
+<!--            v-model="inputValue"-->
+<!--            ref="saveTagInput"-->
+<!--            size="small"-->
+<!--            @keyup.enter.native="handleInputConfirm"-->
+<!--            @blur="handleInputConfirm"-->
+<!--          >-->
+<!--          </el-input>-->
+<!--          <el-button v-else class="button-new-tag" size="small" style="width: 110px" @click="showInput">新增屏蔽关键词</el-button>-->
+<!--        </el-form-item>-->
 
         <el-form-item label="添加标签"  prop="isTag">
           <el-switch

src/views/taskStatistics/callLog/index.vue

@@ -127,7 +127,7 @@
         <el-table v-loading="loading" :data="companySendMsgList">
             <!--      <el-table-column label="记录 ID" align="center" prop="logId" width="90" />-->
             <el-table-column label="任务 ID" align="center" prop="roboticId" width="150"/>
-            <el-table-column label="任务名称" align="center" prop="name" width="250"/>
+            <el-table-column label="任务名称" align="center" prop="roboticName" width="250"/>
             <el-table-column label="发送数量" align="center" prop="totalRecordCount" width="150"/>
             <el-table-column label="发送成功数量" align="center" prop="successCount" width="150"/>
             <el-table-column label="发送失败数量" align="center" prop="failCount" width="150"/>
@@ -278,7 +278,7 @@
 </template>
 
 <script>
-import {listCallphone, listCallPhoneByRoboticId, delSendmsg, getCallPhoneLogCount, exportCallphone} from '@/api/company/callphone'
+import {listCallphone, listCallPhoneByRoboticId, delSendmsg, getCallPhoneLogCount, exportCallphone, groupList} from '@/api/company/callphone'
 import {listAll as roboticListAll} from '@/api/company/companyVoiceRobotic'
 import {listAll as accountListAll} from '@/api/company/companyAccount'
 import CountTo from 'vue-count-to'
@@ -348,7 +348,7 @@ export default {
         },
         getList() {
             this.loading = true
-            listCallphone(this.getQueryData())
+            groupList(this.getQueryData())
                 .then((response) => {
                     this.companySendMsgList = response.rows || []
                     this.total = response.total || 0

src/views/taskStatistics/sendMsgLog/index.vue

@@ -222,7 +222,7 @@
                 style="width: 100%"
             >
                 <el-table-column label="日志ID" align="center" prop="logId" />
-                <el-table-column label="任务id" align="center" prop="roboticId" />
+<!--                <el-table-column label="任务id" align="center" prop="roboticId" />-->
                 <el-table-column label="任务名称" align="center" prop="roboticName" />
 <!--                <el-table-column label="caller_id" align="center" prop="callerId" />-->
                 <el-table-column label="记录调用时间" align="center" prop="runTime" width="160" />
@@ -238,7 +238,7 @@
                 <el-table-column label="公司名称" align="center" prop="companyName" />
                 <el-table-column label="销售id" align="center" prop="companyUserId" />
                 <el-table-column label="销售名称" align="center" prop="companyUserName" />
-                <el-table-column label="发送短信模板id" align="center" prop="tempId" />
+<!--                <el-table-column label="发送短信模板id" align="center" prop="tempId" />-->
                 <el-table-column label="花费金额" align="center" prop="cost" />
                 <el-table-column label="内容长度" align="center" prop="contentLen" />
                 <el-table-column label="短信模板名称" align="center" prop="smsTempName" />

src/views/taskStatistics/wxClient/index.vue

@@ -32,7 +32,7 @@
           </div>
           <div v-if="count" class="content">
             <span class="content-number spBlock mb15">
-              <count-to :start-val="0" :end-val="count.toDayAddNum || 0" :duration="2600" class="card-panel-num" />
+              <count-to :start-val="0" :end-val="todayRecordCount || 0" :duration="2600" class="card-panel-num" />
             </span>
           </div>
         </el-card>
@@ -73,16 +73,16 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="销售" prop="wxAccountId">
-        <el-select v-model="queryParams.wxAccountId" filterable clearable>
-          <el-option
-            v-for="item in accountList"
-            :key="item.id"
-            :label="item.companyUserName + '-' + item.wxNickName"
-            :value="item.id"
-          />
-        </el-select>
-      </el-form-item>
+<!--      <el-form-item label="销售" prop="wxAccountId">-->
+<!--        <el-select v-model="queryParams.wxAccountId" filterable clearable>-->
+<!--          <el-option-->
+<!--            v-for="item in accountList"-->
+<!--            :key="item.id"-->
+<!--            :label="item.companyUserName + '-' + item.wxNickName"-->
+<!--            :value="item.id"-->
+<!--          />-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
       <el-form-item label="状态" prop="status">
         <el-select v-model="queryParams.status" clearable>
           <el-option label="执行中" :value="1" />
@@ -90,7 +90,7 @@
           <el-option label="执行失败" :value="3" />
         </el-select>
       </el-form-item>
-      <el-form-item label="调用时间" prop="time">
+      <el-form-item label="执行时间" prop="time">
         <el-date-picker
           v-model="queryParams.time"
           type="datetimerange"
@@ -123,10 +123,10 @@
     <el-table v-loading="loading" :data="companyClientList">
       <el-table-column label="记录 ID" align="center" prop="logId" width="90" />
       <el-table-column label="任务 ID" align="center" prop="roboticId" width="90" />
-      <el-table-column label="个微账号" align="center" prop="wxAccountName" width="180" />
-      <el-table-column label="个微昵称" align="center" prop="wxClientName" />
+      <el-table-column label="企微账号" align="center" prop="wxAccountName" width="180" />
+      <el-table-column label="微信昵称" align="center" prop="wxClientName" />
       <el-table-column label="手机号" align="center" prop="phone" />
-      <el-table-column label="话术" align="center" prop="dialogName" />
+<!--      <el-table-column label="话术" align="center" prop="dialogName" />-->
       <el-table-column label="加微类型" align="center" width="100">
         <template slot-scope="scope">
           <el-tag v-if="scope.row.isWeCom == 1" type="success">个微</el-tag>
@@ -158,25 +158,25 @@
         </template>
       </el-table-column>
 
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
-          <!--          <el-button-->
-          <!--            size="mini"-->
-          <!--            type="text"-->
-          <!--            icon="el-icon-edit"-->
-          <!--            @click="handleUpdate(scope.row)"-->
-          <!--            v-hasPermi="['company:companyClient:edit']"-->
-          <!--          >修改</el-button>-->
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['company:addwxlog:remove']"
-          >删除
-          </el-button>
-        </template>
-      </el-table-column>
+<!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
+<!--        <template slot-scope="scope">-->
+<!--          &lt;!&ndash;          <el-button&ndash;&gt;-->
+<!--          &lt;!&ndash;            size="mini"&ndash;&gt;-->
+<!--          &lt;!&ndash;            type="text"&ndash;&gt;-->
+<!--          &lt;!&ndash;            icon="el-icon-edit"&ndash;&gt;-->
+<!--          &lt;!&ndash;            @click="handleUpdate(scope.row)"&ndash;&gt;-->
+<!--          &lt;!&ndash;            v-hasPermi="['company:companyClient:edit']"&ndash;&gt;-->
+<!--          &lt;!&ndash;          >修改</el-button>&ndash;&gt;-->
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--            v-hasPermi="['company:addwxlog:remove']"-->
+<!--          >删除-->
+<!--          </el-button>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
     </el-table>
 
     <pagination
@@ -210,6 +210,7 @@ export default {
       count: {},
       totalRecordCount: 0,
       successRecordCount: 0,
+      todayRecordCount:0,
       queryParams: {
         pageNum: 1,
         pageSize: 10,
@@ -250,6 +251,7 @@ export default {
           this.total = response.total || 0
           this.successRecordCount = response.successRecordCount || 0
           this.totalRecordCount = response.totalRecordCount || 0
+          this.todayRecordCount = response.todayRecordCount || 0
         })
         .finally(() => {
           this.loading = false