Skip to content

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

页面调整

parent 7d8251bf
Hide whitespace changes
Inline Side-by-side
Showing with 137 additions and 97 deletions
public/config.js
View file @ 858dcd71
var CONFIG = {}
// 页面 title 前缀
CONFIG.TITLE = '拉灵线-山南站AI节能系统'
CONFIG.TITLE = '拉林线-山南站AI节能系统'
// 网络请求公用地址
......
public/index.html
View file @ 858dcd71
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Security-Policy">
<meta charset="utf-8" />
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Content-Security-Policy" />
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
<!-- <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 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>
//禁用所有控制台输出
// var console={};
// console.log=function(){};
// console.warn=function(){};
// console.error=function(){};
var console = {}
console.log = function () {}
console.warn = function () {}
console.error = function () {}
</script>
<script src="./config.js"></script>
<style>
html, body, #app {
html,
body,
#app {
height: 100%;
margin: 0px;
padding: 0px;
}
#app{
#app {
/* background: url('./image/bg2x.png') no-repeat fixed center; */
background-color: #ccc;
}
......@@ -39,11 +44,21 @@
justify-content: center;
align-items: center;
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-blend-mode: multiply,multiply;
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.4) 0%,
rgba(0, 0, 0, 0.4) 120%
)
#989898;
background-blend-mode: multiply, multiply;
}
.d2-app-loading-title {
color: #FFF;
color: #fff;
font-weight: bold;
font-size: 14px;
margin-top: 40px;
......@@ -51,14 +66,14 @@
letter-spacing: 0.2em;
}
.d2-app-loading-sub-title {
color: #FFF;
color: #fff;
font-size: 10px;
margin-bottom: 10px;
}
.d2-app-loading-sub-info {
color: #FFF;
color: #fff;
font-size: 10px;
opacity: .8;
opacity: 0.8;
margin-bottom: 4px;
}
.d2-app-loading-btn {
......@@ -76,7 +91,7 @@
box-sizing: border-box;
outline: none;
margin: 0;
transition: .1s;
transition: 0.1s;
font-weight: 500;
-moz-user-select: none;
-webkit-user-select: none;
......@@ -96,68 +111,82 @@
.d2-app-loading-grid .d2-app-loading {
width: 10px;
height: 10px;
background-color: #FFF;
background-color: #fff;
float: left;
-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;
-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;
}
.d2-app-loading-grid .d2-app-loading1 {
border-top-left-radius: 4px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
animation-delay: 0.2s;
}
.d2-app-loading-grid .d2-app-loading2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
animation-delay: 0.3s;
}
.d2-app-loading-grid .d2-app-loading3 {
border-top-right-radius: 4px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
animation-delay: 0.4s;
}
.d2-app-loading-grid .d2-app-loading4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
animation-delay: 0.1s;
}
.d2-app-loading-grid .d2-app-loading5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
animation-delay: 0.2s;
}
.d2-app-loading-grid .d2-app-loading6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
animation-delay: 0.3s;
}
.d2-app-loading-grid .d2-app-loading7 {
border-bottom-left-radius: 4px;
-webkit-animation-delay: 0s;
animation-delay: 0s; }
animation-delay: 0s;
}
.d2-app-loading-grid .d2-app-loading8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
animation-delay: 0.1s;
}
.d2-app-loading-grid .d2-app-loading9 {
border-bottom-right-radius: 4px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
animation-delay: 0.2s;
}
@-webkit-keyframes d2-app-loading-grid-scale-delay {
0%, 70%, 100% {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes d2-app-loading-grid-scale-delay {
0%, 70%, 100% {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
</style>
<!-- ua -->
<script>
// let stationId = '40bf04d6f2e2ec3bfbb43aa51a7facc8';
</script>
<script src="<%= BASE_URL %>script/ua-parser.min.js"></script>
<script src="<%= BASE_URL %>script/ua.js"></script>
......@@ -169,7 +198,10 @@
</head>
<body>
<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>
<div id="app">
<div class="d2-app-loading-group">
......@@ -185,12 +217,16 @@
<div class="d2-app-loading d2-app-loading9"></div>
</div>
<div class="d2-app-loading-title">加载中</div>
<div class="d2-app-loading-sub-title">欢迎使用拉灵线-山南站AI节能系统。初次加载较慢，请耐心等待</div>
<div class="d2-app-loading-sub-info">如果很久很久都没有加载成功，请清空缓存重新加载页面</div>
<div class="d2-app-loading-sub-title">
欢迎使用拉林线-山南站AI节能系统。初次加载较慢，请耐心等待
</div>
<div class="d2-app-loading-sub-info">
如果很久很久都没有加载成功，请清空缓存重新加载页面
</div>
</div>
</div>
<!-- built files will be auto injected -->
<!-- <script charset="utf-8" type="text/javascript" src="http://map.qq.com/api/js?v=2.exp&key=YCHBZ-UFI3P-UEWDF-VXZLI-DLBIO-A5BKZ&libraries=place"></script> -->
<!-- <script charset="utf-8" type="text/javascript" src="http://map.qq.com/api/js?v=2.exp&key=YCHBZ-UFI3P-UEWDF-VXZLI-DLBIO-A5BKZ&libraries=place"></script> -->
</body>
<!-- <script src="<%= BASE_URL %>script/jquery-1.7.1.min.js"></script> -->
<!-- <script src="<%= BASE_URL %>script/webVideoCtrl.js"></script> -->
......
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">
<desc>拉灵线-山南站AI节能系统</desc>
<desc>拉林线-山南站AI节能系统</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<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 = {
* @param {String} title 标题
*/
util.title = function (titleText) {
const processTitle = '拉灵线-山南站AI节能系统'
const processTitle = '拉林线-山南站AI节能系统'
window.document.title = `${processTitle}${titleText ? ` | ${titleText}` : ''}`
}
......@@ -29,7 +29,7 @@ util.open = function (url) {
document.body.removeChild(document.getElementById('d2admin-menu-link'))
}
/**
/**
* @about Tree 数据格式转化
* @param rows:json数据对象
* @param idFieldName:表id的字段名
......@@ -40,58 +40,62 @@ util.open = function (url) {
* @author dake
*/
util.ConvertToTreeJson = function (rows, idFieldName, pidFieldName, fileds) {
function exists(rows, ParentId) {
for (var i = 0; i < rows.length; i++) {
if (rows[i][idFieldName] == ParentId) { return true }
}
return false
}
var nodes = []
// get the top level nodes
function exists(rows, ParentId) {
for (var i = 0; i < rows.length; i++) {
var row = rows[i]
if (!exists(rows, row[pidFieldName])) {
var data = {
id: row[idFieldName]
}
var arrFiled = fileds.split(',')
for (var j = 0; j < arrFiled.length; j++) {
if (arrFiled[j] != idFieldName) { data[arrFiled[j]] = row[arrFiled[j]] }
}
nodes.push(data)
if (rows[i][idFieldName] == ParentId) {
return true
}
}
return false
}
var nodes = []
// get the top level nodes
for (var i = 0; i < rows.length; i++) {
var row = rows[i]
if (!exists(rows, row[pidFieldName])) {
var data = {
id: row[idFieldName]
}
var arrFiled = fileds.split(',')
for (var j = 0; j < arrFiled.length; j++) {
if (arrFiled[j] != idFieldName) {
data[arrFiled[j]] = row[arrFiled[j]]
}
}
nodes.push(data)
}
}
var toDo = []
for (var i = 0; i < nodes.length; i++) {
toDo.push(nodes[i])
}
var toDo = []
for (var i = 0; i < nodes.length; i++) {
toDo.push(nodes[i])
}
while (toDo.length) {
var node = toDo.shift() // the parent node
// get the children nodes
for (var i = 0; i < rows.length; i++) {
var row = rows[i]
if (row[pidFieldName] == node.id) {
var child = {
id: row[idFieldName]
}
var arrFiled = fileds.split(',')
for (var j = 0; j < arrFiled.length; j++) {
if (arrFiled[j] != idFieldName) {
child[arrFiled[j]] = row[arrFiled[j]]
}
}
if (node.children) {
node.children.push(child)
} else {
node.children = [child]
}
toDo.push(child)
}
while (toDo.length) {
var node = toDo.shift() // the parent node
// get the children nodes
for (var i = 0; i < rows.length; i++) {
var row = rows[i]
if (row[pidFieldName] == node.id) {
var child = {
id: row[idFieldName]
}
var arrFiled = fileds.split(',')
for (var j = 0; j < arrFiled.length; j++) {
if (arrFiled[j] != idFieldName) {
child[arrFiled[j]] = row[arrFiled[j]]
}
}
if (node.children) {
node.children.push(child)
} else {
node.children = [child]
}
toDo.push(child)
}
}
return nodes
}
return nodes
}
export default util
src/pages/index/index.vue
View file @ 858dcd71
<template lang="pug">
div.infopage()
font(class='index-title') 欢迎访问拉灵线-山南站AI节能系统
font(class='index-title') 欢迎访问拉林线-山南站AI节能系统
</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