zhangwy
/
Gsmarket


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							@model List<GSMarketSys.Controllers.HelpViewModel>
@{
    Layout = null;
	var firstFunctionId = Model.FirstOrDefault()?.FunctionId ?? "";
	var lastFunctionId = Model.LastOrDefault()?.FunctionId ?? "";
}

<!DOCTYPE html>

<html>
<head>
	<meta name="viewport" content="width=device-width" />
	<title>SysHelpesShow</title>
	<link href="~/easyui/themes/default/easyui.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="~/easyui/themes/icon.css" />
	<link href="~/Content/css/bootstrap.min.css" rel="stylesheet" />
	<link href="~/Content/js/plugins/layer/skin/layer.css" rel="stylesheet" />
	<script src="~/Content/js/jquery.min.js"></script>
	<script src="~/Content/js/bootstrap.min.js"></script>
	<script src="~/easyui/jquery.easyui.min.js"></script>
	<script src="~/easyui/jquery.easyui.mobile.js"></script>
	<script src="~/easyui/locale/easyui-lang-zh_CN.js"></script>
	<script src="~/Content/js/plugins/layer/laydate/laydate.js"></script>
	<script src="~/Content/js/plugins/layer/layer.min.js"></script>
	<script src="~/js/Utils.js"></script>
	<link href="~/Content/css/Style/Markets.css" rel="stylesheet" />
	<script src="~/Content/js/js/MarketJs.js"></script>
	<style>
		ul li {
			cursor: pointer
		}
	</style>
</head>
@*<body class="easyui-layout">
	<div data-options="region:'east',title:'帮助文档',split:true" style="width: 85%;">
		@Html.Raw(ViewBag.HelpContent)
	</div>
	<div data-options="region:'west',title:'目录',split:true" style="width: 15%;">
		@Html.Raw(ViewBag.HlepHeader)
	</div>
</body>*@
<body >
<nav class="navbar navbar-default navbar-fixed-top">
	<div class="container">
		<nav aria-label="...">
			<ul class="pager" style="margin: 10px auto">
				<li class="previous disabled"><a onclick="Prev()"><span aria-hidden="true">&larr;</span> 上一条</a></li>
				<li class="dropdown" style="margin:0 auto">
					<a href="#" id="selectTitle" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="min-width: 230px;text-align: center">点击请选择查看的条目</a>
					<ul class="dropdown-menu" style="min-width: 230px;height: 400px; overflow-y: auto;margin-top: 9px">
						@{
							foreach (var h in Model)
							{
								<li>
									<a onclick="Go('@h.FunctionId','@h.HelpTitle')"  style="min-width: 150px;margin:2px 5px">
										@h.HelpTitle
									</a>
								</li>
							}
						}
					</ul>
				</li>
				<li class="next"><a   onclick="Next()">下一条 <span aria-hidden="true">&rarr;</span></a></li>
			</ul>
		</nav>
	</div>
	
</nav>
<div  style="margin-top: 70px;"></div>
<div class="container">
	@{
		foreach (var h in Model)
		{
			<div class="row" id="@h.FunctionId">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<h2 class="panel-title">@h.HelpTitle</h2>
					</div>
					<div class="panel-body">
						<br />
						@Html.Raw(h.HelpContent)
						<br />
					</div>
				</div>
			</div>
		}
	}
</div>
<script>
	var cuFunctionId="@firstFunctionId";
	function Go(functionId,title) {
		cuFunctionId = functionId;
		//console.log(cuFunctionId);
		//location.href = "#" + functionId;
		$(".previous").removeClass("disabled");
		if (functionId === "@firstFunctionId") {
			$(".previous").addClass("disabled");
		}
		$(".next").removeClass("disabled");
		if (functionId === "@lastFunctionId") {
			$(".next").addClass("disabled");
		}
		if (title) {
			$("#selectTitle").html(title);
		}
		var height = $("#" + cuFunctionId).offset().top - 70;
		//console.log(height);
		window.scrollTo(0, height);
	}

	function Prev() {
		var id = $("#" + cuFunctionId).prev().attr("id");
		if (id) {
			var title = $("#" + cuFunctionId).prev().find(".panel-title").html();
			Go(id, title);
		}
		
	}
	function Next() {
		var id = $("#" + cuFunctionId).next().attr("id");
		if (id) {
			var title = $("#" + cuFunctionId).next().find(".panel-title").html();
			Go(id, title);
		}
		
	}
</script>
</body>
</html>