Skip to content

E
energyai_vue
Commit 858dcd71 authored by co_dengxiongwen's avatar co_dengxiongwen
Browse files
Options

页面调整

parent 7d8251bf
Show whitespace changes
Inline Side-by-side
Showing with 137 additions and 97 deletions
public/config.js
View file @ 858dcd71
var CONFIG = {} var CONFIG = {}
// 页面 title 前缀 // 页面 title 前缀
CONFIG.TITLE = '拉灵线-山南站AI节能系统' CONFIG.TITLE = '拉林线-山南站AI节能系统'
// 网络请求公用地址 // 网络请求公用地址
......
public/index.html
View file @ 858dcd71
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="renderer" content="webkit"/> <meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit"/> <meta name="force-rendering" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Content-Security-Policy"> <meta http-equiv="Content-Security-Policy" />
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> --> <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> --> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,er-scalable=no"> <meta
name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,er-scalable=no"
/>
<!-- <link rel="icon" href="<%= BASE_URL %>icon.ico"> --> <!-- <link rel="icon" href="<%= BASE_URL %>icon.ico"> -->
<link href="icon.jpg" rel="icon" type="image/x-icon" /> <link href="icon.jpg" rel="icon" type="image/x-icon" />
<!-- <script src = "https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.0/proxy.min.js"></script> --> <!-- <script src = "https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.0/proxy.min.js"></script> -->
<title>拉灵线-山南站AI节能系统</title> <title>拉林线-山南站AI节能系统</title>
<script> <script>
//禁用所有控制台输出 //禁用所有控制台输出
// var console={}; var console = {}
// console.log=function(){}; console.log = function () {}
// console.warn=function(){}; console.warn = function () {}
// console.error=function(){}; console.error = function () {}
</script> </script>
<script src="./config.js"></script> <script src="./config.js"></script>
<style> <style>
html, body, #app { html,
body,
#app {
height: 100%; height: 100%;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
#app{ #app {
/* background: url('./image/bg2x.png') no-repeat fixed center; */ /* background: url('./image/bg2x.png') no-repeat fixed center; */
background-color: #ccc; background-color: #ccc;
} }
...@@ -39,11 +44,21 @@ ...@@ -39,11 +44,21 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898; background: linear-gradient(
background-blend-mode: multiply,multiply; to bottom,
rgba(255, 255, 255, 0.15) 0%,
rgba(0, 0, 0, 0.15) 100%
),
radial-gradient(
at top center,
rgba(255, 255, 255, 0.4) 0%,
rgba(0, 0, 0, 0.4) 120%
)
#989898;
background-blend-mode: multiply, multiply;
} }
.d2-app-loading-title { .d2-app-loading-title {
color: #FFF; color: #fff;
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
margin-top: 40px; margin-top: 40px;
...@@ -51,14 +66,14 @@ ...@@ -51,14 +66,14 @@
letter-spacing: 0.2em; letter-spacing: 0.2em;
} }
.d2-app-loading-sub-title { .d2-app-loading-sub-title {
color: #FFF; color: #fff;
font-size: 10px; font-size: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.d2-app-loading-sub-info { .d2-app-loading-sub-info {
color: #FFF; color: #fff;
font-size: 10px; font-size: 10px;
opacity: .8; opacity: 0.8;
margin-bottom: 4px; margin-bottom: 4px;
} }
.d2-app-loading-btn { .d2-app-loading-btn {
...@@ -76,7 +91,7 @@ ...@@ -76,7 +91,7 @@
box-sizing: border-box; box-sizing: border-box;
outline: none; outline: none;
margin: 0; margin: 0;
transition: .1s; transition: 0.1s;
font-weight: 500; font-weight: 500;
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
...@@ -96,68 +111,82 @@ ...@@ -96,68 +111,82 @@
.d2-app-loading-grid .d2-app-loading { .d2-app-loading-grid .d2-app-loading {
width: 10px; width: 10px;
height: 10px; height: 10px;
background-color: #FFF; background-color: #fff;
float: left; float: left;
-webkit-animation: d2-app-loading-grid-scale-delay 1.3s infinite ease-in-out; -webkit-animation: d2-app-loading-grid-scale-delay 1.3s infinite
ease-in-out;
animation: d2-app-loading-grid-scale-delay 1.3s infinite ease-in-out; animation: d2-app-loading-grid-scale-delay 1.3s infinite ease-in-out;
} }
.d2-app-loading-grid .d2-app-loading1 { .d2-app-loading-grid .d2-app-loading1 {
border-top-left-radius: 4px; border-top-left-radius: 4px;
-webkit-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;
animation-delay: 0.2s; } animation-delay: 0.2s;
}
.d2-app-loading-grid .d2-app-loading2 { .d2-app-loading-grid .d2-app-loading2 {
-webkit-animation-delay: 0.3s; -webkit-animation-delay: 0.3s;
animation-delay: 0.3s; } animation-delay: 0.3s;
}
.d2-app-loading-grid .d2-app-loading3 { .d2-app-loading-grid .d2-app-loading3 {
border-top-right-radius: 4px; border-top-right-radius: 4px;
-webkit-animation-delay: 0.4s; -webkit-animation-delay: 0.4s;
animation-delay: 0.4s; } animation-delay: 0.4s;
}
.d2-app-loading-grid .d2-app-loading4 { .d2-app-loading-grid .d2-app-loading4 {
-webkit-animation-delay: 0.1s; -webkit-animation-delay: 0.1s;
animation-delay: 0.1s; } animation-delay: 0.1s;
}
.d2-app-loading-grid .d2-app-loading5 { .d2-app-loading-grid .d2-app-loading5 {
-webkit-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;
animation-delay: 0.2s; } animation-delay: 0.2s;
}
.d2-app-loading-grid .d2-app-loading6 { .d2-app-loading-grid .d2-app-loading6 {
-webkit-animation-delay: 0.3s; -webkit-animation-delay: 0.3s;
animation-delay: 0.3s; } animation-delay: 0.3s;
}
.d2-app-loading-grid .d2-app-loading7 { .d2-app-loading-grid .d2-app-loading7 {
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-webkit-animation-delay: 0s; -webkit-animation-delay: 0s;
animation-delay: 0s; } animation-delay: 0s;
}
.d2-app-loading-grid .d2-app-loading8 { .d2-app-loading-grid .d2-app-loading8 {
-webkit-animation-delay: 0.1s; -webkit-animation-delay: 0.1s;
animation-delay: 0.1s; } animation-delay: 0.1s;
}
.d2-app-loading-grid .d2-app-loading9 { .d2-app-loading-grid .d2-app-loading9 {
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
-webkit-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;
animation-delay: 0.2s; } animation-delay: 0.2s;
}
@-webkit-keyframes d2-app-loading-grid-scale-delay { @-webkit-keyframes d2-app-loading-grid-scale-delay {
0%, 70%, 100% { 0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1); -webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1);
} 35% { }
35% {
-webkit-transform: scale3D(0, 0, 1); -webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1);
} }
} }
@keyframes d2-app-loading-grid-scale-delay { @keyframes d2-app-loading-grid-scale-delay {
0%, 70%, 100% { 0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1); -webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1);
} 35% { }
35% {
-webkit-transform: scale3D(0, 0, 1); -webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1);
} }
} }
</style> </style>
<!-- ua --> <!-- ua -->
<script> <script>
// let stationId = '40bf04d6f2e2ec3bfbb43aa51a7facc8'; // let stationId = '40bf04d6f2e2ec3bfbb43aa51a7facc8';
</script> </script>
<script src="<%= BASE_URL %>script/ua-parser.min.js"></script> <script src="<%= BASE_URL %>script/ua-parser.min.js"></script>
<script src="<%= BASE_URL %>script/ua.js"></script> <script src="<%= BASE_URL %>script/ua.js"></script>
...@@ -169,7 +198,10 @@ ...@@ -169,7 +198,10 @@
</head> </head>
<body> <body>
<noscript> <noscript>
<strong>We're sorry but d2-admin doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong
>We're sorry but d2-admin doesn't work properly without JavaScript
enabled. Please enable it to continue.</strong
>
</noscript> </noscript>
<div id="app"> <div id="app">
<div class="d2-app-loading-group"> <div class="d2-app-loading-group">
...@@ -185,8 +217,12 @@ ...@@ -185,8 +217,12 @@
<div class="d2-app-loading d2-app-loading9"></div> <div class="d2-app-loading d2-app-loading9"></div>
</div> </div>
<div class="d2-app-loading-title">加载中</div> <div class="d2-app-loading-title">加载中</div>
<div class="d2-app-loading-sub-title">欢迎使用拉灵线-山南站AI节能系统。初次加载较慢，请耐心等待</div> <div class="d2-app-loading-sub-title">
<div class="d2-app-loading-sub-info">如果很久很久都没有加载成功，请清空缓存重新加载页面</div> 欢迎使用拉林线-山南站AI节能系统。初次加载较慢，请耐心等待
</div>
<div class="d2-app-loading-sub-info">
如果很久很久都没有加载成功，请清空缓存重新加载页面
</div>
</div> </div>
</div> </div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
......
src/assets/svg-icons/icons/d2-admin.svg
View file @ 858dcd71
<svg viewBox="0 0 60 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg viewBox="0 0 60 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>拉灵线-山南站AI节能系统</desc> <desc>拉林线-山南站AI节能系统</desc>
<defs></defs> <defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo-no-shadow" transform="translate(-3.000000, -3.000000)"> <g id="logo-no-shadow" transform="translate(-3.000000, -3.000000)">
......
src/layout/header-aside/imgs/logo2.png
View replaced file @ 7d8251bf View file @ 858dcd71
src/layout/header-aside/imgs/logo2.png

