MES-WEB-LayUI.git

			@@ -8,18 +8,13 @@
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
			<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
			<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			<script src="../../../layuiadmin/layui/zgqlayui.js"></script>
			<script src="../../../layuiadmin/treeTable.js"></script>
			<script src="../../../layuiadmin/layui/layui.js"></script>
			<script src="../../../layuiadmin/Scripts/json2.js"></script>
			<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
			<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
			<script src="../../../layuiadmin/layui/lay/modules/util.js"></script>
			<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
			<style media="screen">
			.custom-tree-item-clicked {
			color: #FC9003
			}
			</style>
			<script src="../../../layuiadmin/PubCustom.js"></script>
			<script src="../../../layuiadmin/soulTable.slim.js"></script>

			</head>
			<body>
			<div class="layui-fluid">
			@@ -29,53 +24,46 @@
			<form class="layui-form" action="" lay-filter="component-form-group">
			<div class="layui-collapse">
			<div class="layui-colla-item">
			<div style="padding: 10px;">
			<button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="btnAdd"><i class="layui-icon layui-icon-add-1"></i>æ°å¢</button>
			<button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="btnModify"><i class="layui-icon layui-icon-edit"></i>ä¿®æ¹</button>
			<button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="btndelete"><i class="layui-icon layui-icon-delete"></i>å é¤</button>
			</div>

			<div class="layui-form-item" style="border-top: solid 1px #F6F6F6;">
			<div class="layui-row" style="padding:10px 0">
			<div class="layui-col-xs3 layui-inline" style="width: 23%;">
			<div id="treeCheckItem" lay-filter="treeCheckItem" class="demo-tree demo-tree-box" style="height: 520px; overflow: scroll;"></div>
			</div>
			<div class="layui-col-xs9 layui-inline">
			<div class="layui-row">
			<div class="layui-inline">
			<label class="layui-form-label">ä»£ç </label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HNumber" id="HNumber">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">åç§°</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HName" id="HName">
			</div>
			</div>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
			</div>
			<div>
			<table class="" id="mainTable" lay-filter="mainTable"></table>
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label" style="width: 85px;">ä»£ç </label>
			<div class="layui-input-block" style="margin-left: 120px;">
			<input type="text" class="layui-input" name="HNumber" id="HNumber">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label" style="width: 85px;">åç§°</label>
			<div class="layui-input-block" style="margin-left: 120px;">
			<input type="text" class="layui-input" name="HName" id="HName">
			</div>
			</div>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch" style="padding:0 5px">éç½®</button>

			</div>
			</div>
			<table class="" id="mainTable" lay-filter="mainTable"></table>
			<script type="text/html" id="toolbarDemo">
			<div class="layui-btn-container">
			<button type="button" class="layui-btn layui-btn-sm" lay-event="set_AddNew"><i class="layui-icon layui-icon-file-b"></i>æ°å¢</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="set_ShowBill"><i class="layui-icon layui-icon-form"></i>ç¼è¾</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="set_DeleteBill"><i class="layui-icon layui-icon-delete"></i>å é¤</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_Refresh"><i class="layui-icon layui-icon-refresh-3"></i>å·æ°</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-view"><i class="layui-icon layui-icon-tips"></i>é¢è§</button>
			<!--<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Audit"><i class="layui-icon layui-icon-radio"></i>å®¡æ ¸</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-DeAudit"><i class="layui-icon layui-icon-circle"></i>åå®¡æ ¸</button>-->
			<button type="button" class="layui-btn layui-btn-sm" lay-event="get_Exit"><i class="layui-icon layui-icon-logout"></i>éåº</button>

			</div>
			</script>
			</form>
			</div>
			</div>
			</div>
			</div>


			<script>
			var treeCkData = { id: 0 };

			var TagId = "";
			var TagParentId = "";
			var Level = "1";
			@@ -84,7 +72,8 @@
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			index: 'lib/index', //ä¸»å¥å£æ¨¡å
			}).use(['tree', 'index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
			}).use(['tree', 'index', 'form', 'table', 'element', 'laypage', 'laydate','soulTable'], function () {
			//#region å¬å±åé
			var $ = layui.$
			, admin = layui.admin
			, layer = layui.layer
			@@ -95,101 +84,165 @@
			, laydate = layui.laydate
			, util = layui.util
			, tree = layui.tree
			, soulTable = layui.soulTable
			//æ¥è¯¢æ¡ä»¶
			var sWhere = "";
			let that = this;
			tree.render({
			elem: '#treeCheckItem',
			data: getData(sWhere),
			showCheckbox: false, //æ¯å¦æ¾ç¤ºå¤éæ¡
			id: 'demoId',
			isJump: false, //æ¯å¦åè®¸ç¹å»èç¹æ¶å¼¹åºæ°çªå£è·³è½¬
			showLine: true,//æ¯å¦å¼å¯è¿æ¥çº¿
			onlyIconControl: true, //ç¹å»åä¸æ¶ç¼©
			click: function (obj) {
			//ç¹å»é«å
			if (obj.data.id !== treeCkData.id) {
			$('div[data-id="' + obj.data.id + '"] span').eq(1).last().addClass("custom-tree-item-clicked");
			$('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
			treeCkData = obj.data;
			TagId = obj.data.id;
			TagParentId = obj.data.ParentID;
			Level = obj.data.HLevel+1;
			}
			else {
			$('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
			treeCkData = { id: 0 };
			TagId = "";
			TagParentId = "";
			Level = "1";
			}
			var option = [];
			//#endregion

			$.ajax({
			url: GetWEBURL() + '/Gy_ModelType/cx',
			type: "GET",
			data: { "HInterID": obj.data.id },
			success: function (data1) {
			if (data1.count == 1) {
			option.data = data1.data;
			table.render(option);
			layer.close(index);
			} else {
			layer.close(index);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(index);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });

			//#region è¿å¥é¡µé¢å³å è½½
			//åå§åè¡¨æ ¼
			set_ClearBill();
			//#endregion


			//#region å¤´å·¥å·æ äºä»¶

			table.on('toolbar(mainTable)', function (obj) {
			switch (obj.event) {
			//æ°å¢
			case 'set_AddNew': set_AddNew();
			break;
			//ç¼è¾
			case 'set_ShowBill': set_ShowBill();
			break;
			//å é¤
			case 'set_DeleteBill': set_DeleteBill();
			break;
			//å·æ°
			case 'get_Refresh': get_Refresh();
			break;
			//æµè§
			case 'btn-view':
			get_ViewReport();
			break;
			//å®¡æ ¸
			case 'btn-Audit': set_AuditBill();
			break;
			//åå®¡æ ¸
			case 'btn-DeAudit': set_DeAuditBill();
			break;
			//éåºæé®
			case 'get_Exit': Pub_Close(2);
			break;
			};
			});
			//#endregion

			//#region éç½®æé®
			form.on('submit(btnReSearch)', function (data) {
			set_ClearQuery();
			});
			//#endregion

			//#region æ¥è¯¢æé®
			form.on('submit(btnSearch)', function (data) {
			get_FastQuery();
			});
			//#endregion

			//#region åå»è¿åæ°æ®
			table.on('rowDouble(mainTable)', function (obj) {
			var data = [];
			data.push(obj.data);
			parent.GetMouldTypeValue(data);
			var index = parent.layer.getFrameIndex(window.name);
			parent.layer.close(index);
			});
			//#endregion

			//åå§åè¡¨æ ¼

			function set_ClearBill() {
			//åå§åè¡¨æ ¼
			set_InitGrid();

			//æ¥è¯¢
			get_Display(sWhere);
			}

			//#regionåå§åè¡¨æ ¼
			function set_InitGrid() {
			option = {
			elem: '#mainTable'
			, toolbar: '#toolbarDemo'
			, totalRow: true
			, height: 'full-50'
			, page: true
			, limits: [50, 500, 5000, 50000]
			, limit: 50
			, cellMinWidth: 90
			, done: function (res, curr, count) {
			soulTable.render(this);
			}
			, cols: [[
			{ type: 'checkbox', fixed: 'left', totalRowText: 'åè®¡è¡' }
			, { field: 'HItemID', title: 'HItemID', sort: true, hide: true ,sort:true}
			, { field: 'HParentID', title: 'HParentID', sort: true, hide: true, sort: true}
			, { field: 'HNumber', title: 'ä»£ç ', width: 200, sort: true}
			, { field: 'HName', title: 'åç§°', width: 200, sort: true}
			, { field: 'HLevel', title: 'ççº§', width: 200, sort: true}
			, { field: 'HEndFlag', title: 'æç»æ è®°', width: 200, sort: true}
			, { field: 'HStopFlag', title: 'ç¦ç¨æ è®°', width: 200, sort: true}
			, { field: 'HRemark', title: 'å¤æ³¨', width: 200, sort: true}
			, { field: 'HUseFlag', title: 'ä½¿ç¨æ è®°', width: 200, sort: true}
			]]
			};
			}
			//æ¥è¯¢
			function get_Display(sWhere) {
			var ModRightNameSelect = 'Gy_MouldTypeList';
			var ajaxLoad = layer.load();
			//è¿å¥é¡µé¢æ¾ç¤ºçç¼ååè¡¨
			$.ajax({
			url: GetWEBURL() + '/Gy_ModelType/list',
			type: "GET",
			data: { "sWhere": sWhere, "ModRightNameSelect": ModRightNameSelect, "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.count == 1) {
			option.data = data1.data;
			table.render(option);
			layer.close(ajaxLoad);
			} else {
			layer.close(ajaxLoad);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			});
			}
			});


			var option = {
			elem: '#mainTable'
			//, toolbar: '#toolbarDemo'
			, height: '500'
			, page: true
			, cellMinWidth: 90
			, cols: [[
			{ type: 'radio', fixed: 'left' }
			, { field: 'HItemID', title: 'HItemID', sort: true, hide: true }
			, { field: 'HParentID', title: 'HParentID', sort: true, hide: true }
			, { field: 'HNumber', title: 'ä»£ç ',width:200 }
			, { field: 'HName', title: 'åç§°', width: 200 }
			, { field: 'HLevel', title: 'ççº§', width: 200 }
			, { field: 'HEndFlag', title: 'æç»æ è®°', width: 200}
			, { field: 'HStopFlag', title: 'ç¦ç¨æ è®°', width: 200}
			, { field: 'HRemark', title: 'å¤æ³¨', width: 200}
			, { field: 'HUseFlag', title: 'ä½¿ç¨æ è®°', width: 200}
			]]
			};

			var index = layer.load(0, { shade: false });
			//è¿å¥é¡µé¢æ¾ç¤ºçç¼ååè¡¨
			$.ajax({
			url: GetWEBURL() + '/Gy_ModelType/list',
			type: "GET",
			data: { "sWhere": sWhere },
			success: function (data1) {
			if (data1.count == 1) {
			option.data = data1.data;
			table.render(option);
			layer.close(index);
			} else {
			layer.close(index);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}, error: function () {
			layer.close(ajaxLoad);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			}, error: function () {
			layer.close(index);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			});
			}
			//#endregion

			//#region å¿«éè¿æ»¤
			function get_FastQuery() {
			var HNumber = $("#HNumber").val();
			var HName = $("#HName").val();
			if (HNumber) {
			sWhere += " and HNumber like '%" + HNumber + "%'";
			}
			});
			if (HName) {
			sWhere += " and HName like '%" + HName + "%'";
			}
			get_Display(sWhere);
			sWhere = "";//è°ç¨æ¥å£åæ¸ç©ºsWhereç¼å
			}
			//#endregion

			//#region éç½®è¿æ»¤æ¡ä»¶æ¹æ³
			function set_ClearQuery() {
			$("#HNumber").val("");
			$("#HName").val("");
			sWhere = "";
			get_Display(sWhere);
			}
			//#endregion


			//#region å·¥å·æ äºä»¶
			//æ°å¢
			form.on('submit(btnAdd)', function (obj) {
			function set_AddNew() {
			//é¡µé¢å±-èªå®ä¹
			layer.open({
			type: 2,
			@@ -199,7 +252,7 @@
			shift: 2,
			area: ['80%', '80%'],
			maxmin: true,
			content: ['../å¬ç¨åºç¡èµæ/Add_Edit_Gy_MouldType.html?hID=' + TagId + '&Level=' + Level+''],
			content: ['../å¬ç¨åºç¡èµæ/Add_Edit_Gy_MouldType.html?hID=' + TagId + '&Level=' + Level + ''],
			end: function () {
			//å·æ°é¡µé¢,
			location.reload();
			@@ -208,12 +261,12 @@

			}
			});
			return false;//è¿éå ä¸ªreturn false;å°±ä¸ä¼ä¸¤æ¬¡æäº¤
			})

			}

			//å é¤
			form.on('submit(btndelete)', function (obj) {
			var ModRightNameDelete = 'Gy_QCCheckItem_Delete'
			function set_DeleteBill() {
			var ModRightNameDelete = 'Gy_MouldType_Delete';
			if (TagId != "") {
			layer.confirm('æ¨ç¡®å®è¦å é¤åï¼', {
			btn: ['ç¡®å®', 'åæ¶'] //æé®
			@@ -269,7 +322,7 @@
			//ä¿®æ¹ä¸ºååå·æ°çé¢
			window.location.reload();
			//éè½½tree
			tree.reload('treeDepartment', {});
			//tree.reload('treeDepartment', {});
			});

			} else {
			@@ -284,43 +337,110 @@
			layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼');
			}
			}
			});
			};

			//å·æ°
			function set_Refresh() {
			$("#btnSearch").click();
			}

			//é¢è§
			function get_ViewReport() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			var InterID = data[0].hmainid.toString();
			window.open("../../åºç¡èµæ/å¬ç¨åºç¡èµæ/HBarPlanPrint.html?linterid=" + InterID + "&Type=HMouldType&OpenTmp=å¨å·åç±»");


			//æ¥è¯¢æé®
			form.on('submit(btnSearch)', function (data) {
			var HNumber = $("#HNumber").val();
			var HName = $("#HName").val();
			if (HNumber) {
			sWhere += " and HNumber like '%" + HNumber + "%'";
			}
			if (HName) {
			sWhere += " and HName like '%" + HName + "%'";
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®æå°ï¼');
			}
			$.ajax({
			url: GetWEBURL() + '/Gy_ModelType/list',
			type: "GET",
			data: { "sWhere": sWhere },
			success: function (data1) {
			if (data1.count == 1) {
			option.data = data1.data;
			table.render(option);
			layer.alert("æ¥è¯¢æå", { icon: 1 });
			} else {
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}

			//å®¡æ ¸
			function set_AuditBill() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			var HBillStatus = data[0].HBillStatus.toString(); //åæ®ç¶æ
			var HInterID = data[0].hmainid.toString();
			if (HBillStatus > 0) {
			layer.msg('åæ®ä¸ä¸ºæªå®¡æ ¸ç¶æï¼');
			return false;
			}
			});
			sWhere = "";//è°ç¨æ¥å£åæ¸ç©ºsWhereç¼å
			});
			//é»è¾å®¡æ ¸æ¹æ³
			$.ajax({
			type: "GET",
			url: GetWEBURL() + "/Gy_Mould/AuditProcessReportList", //æ¹æ³æå¨é¡µé¢åæ¹æ³å
			data: { "HInterID": HInterID, "IsAudit": 0, "CurUserName": sessionStorage["HUserName"] },
			success: function (result) {
			if (result.count == 1) {
			layer.msg(result.Message, { time: 1 * 1000, icon: 1 }, function () {
			// å¾å°frameç´¢å¼
			var index = layer.getFrameIndex(window.name);
			//å³éå½åframe
			layer.close(index);
			//ä¿®æ¹ä¸ºååå·æ°çé¢
			$("#btnSearch").trigger('click');
			});

			} else {
			layer.alert(result.code + result.Message, { icon: 5 });
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®å®¡æ ¸ï¼');
			}
			}

			//åå®¡æ ¸
			function set_DeAuditBill() {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			var HBillStatus = data[0].HBillStatus.toString(); //åæ®ç¶æ
			var HInterID = data[0].hmainid.toString();
			if (HBillStatus = 0) {
			layer.msg('åæ®å·²ä¸ºæªå®¡æ ¸ç¶æ,æ éåå®¡æ ¸ï¼');
			return false;
			}
			//é»è¾å®¡æ ¸æ¹æ³
			$.ajax({
			type: "GET",
			url: GetWEBURL() + "/Gy_Mould/AuditProcessReportList", //æ¹æ³æå¨é¡µé¢åæ¹æ³å
			data: { "HInterID": HInterID, "IsAudit": 1, "CurUserName": sessionStorage["HUserName"] },
			success: function (result) {
			if (result.count == 1) {
			layer.msg(result.Message, { time: 1 * 1000, icon: 1 }, function () {
			// å¾å°frameç´¢å¼
			var index = layer.getFrameIndex(window.name);
			//å³éå½åframe
			layer.close(index);
			//ä¿®æ¹ä¸ºååå·æ°çé¢
			$("#btnSearch").trigger('click');
			});

			} else {
			layer.alert(result.code + result.Message, { icon: 5 });
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®å®¡æ ¸ï¼');
			}

			}

			//ä¿®æ¹æé®
			form.on('submit(btnModify)', function (data) {
			function set_ShowBill() {
			if (TagId != "") {
			layer.open({
			type: 2
			@@ -372,8 +492,30 @@
			layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼');
			}
			}
			});
			};

			////æ¥è¯¢æé®
			//form.on('submit(btnSearch)', function (data) {

			// $.ajax({
			// url: GetWEBURL() + '/Gy_ModelType/list',
			// type: "GET",
			// data: { "sWhere": sWhere },
			// success: function (data1) {
			// if (data1.count == 1) {
			// option.data = data1.data;
			// table.render(option);
			// layer.alert("æ¥è¯¢æå", { icon: 1 });
			// } else {
			// layer.alert(data1.code + data1.Message, { icon: 5 });
			// }
			// }, error: function () {
			// layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			// }
			// });
			// sWhere = "";//è°ç¨æ¥å£åæ¸ç©ºsWhereç¼å
			//});
			////#endregion

			//laydate.render({
			// elem: '#HDate'
			@@ -382,50 +524,51 @@
			// , format:'yyyy-MM-dd HH:mm'
			//});



			//ä»¥ä¸æ¯layuiæ¨¡å
			});

			//æ¥è¯¢æ ç¶æ°æ®
			function getData(sWhere) {
			var treeData;
			////æ¥è¯¢æ ç¶æ°æ®
			//function getData(sWhere) {
			// var treeData;

			$.ajax({
			url: GetWEBURL() + '/Gy_ModelType/LoadTree',
			type: "GET",
			data: { "sWhere": sWhere },
			async: false,
			success: function (result) {
			var data = result.data;
			//çææ°æ®å¯¹è±¡éå
			treeData = LoadTree(data);
			// $.ajax({
			// url: GetWEBURL() + '/Gy_ModelType/LoadTree',
			// type: "GET",
			// data: { "sWhere": sWhere },
			// async: false,
			// success: function (result) {
			// var data = result.data;
			// //çææ°æ®å¯¹è±¡éå
			// treeData = LoadTree(data);

			}
			});
			return treeData;
			}
			/å¤çæ å½¢å±ç¤ºæ°æ®ï¼è¦æ±æIDåParentIDãtitleåæ®µ/
			function LoadTree(data) {
			let map = {};
			let treeData = [];
			data.forEach(it => {
			map[it.id] = it; //IDä¸ºæ¯ä¸ªèç¹çid
			})
			//çæç»æé
			data.forEach(it => {
			const parent = map[it.HParentID]; //ParentIDä¸ºç¶èç¹çid
			if (parent) {
			if (!Array.isArray(parent.children)) parent.children = [];
			parent.children.push(it);
			} else {
			treeData.push(it)
			}
			})
			return treeData;
			}

			// }
			// });
			// return treeData;
			//}
			///å¤çæ å½¢å±ç¤ºæ°æ®ï¼è¦æ±æIDåParentIDãtitleåæ®µ/
			//function LoadTree(data) {
			// let map = {};
			// let treeData = [];
			// data.forEach(it => {
			// map[it.id] = it; //IDä¸ºæ¯ä¸ªèç¹çid
			// })
			// //çæç»æé
			// data.forEach(it => {
			// const parent = map[it.HParentID]; //ParentIDä¸ºç¶èç¹çid
			// if (parent) {
			// if (!Array.isArray(parent.children)) parent.children = [];
			// parent.children.push(it);
			// } else {
			// treeData.push(it)
			// }
			// })
			// return treeData;
			//}

			</script>

			</body>
			</html>