Bladeren bron

1.添加首页
2.添加受理中页面

leihy 2 jaren geleden
bovenliggende
commit
d06ae7f20b

+ 3 - 3
src/main/resources/static/web/css/index.css

@@ -19,10 +19,10 @@
 .layui-nav-tree .layui-nav-bar {
     background-color: #2d8cf0;
 }
-.layui-header {
+/*.layui-header {
 	box-shadow: 0 1px 4px #00152914;
 	background-color: white !important;
-}
+}*/
 .fast-header-left {
 	height: 100%;
 	display: flex;
@@ -42,7 +42,7 @@
 }
 .fast-main>div {
 	height: calc(100% - 30px);
-	padding: 15px;
+	/*padding: 15px;*/
 }
 .fast-iframe {
 	height: 100%;

BIN
src/main/resources/static/web/img/welcome.png


+ 53 - 14
src/main/resources/static/web/index.html

@@ -7,12 +7,46 @@
 		<link rel="stylesheet" href="js/lib/iconFonts/font-awesome/css/font-awesome.css?v=4.7.0">
 		<link rel="stylesheet" href="css/index.css"/>
 		<style>
-			.layui-nav .layui-nav-item a.my-a-addcolor {
-				color: rgb(0 0 0 / 70%);
-			}
+
 			dl.layui-nav-child {
 				margin-left: 10px;
 			}
+			.layui-layout-admin .layui-logo {
+				width: 390px;
+			}
+			.fast-header-left {
+				color: rgba(255,255,255,.7);
+				left: 400px;
+			}
+			/*div.layui-tab-card{
+				border: 1px #6e6e6e61 solid;
+				margin: 9px 9px -83px 9px;
+			}*/
+			.layui-tab {
+				margin: 0 0 10px;
+				text-align: left!important;
+			}
+
+			.layui-tab-item{
+				padding: 10px;
+				height: calc(100% - 21px);
+				background-color: white;
+			}
+			.layui-tab-content{
+				padding: 5px;
+				height: calc(100% - 21px);
+				background-color: #f1f1f1;
+			}
+			.layui-layout-admin .layui-body {
+				padding-bottom: 0px;
+			}
+			.index-layui-tab-item{
+				padding: 0px;
+			}
+
+			.index-layui-tab-item img{
+				width: 99%;height:99%;object-fit: cover;
+			}
 		</style>
 	</head>
 	<body>
@@ -26,11 +60,11 @@
 				<div id="fast-shrink">
 					<i class="layui-icon layui-icon-shrink-right"></i>
 				</div>
-				<div class="fast-header-left-nav" style="display: none;">
+				<!--<div class="fast-header-left-nav" style="display: none;">
 					<span></span>
 					<span>/</span>
 					<span></span>
-				</div>
+				</div>-->
 			</div>
 		    <div  style="float: right;height: 100%;display: flex;align-items: center;">
 				<!--<div id="updateTel" style="font-size: 14pt;margin-right: 1.25rem;cursor: pointer;">修改手机号</div>
@@ -57,15 +91,21 @@
 		  </div>
 		  
 		  <div class="layui-body fast-main">
-			  
-		    <!-- 内容主体区域 -->
-		    <div>
-				<iframe class="fast-iframe"></iframe>
-		    </div>
+			  <!-- 内容主体区域 -->
+			  <div class="layui-tab layui-tab-brief"  lay-filter="index-nev" lay-allowclose="true">
+				  <ul class="layui-tab-title">
+					  <li  lay-id="welcome" class="layui-this">欢迎页</li>
+				  </ul>
+				  <div class="layui-tab-content">
+					  <div class="layui-tab-item layui-show index-layui-tab-item">
+						  <img src="./img/welcome.png">
+					  </div>
+				  </div>
+			  </div>
 		  </div>
 		  
-		  <div class="layui-footer">
-		  </div>
+		 <!-- <div class="layui-footer">
+		  </div>-->
 		</div>
 
 
@@ -117,14 +157,13 @@
 					<div class="layui-form-item">
 						<label class="layui-form-label">手机号</label>
 						<div class="layui-input-block">
-							<input type="tel" name="phone" id="phone" required lay-verify="required|phone"
+							<input type="tel" name="phone" id="phone" required lay-verify="required|phoneVal"
 								   placeholder="请输手机号" autocomplete="off" class="layui-input">
 						</div>
 					</div>
 					<div class="layui-form-item">
 						<div class="layui-input-block">
 							<button class="layui-btn" lay-submit lay-filter="updateTel">提交</button>
-							<button type="reset" class="layui-btn layui-btn-primary">重置</button>
 						</div>
 					</div>
 				</form>

+ 39 - 14
src/main/resources/static/web/js/index.js

@@ -59,6 +59,13 @@ layui.config({
 			if (value !== $('#newPwd').val()) {
 				return '两次密码不一致!';
 			}
+		},
+		phoneVal: function (value, item) {
+			var  mobile = /^1[3|4|5|6|7|8|9]\d{9}$/;
+			var flag = phone.test(value);
+			if(!flag){
+				return '请输入正确手机号';
+			}
 		}
 	})
 
@@ -72,9 +79,6 @@ layui.config({
 			(json) => {
 				layer.closeAll();
 				customUtil.refush(json.code == constants.SUCCESS_CODE, '保存成功', json.msg)
-				setTimeout(function () {
-					layer.closeAll()
-				},1000)
 			}
 		)
 		return false
@@ -89,9 +93,7 @@ layui.config({
 			(json) => {
 				layer.closeAll();
 				customUtil.refush(json.code == constants.SUCCESS_CODE, '保存成功', json.msg)
-				setTimeout(function () {
-					layer.closeAll()
-				},1000)
+				sessionStorage.setItem('login-phone',data.field.phone);
 			}
 		)
 		return false
@@ -177,8 +179,8 @@ layui.config({
 		const icon = $(e.currentTarget).find('i');
 		const status = icon.hasClass('layui-icon-shrink-right');
 		$('.fast-menu-left').animate({left: status ? '-200px' : 0});
-		$('.fast-logo').animate({left: status ? '-200px' : 0});
-		$('.fast-header-left').animate({left: status ? 0 : '200px'});
+		//$('.fast-logo').animate({left: status ? '-200px' : 0});
+		//$('.fast-header-left').animate({left: status ? 0 : '200px'});
 		$('.fast-main').animate({left: status ? 0 : '200px'});
 		$('.layui-footer').animate({left: status ? 0 : '200px'});
 		icon.removeClass(status ? 'layui-icon-shrink-right' : 'layui-icon-spread-left');
@@ -188,14 +190,37 @@ layui.config({
 	/**
 	 * 菜单点击
 	 */
+	$(".layui-tab-title li:eq(0) i").remove();
 	element.on('nav(menu)', (elem) => {
-		if (elem.parent().find('.layui-nav-child').length > 0
-			|| elem.data('menu') == $('.fast-iframe').attr('menu')) {
+		/*if (elem.parent().find('.layui-nav-child').length > 0
+			|| elem.data('menu') == $('.layui-tab-item').attr('menu')) {
 			return;
-		}
-		$('.fast-header-left-nav').css({display: 'flex'});
+		}*/
+
+
+		/*$('.fast-header-left-nav').css({display: 'flex'});
 		$('.fast-header-left-nav span').eq(0).text(elem.parent().parent().prev().text());
-		$('.fast-header-left-nav span').eq(2).text(elem.text());
-		$('.fast-iframe').attr({src: 'view/' + elem.data('menu') + '.html', menu: elem.data('menu')});
+		$('.fast-header-left-nav span').eq(2).text(elem.text());*/
+		//$('.fast-iframe').attr({src: 'view/' + elem.data('menu') + '.html', menu: elem.data('menu')});
+		//$(".layui-tab-title li:eq(0)").remove();
+
+		const menu = elem.data('menu');
+		$(".layui-tab-title li").each((i,dom) => {
+			const layid = $(dom).attr("lay-id");
+			if(layid == menu){
+				element.tabChange('index-nev', menu);
+				return;
+			}
+		})
+
+		//新增一个Tab项
+		element.tabAdd('index-nev', {
+			title: elem.text()
+			,content: '<iframe class="fast-iframe" src="view/' + menu + '.html"></iframe>'
+			,id: menu
+		})
+		element.tabChange('index-nev', menu);
+		$(".layui-tab-title li:eq(0) i").remove();
+
 	});
 });

+ 2 - 2
src/main/resources/static/web/view/dealt.html

@@ -8,8 +8,8 @@
 	</head>
 	<body>
 		<div class="brume-main">
-			<div>
-				<div>
+			<div class="layui-row">
+				<div class="fast-float-right">
 					<div class="layui-input-inline">
 						<input placeholder="请输入姓名/证件号/电话" type="text" name="search" autocomplete="off" class="layui-input">
 					</div>

+ 2 - 2
src/main/resources/static/web/view/done.html

@@ -8,8 +8,8 @@
 	</head>
 	<body>
 		<div class="brume-main">
-			<div>
-				<div>
+			<div class="layui-row">
+				<div class="fast-float-right">
 					<div class="layui-input-inline">
 						<input placeholder="请输入姓名/证件号/电话" type="text" name="search" autocomplete="off"
 							class="layui-input">

+ 2 - 2
src/main/resources/static/web/view/process.html

@@ -8,8 +8,8 @@
 	</head>
 	<body>
 		<div class="brume-main">
-			<div>
-				<div>
+			<div class="layui-row">
+				<div class="fast-float-right">
 					<div class="layui-input-inline">
 						<input placeholder="请输入姓名/证件号/电话" type="text" name="search" autocomplete="off" class="layui-input">
 					</div>