8.55 KB | W: | H:

src/layout/header-aside/imgs/logo2.png

20.2 KB | W: | H:

src/layout/header-aside/imgs/logo2.png
src/layout/header-aside/imgs/logo2.png
src/layout/header-aside/imgs/logo2.png
src/layout/header-aside/imgs/logo2.png
  • 2-up
  • Swipe
  • Onion skin
src/libs/util.js
View file @ 858dcd71
...@@ -11,7 +11,7 @@ let util = { ...@@ -11,7 +11,7 @@ let util = {
* @param {String} title 标题 * @param {String} title 标题
*/ */
util.title = function (titleText) { util.title = function (titleText) {
const processTitle = '拉灵线-山南站AI节能系统' const processTitle = '拉林线-山南站AI节能系统'
window.document.title = `${processTitle}${titleText ? ` | ${titleText}` : ''}` window.document.title = `${processTitle}${titleText ? ` | ${titleText}` : ''}`
} }
...@@ -29,7 +29,7 @@ util.open = function (url) { ...@@ -29,7 +29,7 @@ util.open = function (url) {
document.body.removeChild(document.getElementById('d2admin-menu-link')) document.body.removeChild(document.getElementById('d2admin-menu-link'))
} }
/** /**
* @about Tree 数据格式转化 * @about Tree 数据格式转化
* @param rows:json数据对象 * @param rows:json数据对象
* @param idFieldName:表id的字段名 * @param idFieldName:表id的字段名
...@@ -42,7 +42,9 @@ util.open = function (url) { ...@@ -42,7 +42,9 @@ util.open = function (url) {
util.ConvertToTreeJson = function (rows, idFieldName, pidFieldName, fileds) { util.ConvertToTreeJson = function (rows, idFieldName, pidFieldName, fileds) {
function exists(rows, ParentId) { function exists(rows, ParentId) {
for (var i = 0; i < rows.length; i++) { for (var i = 0; i < rows.length; i++) {
if (rows[i][idFieldName] == ParentId) { return true } if (rows[i][idFieldName] == ParentId) {
return true
}
} }
return false return false
} }
...@@ -56,7 +58,9 @@ util.ConvertToTreeJson = function (rows, idFieldName, pidFieldName, fileds) { ...@@ -56,7 +58,9 @@ util.ConvertToTreeJson = function (rows, idFieldName, pidFieldName, fileds) {
} }
var arrFiled = fileds.split(',') var arrFiled = fileds.split(',')
for (var j = 0; j < arrFiled.length; j++) { for (var j = 0; j < arrFiled.length; j++) {
if (arrFiled[j] != idFieldName) { data[arrFiled[j]] = row[arrFiled[j]] } if (arrFiled[j] != idFieldName) {
data[arrFiled[j]] = row[arrFiled[j]]
}
} }
nodes.push(data) nodes.push(data)
} }
......
src/pages/index/index.vue
View file @ 858dcd71
<template lang="pug"> <template lang="pug">
div.infopage() div.infopage()
font(class='index-title') 欢迎访问拉灵线-山南站AI节能系统 font(class='index-title') 欢迎访问拉林线-山南站AI节能系统
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment