CLOUD-13772 前端 - 试用租户web访客端显示风险提示语和到期无法访问

Author: chengxiuning

src/js/app/modules/apiHelper.js

@@ -1362,6 +1362,28 @@ function confirmSatisfaction(robotAgentId, satisfactionCommentKey, selected){
 	});
 }
 
+function getGradeType(){
+	return new Promise(function(resolve, reject){
+		emajax({
+			url: "/v1/webimplugin/tenants/" + config.tenantId + "/info",
+			type: "GET",
+			success: function(resp){
+				var parsed;
+				if(resp){
+					parsed = JSON.parse(resp);
+					resolve(parsed);
+				}
+				else{
+					reject(new Error("unexpected response value."));
+				}
+			},
+			error: function(err){
+				reject(err);
+			}
+		});
+	});
+}
+
 module.exports = {
 	getCurrentServiceSession: getCurrentServiceSession,
 	getToken: getToken,
@@ -1419,6 +1441,7 @@ module.exports = {
 	api: api,
 	getSatisfactionCommentTags: getSatisfactionCommentTags,
 	confirmSatisfaction: confirmSatisfaction,
+	getGradeType: getGradeType,
 
 	setCacheItem: function(key, value){
 		cache[key] = value;

src/js/app/modules/chat.js

@@ -270,6 +270,20 @@ function _scrollToBottom(){
 	typeof scrollToBottom === "function" && scrollToBottom();
 }
 
+function _checkGradeType(){
+	var riskWarning = document.querySelector(".em-widget-risk-warning");
+	apiHelper.getGradeType().then(function(data){
+		var entity = data.entity;
+		var grade = entity.grade;
+		if(grade == "TRIAL"){
+			riskWarning.style.display = "block";
+		}
+		else{
+			riskWarning.style.display = "none";
+		}
+	});
+}
+
 function _initAutoGrow(){
 	var originHeight = doms.textInput.clientHeight;
 
@@ -517,6 +531,12 @@ function _bindEvents(){
 		doms.editorView.style.display = "block";
 		tenantInfo && tenantInfo.show();
 	});
+
+	// 交易风险提醒
+	utils.live("#em-kefu-webim-chat .em-widget-risk-warning .icon-close", "click", function(){
+		var riskWarning = document.querySelector(".em-widget-risk-warning");
+		riskWarning.style.display = "none";
+	});
 	// 提示有新消息
 	eventListener.add(_const.SYSTEM_EVENT.MESSAGE_APPENDED, function(oa, msg){
 		utils.addClass(document.body.querySelector("#em-article-close .back-chat"), "hide");
@@ -922,6 +942,9 @@ function _initSession(){
 
 			_initToolbar();
 
+			// 检测租户版本是否是试用期
+			_checkGradeType();
+
 			// 移动端输入框自动增长
 			utils.isMobile && _initAutoGrow();
 		}

src/scss/body.scss

@@ -1,3 +1,28 @@
+.em-widget-risk-warning{
+	position:fixed;
+	top:41px;
+	left:0;
+	height:40px;
+	background:#FFF2E6;
+	z-index:1;
+	padding: 5px;
+    color: #5d5d5d;
+	font-size:13px;
+	display:none;
+	span{
+		display: inline-block;
+		width:95%;
+	}
+	i{
+		position: absolute;
+		right: 0px;
+		cursor:pointer;
+		&:before {
+			color:#999;
+		}
+	}
+}
+
 /* 消息窗 */
 
 .chat-wrapper {

src/template/body.html

@@ -14,7 +14,10 @@
 
 <!-- UI -->
 <div id="em-kefu-webim-chat" class="em-widget-wrapper hide">
-
+	<div class="em-widget-risk-warning">
+		<span>交易风险提醒：该系统是测试环境，尚未开通正式业务，涉及付款等交易请谨慎！</span>
+		<i class="icon-close btn-audio"></i>
+	</div>
 	<!-- 标题栏 -->
 	<div class="em-widget-header bg-color border-color">
 		<!-- 用于拖动的浮层 -->
@@ -58,6 +61,7 @@
 		<div class="em-widget-tenant-logo hide">
 			<img>
 		</div>
+
 		<!-- <div class="chat-container"></div> -->
 	</div>