Authored by XuHaoJie

青海-登录页-更换图像、更换标签

<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.base }}style/login.css?v={{ layui.admin.v }}-1" media="all">
</script>
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
<div class="layadmin-user-login-box layadmin-user-login-header">
<!--<h2>国家税务总局浙江省税务局运行监控平台</h2>-->
<img src="/src/style/img/logo.png">
</div>
<div class="layadmin-user-login-main">
<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
<div class="layui-form-item">
<h2>用户登录</h2>
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-username" for="userName"></label>
<input type="text" name="username" id="userName" lay-verify="required" placeholder="用户名" class="layui-input">
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-password" for="loginPswd"></label>
<input type="password" name="password" id="loginPswd" lay-verify="required|password" placeholder="密码"
class="layui-input">
</div>
<!--验证码-->
<div class="layui-form-item" id="validCodeLine" style="display: none">
<div class="layui-row">
<div class="layui-col-xs7">
<input id="validCode" name="validCode" style="width:170px" type="text" placeholder="验证码" class="layui-input">
</div>
<div class="layui-col-xs5">
<img class="login-captcha" src="#">
</div>
</div>
</div>
<div class="layui-form-item" style="margin-bottom: 20px;">
<!-- <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">-->
<!-- <a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>-->
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
</div>
<div class="layui-form-item">
<span style="color: red;word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;" class="login-tips-span"></span>
</div>
<div style="font-size: 12px;text-align: center;color: #c1c1c1">
技术支持:北京鸿果秋实科技有限公司
</div>
</div>
</div>
</div>
<script>
layui.use('login',function (fn) {
fn();
});
(function() {
// Private array of chars to use
var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
Math.uuid = function (len, radix) {
var chars = CHARS, uuid = [], i;
radix = radix || chars.length;
if (len) {
// Compact form
for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
} else {
// rfc4122, version 4 form
var r;
// rfc4122 requires these characters
uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
uuid[14] = '4';
// Fill in random data. At i==19 set the high bits of clock sequence as
// per rfc4122, sec. 4.1.5
for (i = 0; i < 36; i++) {
if (!uuid[i]) {
r = 0 | Math.random()*16;
uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
}
}
}
return uuid.join('');
};
})();
</script>
... ...
<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.base }}style/login-skin1.css?v={{ layui.admin.v }}-1" media="all">
</script>
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
<div class="layadmin-user-login-box layadmin-user-login-header">
<!--<h2>国家税务总局浙江省税务局运行监控平台</h2>-->
<img src="/src/style/img/login/skin/1/mingcheng.png">
</div>
<div class="layadmin-user-login-main">
<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
<div class="layui-form-item" style="color: #2887FD;font-weight: bold;text-align: center;font-size: 18px;">
<h2>用户登录</h2>
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-username" for="userName"></label>
<input type="text" name="username" id="userName" lay-verify="required" placeholder="用户名" class="layui-input">
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-password" for="loginPswd"></label>
<input type="password" name="password" id="loginPswd" lay-verify="required|password" placeholder="密码"
class="layui-input">
</div>
<!--验证码-->
<div class="layui-form-item" id="validCodeLine" style="display: none">
<div class="layui-row">
<div class="layui-col-xs7">
<input id="validCode" name="validCode" style="width:170px" type="text" placeholder="验证码" class="layui-input">
</div>
<div class="layui-col-xs5">
<img class="login-captcha" src="#">
</div>
</div>
</div>
<div class="layui-form-item" style="margin-bottom: 20px;">
<!-- <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">-->
<!-- <a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>-->
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
</div>
<div class="layui-form-item">
<span style="color: red;word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;" class="login-tips-span"></span>
</div>
<div style="font-size: 12px;text-align: center;color: #c1c1c1">
技术支持:北京鸿果秋实科技有限公司
</div>
</div>
</div>
</div>
<script>
layui.use('login',function (fn) {
fn();
});
(function() {
// Private array of chars to use
var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
Math.uuid = function (len, radix) {
var chars = CHARS, uuid = [], i;
radix = radix || chars.length;
if (len) {
// Compact form
for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
} else {
// rfc4122, version 4 form
var r;
// rfc4122 requires these characters
uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
uuid[14] = '4';
// Fill in random data. At i==19 set the high bits of clock sequence as
// per rfc4122, sec. 4.1.5
for (i = 0; i < 36; i++) {
if (!uuid[i]) {
r = 0 | Math.random()*16;
uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
}
}
}
return uuid.join('');
};
})();
</script>
... ...
<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.base }}style/login-skin2.css?v={{ layui.admin.v }}-1" media="all">
</script>
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
<div class="layadmin-user-login-box layadmin-user-login-header">
<!--<h2>国家税务总局浙江省税务局运行监控平台</h2>-->
</div>
<div class="layadmin-user-login-main">
<img src="/src/style/img/login/skin/2/mingcheng2.png" style="border: none;position: absolute;margin-left: calc(100% - 650px);margin-top: 175px;width: 500px;">
<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
<div class="layui-form-item" style="color: #2887FD;font-weight: bold;text-align: center;font-size: 18px;">
<h2>用户登录</h2>
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-username" for="userName"></label>
<input type="text" name="username" id="userName" lay-verify="required" placeholder="用户名" class="layui-input">
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-password" for="loginPswd"></label>
<input type="password" name="password" id="loginPswd" lay-verify="required|password" placeholder="密码"
class="layui-input">
</div>
<!--验证码-->
<div class="layui-form-item" id="validCodeLine" style="display: none">
<div class="layui-row">
<div class="layui-col-xs7">
<input id="validCode" name="validCode" style="width:170px" type="text" placeholder="验证码" class="layui-input">
</div>
<div class="layui-col-xs5">
<img class="login-captcha" src="#">
</div>
</div>
</div>
<div class="layui-form-item" style="margin-bottom: 20px;">
<!-- <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">-->
<!-- <a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>-->
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
</div>
<div class="layui-form-item">
<span style="color: red;word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;" class="login-tips-span"></span>
</div>
<div style="font-size: 12px;text-align: center;color: #c1c1c1">
技术支持:北京鸿果秋实科技有限公司
</div>
</div>
</div>
</div>
<script>
layui.use('login',function (fn) {
fn();
});
(function() {
// Private array of chars to use
var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
Math.uuid = function (len, radix) {
var chars = CHARS, uuid = [], i;
radix = radix || chars.length;
if (len) {
// Compact form
for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
} else {
// rfc4122, version 4 form
var r;
// rfc4122 requires these characters
uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
uuid[14] = '4';
// Fill in random data. At i==19 set the high bits of clock sequence as
// per rfc4122, sec. 4.1.5
for (i = 0; i < 36; i++) {
if (!uuid[i]) {
r = 0 | Math.random()*16;
uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
}
}
}
return uuid.join('');
};
})();
</script>
... ...
<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.base }}style/login.css?v={{ layui.admin.v }}-1" media="all">
</script>
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
<div class="layadmin-user-login-box layadmin-user-login-header">
<img src="/src/style/img/logo.png">
</div>
<div class="layadmin-user-login-main">
<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
<div class="layui-form-item">
<h2>用户登录</h2>
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-username" for="userName"></label>
<input type="text" name="username" id="userName" lay-verify="required" placeholder="用户名" class="layui-input">
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-password" for="loginPswd"></label>
<input type="password" name="password" id="loginPswd" lay-verify="required|password" placeholder="密码"
class="layui-input">
</div>
<!--验证码-->
<div class="layui-form-item" id="validCodeLine" style="display: none">
<div class="layui-row">
<div class="layui-col-xs7">
<input id="validCode" name="validCode" style="width:170px" type="text" placeholder="验证码" class="layui-input">
</div>
<div class="layui-col-xs5">
<img class="login-captcha" src="#">
</div>
</div>
</div>
<div class="layui-form-item" style="margin-bottom: 20px;">
<!-- <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">-->
<!-- <a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>-->
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
</div>
<div class="layui-form-item">
<span style="color: red;word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;" class="login-tips-span"></span>
</div>
</div>
</div>
</div>
<script>
layui.use('login',function (fn) {
fn();
});
(function() {
// Private array of chars to use
var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
Math.uuid = function (len, radix) {
var chars = CHARS, uuid = [], i;
radix = radix || chars.length;
if (len) {
// Compact form
for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
} else {
// rfc4122, version 4 form
var r;
// rfc4122 requires these characters
uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
uuid[14] = '4';
// Fill in random data. At i==19 set the high bits of clock sequence as
// per rfc4122, sec. 4.1.5
for (i = 0; i < 36; i++) {
if (!uuid[i]) {
r = 0 | Math.random()*16;
uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
}
}
}
return uuid.join('');
};
})();
</script>
... ...
该目录存放【用户】的视图文件
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>综合监控管理系统</title>
<link rel="shortcut icon" href="../src/style/res/shui.png">
<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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="/start/layui/css/layui.css" media="all">
<link rel="stylesheet" href="/src/style/css/menuIcon.css" media="all">
<script>
/^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
</script>
</head>
<body>
<div id="LAY_app"></div>
<script src="/start/layui/layui.js"></script>
<script>
layui.use(['jquery'], function () {
var $ = layui.jquery;
// 读取配置文件
$.when(
$.ajax({
url: '/config/getConfig',
data: {
configName: 'url'
},
async: false
}),$.ajax({
url: '/config/getConfig',
data: {
configName: 'config.audio'
},
}),
).done(function (res1,res2) {
sessionStorage.setItem('domainName', res1[0].gateway);
sessionStorage.setItem('domainInspectionURI', res1[0].inspection_web);
sessionStorage.setItem('domainAssetsManage', res1[0].assetsweb);
sessionStorage.setItem('graphEditorOrigin', res1[0].mxgraph_editor);
sessionStorage.setItem('tingyun', res1[0].tingyun);
sessionStorage.setItem('bigScreen', res1[0].bigScreen);
sessionStorage.setItem('sxView', res1[0].sxView);
sessionStorage.setItem('workflow', res1[0].workflow);
sessionStorage.setItem('mp3', res2[0].mp3);
sessionStorage.setItem('jimuReport', res1[0].jimuReport);
sessionStorage.setItem('cmdbWeb', res1[0].cmdbWeb);
})
});
layui.config({
base: '../src/' //指定 layuiAdmin 项目路径,本地开发用 src,线上用 dist
// ,version: '1.2.1'//运行环境用个固定版本号
,version: new Date().getTime()//本地开发环境,避免改动后的文件未及时生效,所以用时间戳作为版本
}).use('index');
</script>
</body>
</html>
... ...