76 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
		
		
			
		
	
	
			76 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
| 
								 | 
							
								<!DOCTYPE html>
							 | 
						||
| 
								 | 
							
								<html>
							 | 
						||
| 
								 | 
							
								<head>
							 | 
						||
| 
								 | 
							
								    <meta charset="utf-8">
							 | 
						||
| 
								 | 
							
								    <title>基本资料</title>
							 | 
						||
| 
								 | 
							
								    <meta name="renderer" content="webkit">
							 | 
						||
| 
								 | 
							
								    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
							 | 
						||
| 
								 | 
							
								    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
							 | 
						||
| 
								 | 
							
								    <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
							 | 
						||
| 
								 | 
							
								    <link rel="stylesheet" href="../css/public.css" media="all">
							 | 
						||
| 
								 | 
							
								    <style>
							 | 
						||
| 
								 | 
							
								        .layui-form-item .layui-input-company {width: auto;padding-right: 10px;line-height: 38px;}
							 | 
						||
| 
								 | 
							
								    </style>
							 | 
						||
| 
								 | 
							
								</head>
							 | 
						||
| 
								 | 
							
								<body>
							 | 
						||
| 
								 | 
							
								<div class="layuimini-container">
							 | 
						||
| 
								 | 
							
								    <div class="layuimini-main">
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        <div class="layui-form layuimini-form">
							 | 
						||
| 
								 | 
							
								            <div class="layui-form-item">
							 | 
						||
| 
								 | 
							
								                <label class="layui-form-label required">管理账号</label>
							 | 
						||
| 
								 | 
							
								                <div class="layui-input-block">
							 | 
						||
| 
								 | 
							
								                    <input type="text" name="username" lay-verify="required" lay-reqtext="管理账号不能为空" placeholder="请输入管理账号"  value="admin" class="layui-input">
							 | 
						||
| 
								 | 
							
								                    <tip>填写自己管理账号的名称。</tip>
							 | 
						||
| 
								 | 
							
								                </div>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								            <div class="layui-form-item">
							 | 
						||
| 
								 | 
							
								                <label class="layui-form-label required">手机</label>
							 | 
						||
| 
								 | 
							
								                <div class="layui-input-block">
							 | 
						||
| 
								 | 
							
								                    <input type="number" name="phone" lay-verify="required" lay-reqtext="手机不能为空" placeholder="请输入手机"  value="" class="layui-input">
							 | 
						||
| 
								 | 
							
								                </div>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								            <div class="layui-form-item">
							 | 
						||
| 
								 | 
							
								                <label class="layui-form-label">邮箱</label>
							 | 
						||
| 
								 | 
							
								                <div class="layui-input-block">
							 | 
						||
| 
								 | 
							
								                    <input type="email" name="email"  placeholder="请输入邮箱"  value="" class="layui-input">
							 | 
						||
| 
								 | 
							
								                </div>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								            <div class="layui-form-item layui-form-text">
							 | 
						||
| 
								 | 
							
								                <label class="layui-form-label">备注信息</label>
							 | 
						||
| 
								 | 
							
								                <div class="layui-input-block">
							 | 
						||
| 
								 | 
							
								                    <textarea name="remark" class="layui-textarea" placeholder="请输入备注信息"></textarea>
							 | 
						||
| 
								 | 
							
								                </div>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								            <div class="layui-form-item">
							 | 
						||
| 
								 | 
							
								                <div class="layui-input-block">
							 | 
						||
| 
								 | 
							
								                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
							 | 
						||
| 
								 | 
							
								                </div>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								        </div>
							 | 
						||
| 
								 | 
							
								    </div>
							 | 
						||
| 
								 | 
							
								</div>
							 | 
						||
| 
								 | 
							
								<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
							 | 
						||
| 
								 | 
							
								<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
							 | 
						||
| 
								 | 
							
								<script>
							 | 
						||
| 
								 | 
							
								    layui.use(['form','miniTab'], function () {
							 | 
						||
| 
								 | 
							
								        var form = layui.form,
							 | 
						||
| 
								 | 
							
								            layer = layui.layer,
							 | 
						||
| 
								 | 
							
								            miniTab = layui.miniTab;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        //监听提交
							 | 
						||
| 
								 | 
							
								        form.on('submit(saveBtn)', function (data) {
							 | 
						||
| 
								 | 
							
								            var index = layer.alert(JSON.stringify(data.field), {
							 | 
						||
| 
								 | 
							
								                title: '最终的提交信息'
							 | 
						||
| 
								 | 
							
								            }, function () {
							 | 
						||
| 
								 | 
							
								                layer.close(index);
							 | 
						||
| 
								 | 
							
								                miniTab.deleteCurrentByIframe();
							 | 
						||
| 
								 | 
							
								            });
							 | 
						||
| 
								 | 
							
								            return false;
							 | 
						||
| 
								 | 
							
								        });
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    });
							 | 
						||
| 
								 | 
							
								</script>
							 | 
						||
| 
								 | 
							
								</body>
							 | 
						||
| 
								 | 
							
								</html>
							 |