MCSManager/public/index.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="zh-CN" />
	<meta name="renderer" content="webkit" />
	<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no" />

	<title>MCSM 管理面板</title>
	<link href="./common/bootstrap/css/bootstrap.min.css" rel="stylesheet">

	<link href="common/css/action.css" rel="stylesheet" />
	<link href="./common/css/common.css" rel="stylesheet">
	<link href="./common/css/block.css" rel="stylesheet">
	<link href="common/css/unit.css" rel="stylesheet" />

	<link href="common/xterm.css" rel="stylesheet" />
	<script type="text/javascript" src="common/xterm.js"></script>

	<link href="./favicon.ico" rel="shortcut icon">
	<!--[if lt IE 9]>
      		<div id='Not_' class="show-ui" style="height: 40px;background-color: rgb(221,79,67);text-align:center;line-height: 40px;color: white;">
            	<b>无法访问! 您的浏览器版本过低或是兼容模式,请使用最新/更高版本的浏览器: IE10+ chrome FireFox 等，如果是国内浏览器请打开极速浏览模式（webkit内核）。</b>
        	</div>
   		<![endif]-->

	<!--前端完全开源，您可以进行任何自由更改! -->
	<!--版权所有 Mcserver Manager     主要开发者 (Suwings) 双羽 -->
</head>

