代码提交

CallCenterWeb.UI/Arrangefollow/arrange.html

 		<div class="wrapper wrapper-content animated fadeInRight">
 			<ul class="nav nav-tabs hu-tab">
 				<li role="presentation" class="active">
-					<a href="javascript:;">全部</a>
+					<a href="javascript:;">全部(<span class="total" style="color: green;">1</span>)</a>
 				</li>
 				<li role="presentation">
-					<a href="javascript:;">未随访</a> 
+					<a href="javascript:;">未随访(<span class="wsfrh" style="color: green;">1</span>)</a> 
 				</li>
 				<li role="presentation">
-					<a href="javascript:;">已随访</a>
+					<a href="javascript:;">已随访(<span class="asfrh" style="color: green;">1</span>)</a>
 				</li>
 			</ul>
 			<div class="toolBar clearfix">
 					<div class="form-inline">
 						<div class="time-box form-group">
 							<i class="tub fa fa-calendar"></i>
-							<input class="form-control search_time tdWidth" type="text" id="sc_time" placeholder="请选择起止时间">
+							<input class="form-control search_time tdWidth" autocomplete="off" type="text" id="sc_time" placeholder="请选择起止时间">
 						</div>
 						<div class="form-group" style="width: 200px;">
 							<select class="form-control selectpicker" id="seatList" data-live-search="true">
 							</select>
 						</div>
 						<div class="time-box form-group">
-							<input type="text" class="form-control" id="sc_key" placeholder="患者姓名、电话、诊断" />
+							<input type="text" class="form-control" id="searCon" placeholder="患者姓名、电话、诊断" />
 						</div>
 					</div>
 				</div>
 							<th data-field="Department" data-align="center">科室</th>
 							<th data-field="PTime" data-align="center" data-formatter="oprateTime">时间</th>
 							<th data-field="PatirntName" data-align="center">患者姓名</th>
-							<th data-field="Phone" data-align="center">电话</th>
+							<th data-field="Phone" data-align="center" data-formatter="opratePhone">电话</th>
 							<th data-field="Sex" data-align="center" data-formatter="oprateSex">性别</th>
 							<th data-field="Age" data-align="center">年龄</th>
 							<th data-field="Diagnosis" data-align="center">诊断</th>
 							<th data-field="Doctor" data-align="center">医生</th>
 							<th data-field="FollowUp" data-align="center" data-formatter="oprateFollowUp">随访状态</th>
+							<th data-field="Note" data-align="center">备注</th>
+							<th data-field="Satisfaction" data-align="center" data-formatter="oprateSatisfaction">满意度</th>
 							<th  data-field="WorkOrderID" data-align="center" data-formatter="formatterOprateDeal">操作</th>
 						</tr>
 					</thead>

CallCenterWeb.UI/Arrangefollow/arrangeCall.html

 		<link rel="stylesheet" href="../css/init.css">
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
-		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
+		<link href="../css/Table/table1.css" rel="stylesheet" />
 		<link rel="stylesheet" href="css/zhishiku.css" />
 		<title>随访列表</title>
 		<style>
 				height: 34px;
 				line-height: 34px;
 			}
+			.tool_downs{
+				margin: 0;
+				padding: 0;
+			}
+			.tool_downs li {
+			    float: none;
+			    display: inline-block;
+			}
 		</style>
 	</head>
 
 					<div class="form-inline">
 						<div class="time-box form-group">
 							<i class="tub fa fa-calendar"></i>
-							<input class="form-control search_time tdWidth" type="text" id="sc_time" placeholder="请选择起止时间">
+							<input class="form-control search_time tdWidth" autocomplete="off" type="text" id="sc_time" placeholder="请选择起止时间">
 						</div>
 						<div class="form-group" style="width: 200px;">
 							<select class="form-control selectpicker" id="seatList" data-live-search="true">
 						</div>
 						<div class="form-group" style="width: 200px;">
 							<select class="form-control selectpicker" id="satisfaction" data-live-search="true">
-								<option value="0">请选择满意度</option>
-								<option value="0">满意</option>
+								<option value="-1">请选择满意度</option>
+								<option value="1">满意</option>
 								<option value="0">不满意</option>
-								<option value="0">表扬</option>
+								<option value="2">表扬</option>
 							</select>
 						</div>
 						<div class="time-box form-group">
-							<input type="text" class="form-control" id="sc_key" placeholder="患者姓名、电话、诊断" />
+							<input type="text" class="form-control" id="searCon" placeholder="患者姓名、电话、诊断" />
 						</div>
 					</div>
 				</div>
 							<th data-field="Department" data-align="center">科室</th>
 							<th data-field="PTime" data-align="center" data-formatter="oprateTime">时间</th>
 							<th data-field="PatirntName" data-align="center">患者姓名</th>
-							<th data-field="Phone" data-align="center">电话</th>
+							<th data-field="Phone" data-align="center" data-formatter="opratePhone">电话</th>
 							<th data-field="Sex" data-align="center" data-formatter="oprateSex">性别</th>
 							<th data-field="Age" data-align="center">年龄</th>
 							<th data-field="Diagnosis" data-align="center">诊断</th>
 							<th data-field="Doctor" data-align="center">医生</th>
 							<th data-field="FollowUp" data-align="center" data-formatter="oprateFollowUp">随访状态</th>
+							<th data-field="FilePath" data-formatter="oprateFile" data-align="center">录音</th>
 							<th data-field="Note" data-align="center">备注</th>
 							<th data-field="Satisfaction" data-align="center" data-formatter="oprateSatisfaction">满意度</th>
 							<th  data-field="WorkOrderID" data-align="center" data-formatter="formatterOprateDeal">操作</th>
 				
 			</div>
 		</div>
+		
+		<!--下载框-->
+	    <div class="t-shade">
+	        <div class="shade_k">
+	            <div class="shade_title">
+	                <span>录音播放与下载<srong class="cknum"></srong></span>
+	                <span class="setwin"><a>x</a></span>
+	            </div>
+	            <div class="shade_content">
+	                <div class="Ly_box audiojs"></div>
+	                <div class="boxCon LY_box"></div>
+	            </div>
+	        </div>
+	    </div>
+	    
 		<script src="../js/zTree/jquery.ztree.core.js"></script>
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
 		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>

CallCenterWeb.UI/Arrangefollow/css/zhishiku.css

 .tdWidth{
 	width: 86%;
 }
+.phoneBtn{
+	color: green;
+}

CallCenterWeb.UI/Arrangefollow/js/arrange.js

 var token = $.cookie("token");
 var kn_id = ""; //当前节点id
 var pid; //当前父节点ID
