MobileModeReport.jsp 9.47 KB

Raw Blame History Permalink

<%@ page import="com.weaver.function.ConfigInfo" %>
<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ include file="/systeminfo/init_wev8.jsp" %>
<%
	//判断只有管理员才有权限
	int userid = user.getUID();
	if(userid!=1) {
		response.sendRedirect("/notice/noright.jsp");
		return;
	}
%>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>移动建模使用报告</title>
	<link rel="stylesheet" href="/wui/theme/ecology8/jquery/js/zDialog_e8_wev8.css" type="text/css" />
	<script language="javascript" src="/wui/theme/ecology8/jquery/js/zDialog_wev8.js"></script>
	<script language="javascript" src="/wui/theme/ecology8/jquery/js/zDrag_wev8.js"></script>
	<LINK href="/css/Weaver_wev8.css" type=text/css rel=STYLESHEET>
	<SCRIPT language="javascript" src="/js/weaver_wev8.js"></script>
	<script type="text/javascript">
		var dialog = null;
		function closeDialog(){
			if(dialog)
				dialog.close();
		}


		function openDetail(type){
			doOpen('/templetecheck/filecheck/MobileModeReportDetail.jsp?detailtype='+type,'详细信息');
		}
	</script>
	<style type="text/css">
		ul,li{list-style-type:none;}
		.reportDiv{display:block;position:relative;padding:5px 15px;}
		.reportDiv span.node{display:inline-block;box-sizing:border-box;height:35px;line-height:30px;min-width:60px;text-align:center;color:black;border:1px solid #ddd;border-radius:5px;padding:0 15px;background-color:#489dd2;}
		.reportDiv ul{position:relative;padding-left:60px;margin:0;}
		.reportDiv ul>li{position:relative;padding:5px 0;}
		.reportDiv>ul{padding:0;margin:0;}
		/** 水平方向连线 */
		.reportDiv>ul ul>li:after{content:' ';position:absolute;top:20px;left:-45px;width:45px;border:none;border-top:1px solid #767676;}
		/** 垂直方向连线 */
		.reportDiv>ul ul>li:not(:last-child):before{content:' ';position:absolute;top:0;left:-45px;height:100%;border:none;border-left:1px solid #767676;}
		.reportDiv>ul ul>li:not(:first-child):last-child:before{content:' ';position:absolute;top:0;left:-45px;height:20px;border:none;border-left:1px solid #767676;}
		/** 控制鼠标移上去的颜色 */
		.reportDiv span:hover, .reportDiv span:hover+ul span{color:#fff;background-color:orange;}
		.reportDiv span.node:hover, .reportDiv span.node:hover+ul span, .reportDiv span.node:hover+ul li:before, .reportDiv span.node:hover+ul li:after{border-color:orange;}
		/** 折叠图标 */
		.reportDiv .fa:before{margin-right:5px;}
		.reportDiv .fa-minus-circle, .reportDiv .fa-plus-circle{cursor:pointer;}
		.btn { height:40px; width:150px;line-height:40px;border-radius:5px;background-color:#169BD5;border:none;}
		#messagediv {width:100%;border-radius:10px;border:1px solid;margin-top:1%;padding:1%;background-color:#FFFFCC }
		.link{padding-left: 28px}
	</style>
</head>

<body style="width:90%;margin:0px auto;height:90%;">
<div class="reportDiv">
	<ul>
		<span class="node"><i class="fa fa-minus-circle"></i>当前系统共有移动建模皮肤数量：<span id="mobilemodeskin">统计中... </span></span>
		<li>
			<span class="node"><i class="fa fa-minus-circle"></i>当前系统共有移动应用：<span id="mobilemodeapp">统计中...</span></span>
			<ul>
				<%--<li><span id="a">其中模块数量：统计中...</span></li>--%>
				<li><span class="node">其中自定义页面数量：<span id="mobilemodepage">统计中...</span></span></li>
				<li><span class="node">其中使用的控件数量：<span id="mobileexpendcomponent">统计中...</span></span>
					<ul>
						<li><span class="node">其中填写HTML脚本的控件数量：<span id="mobileexpendcomponent_html">统计中...</span></span></li>
						<li><span class="node">其中填写SQL的控件数量：<span id="mobileexpendcomponent_sql">统计中...</span></span></li>
<%--						<li><span class="node">其中填写JAVA的控件数量：<span id="mobileexpendcomponent_java">统计中...</span></span></li>--%>
					</ul>
				</li>
			</ul>
		</li>
	</ul>
</div>
<div id="btndiv"   style="width:90%">
	<input type="button" class="btn" value="开始检测"  onclick="match()" />&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="button" class="btn" value="可配置开发内容检测"  onclick="matchDevContent()"  />&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="button" class="btn" value="检测规则详情" onclick="doOpen('/templetecheck/filecheck/MobileModeCheckRule.jsp','检测规则详情')" />
</div>
<div id="message_table_Div2" class="xTable_message" style="display: none; position: absolute; top: 203px; left: 787.5px;">正在统计，请稍候...</div>

<div id="messagediv"  style="margin-bottom: 10px;">
	<span style="color:red">
	<b>操作步骤：</b><br>
	1.点击“开始检测”按钮，进入检测结果页面<br>
	2.在检测结果页面点击右上角“导出报告”按钮，下载Excel报告文件<br>
	3.导出报告后，根据报告中的说明内容进行相关操作:<br>
		&nbsp;&nbsp;&nbsp;&nbsp;>请根据检测结果的“被检测对象位置”，检查对应的功能是否正常，如存在问题，记录并告知开发人员<br>
		&nbsp;&nbsp;&nbsp;&nbsp;>如果部分内容无法自动替换，需要手动修改，请告知开发人员，按照“规则描述”进行手动修改<br>
		&nbsp;&nbsp;&nbsp;&nbsp;>请将检测结果报告提交一份到版本升级服务部对应的开发人员<br>
	</span><br>
	<b>说明：</b><br>
	1.如果需要新增检测规则，请点击“检测规则详情”页面查看并新增规则；<br>
	2.“开始检测”按钮，检测所有不符合规则的内容；<br>
    3.“可配置开发内容检测”按钮，检测所有不符合规则的内容,并检测出所有自定义配置的内容；<br>
	4.如果在检测结果页面进行“批量替换”，将自动备份模板文件或者对应的字段文件。<br>

	<br><b>版本信息</b><br>
	V<%=ConfigInfo.getToolVersion() %>
</div>
</body>
</html>
<script type="text/javascript">
	//ajax请求过程中，显示加载中图片并显示图层，请求完成隐藏图片
	$(function () {
		//注册ajax加载事件
		$("#message_table_Div2").ajaxStart(function () {
			//一个div，用来遮挡页面，请求过程中，不可操作页面
			var lockwin = $(this);
			lockwin.show();
		});

		$("#message_table_Div2").ajaxStop(function () {
			//隐藏div
			var lockwin = $(this);
			lockwin.hide();
		});
	});

	jQuery(document).ready(function(){
		getModeReportInfo();
	});

	function getModeReportInfo() {
		$.ajax({
			dataType: 'json',
			type: 'post',
			url: 'MobileModeReportOperation.jsp',
			data: {
				"method": "getMobileModeReportInfo",
			},
			success: function (data) {
				var mobilemodeskin = data.mobilemodeskin;
				var mobilemodeapp = data.mobilemodeapp;
				var mobilemodepage = data.mobilemodepage;
				var mobileexpendcomponent = data.mobileexpendcomponent;
				var mobileexpendcomponent_html = data.mobileexpendcomponent_html;
				var mobileexpendcomponent_sql = data.mobileexpendcomponent_sql;
				// var mobileexpendcomponent_java = data.mobileexpendcomponent_java;
				$("#mobilemodeskin").text(mobilemodeskin+"个").append("<a class='link' href='#' onclick='openDetail(\"mobilemodeskin\")'>点击查看详情</a>");

				$("#mobilemodeapp").text(mobilemodeapp+"个").append("<a class='link' href='#' onclick='openDetail(\"mobilemodeapp\")'>点击查看详情</a>");
				$("#mobilemodepage").text(mobilemodepage+"个").append("<a class='link' href='#' onclick='openDetail(\"mobilemodepage\")'>点击查看详情</a>");
				$("#mobileexpendcomponent").text(mobileexpendcomponent+"个").append("<a class='link' href='#' onclick='openDetail(\"mobileexpendcomponent\")'>点击查看详情</a>");
				$("#mobileexpendcomponent_html").text(mobileexpendcomponent_html+"个").append("<a class='link' href='#' onclick='openDetail(\"mobileexpendcomponent_html\")'>点击查看详情</a>");
				$("#mobileexpendcomponent_sql").text(mobileexpendcomponent_sql+"个").append("<a class='link' href='#' onclick='openDetail(\"mobileexpendcomponent_sql\")'>点击查看详情</a>");
				// $("#mobileexpendcomponent_java").text(mobileexpendcomponent_java+"个").append("<a class='link' href='#' onclick='openDetail(\"mobileexpendcomponent_java\")'>点击查看详情</a>");
			},
			error: function () {
				$.DialogByZ.Alert({Title: "提示", Content: "getModeReportInfo异常", BtnL: "确定"});
			}
		});
	}
	function match() {
		doOpen("/templetecheck/filecheck/MobileModeCheckResult.jsp","文件检查结果");
	}
	function matchDevContent() {
		$.ajax({
			dataType: 'json',
			type: 'post',
			url: 'MobileModeReportOperation.jsp',
			data: {
				"method": "matchDevContent",
			},
			success: function (data) {
				var ruleid = data.ruleid;
				if(ruleid==''){
					$.DialogByZ.Alert({Title: "提示", Content: "工具中未维护该功能的检测规则", BtnL: "确定"});
				}
				doOpen("/templetecheck/filecheck/MobileModeCheckResult.jsp?ruleid=" + ruleid, "文件检查结果");
			}
		})
	}

	var dWidth = 600;
	var dHeight = 500;
	var clientWidth = document.body.clientWidth;
	dWidth = clientWidth*0.9;
	var clientHeight = document.body.clientHeight;
	dHeight = clientHeight*0.9;

	function doOpen(url,title){
		if(typeof dialog  == 'undefined' || dialog==null){
			dialog = new window.top.Dialog();
		}
		dialog.currentWindow = window;
		dialog.Title = title;
		dialog.Width =  dWidth;
		dialog.Height =  dHeight;
		dialog.Drag = true;
		dialog.maxiumnable = true;
		dialog.URL = url;
		try {
			dialog.show();
		}catch(e) {

		}

	}
</script>