新增浏览器一项

d02ae3a2 · Skyeye云 · 0b8a2f11 · d02ae3a2 · d02ae3a2 · d02ae3a2
3 changed file
--- a/skyeye-promote/skyeye-web/src/main/resources/template/assets/lib/winui/css/winui.css
+++ b/skyeye-promote/skyeye-web/src/main/resources/template/assets/lib/winui/css/winui.css
@@ -6271,6 +6271,37 @@ select option{
 	
 }

+.browser-optrare{
+    min-height: 36px;
+    padding-top: 3px;
+    text-align: left;
+    padding-left: 20px;
+}
+
+.browser-icon{
+	font-size: 17px;
+    margin-top: 7px;
+    color: RGB(90, 99, 104);
+    cursor: pointer;
+}
+
+.browser-input{
+    line-height: 30px;
+    height: 30px;
+    margin-left: -50px;
+    border-radius: 25px !important;
+}
+
+.browser-content{
+	margin:auto 0px;
+    height: calc(100vh - 36px);
+}
+
+.browser-content iframe{
+	width: 100%;
+	height: 100%;
+}
+
 /*******************************************自定义样式end********************************************/


--- a/skyeye-promote/skyeye-web/src/main/resources/template/js/browser/browser.js
+++ b/skyeye-promote/skyeye-web/src/main/resources/template/js/browser/browser.js
+
+layui.config({
+	base: basePath, 
+	version: skyeyeVersion
+}).define(['table', 'jquery', 'winui', 'form'], function (exports) {
+	
+	winui.renderColor();
+	
+	var $ = layui.$,
+	form = layui.form,
+	table = layui.table;
+	
+	//搜索表单
+	form.render();
+	form.on('submit(formSearch)', function (data) {
+    	//表单验证
+        if (winui.verifyForm(data.elem)) {
+        	loadTable();
+        }
+        return false;
+	});
+	
+	//输入框回车
+    $("#browserAddress").keydown(function(e){
+    	if (e.keyCode == "13") {
+    		$("#contentUrl").attr('src', $("#browserAddress").val());
+    		return false;
+    	}
+    });
+    
+    //刷新
+    $("body").on("click", "#refresh", function(e){
+    	$("#contentUrl").attr('src', $("#browserAddress").val());
+    });
+    
+    //主页
+    $("body").on("click", "#homePage", function(e){
+    	$("#browserAddress").val('https://www.baidu.com/');
+    	$("#contentUrl").attr('src', 'https://www.baidu.com/');
+    });
+    
+    exports('browser', {});
+});
--- a/skyeye-promote/skyeye-web/src/main/resources/template/tpl/browser/browser.html
+++ b/skyeye-promote/skyeye-web/src/main/resources/template/tpl/browser/browser.html
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+    <link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
+    <link href="../../assets/lib/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet" />
+    <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
+</head>
+<body style="overflow: hidden;">
+	<div class="txtcenter" style="width:100%;margin:0 auto;">
+	    <form class="layui-form layui-form-pane" action="" autocomplete="off">
+	    	<div class="layui-row" style="background-color: gainsboro;position: relative; width: 100%;">
+	    		<div class="layui-col-xs1 browser-optrare">
+	    			<i class="fa fa-fw fa-home browser-icon" id="homePage"></i>
+	    			<i class="fa fa-fw fa-refresh browser-icon" id="refresh"></i>
+	    		</div>
+	    		<div class="layui-col-xs11" style="min-height: 36px;padding-top: 3px">
+	    			<input type="text" id="browserAddress" name="browserAddress" class="layui-input browser-input" value="https://www.baidu.com/"/>
+	    		</div>
+	    	</div>
+	    </form>
+	</div>
+    <div class="browser-content">
+        <iframe id="contentUrl" src="https://www.baidu.com/"></iframe>
+    </div>
+    <script src="../../assets/lib/layui/layui.js"></script>
+    <script src="../../assets/lib/layui/custom.js"></script>
+    <script type="text/javascript">
+        layui.config({base: '../../js/browser/'}).use('browser');
+    </script>
+</body>
+</html>
\ No newline at end of file