-var keyWord = $('.searCon').val(); //关键字
+var keyWord = $('#searCon').val(); //关键字
 var table = $('#table1'); //右边表格
 var followUp = 0; 
 
 $(function() {
 	laydate.render({
 		elem: '#sc_time',
+		range: '~',
 		theme: '#1ab394',
-		calendar: true
+		calendar: 'true'
 	});
 	initTable();
 	seatList($("#seatList"));
 	//搜索按钮
 	$('#sc_btns').click(function() {
-		keyWord = $('.searCon').val();
+		keyWord = $('#searCon').val();
 		initTable();
 	});
 	//tab切换
 		showColumns: false, //显示下拉框勾选要显示的列
 		showRefresh: false, //显示刷新按钮
 		sidePagination: "server", //表示服务端请求
+//		responseHandler: function (res) {
+//			return {
+//			
+//			//"total": res.rows.length,
+//			
+//			};
+//		
+//		},
 		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
 		//设置为limit可以获取limit, offset, search, sort, order
 		queryParamsType: "undefined",
 				page: params.pageNumber,
 				pagesize: params.pageSize,
 				token: token,
-				PTime:$("#sc_time").val(),
-				Department:$("#seatList").val(),
-//				sc_key:sc_key
-				pid: kn_id,
-				FollowUp:followUp,
-				keywords: keyWord
+				begintime:$('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0],
+				endtime:$('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1],
+				department:$("#seatList").val(),
+				followUp:followUp,
+				keyword: keyWord
 			};
 			return param;
 		},
-		onLoadSuccess: function() { //加载成功时执行
+		onLoadSuccess: function(res) { //加载成功时执行
+			//if(followUp==0){
+				$(".total").text(res.sfzs) 
+				$(".asfrh").text(res.asfrh)
+				$(".wsfrh").text(res.wsfrh)
+			//}
+			
 			//layer.msg("加载成功");
 		},
 		onLoadError: function() { //加载失败时执行
 
 //格式化操作 （待指派）
 function formatterOprateDeal(val, row) {
-	console.log(row.FollowUp)
-	return '<ul class="tool_downs">' +
+	if (row.FollowUp==1) {
+		return '<ul class="tool_downs">' +
 		'<li><a href="javascript:;" class="aBtn" onclick="btn_edit(\'' + row.PatirntID + '\')" title="修改">修改</a></li>' +
 		'<li><a href="javascript:;" class="aBtn" onclick="btn_delete(\'' + row.PatirntID + '\')" title="删除">删除</a></li>' +
 		'</ul>';
+	} else if (row.FollowUp==2) {
+		return '<ul class="tool_downs">' +
+		'<li><a href="javascript:;" class="aBtn" onclick="btn_satisfaction(\'' + row.PatirntID + '\')" title="满意度">满意度</a></li>' +
+		'<li><a href="javascript:;" class="aBtn" onclick="btn_remark(\'' + row.PatirntID + '\')" title="备注">备注</a></li>' +
+		'</ul>';
+	}
+	
 }
 
+//电话格式处理
+function opratePhone (val, row) {
+	if (row.Satisfaction==0&&row.FollowUp==2) {
+        
+        return '<ul class="tool_downs">' +
+		'<li><a href="javascript:;" class="phoneBtn" onclick="phoneCall(\'' + val + '\')" title="满意度">'+val+'</a></li>' +
+		'</ul>';
+            
+    }else{
+    	return val
+    }
+}
+function phoneCall () {
+	layer.confirm('您确定要外呼吗？', {
+		icon: 7,
+		btn: ['确定', '取消'],
+		yes: function(index, layero) {
+			layer.msg("呼叫成功");
+			table.bootstrapTable('refresh');
+		},
+	});
+}
 function btn_edit(changes){
 	console.log(changes)
 	layer.open({
 
 //随访状态
 function oprateFollowUp(val){
-	
-	if (val==0) {
+	if (val==1) {
 		return "未随访"
-	} else if (val==1) {
-		return "随访"
+	} else if (val==2) {
+		return "已随访"
+	}
+	
+}
+// 满意度
+function oprateSatisfaction(val, row){
+	if (row.FollowUp!=1) {
+		if (val==0) {
+			return "不满意"
+		} else if (val==1) {
+			return "满意"
+		} else if (val==2) {
+			return "表扬"
+		}
 	}
 	
 }
 
+//满意度
+function btn_satisfaction(changes){
+	console.log(changes)
+	layer.open({
+		type: 2,
+		title: '编辑满意度',
+		shadeClose: true, //是否开启点击遮罩关闭
+		shade: 0.4, //遮罩
+		maxmin: true, //开启最大化最小化按钮
+		moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的，会有个过度的透明框。但是如果你不喜欢，你可以设定moveType: 1切换到传统的拖拽模式
+		moveOut: false, //拖拽到窗口外
+		//resize: true,//是否允许拉伸
+		area: ['40%', '30%'],
+		content: "template/addOrEditSatisfaction.html?edit_id=" + changes
+	});
+}
+
+//备注
+function btn_remark (changes) {
+	layer.open({
+		type: 2,
+		title: '编辑备注',
+		shadeClose: true, //是否开启点击遮罩关闭
+		shade: 0.4, //遮罩
+		maxmin: true, //开启最大化最小化按钮
+		moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的，会有个过度的透明框。但是如果你不喜欢，你可以设定moveType: 1切换到传统的拖拽模式
+		moveOut: false, //拖拽到窗口外
+		//resize: true,//是否允许拉伸
+		area: ['40%', '30%'],
+		content: "template/addOrEditRemark.html?edit_id=" + changes
+	});
+}
 //绑定导入 按钮
 $('#HY_import').on('click', btn_import);
 
 }
 
 function dcexcel(obj) {
-	var url = huayi.config.callcenter_url + "Knowledge/ExportExcel?token=" + token;
-	url += "&pid=" + kn_id; //pid	是	string	知识库分类
-	url += "&keywords=" + $(".searCon").val(); //是	关键词
+	var url = huayi.config.callcenter_url + "Customer/SFHZExptList?token=" + token;
+	url += "&FollowUp=" + followUp; //pid	是	string	知识库分类
+	url += "&keyword=" + $("#searCon").val(); //是	关键词
+	url += "&begintime=" + $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0]; //是	关键词
+	url += "&endtime=" + $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1]; //是	关键词
+	url += "&department=" + $('#seatList').val(); //是	关键词
+	
+	console.log(url)
 	obj.href = url;
 }
 

CallCenterWeb.UI/Arrangefollow/js/arrangeCall.js

 var pid; //当前父节点ID
 var name = ''; //选择的name
 var pidName; //父节点name
-var keyWord = $('.searCon').val(); //关键字
+var keyWord = $('#searCon').val(); //关键字
 var table = $('#table1'); //右边表格
-var followUp = 0;
+var followUp = 2;
 
 $(function() {
 	laydate.render({
 		elem: '#sc_time',
+		range: '~',
 		theme: '#1ab394',
-		calendar: true
+		calendar: 'true'
 	});
 	initTable();
 	seatList($("#seatList"));
 	//搜索按钮
 	$('#sc_btns').click(function() {
-		keyWord = $('.searCon').val();
+		keyWord = $('#searCon').val();
 		initTable();
 	});
 });
 				page: params.pageNumber,
 				pagesize: params.pageSize,
 				token: token,
+				begintime:$('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0],
+				endtime:$('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1],
+				Department:$("#seatList").val(),
+				Satisfaction:$("#satisfaction").val(),
 				FollowUp:followUp,
-				pid: kn_id,
-				keywords: keyWord
+				keyword: keyWord
 			};
 			return param;
 		},
 		content: "template/addOrEditSatisfaction.html?edit_id=" + changes
 	});
 }
-
 //备注
 function btn_remark (changes) {
 	layer.open({
 	});
 }
 
+$(".setwin").click(function () {
+    $(".t-shade").removeClass("cx");
+    $('audio')[0].pause();
+});
+
 //时间处理
 function oprateTime(val) {
     if (val) {
         );
     }
 }
-
+//电话格式处理
+function opratePhone (val, row) {
+	console.log(row.Satisfaction)
+	if (row.Satisfaction==0) {
+        
+        return '<ul class="tool_downs">' +
+		'<li><a href="javascript:;" class="phoneBtn" onclick="phoneCall(\'' + val + '\')" title="满意度">'+val+'</a></li>' +
+		'</ul>';
+            
+    }else{
+    	return val
+    }
+}
+//点击外呼
+function phoneCall () {
+	layer.confirm('您确定要外呼吗？', {
+		icon: 7,
+		btn: ['确定', '取消'],
+		yes: function(index, layero) {
+			layer.msg("呼叫成功");
+			table.bootstrapTable('refresh');
+		},
+	});
+}
+//录音
+function oprateFile(val) {
+    if (val) {
+        return (
+            '<div class="imgs">' +
+            '<img src="../img/vice.png" alt="" onclick= ck(this) item="' +
+            val +
+            '" />' +
+            "</div>"
+        );
+    } else {
+        return (
+            '<div class="imgs">' +
+            '<img src="../img/vice.png" alt="" onclick= ck(this) item="' +
+            val +
+            '" />' +
+            "</div>"
+        );
+    }
+}
+//录音
+function ck(val) {
+    var path = $(val).attr("item");
+    $(".t-shade").addClass("cx");
+    $(".Ly_box").empty();
+    $(".LY_box").empty();
+    $(
+        '<audio  style="width:100%;"class=" " src="' +
+        path +
+        '" loop="loop" controls="controls"></audio>'
+    ).appendTo(".Ly_box");
+    $(
+        '<a href="' +
+        path +
+        '" class="sc_btn LY "download="' +
+        path +
+        '">下载录音</a>'
+    ).appendTo(".LY_box");
+}
+//录音
+//function ck(val) {
+//  var path = $(val).attr("item");
+//  $(".t-shade").addClass("cx");
+//  $(".Ly_box").empty();
+//  $(".LY_box").empty();
+//  $('<audio  style="width:100%;"class=" " src="' + path + '" loop="loop" type="audio/v3" controls="controls"></audio>').appendTo(".Ly_box");
+//}
 //性别
 function oprateSex(val){
 	if (val=="1") {
 //随访状态
 function oprateFollowUp(val){
 	
-	if (val==0) {
+	if (val==1) {
 		return "未随访"
-	} else if (val==1) {
-		return "随访"
+	} else if (val==2) {
+		return "已随访"
 	}
 	
 }
 }
 
 function dcexcel(obj) {
-	var url = huayi.config.callcenter_url + "Knowledge/ExportExcel?token=" + token;
-	url += "&pid=" + kn_id; //pid	是	string	知识库分类
-	url += "&keywords=" + $(".searCon").val(); //是	关键词
+	var url = huayi.config.callcenter_url + "Customer/SFHZysfdcExptList?token=" + token;
+	url += "&FollowUp=" + followUp; //pid	是	string	知识库分类
+	url += "&keyword=" + $("#searCon").val(); //是	关键词
+	url += "&begintime=" + $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0]; //是	关键词
+	url += "&endtime=" + $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1]; //是	关键词
+	url += "&department=" + $('#seatList').val(); //是	关键词
+	url += "&satisfaction=" + $('#satisfaction').val(); //是	关键词
+	
+	console.log(url)
 	obj.href = url;
 }
 

CallCenterWeb.UI/TelCall/CallRecord.html

                                 data-formatter="formatterDealType"
                                 data-align="center"
                             >
-                                处理方式
+                               		 处理方式
                             </th> -->
                         <th data-field="CallState" data-formatter="states" data-align="center">
                             呼叫状态

CallCenterweb.UI/Arrangefollow/arrangeReport.html

+<!DOCTYPE html>
+<html>
+
+	<head>
+
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+		<title>业务数据报表</title>
+		<!--[if lt IE 9]>
+	    <meta http-equiv="refresh" content="0;ie.html" />
+	    <![endif]-->
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="../js/select2/css/select2.min.css" />
+		<link rel="stylesheet" href="../js/layui/css/layui.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<style>
+			.zxt-top {
+				background: #f3f3f4;
+				height: 60px;
+				padding: 10px 20px;
+			}
+			
+			.topCon {
+				float: none !important;
+				margin-right: 45px;
+			}
+			
+			.zxt-content {
+				display: inline-block;
+				width: 90%;
+				margin: 20px 5%;
+			}
+			.select2-container--default .select2-selection--single{
+				border-color: #e5e6e7;
+			}
+		</style>
+	</head>
+
+	<body class="gray-bg" style="background: #fefefe;">
+		<div class="zxtable">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
+						<a href="javaScript:;">随访管理</a>&gt;
+						<a href="" class="nowPosition">随访报表</a>
+					</sapn>
+				</div>
+				<div class="dhRight">
+					<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+				</div>
+			</div>
+			<div class="zxt-top clearfix">
+				<div class="topCon">
+					<div class="form-inline th-bar clearfix">
+						<div class="time-box form-group">
+							<i class="tub fa fa-calendar"></i>
+							<input class="form-control" autocomplete="off" type="text" id="startTime" placeholder="请选择起止时间" style="width: 228px;">
+						</div>
+						<div class="form-group tool_bars pull-right">
+							<button class="btns sear">搜索</button>
+							<a class="btns export">导出</a>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="zxt-content">
+				<table class="layui-hide" id="t_callTotal"></table>
+			</div>
+		</div>
+
+		<script src="../js/layui/layui.js"></script>
+		<script src="../js/select2/js/select2.min.js"></script>
+
+		<script>
+			var token = $.cookie("token");
+			var ptime = ''; //开始时间
+			var endtime = ''; //结束时间
+			$(function() {
+				var regNum = /^[0-9]+$/;
+				layui.use('laydate', function() {
+					var laydate = layui.laydate;
+					//日期
+					laydate.render({
+						elem: '#startTime',
+						range: '~',
+						theme: '#1ab394',
+						calendar: 'true'
+					});
+				});
+				getTableDataList(); //获取表格数据
+				//搜索事件
+				$(".sear").click(function() {
+					ptime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];
+					endtime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
+					getTableDataList(); //获取表格数据
+				});
+				//导出
+				$('.export').click(function() {
+					ptime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];
+					endtime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
+					dcexcel(this);
+				});
+
+			});
+
+			function dcexcel(obj) {
+				var url = huayi.config.callcenter_url + "Customer/ExptList?token=" + token;
+				url += "&ptime=" + ptime + "&endtime=" + endtime;
+				obj.href = url;
+			}
+			//加载表格
+			function getTableDataList() {
+				layui.use('table', function() {
+					var table = layui.table;
+					$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "Customer/ForDepartment", // 数据接口
+						data: {
+							ptime: ptime, // 开始时间
+							endtime: endtime, // 结束时间
+							token: token
+						},
+						async: true,
+						success: function(r) {
+							var obj = JSON.parse(r);
+							console.log(obj)
+							var data = obj.rows;
+							//方法级渲染
+							table.render({
+								elem: '#t_callTotal',
+								skin: 'row', //line （行边框风格） row （列边框风格） nob （无边框风格）
+								even: true, //开启隔行背景
+								size: 'md', //sm,lg,md尺寸的表格
+								cellMinWidth: 160,
+								data: data,
+								page: true,
+								cols: [
+									[
+										{
+											field: 'ks',
+											title: '科室',
+											align: 'center',
+											fixed: true,
+											//sort: true,
+											width: 150,
+										}, {
+											field: 'sfzl',
+											title: '随访总量',
+											align: 'center',
+											width: '',
+										},
+										{
+											field: 'mysl',
+											title: '满意',
+											align: 'center',
+											width: '',
+										},
+										{
+											field: 'myd',
+											title: '满意度',
+											align: 'center',
+											width: '',
+										},
+										{
+											field: 'bysl',
+											title: '表扬',
+											align: 'center',
+											width: '',
+										},
+										{
+											field: 'byd',
+											title: '表扬度',
+											align: 'center',
+											width: '',
+										},
+										{
+											field: 'bmysl',
+											title: '不满意数量',
+											align: 'center',
+											width: '',
+										},
+										{
+											field: 'bmyd',
+											title: '不满意度',
+											align: 'center',
+											width: '',
+										},
+										{
+											field: 'zhmyd',
+											title: '综合满意度',
+											align: 'center',
+											width: '',
+										}
+									]
+								],
+								//height: 'full-150'
+							});
+						}
+					});
+				});
+			}
+
+		</script>
+	</body>
+
+</html>