AI-1710 公有云：客服对接机器人平台解决/未解决评价 - 网页 (前端)

Author: lixinkuan

demo.html

@@ -106,6 +106,6 @@ <h1>测试</h1>
 };
 </script>
 
-<script src="easemob.js"></script>
+<script src="easemob.js?configId=7c807d13-4c9a-42a7-a634-c4245da8059d"></script>
 </body>
 </html>

src/js/app/modules/apiHelper.js

@@ -1248,6 +1248,67 @@ function getGuessList(data){
 	});
 }
 
+function getStatisfyYes(robotAgentId, satisfactionCommentKey){
+	return new Promise(function(resolve, reject){
+		emajax({
+			url: "/v1/webimplugin/tenants/" + config.tenantId + "/robot-agents/" + robotAgentId + "/satisfaction-comment",
+			data: {
+				satisfactionCommentKey: satisfactionCommentKey,
+				type: 1
+			},
+			type: "POST",
+			success: function(resp){
+				var parsed;
+
+				try{
+					parsed = JSON.parse(resp);
+				}
+				catch(e){}
+
+				if((parsed && parsed.status) === "OK"){
+					resolve(parsed.entity);
+				}
+				else{
+					reject(parsed);
+				}
+			},
+			error: function(e){
+				reject(e);
+			}
+		});
+	});
+}
+function getStatisfyNo(robotAgentId, satisfactionCommentKey){
+	return new Promise(function(resolve, reject){
+		emajax({
+			url: "/v1/webimplugin/tenants/" + config.tenantId + "/robot-agents/" + robotAgentId + "/satisfaction-comment",
+			data: {
+				satisfactionCommentKey: satisfactionCommentKey,
+				type: 2
+			},
+			type: "POST",
+			success: function(resp){
+				var parsed;
+
+				try{
+					parsed = JSON.parse(resp);
+				}
+				catch(e){}
+
+				if((parsed && parsed.status) === "OK"){
+					resolve(parsed.entity);
+				}
+				else{
+					reject(parsed);
+				}
+			},
+			error: function(e){
+				reject(e);
+			}
+		});
+	});
+}
+
 module.exports = {
 	getCurrentServiceSession: getCurrentServiceSession,
 	getToken: getToken,
@@ -1300,6 +1361,8 @@ module.exports = {
 	getGuessList: getGuessList,
 
 	initApiTransfer: initApiTransfer,
+	getStatisfyYes: getStatisfyYes,
+	getStatisfyNo: getStatisfyNo,
 	api: api,
 	setCacheItem: function(key, value){
 		cache[key] = value;

src/js/app/modules/channel.js

@@ -398,6 +398,9 @@ function _handleMessage(msg, options){
 		: (!msg.from || (msg.from.toLowerCase() !== config.user.username.toLowerCase()));
 	var officialAccount = utils.getDataByPath(msg, "ext.weichat.official_account");
 	var marketingTaskId = utils.getDataByPath(msg, "ext.weichat.marketing.marketing_task_id");
+	var satisfactionCommentInvitation = utils.getDataByPath(msg, "ext.weichat.extRobot.satisfactionCommentInvitation");
+	var satisfactionCommentInfo = utils.getDataByPath(msg, "ext.weichat.extRobot.satisfactionCommentInfo");
+	var agentId = utils.getDataByPath(msg, "ext.weichat.agent.userId");
 	var officialAccountId = officialAccount && officialAccount.official_account_id;
 	var videoTicket = utils.getDataByPath(msg, "ext.msgtype.sendVisitorTicket.ticket");
 	var videoExtend = utils.getDataByPath(msg, "ext.msgtype.sendVisitorTicket.extend");
@@ -691,6 +694,18 @@ function _handleMessage(msg, options){
 		noPrompt: noPrompt,
 	});
 
+	// 是否发送解决未解决msg.ext.extRobot.satisfactionCommentInvitation
+	if(satisfactionCommentInvitation && !isHistory){
+		_appendMsg({
+			data: "<p>此次服务是否已解决您的问题：</p><a class='statisfyYes' data-satisfactionCommentInfo='" + satisfactionCommentInfo + "' data-agentId='" + agentId + "'>解决</a>/<a class='statisfyNo' data-satisfactionCommentInfo='" + satisfactionCommentInfo + "' data-agentId='" + agentId + "'>未解决</a>",
+			type: "txtLink",
+		}, {
+			isReceived: true,
+			isHistory: false
+		});
+	}
+	
+
 	if(!isHistory){
 		!noPrompt && _messagePrompt(message, targetOfficialAccount);
 		// 兼容旧的消息格式

src/js/app/modules/chat.js

@@ -470,6 +470,37 @@ function _bindEvents(){
 		satisfaction.show(inviteId, serviceSessionId);
 	});
 
+	// 解决
+	utils.live("a.statisfyYes", "click", function(){
+		var satisfactionCommentKey = this.getAttribute("data-satisfactionCommentInfo");
+		var robotAgentId = this.getAttribute("data-agentId");
+		apiHelper.getStatisfyYes(robotAgentId, satisfactionCommentKey).then(function(data){
+			uikit.tip("谢谢");
+		}, function(err){
+			if(err.errorCode === "KEFU_ROBOT_INTEGRATION_0207"){
+				uikit.tip("已评价");
+			}
+		});
+	});
+
+	// 未解决
+	utils.live("a.statisfyNo", "click", function(){
+		var satisfactionCommentKey = this.getAttribute("data-satisfactionCommentInfo");
+		var robotAgentId = this.getAttribute("data-agentId");
+
+		// this.tagSelector.show(msgId, multiTurnDialogueId);
+		
+		apiHelper.getStatisfyNo(robotAgentId, satisfactionCommentKey).then(function(data){
+			uikit.tip("谢谢");
+		}, function(err){
+			if(err.errorCode === "KEFU_ROBOT_INTEGRATION_0207"){
+				uikit.tip("已评价");
+			}
+		});
+
+		// this.tagSelector.show(msgId, multiTurnDialogueId);
+	});
+
 	utils.live("#em-article-close .icon-back", "click", function(){
 		var articleContainer = document.getElementById("em-article-container");
 		var iframe = articleContainer.querySelector("iframe");

src/js/app/modules/tools/messageFactory.js

@@ -18,6 +18,9 @@ function genMsgContent(msg){
 		// 历史消息以及收到的实时消息
 		html = "<span class=\"text\">" + _.map(value, function(fragment){ return fragment.value; }).join("") + "</span>";
 		break;
+	case "txtLink":
+		html = value;
+		break;
 	case "img":
 		// todo: remove a
 		html = "<a href=\"javascript:;\"><img class=\"em-widget-imgview\" src=\""

src/scss/chat.scss

@@ -535,3 +535,10 @@
 		transform: rotate(360deg)
 	}
 }
+
+.statisfyYes {
+	cursor: pointer;
+}
+.statisfyNo {
+	cursor: pointer;
+}