andyliu
/
KprUnionMgrPlatform


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
							<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<meta charset="utf-8">
	<link rel="shortcut icon" href="../static/images/faviconOld.ico" type="image/icon">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!--360浏览器优先以webkit内核解析-->
	<title></title>
	<link rel="shortcut icon" href="faviconOld.ico">
	<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
	<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
	<link href="../static/css/animate.min.css" th:href="@{/css/animate.min.css}" rel="stylesheet"/>
	<link href="../static/css/style.min862f.css" th:href="@{/css/style.min862f.css}" rel="stylesheet"/>
	<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
	<th:block th:include="include :: header('首页')" />
	<style type="text/css">
		/* html,
        html body {
            height: 100%;
            width: 100%;
        } */
		body {
			margin: 0;
			overflow: hidden;
		}

		.test1 {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
			background: radial-gradient(#055fd1, #04345c, #001f34);
		}

		.ifreamClass {
			flex:0 0 1920px!important;
			height: 1080px!important;
		}
	</style>
</head>


<body>
	<div id="app" class="assembly-html-body">
		<div class="test1">
			<iframe id="iframeView" th:src="@{/system/view}" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
		</div>
	</div>
	<script type="text/javascript">
        function initScale() {
            let clientWidth = document.body.clientWidth;
            let num = clientWidth / 1920;

            let  clientHeight = document.body.clientHeight;
            let numHeight = clientHeight/1080;


            let scaleNum = Math.min(num,numHeight).toFixed(2);

            console.log(scaleNum);
            $("#iframeView").addClass("ifreamClass");
            $("#iframeView").css("transform","scale("+scaleNum+")");
        }

        initScale();
	</script>
</body>
</html>