Authored by XuHaoJie

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

  1 +<script type="text/html" template>
  2 + <link rel="stylesheet" href="{{ layui.setter.base }}style/login.css?v={{ layui.admin.v }}-1" media="all">
  3 +</script>
  4 +
  5 +
  6 +<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
  7 + <div class="layadmin-user-login-box layadmin-user-login-header">
  8 + <!--<h2>国家税务总局浙江省税务局运行监控平台</h2>-->
  9 + <img src="/src/style/img/logo.png">
  10 + </div>
  11 + <div class="layadmin-user-login-main">
  12 + <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
  13 + <div class="layui-form-item">
  14 + <h2>用户登录</h2>
  15 + </div>
  16 + <div class="layui-form-item">
  17 + <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="userName"></label>
  18 + <input type="text" name="username" id="userName" lay-verify="required" placeholder="用户名" class="layui-input">
  19 + </div>
  20 + <div class="layui-form-item">
  21 + <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="loginPswd"></label>
  22 + <input type="password" name="password" id="loginPswd" lay-verify="required|password" placeholder="密码"
  23 + class="layui-input">
  24 + </div>
  25 + <!--验证码-->
  26 + <div class="layui-form-item" id="validCodeLine" style="display: none">
  27 + <div class="layui-row">
  28 + <div class="layui-col-xs7">
  29 + <input id="validCode" name="validCode" style="width:170px" type="text" placeholder="验证码" class="layui-input">
  30 + </div>
  31 + <div class="layui-col-xs5">
  32 + <img class="login-captcha" src="#">
  33 + </div>
  34 + </div>
  35 + </div>
  36 + <div class="layui-form-item" style="margin-bottom: 20px;">
  37 +<!-- <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">-->
  38 +<!-- <a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>-->
  39 + </div>
  40 + <div class="layui-form-item">
  41 + <button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
  42 + </div>
  43 + <div class="layui-form-item">
  44 + <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>
  45 + </div>
  46 + <div style="font-size: 12px;text-align: center;color: #c1c1c1">
  47 + 技术支持:北京鸿果秋实科技有限公司
  48 + </div>
  49 + </div>
  50 + </div>
  51 +
  52 +</div>
  53 +<script>
  54 +
  55 + layui.use('login',function (fn) {
  56 + fn();
  57 + });
  58 + (function() {
  59 + // Private array of chars to use
  60 + var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
  61 +
  62 + Math.uuid = function (len, radix) {
  63 + var chars = CHARS, uuid = [], i;
  64 + radix = radix || chars.length;
  65 + if (len) {
  66 + // Compact form
  67 + for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
  68 + } else {
  69 + // rfc4122, version 4 form
  70 + var r;
  71 +
  72 + // rfc4122 requires these characters
  73 + uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
  74 + uuid[14] = '4';
  75 +
  76 + // Fill in random data. At i==19 set the high bits of clock sequence as
  77 + // per rfc4122, sec. 4.1.5
  78 + for (i = 0; i < 36; i++) {
  79 + if (!uuid[i]) {
  80 + r = 0 | Math.random()*16;
  81 + uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
  82 + }
  83 + }
  84 + }
  85 + return uuid.join('');
  86 + };
  87 + })();
  88 +</script>
  1 +<script type="text/html" template>
  2 + <link rel="stylesheet" href="{{ layui.setter.base }}style/login-skin1.css?v={{ layui.admin.v }}-1" media="all">
  3 +</script>
  4 +
  5 +
  6 +<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
  7 + <div class="layadmin-user-login-box layadmin-user-login-header">
  8 + <!--<h2>国家税务总局浙江省税务局运行监控平台</h2>-->
  9 + <img src="/src/style/img/login/skin/1/mingcheng.png">
  10 + </div>
  11 + <div class="layadmin-user-login-main">
  12 + <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
  13 + <div class="layui-form-item" style="color: #2887FD;font-weight: bold;text-align: center;font-size: 18px;">
  14 + <h2>用户登录</h2>
  15 + </div>
  16 + <div class="layui-form-item">
  17 + <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="userName"></label>
  18 + <input type="text" name="username" id="userName" lay-verify="required" placeholder="用户名" class="layui-input">
  19 + </div>
  20 + <div class="layui-form-item">
  21 + <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="loginPswd"></label>
  22 + <input type="password" name="password" id="loginPswd" lay-verify="required|password" placeholder="密码"
  23 + class="layui-input">
  24 + </div>
  25 + <!--验证码-->
  26 + <div class="layui-form-item" id="validCodeLine" style="display: none">
  27 + <div class="layui-row">
  28 + <div class="layui-col-xs7">
  29 + <input id="validCode" name="validCode" style="width:170px" type="text" placeholder="验证码" class="layui-input">
  30 + </div>
  31 + <div class="layui-col-xs5">
  32 + <img class="login-captcha" src="#">
  33 + </div>
  34 + </div>
  35 + </div>
  36 + <div class="layui-form-item" style="margin-bottom: 20px;">
  37 +<!-- <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">-->
  38 +<!-- <a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>-->
  39 + </div>
  40 + <div class="layui-form-item">
  41 + <button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
  42 + </div>
  43 + <div class="layui-form-item">
  44 + <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>
  45 + </div>
  46 +
  47 + <div style="font-size: 12px;text-align: center;color: #c1c1c1">
  48 + 技术支持:北京鸿果秋实科技有限公司
  49 + </div>
  50 + </div>
  51 + </div>
  52 +
  53 +</div>
  54 +<script>
  55 +
  56 + layui.use('login',function (fn) {
  57 + fn();
  58 + });
  59 + (function() {
  60 + // Private array of chars to use
  61 + var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
  62 +
  63 + Math.uuid = function (len, radix) {
  64 + var chars = CHARS, uuid = [], i;
  65 + radix = radix || chars.length;
  66 + if (len) {
  67 + // Compact form
  68 + for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
  69 + } else {
  70 + // rfc4122, version 4 form
  71 + var r;
  72 +
  73 + // rfc4122 requires these characters
  74 + uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
  75 + uuid[14] = '4';
  76 +
  77 + // Fill in random data. At i==19 set the high bits of clock sequence as
  78 + // per rfc4122, sec. 4.1.5
  79 + for (i = 0; i < 36; i++) {
  80 + if (!uuid[i]) {
  81 + r = 0 | Math.random()*16;
  82 + uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
  83 + }
  84 + }
  85 + }
  86 + return uuid.join('');
  87 + };
  88 + })();
  89 +</script>
  1 +<script type="text/html" template>
  2 + <link rel="stylesheet" href="{{ layui.setter.base }}style/login-skin2.css?v={{ layui.admin.v }}-1" media="all">
  3 +</script>
  4 +
  5 +
  6 +<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
  7 + <div class="layadmin-user-login-box layadmin-user-login-header">
  8 + <!--<h2>国家税务总局浙江省税务局运行监控平台</h2>-->
  9 +
  10 + </div>
  11 + <div class="layadmin-user-login-main">
  12 + <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;">
  13 + <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
  14 + <div class="layui-form-item" style="color: #2887FD;font-weight: bold;text-align: center;font-size: 18px;">
  15 + <h2>用户登录</h2>
  16 + </div>
  17 + <div class="layui-form-item">
  18 + <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="userName"></label>
  19 + <input type="text" name="username" id="userName" lay-verify="required" placeholder="用户名" class="layui-input">
  20 + </div>
  21 + <div class="layui-form-item">
  22 + <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="loginPswd"></label>
  23 + <input type="password" name="password" id="loginPswd" lay-verify="required|password" placeholder="密码"
  24 + class="layui-input">
  25 + </div>
  26 + <!--验证码-->
  27 + <div class="layui-form-item" id="validCodeLine" style="display: none">
  28 + <div class="layui-row">
  29 + <div class="layui-col-xs7">
  30 + <input id="validCode" name="validCode" style="width:170px" type="text" placeholder="验证码" class="layui-input">
  31 + </div>
  32 + <div class="layui-col-xs5">
  33 + <img class="login-captcha" src="#">
  34 + </div>
  35 + </div>
  36 + </div>
  37 + <div class="layui-form-item" style="margin-bottom: 20px;">
  38 + <!-- <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">-->
  39 + <!-- <a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>-->
  40 + </div>
  41 + <div class="layui-form-item">
  42 + <button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
  43 + </div>
  44 + <div class="layui-form-item">
  45 + <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>
  46 + </div>
  47 + <div style="font-size: 12px;text-align: center;color: #c1c1c1">
  48 + 技术支持:北京鸿果秋实科技有限公司
  49 + </div>
  50 + </div>
  51 + </div>
  52 +
  53 +</div>
  54 +<script>
  55 +
  56 + layui.use('login',function (fn) {
  57 + fn();
  58 + });
  59 + (function() {
  60 + // Private array of chars to use
  61 + var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
  62 +
  63 + Math.uuid = function (len, radix) {
  64 + var chars = CHARS, uuid = [], i;
  65 + radix = radix || chars.length;
  66 + if (len) {
  67 + // Compact form
  68 + for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
  69 + } else {
  70 + // rfc4122, version 4 form
  71 + var r;
  72 +
  73 + // rfc4122 requires these characters
  74 + uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
  75 + uuid[14] = '4';
  76 +
  77 + // Fill in random data. At i==19 set the high bits of clock sequence as
  78 + // per rfc4122, sec. 4.1.5
  79 + for (i = 0; i < 36; i++) {
  80 + if (!uuid[i]) {
  81 + r = 0 | Math.random()*16;
  82 + uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
  83 + }
  84 + }
  85 + }
  86 + return uuid.join('');
  87 + };
  88 + })();
  89 +</script>
  1 +<script type="text/html" template>
  2 + <link rel="stylesheet" href="{{ layui.setter.base }}style/login.css?v={{ layui.admin.v }}-1" media="all">
  3 +</script>
  4 +
  5 +
  6 +<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
  7 + <div class="layadmin-user-login-box layadmin-user-login-header">
  8 + <img src="/src/style/img/logo.png">
  9 + </div>
  10 + <div class="layadmin-user-login-main">
  11 + <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
  12 + <div class="layui-form-item">
  13 + <h2>用户登录</h2>
  14 + </div>
  15 + <div class="layui-form-item">
  16 + <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="userName"></label>
  17 + <input type="text" name="username" id="userName" lay-verify="required" placeholder="用户名" class="layui-input">
  18 + </div>
  19 + <div class="layui-form-item">
  20 + <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="loginPswd"></label>
  21 + <input type="password" name="password" id="loginPswd" lay-verify="required|password" placeholder="密码"
  22 + class="layui-input">
  23 + </div>
  24 + <!--验证码-->
  25 + <div class="layui-form-item" id="validCodeLine" style="display: none">
  26 + <div class="layui-row">
  27 + <div class="layui-col-xs7">
  28 + <input id="validCode" name="validCode" style="width:170px" type="text" placeholder="验证码" class="layui-input">
  29 + </div>
  30 + <div class="layui-col-xs5">
  31 + <img class="login-captcha" src="#">
  32 + </div>
  33 + </div>
  34 + </div>
  35 + <div class="layui-form-item" style="margin-bottom: 20px;">
  36 +<!-- <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">-->
  37 +<!-- <a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>-->
  38 + </div>
  39 + <div class="layui-form-item">
  40 + <button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
  41 + </div>
  42 + <div class="layui-form-item">
  43 + <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>
  44 + </div>
  45 + </div>
  46 + </div>
  47 +
  48 +</div>
  49 +<script>
  50 +
  51 + layui.use('login',function (fn) {
  52 + fn();
  53 + });
  54 + (function() {
  55 + // Private array of chars to use
  56 + var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
  57 +
  58 + Math.uuid = function (len, radix) {
  59 + var chars = CHARS, uuid = [], i;
  60 + radix = radix || chars.length;
  61 + if (len) {
  62 + // Compact form
  63 + for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
  64 + } else {
  65 + // rfc4122, version 4 form
  66 + var r;
  67 +
  68 + // rfc4122 requires these characters
  69 + uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
  70 + uuid[14] = '4';
  71 +
  72 + // Fill in random data. At i==19 set the high bits of clock sequence as
  73 + // per rfc4122, sec. 4.1.5
  74 + for (i = 0; i < 36; i++) {
  75 + if (!uuid[i]) {
  76 + r = 0 | Math.random()*16;
  77 + uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
  78 + }
  79 + }
  80 + }
  81 + return uuid.join('');
  82 + };
  83 + })();
  84 +</script>
  1 +
  2 +该目录存放【用户】的视图文件
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <meta charset="utf-8">
  5 + <title>综合监控管理系统</title>
  6 + <link rel="shortcut icon" href="../src/style/res/shui.png">
  7 + <meta name="renderer" content="webkit">
  8 + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9 + <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10 + <link rel="stylesheet" href="/start/layui/css/layui.css" media="all">
  11 + <link rel="stylesheet" href="/src/style/css/menuIcon.css" media="all">
  12 + <script>
  13 + /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
  14 + </script>
  15 +</head>
  16 +<body>
  17 + <div id="LAY_app"></div>
  18 + <script src="/start/layui/layui.js"></script>
  19 + <script>
  20 + layui.use(['jquery'], function () {
  21 + var $ = layui.jquery;
  22 + // 读取配置文件
  23 + $.when(
  24 + $.ajax({
  25 + url: '/config/getConfig',
  26 + data: {
  27 + configName: 'url'
  28 + },
  29 + async: false
  30 + }),$.ajax({
  31 + url: '/config/getConfig',
  32 + data: {
  33 + configName: 'config.audio'
  34 + },
  35 + }),
  36 + ).done(function (res1,res2) {
  37 + sessionStorage.setItem('domainName', res1[0].gateway);
  38 + sessionStorage.setItem('domainInspectionURI', res1[0].inspection_web);
  39 + sessionStorage.setItem('domainAssetsManage', res1[0].assetsweb);
  40 + sessionStorage.setItem('graphEditorOrigin', res1[0].mxgraph_editor);
  41 + sessionStorage.setItem('tingyun', res1[0].tingyun);
  42 + sessionStorage.setItem('bigScreen', res1[0].bigScreen);
  43 + sessionStorage.setItem('sxView', res1[0].sxView);
  44 + sessionStorage.setItem('workflow', res1[0].workflow);
  45 + sessionStorage.setItem('mp3', res2[0].mp3);
  46 + sessionStorage.setItem('jimuReport', res1[0].jimuReport);
  47 + sessionStorage.setItem('cmdbWeb', res1[0].cmdbWeb);
  48 + })
  49 + });
  50 + layui.config({
  51 + base: '../src/' //指定 layuiAdmin 项目路径,本地开发用 src,线上用 dist
  52 +// ,version: '1.2.1'//运行环境用个固定版本号
  53 + ,version: new Date().getTime()//本地开发环境,避免改动后的文件未及时生效,所以用时间戳作为版本
  54 + }).use('index');
  55 + </script>
  56 +</body>
  57 +</html>
  58 +
  59 +