<!--百度数据统计,如果您不想被统计,请删除这段代码-->
<script>
	var _hmt = _hmt || [];
	(function () {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?242b21aa18712872e0775282aaeae0a5";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>

<!-- 
    __  ___                                       __  ___                                 
   /  |/  /____________  ______   _____  _____   /  |/  /___ _____  ____ _____ ____  _____
  / /|_/ / ___/ ___/ _ \/ ___/ | / / _ \/ ___/  / /|_/ / __ `/ __ \/ __ `/ __ `/ _ \/ ___/
 / /  / / /__(__  )  __/ /   | |/ /  __/ /     / /  / / /_/ / / / / /_/ / /_/ /  __/ /    
/_/  /_/\___/____/\___/_/    |___/\___/_/     /_/  /_/\__,_/_/ /_/\__,_/\__, /\___/_/     
                                                                       /____/            
 Only you.
-->

<body>
	<div id='MainContainer'>
		<div id='SideCol'>
			<div id="SideColMenu">
				<!-- logo -->
				<div id='MasterLogo' class="HeaderItem" style="cursor: pointer;">
					<img src="common/logo.png" width="160px" height="100%" />
				</div>

				<div id='SideColMenuInfo'>
					Mcserver Manager
					<br>
					<div id='websocket2'>
						<div v-if="is">
							<span class="color-green">在线: </span>{{ MCSERVER.username }}</div>
						<div v-else>offline (离线)</div>
					</div>
				</div>
				<div id='SideColFor'>
					<!--如果您想更改菜单名或功能，请查看 common/js/meum.js 文件-->
					<a href="javascript:void(0);" v-for="item of items" :class="{ MeumSelect: item.select }"
						v-on:click="onRedirect(item.link,item.api,item)">
						<span class="glyphicon " :class="item.class" aria-hidden="true"></span>
						<span v-text="item.name"></span>
					</a>

				</div>
				<a href="javascript:void(0);" onclick="PAGE.refresh()">
					<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
					<span>刷新</span>
				</a>
				<a id="loginOut" href="javascript:void(0);" v-on:click="loginOut()">
					<span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
					<span>退出</span>
				</a>
			</div>
		</div>
		<div id="Container">
			<!-- 终端控制台 -->
			<div id="WebTerminalScreenWapper" class="OneContainer" style="display: none;">
				<div class="Panel PanelBlack ">
					<div class="PanelTitle">实时终端控制台</div>
					<div class="PanelBody">
						<!-- 终端 -->
						<div id="WebTerminal" class="WebTerminalScreen"></div>
					</div>
				</div>
			</div>
			<div id="ConsoleMain">
				<!--可变动内嵌html区域开始-->

				<!--默认的单页应用模板，这个是用于第一次加载时使用-->
				<div class="OneContainer">
					<div class="row">
						<div class="col-xs-12">
							<h3 id="_TMP_LOADING">请稍等,正在传输资源 ....</h3>
							<script>
								(function () {
									var count = 0;
									var www = document.getElementById('_TMP_LOADING');
									var masks = setInterval(function () {
										www.innerHTML = www.innerHTML + '.';
										count++;
										if (count > 10) clearInterval(masks);
									}, 1000);
								})();
							</script>
						</div>
					</div>
				</div>

				<!--可变动内嵌html区域结束-->
			</div>


		</div>
	</div>


	<!--信息框HTML-->
	<div id='ToolsInfo'>
		<transition name="fade">
			<div class="ToolsInfo tools-info text-center show-ui" v-if='show' v-text="msg">
			</div>
		</transition>
	</div>

	<!--页面加载进度条-->
	<div class="Toolscon" id="ToolsPageLoading">
		<div class="progress" style="height: 4px;line-height: 4px;background-color: inherit;border: 0px;">
			<div id="ToolsLoading" class="progress-bar progress-bar-success progress-bar-striped active"
				style="width: 0%;height: 4px;">
			</div>
		</div>
	</div>

	<!-- 弹窗HTML -->
	<div class="PopWin">
		<div class="Panel">
			<div id="PopWinTitle" class="PanelTitle">信息框</div>
			<div class="PanelBody">
				<div id="PopWinContext">
					<!-- 动态 HTML -->
					<p>正在加载信息框,请稍等...</p>
				</div>
			</div>
		</div>
	</div>

	<!-- 黑屏 HTML -->
	<div id="balckWarp" onclick="TOOLS.popWindClose(null);"></div>

	<!-- 手机端导航球 -->
	<div id="SidebarButton" v-on:click="operate()">
		<div class="SidebarButtonWapper">
			<span class="glyphicon " :class="!isExpand?'glyphicon-th-list':'glyphicon-list'" aria-hidden="true"></span>
		</div>
	</div>


	<!--JavaScript 文件引用，顺序不能乱，大部分 js 都是依赖于前 js 的-->
	<script type="text/javascript" src="common/jquery-3.2.1.min.js"></script>
	<!--Vue -->
	<script type="text/javascript" src="common/vue/vue.min.js"></script>
	<!--公用的js方法，公用的函数，类，模式-->
	<!--						   全局变量 MI(中介者) MS(保留) MCSERVER(全局寄生器)-->
	<script type="text/javascript" src="common/js/common.js"></script>
	<!--URL 处理函数				MCSERVER.URL URL 定位器-->
	<script type="text/javascript" src="common/URL.js"></script>
	<!--请求类相关方法				 全局变量 RES(请求) PAGE(单页应用临时全局存储变量)-->
	<script type="text/javascript" src="common/js/response.js"></script>
	<!--Websocket 封装类			全局变量 WS	-->
	<script type="text/javascript" src="common/js/websocket.js"></script>
	<!--工具类						全局变量 TOOLS(工具箱)-->
	<script type="text/javascript" src="common/js/tools.js"></script>
	<!--首页菜单获取				 虚拟的后端菜单数据-->
	<script type="text/javascript" src="common/js/meum.js"></script>
	<!--echarts 库 				  	统计图-->
	<script type="text/javascript" src="common/echarts.js"></script>
	<!--Vue.data 数据模型处理  	  	全局变量 VIEW_MODEL-->
	<script type="text/javascript" src="common/js/viewmodel.js"></script>
	<!--图像统计表格封装			 附属于 TOOLS 变量-->
	<script type="text/javascript" src="common/js/chart.js"></script>

	<script>
		// 网络加载判断
		if (!window.$) alert('[文件加载失败] 网络不通畅，请检查您的网络状态！');

		// // 动态背景色，稍后会继续改变
		// $('body').css('background-color', 'rgb(243, 243, 243);');

		MCSERVER.website = {};

		$(function () {


			//事件
			window.onresize = function () {
				MI.on('resize', null);
			}
			//防止页面后退
			history.pushState(null, null, document.URL);
			window.addEventListener('popstate', function () {
				history.pushState(null, null, document.URL);
			});

			//一般制约能力的防止被 iframe 嵌入，另外，HTTP返回了 X-Frame-Options: DENY
			// window.top.location !== window.location && (window.top.location = window.location);  //已弃用

			// echart 路径配置
			window.require.config({
				paths: {
					echarts: './common/echarts-dist'
				}
			});

			//抗CSRF攻击
			//身份验证，令牌获取
			RES.getToken(function (token) {

				RES.TOKEN = token;

				//初始化 Websocket
				WS.init(function () {

					//获取菜单
					WS.sendMsg('menu', '');

					//异步自动获取单页

					//是否登陆
					if (!MCSERVER.username) {
						window.location.href = MCSERVER.URL("login");
						return;
					}

					// 判断是否需要进行页面转移
					if (!TOOLS.page(true)) {
						//判断是否是#权限用户，请放心，后端也会给予判断并不只是前端
						if (MCSERVER.username.substr(0, 1) == '#') {
							RES.redirectPage('./template/center.html', 'center/show', '--- 更新页面 ---');
						} else {
							RES.redirectPage('./template/gen_home.html', 'genuser/home', '--- 更新页面 ---');
						}
					}
				});
			});

			//建立 退出按钮 Vue
			var vueLoginOut = new Vue({
				el: '#loginOut',
				methods: {
					loginOut: function () {
						RES.ajax({
							type: 'POST',
							url: './user/loginout',
							success: function () {
								WS.close();
								TOOLS.pushMsgWindow('您已退出，现在即将跳转网页');
								setTimeout(function () {
									window.location.href = MCSERVER.URL('login');
								}, 2000);
							},
							error: function () {
								TOOLS.pushMsgWindow('退出失败，您网络正常且是否登陆？');
							}
						});
					}
				}
			});

			//工具信息栏
			VIEW_MODEL.newVueOnce('ToolsInfo', {
				el: '#ToolsInfo',
				data: {
					show: false,
					msg: ''
				}
			});

			// 手机端导航球
			var SidebarButton = new Vue({
				el: "#SidebarButton",
				data: {
					isExpand: false
				},
				methods: {
					operate: function () {
						MCSERVER.colmSet(!MCSERVER.getColmStatus());
						// TOOLS.blackJumbotron(!this.isExpand)
						this.isExpand = !MCSERVER.getColmStatus();
					}
				}
			})

			VIEW_MODEL.COMMON = {};

		});
	</script>
</body>

</html>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+								<!DOCTYPE html>
 								<html lang="zh-CN">
-												未登录自动跳转

											
										
										
											2018-02-13 15:23:29 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+								<head>
 									<meta charset="utf-8" />
 									<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
 									<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 									<meta http-equiv="Content-Language" content="zh-CN" />
 									<meta name="renderer" content="webkit" />
 									<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no" />
-												修改 导航栏与侧边栏

											
										
										
											2020-01-26 23:45:39 +08:00
+									<title>MCSM 管理面板</title>
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+									<link href="./common/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-												增加一定的动画元素

											
										
										
											2018-03-12 14:37:51 +08:00
+									<link href="common/css/action.css" rel="stylesheet" />
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+									<link href="./common/css/common.css" rel="stylesheet">
 									<link href="./common/css/block.css" rel="stylesheet">
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<link href="common/css/unit.css" rel="stylesheet" />
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
-												新增 基于Xterm的终端显示

											
										
										
											2020-03-02 14:24:04 +08:00
+									<link href="common/xterm.css" rel="stylesheet" />
 									<script type="text/javascript" src="common/xterm.js"></script>
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<link href="./favicon.ico" rel="shortcut icon">
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+									<!--[if lt IE 9]>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+								      		<div id='Not_' class="show-ui" style="height: 40px;background-color: rgb(221,79,67);text-align:center;line-height: 40px;color: white;">
 								            	<b>无法访问! 您的浏览器版本过低或是兼容模式,请使用最新/更高版本的浏览器: IE10+ chrome FireFox 等，如果是国内浏览器请打开极速浏览模式（webkit内核）。</b>
 								        	</div>
 								   		<![endif]-->
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<!--前端完全开源，您可以进行任何自由更改! -->
 									<!--版权所有 Mcserver Manager     主要开发者 (Suwings) 双羽 -->
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+								</head>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+								<!--百度数据统计,如果您不想被统计,请删除这段代码-->
 								<script>
 									var _hmt = _hmt || [];
 									(function () {
 										var hm = document.createElement("script");
 										hm.src = "https://hm.baidu.com/hm.js?242b21aa18712872e0775282aaeae0a5";
 										var s = document.getElementsByTagName("script")[0];
 										s.parentNode.insertBefore(hm, s);
 									})();
 								</script>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												恢复百度统计

											
										
										
											2017-11-20 20:09:51 +08:00
+								<!--
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+								    __  ___                                       __  ___
 								   /  |/  /____________  ______   _____  _____   /  |/  /___ _____  ____ _____ ____  _____
 								  / /|_/ / ___/ ___/ _ \/ ___/ | / / _ \/ ___/  / /|_/ / __ `/ __ \/ __ `/ __ `/ _ \/ ___/
 								 / /  / / /__(__  )  __/ /   | |/ /  __/ /     / /  / / /_/ / / / / /_/ / /_/ /  __/ /
 								/_/  /_/\___/____/\___/_/    |___/\___/_/     /_/  /_/\__,_/_/ /_/\__,_/\__, /\___/_/
 								                                                                       /____/
 								 Only you.
 								-->
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+								<body>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+									<div id='MainContainer'>
-												修改 导航栏与侧边栏

											
										
										
											2020-01-26 23:45:39 +08:00
+										<div id='SideCol'>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+											<div id="SideColMenu">
-												修改 导航栏与侧边栏

											
										
										
											2020-01-26 23:45:39 +08:00
+												<!-- logo -->
 												<div id='MasterLogo' class="HeaderItem" style="cursor: pointer;">
 													<img src="common/logo.png" width="160px" height="100%" />
 												</div>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+												<div id='SideColMenuInfo'>
 													Mcserver Manager
 													<br>
 													<div id='websocket2'>
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+														<div v-if="is">
-												优化 界面元素与颜色

											
										
										
											2019-09-16 15:39:49 +08:00
+															<span class="color-green">在线: </span>{{ MCSERVER.username }}</div>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+														<div v-else>offline (离线)</div>
 													</div>
 												</div>
 												<div id='SideColFor'>
 													<!--如果您想更改菜单名或功能，请查看 common/js/meum.js 文件-->
-												优化 界面菜单栏固定伸长

											
										
										
											2019-09-16 16:07:06 +08:00
+													<a href="javascript:void(0);" v-for="item of items" :class="{ MeumSelect: item.select }"
 														v-on:click="onRedirect(item.link,item.api,item)">
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+														<span class="glyphicon " :class="item.class" aria-hidden="true"></span>
 														<span v-text="item.name"></span>
 													</a>
-												优化 用户界面细节问题

											
										
										
											2020-01-27 11:41:53 +08:00
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+												</div>
-												新增 刷新按钮

											
										
										
											2020-01-27 15:31:43 +08:00
+												<a href="javascript:void(0);" onclick="PAGE.refresh()">
 													<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
 													<span>刷新</span>
 												</a>
-												优化 用户界面细节问题

											
										
										
											2020-01-27 11:41:53 +08:00
+												<a id="loginOut" href="javascript:void(0);" v-on:click="loginOut()">
 													<span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
 													<span>退出</span>
 												</a>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+											</div>
 										</div>
 										<div id="Container">
-												开发 雏形实现版本

											
										
										
											2020-03-02 16:07:31 +08:00
+											<!-- 终端控制台 -->
 											<div id="WebTerminalScreenWapper" class="OneContainer" style="display: none;">
-												终端功能 开发版本 0.2

											
										
										
											2020-03-02 16:56:57 +08:00
+												<div class="Panel PanelBlack ">
-												开发 雏形实现版本

											
										
										
											2020-03-02 16:07:31 +08:00
+													<div class="PanelTitle">实时终端控制台</div>
 													<div class="PanelBody">
 														<!-- 终端 -->
-												终端功能 开发版本 0.2

											
										
										
											2020-03-02 16:56:57 +08:00
+														<div id="WebTerminal" class="WebTerminalScreen"></div>
-												开发 雏形实现版本

											
										
										
											2020-03-02 16:07:31 +08:00
+													</div>
 												</div>
 											</div>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+											<div id="ConsoleMain">
 												<!--可变动内嵌html区域开始-->
 												<!--默认的单页应用模板，这个是用于第一次加载时使用-->
 												<div class="OneContainer">
 													<div class="row">
 														<div class="col-xs-12">
-												增加启动等待提示

											
										
										
											2017-11-18 21:16:45 +08:00
+															<h3 id="_TMP_LOADING">请稍等,正在传输资源 ....</h3>
 															<script>
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+																(function () {
-												增加启动等待提示

											
										
										
											2017-11-18 21:16:45 +08:00
+																	var count = 0;
 																	var www = document.getElementById('_TMP_LOADING');
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+																	var masks = setInterval(function () {
-												增加启动等待提示

											
										
										
											2017-11-18 21:16:45 +08:00
+																		www.innerHTML = www.innerHTML + '.';
 																		count++;
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+																		if (count > 10) clearInterval(masks);
 																	}, 1000);
-												增加启动等待提示

											
										
										
											2017-11-18 21:16:45 +08:00
+																})();
 															</script>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+														</div>
 													</div>
 												</div>
 												<!--可变动内嵌html区域结束-->
 											</div>
-												新增 基于Xterm的终端显示

											
										
										
											2020-03-02 14:24:04 +08:00
-												开发 雏形实现版本

											
										
										
											2020-03-02 16:07:31 +08:00
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+										</div>
 									</div>
-												开发 雏形实现版本

											
										
										
											2020-03-02 16:07:31 +08:00
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+									<!--信息框HTML-->
 									<div id='ToolsInfo'>
 										<transition name="fade">
 											<div class="ToolsInfo tools-info text-center show-ui" v-if='show' v-text="msg">
 											</div>
 										</transition>
 									</div>
-												新增加载进度条

											
										
										
											2017-11-18 20:29:35 +08:00
+									<!--页面加载进度条-->
 									<div class="Toolscon" id="ToolsPageLoading">
-												进度条优化

											
										
										
											2017-11-19 10:47:09 +08:00
+										<div class="progress" style="height: 4px;line-height: 4px;background-color: inherit;border: 0px;">
-												优化 主界面与CSS优化

											
										
										
											2019-09-16 15:25:35 +08:00
+											<div id="ToolsLoading" class="progress-bar progress-bar-success progress-bar-striped active"
 												style="width: 0%;height: 4px;">
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+											</div>
-												新增加载进度条

											
										
										
											2017-11-18 20:29:35 +08:00
+										</div>
 									</div>
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
-												新增 - HTML 注释

											
										
										
											2018-08-10 10:17:22 +08:00
+									<!-- 弹窗HTML -->
-												开发 - 弹窗基本组件

											
										
										
											2018-08-10 09:48:43 +08:00
+									<div class="PopWin">
 										<div class="Panel">
-												开发 -基本弹窗测试通过

											
										
										
											2018-08-10 10:41:37 +08:00
+											<div id="PopWinTitle" class="PanelTitle">信息框</div>
-												开发 - 弹窗基本组件

											
										
										
											2018-08-10 09:48:43 +08:00
+											<div class="PanelBody">
-												新增 - 弹窗功能

											
										
										
											2018-08-10 10:16:12 +08:00
+												<div id="PopWinContext">
 													<!-- 动态 HTML -->
 													<p>正在加载信息框,请稍等...</p>
 												</div>
-												开发 - 弹窗基本组件

											
										
										
											2018-08-10 09:48:43 +08:00
+											</div>
 										</div>
 									</div>
-												新增 - HTML 注释

											
										
										
											2018-08-10 10:17:22 +08:00
 									<!-- 黑屏 HTML -->
 									<div id="balckWarp" onclick="TOOLS.popWindClose(null);"></div>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												优化 网页细节问题

											
										
										
											2020-01-29 12:06:48 +08:00
+									<!-- 手机端导航球 -->
-												优化 自适应排版布局

											
										
										
											2020-01-27 13:34:04 +08:00
+									<div id="SidebarButton" v-on:click="operate()">
 										<div class="SidebarButtonWapper">
-												修复 对话框定位问题
新增 手机端导航球图标自动改变

											
										
										
											2020-01-27 13:55:20 +08:00
+											<span class="glyphicon " :class="!isExpand?'glyphicon-th-list':'glyphicon-list'" aria-hidden="true"></span>
-												优化 自适应排版布局

											
										
										
											2020-01-27 13:34:04 +08:00
+										</div>
 									</div>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												新增 基于Xterm的终端显示

											
										
										
											2020-03-02 14:24:04 +08:00
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<!--JavaScript 文件引用，顺序不能乱，大部分 js 都是依赖于前 js 的-->
-												add text/javascript

											
										
										
											2018-02-17 18:46:31 +08:00
+									<script type="text/javascript" src="common/jquery-3.2.1.min.js"></script>
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<!--Vue -->
-												优化代码

											
										
										
											2018-01-24 17:44:39 +08:00
+									<script type="text/javascript" src="common/vue/vue.min.js"></script>
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+									<!--公用的js方法，公用的函数，类，模式-->
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<!--						   全局变量 MI(中介者) MS(保留) MCSERVER(全局寄生器)-->
-												优化代码

											
										
										
											2018-01-24 17:44:39 +08:00
+									<script type="text/javascript" src="common/js/common.js"></script>
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<!--URL 处理函数				MCSERVER.URL URL 定位器-->
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+									<script type="text/javascript" src="common/URL.js"></script>
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<!--请求类相关方法				 全局变量 RES(请求) PAGE(单页应用临时全局存储变量)-->
-												优化代码

											
										
										
											2018-01-24 17:44:39 +08:00
+									<script type="text/javascript" src="common/js/response.js"></script>
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<!--Websocket 封装类			全局变量 WS	-->
-												优化代码

											
										
										
											2018-01-24 17:44:39 +08:00
+									<script type="text/javascript" src="common/js/websocket.js"></script>
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<!--工具类						全局变量 TOOLS(工具箱)-->
-												优化代码

											
										
										
											2018-01-24 17:44:39 +08:00
+									<script type="text/javascript" src="common/js/tools.js"></script>
-												优化 自适应排版布局

											
										
										
											2020-01-27 13:34:04 +08:00
+									<!--首页菜单获取				 虚拟的后端菜单数据-->
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+									<script type="text/javascript" src="common/js/meum.js"></script>
-												优化 自适应排版布局

											
										
										
											2020-01-27 13:34:04 +08:00
+									<!--echarts 库 				  	统计图-->
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+									<script type="text/javascript" src="common/echarts.js"></script>
-												优化 自适应排版布局

											
										
										
											2020-01-27 13:34:04 +08:00
+									<!--Vue.data 数据模型处理  	  	全局变量 VIEW_MODEL-->
-												优化代码

											
										
										
											2018-01-24 17:44:39 +08:00
+									<script type="text/javascript" src="common/js/viewmodel.js"></script>
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+									<!--图像统计表格封装			 附属于 TOOLS 变量-->
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+									<script type="text/javascript" src="common/js/chart.js"></script>
 									<script>
-												优化 网页细节问题

											
										
										
											2020-01-29 12:06:48 +08:00
+										// 网络加载判断
-												未登录自动跳转

											
										
										
											2018-02-13 15:23:29 +08:00
+										if (!window.$) alert('[文件加载失败] 网络不通畅，请检查您的网络状态！');
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												优化 网页细节问题

											
										
										
											2020-01-29 12:06:48 +08:00
+										// // 动态背景色，稍后会继续改变
 										// $('body').css('background-color', 'rgb(243, 243, 243);');
-												开发 - 前端模板大致完成

											
										
										
											2018-06-02 16:43:36 +08:00
+										MCSERVER.website = {};
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+										$(function () {
-												新增 基于Xterm的终端显示

											
										
										
											2020-03-02 14:24:04 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+											//事件
 											window.onresize = function () {
 												MI.on('resize', null);
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+											}
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+											//防止页面后退
 											history.pushState(null, null, document.URL);
 											window.addEventListener('popstate', function () {
 												history.pushState(null, null, document.URL);
 											});
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+											//一般制约能力的防止被 iframe 嵌入，另外，HTTP返回了 X-Frame-Options: DENY
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+											// window.top.location !== window.location && (window.top.location = window.location);  //已弃用
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+											// echart 路径配置
 											window.require.config({
 												paths: {
 													echarts: './common/echarts-dist'
 												}
 											});
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+											//抗CSRF攻击
 											//身份验证，令牌获取
 											RES.getToken(function (token) {
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+												RES.TOKEN = token;
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+												//初始化 Websocket
 												WS.init(function () {
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+													//获取菜单
 													WS.sendMsg('menu', '');
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+													//异步自动获取单页
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												新增 地址会话参数

											
										
										
											2020-03-01 22:39:19 +08:00
+													//是否登陆
 													if (!MCSERVER.username) {
 														window.location.href = MCSERVER.URL("login");
 														return;
 													}
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
-												新增 地址会话参数

											
										
										
											2020-03-01 22:39:19 +08:00
+													// 判断是否需要进行页面转移
 													if (!TOOLS.page(true)) {
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+														//判断是否是#权限用户，请放心，后端也会给予判断并不只是前端
 														if (MCSERVER.username.substr(0, 1) == '#') {
-												修改 - 前端页面移植

											
										
										
											2018-04-26 10:48:20 +08:00
+															RES.redirectPage('./template/center.html', 'center/show', '--- 更新页面 ---');
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+														} else {
 															RES.redirectPage('./template/gen_home.html', 'genuser/home', '--- 更新页面 ---');
 														}
-												新增 地址会话参数

											
										
										
											2020-03-01 22:39:19 +08:00
+													}
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+												});
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+											});
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
 											//建立 退出按钮 Vue
 											var vueLoginOut = new Vue({
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+												el: '#loginOut',
 												methods: {
 													loginOut: function () {
 														RES.ajax({
 															type: 'POST',
 															url: './user/loginout',
 															success: function () {
 																WS.close();
 																TOOLS.pushMsgWindow('您已退出，现在即将跳转网页');
 																setTimeout(function () {
-												未登录自动跳转

											
										
										
											2018-02-13 15:23:29 +08:00
+																	window.location.href = MCSERVER.URL('login');
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+																}, 2000);
 															},
 															error: function () {
 																TOOLS.pushMsgWindow('退出失败，您网络正常且是否登陆？');
 															}
 														});
 													}
 												}
 											});
-												优化index页面注释

											
										
										
											2018-02-04 15:34:13 +08:00
+											//工具信息栏
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+											VIEW_MODEL.newVueOnce('ToolsInfo', {
 												el: '#ToolsInfo',
 												data: {
 													show: false,
 													msg: ''
 												}
 											});
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												优化 自适应排版布局

											
										
										
											2020-01-27 13:34:04 +08:00
+											// 手机端导航球
 											var SidebarButton = new Vue({
 												el: "#SidebarButton",
 												data: {
 													isExpand: false
 												},
 												methods: {
 													operate: function () {
 														MCSERVER.colmSet(!MCSERVER.getColmStatus());
 														// TOOLS.blackJumbotron(!this.isExpand)
 														this.isExpand = !MCSERVER.getColmStatus();
 													}
 												}
 											})
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+											VIEW_MODEL.COMMON = {};
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
-												自动整理代码

											
										
										
											2018-01-18 11:00:54 +08:00
+										});
-												Open Source

											
										
										
											2017-11-13 12:26:31 +08:00
+									</script>
 								</body>
 								</html>