49 changed files with 99335 additions and 0 deletions
-
5.vscode/extensions.json
-
186css/reset.css
-
564css/style.css
-
138iconfont/co2.svg
-
BINiconfont/danganhezongliang.png
-
BINiconfont/danganzongliang.png
-
190iconfont/empty.svg
-
291iconfont/iconfont.css
-
1iconfont/iconfont.js
-
492iconfont/iconfont.json
-
BINiconfont/iconfont.ttf
-
BINiconfont/iconfont.woff
-
BINiconfont/iconfont.woff2
-
BINiconfont/lixianshebei.png
-
69iconfont/pm10.svg
-
52iconfont/pm25.svg
-
BINiconfont/quanbushebei.png
-
31iconfont/shidu.svg
-
36iconfont/temperature.svg
-
36iconfont/voc.svg
-
BINiconfont/zaijieshuliang.png
-
BINiconfont/zaikushuliang.png
-
BINiconfont/zaixianshebei.png
-
BINimages/data_border_default.png
-
BINimages/largeScreen/bg.png
-
BINimages/largeScreen/device-1.png
-
BINimages/largeScreen/device-2.png
-
BINimages/largeScreen/device-3.png
-
BINimages/largeScreen/device-4.png
-
BINimages/largeScreen/device-5.png
-
BINimages/largeScreen/device-6.png
-
BINimages/largeScreen/item-left.png
-
BINimages/largeScreen/item-right.png
-
BINimages/largeScreen/screen.png
-
BINimages/largeScreen/top-title.png
-
BINimages/logo.png
-
239index.html
-
41js/countTo.js
-
95739js/echarts.js
-
147js/flexible.js
-
562js/index.js
-
4js/jquery-1.11.1.min.js
-
2js/jquery-1.8.3.min.js
-
130js/jquery.countTo.js
-
4js/jquery.min.js
-
164js/lendAcross.js
-
62js/number.js
-
100js/typePie.js
-
50js/util.js
@ -0,0 +1,5 @@ |
|||
{ |
|||
"recommendations": [ |
|||
"cipchk.cssrem" |
|||
] |
|||
} |
|||
@ -0,0 +1,186 @@ |
|||
@charset "utf-8"; |
|||
|
|||
/* CSS Document */ |
|||
|
|||
html { |
|||
color: #727272; |
|||
background: #f5f5f5; |
|||
-webkit-text-size-adjust: 100%; |
|||
-ms-text-size-adjust: 100%; |
|||
} |
|||
|
|||
body, |
|||
div, |
|||
dl, |
|||
dt, |
|||
dd, |
|||
ul, |
|||
ol, |
|||
li, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
pre, |
|||
code, |
|||
form, |
|||
fieldset, |
|||
legend, |
|||
input, |
|||
textarea, |
|||
p, |
|||
blockquote, |
|||
th, |
|||
td, |
|||
hr, |
|||
button, |
|||
article, |
|||
aside, |
|||
details, |
|||
figcaption, |
|||
figure, |
|||
footer, |
|||
header, |
|||
hgroup, |
|||
menu, |
|||
nav, |
|||
section { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
body, |
|||
button, |
|||
input, |
|||
select, |
|||
textarea { |
|||
font: 12px arial, "微软雅黑" |
|||
} |
|||
|
|||
input, |
|||
select, |
|||
textarea { |
|||
font-size: 100%; |
|||
} |
|||
|
|||
table { |
|||
border-collapse: collapse; |
|||
border-spacing: 0; |
|||
} |
|||
|
|||
th { |
|||
text-align: inherit; |
|||
} |
|||
|
|||
fieldset, |
|||
img { |
|||
border: 0; |
|||
} |
|||
|
|||
iframe { |
|||
display: block; |
|||
} |
|||
|
|||
abbr, |
|||
acronym { |
|||
border: 0; |
|||
font-variant: normal; |
|||
} |
|||
|
|||
del { |
|||
text-decoration: line-through; |
|||
} |
|||
|
|||
address, |
|||
caption, |
|||
cite, |
|||
code, |
|||
dfn, |
|||
em, |
|||
i, |
|||
th, |
|||
var { |
|||
font-style: normal; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
ol, |
|||
ul { |
|||
list-style: none; |
|||
} |
|||
|
|||
caption, |
|||
th { |
|||
text-align: left; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
font-size: 100%; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
q:before, |
|||
q:after { |
|||
content: ''; |
|||
} |
|||
|
|||
ins, |
|||
a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
button { |
|||
border: 0; |
|||
outline: none; |
|||
} |
|||
|
|||
|
|||
/* common |
|||
-----------------------------------------------*/ |
|||
|
|||
.clearfix:after { |
|||
content: "\200B"; |
|||
display: block; |
|||
height: 0; |
|||
clear: both; |
|||
} |
|||
|
|||
.clearfix { |
|||
zoom: 1; |
|||
} |
|||
|
|||
.clear { |
|||
clear: both; |
|||
visibility: hidden; |
|||
} |
|||
|
|||
a { |
|||
color: #333333; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:hover { |
|||
color: #ea6000; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
select::-ms-expand { |
|||
display: none; |
|||
} |
|||
|
|||
input, |
|||
textarea:focus { |
|||
outline: none; |
|||
} |
|||
select{ |
|||
-webkit-appearance: none; |
|||
-moz-appearance: none; |
|||
appearance: none; |
|||
} |
|||
@ -0,0 +1,564 @@ |
|||
.env-container { |
|||
width: 100%; |
|||
height: calc(100vh); |
|||
background-color: #031435; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.env-top-title { |
|||
width: calc(100vw); |
|||
height: 1.625rem; |
|||
background: url("../images/largeScreen/top-title.png") no-repeat 0 -0.175rem; |
|||
background-size: contain; |
|||
} |
|||
|
|||
.current-date { |
|||
position: fixed; |
|||
top: .3125rem; |
|||
right: 1.875rem; |
|||
font-size: .2rem; |
|||
color: #3a99fd; |
|||
} |
|||
|
|||
.env-main { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
padding: 0 .3125rem; |
|||
margin-top: -0.15rem; |
|||
} |
|||
|
|||
.env-main-left, |
|||
.env-main-right { |
|||
max-width: 24%; |
|||
flex: 1; |
|||
height: calc(100vh - 1.725rem); |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.env-main-middle { |
|||
flex: 1; |
|||
margin: 0 .25rem; |
|||
height: calc(100vh - 1.725rem); |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.container-wrap { |
|||
height: calc(100% / 3 - .2rem); |
|||
} |
|||
|
|||
.env-item { |
|||
position: relative; |
|||
margin-bottom: .25rem; |
|||
text-align: center; |
|||
background-color: #021941; |
|||
border: 1px solid #113d72; |
|||
} |
|||
|
|||
.container-wrap::before, |
|||
.container-wrap::after { |
|||
content: ""; |
|||
position: absolute; |
|||
width: .2125rem; |
|||
height: .2125rem; |
|||
z-index: 99; |
|||
} |
|||
|
|||
.container-wrap::before { |
|||
top: -1px; |
|||
left: -1px; |
|||
border-top: 1px solid #339cff; |
|||
border-left: 1px solid #339cff; |
|||
} |
|||
|
|||
.container-wrap::after { |
|||
right: -1px; |
|||
bottom: -1px; |
|||
border-right: 1px solid #339cff; |
|||
border-bottom: 1px solid #339cff; |
|||
} |
|||
|
|||
.right-top-line, |
|||
.left-bottom-line, |
|||
.right-bottom-line { |
|||
display: block; |
|||
position: absolute; |
|||
width: .2125rem; |
|||
height: .2125rem; |
|||
z-index: 99; |
|||
} |
|||
|
|||
.right-top-line { |
|||
right: -1px; |
|||
top: -1px; |
|||
border-right: 1px solid #339cff; |
|||
border-top: 1px solid #339cff; |
|||
} |
|||
|
|||
.left-bottom-line { |
|||
bottom: -1px; |
|||
left: -1px; |
|||
border-bottom: 1px solid #339cff; |
|||
border-left: 1px solid #339cff; |
|||
} |
|||
|
|||
.env-item h3 { |
|||
position: relative; |
|||
display: inline-block; |
|||
padding: .125rem .875rem; |
|||
font-size: .2rem; |
|||
color: #fff; |
|||
} |
|||
|
|||
.env-item h3 .iconfont { |
|||
margin-right: .125rem; |
|||
font-size: .175rem; |
|||
color: #f65163; |
|||
} |
|||
|
|||
.env-item h3::before { |
|||
content: ""; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 50%; |
|||
width: .45rem; |
|||
height: .15rem; |
|||
margin-top: -0.075rem; |
|||
background: url("../images/largeScreen/item-left.png") no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.env-item h3::after { |
|||
content: ""; |
|||
position: absolute; |
|||
top: 50%; |
|||
right: 0; |
|||
width: .45rem; |
|||
height: .15rem; |
|||
margin-top: -0.075rem; |
|||
background: url("../images/largeScreen/item-right.png") no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.env-3d { |
|||
position: relative; |
|||
width: 100%; |
|||
height: calc(100% - (100% / 4)); |
|||
margin-bottom: .225rem; |
|||
background: url("../images/largeScreen/bg.png") no-repeat center -130px; |
|||
overflow: hidden; |
|||
|
|||
} |
|||
|
|||
.screen-env-list { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
justify-content: space-between; |
|||
height: calc(100% - .475rem); |
|||
padding: 0 .55rem 0 .05rem; |
|||
} |
|||
|
|||
.screen-env-list li { |
|||
display: flex; |
|||
flex-wrap: nowrap; |
|||
align-items: center; |
|||
align-content: center; |
|||
justify-content: center; |
|||
margin: .25rem 0 .25rem .5rem; |
|||
background: url('../images/data_border_default.png') no-repeat; |
|||
background-size: 100% 100%; |
|||
position: relative; |
|||
width: calc(100% / 2 - .55rem); |
|||
height: calc(100% / 2 - .5rem); |
|||
} |
|||
|
|||
.env-svg-item { |
|||
width: .5rem; |
|||
height: 1rem; |
|||
margin-left: .25rem; |
|||
} |
|||
|
|||
.env-svg1 { |
|||
background: url('../iconfont/co2.svg') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.env-svg2 { |
|||
background: url('../iconfont/voc.svg') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.env-svg3 { |
|||
background: url('../iconfont/pm25.svg') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.env-svg4 { |
|||
background: url('../iconfont/pm10.svg') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.env-svg5 { |
|||
background: url('../iconfont/temperature.svg') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.env-svg6 { |
|||
background: url('../iconfont/shidu.svg') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.screen-env-list li .msg-txt { |
|||
position: relative; |
|||
-webkit-box-flex: 1; |
|||
-ms-flex: 1; |
|||
flex: 1; |
|||
height: 1rem; |
|||
text-align: center; |
|||
} |
|||
|
|||
.screen-env-list li.li-warn{ |
|||
background: url('../images/data_border_warn.png') no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.screen-env-list li .msg-list-num { |
|||
color: #fff; |
|||
font-size: .325rem; |
|||
position: absolute; |
|||
left: 0; |
|||
top: .175rem; |
|||
width: 100%; |
|||
} |
|||
|
|||
.screen-env-list li .msg-list-unit { |
|||
position: absolute; |
|||
left: 0; |
|||
bottom: .15rem; |
|||
width: 100%; |
|||
font-size: .175rem; |
|||
color: #339cff; |
|||
} |
|||
|
|||
.env-3d .screen-env-list { |
|||
position: absolute; |
|||
right: 0; |
|||
bottom: 0; |
|||
flex-wrap: wrap; |
|||
justify-content: space-between; |
|||
padding: 0; |
|||
width: 2.0625rem; |
|||
height: 2.5rem; |
|||
} |
|||
|
|||
.env-3d .screen-env-list li { |
|||
width: 100%; |
|||
margin: .25rem 0 0 0; |
|||
height: calc(100% / 2 - .25rem); |
|||
} |
|||
|
|||
.state-list { |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
margin-bottom: .125rem; |
|||
font-size: .175rem; |
|||
color: #339cff; |
|||
} |
|||
|
|||
.state-list span { |
|||
position: relative; |
|||
display: block; |
|||
padding-left: .2rem; |
|||
margin-left: .375rem; |
|||
} |
|||
|
|||
.state-list span::before { |
|||
content: ""; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 50%; |
|||
width: .125rem; |
|||
height: .125rem; |
|||
border-radius: 50%; |
|||
margin-top: -0.0625rem; |
|||
background-color: #18b08f; |
|||
} |
|||
|
|||
.state-list span:last-child::before { |
|||
background-color: #f65164; |
|||
} |
|||
|
|||
.leakage-detection { |
|||
padding: 0 .55rem; |
|||
font-size: .175rem; |
|||
color: #339cff; |
|||
height: calc(100% - .475rem); |
|||
} |
|||
|
|||
.leakage-list { |
|||
height: calc(100% - .325rem); |
|||
text-align: left; |
|||
} |
|||
|
|||
.leakage-list li { |
|||
position: relative; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
height: calc(100% / 4 - .225rem); |
|||
margin-bottom: .175rem; |
|||
padding: 0 .375rem; |
|||
border: 1px solid #3581cc; |
|||
background-color: #02255f; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
.leakage-list li::before { |
|||
content: ""; |
|||
position: absolute; |
|||
top: .05rem; |
|||
left: .05rem; |
|||
width: 0; |
|||
height: 0; |
|||
border-color: transparent #339cff; |
|||
border-width: 0 0 .075rem .075rem; |
|||
border-style: solid; |
|||
} |
|||
|
|||
.leakage-list li p i { |
|||
margin-right: .1rem; |
|||
} |
|||
|
|||
.leakage-state-tip { |
|||
position: relative; |
|||
display: block; |
|||
width: .075rem; |
|||
height: .075rem; |
|||
border-radius: 50%; |
|||
background-color: #18b08f; |
|||
} |
|||
|
|||
.leakage-state-tip::before { |
|||
content: ""; |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
width: 14px; |
|||
height: 14px; |
|||
border-radius: 50%; |
|||
box-shadow: inset 0px 0px 10px 1px #18b08f; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
.leakage-warn { |
|||
border-color: #f65164; |
|||
box-shadow: inset 0px 0px 15px 1px #f65164; |
|||
color: #f65164; |
|||
} |
|||
|
|||
.leakage-warn::before { |
|||
border-color: transparent #f65164; |
|||
} |
|||
|
|||
.leakage-warn span.leakage-state-tip { |
|||
background-color: #f65164; |
|||
} |
|||
|
|||
.leakage-warn span.leakage-state-tip::before { |
|||
box-shadow: inset 0px 0px 10px 1px #f65164; |
|||
} |
|||
|
|||
.middle-bottom { |
|||
display: flex; |
|||
color: #339cff; |
|||
font-size: 14px; |
|||
justify-content: space-between; |
|||
height: calc(100% / 4); |
|||
} |
|||
|
|||
.middle-bottom-l { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
width: 60%; |
|||
height: calc(100% - 22px) !important; |
|||
} |
|||
|
|||
.middle-bottom-l ul { |
|||
width: 59%; |
|||
padding: 25px 20px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.middle-bottom-l ul li { |
|||
height: calc(100% / 3 - 14px); |
|||
background: linear-gradient(360deg, |
|||
rgba(51, 156, 255, 0.24) 0%, |
|||
rgba(56, 158, 225, 0) 70%, |
|||
rgba(56, 158, 225, 0) 100%); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.middle-bottom-l ul li .row-item { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.middle-bottom-l ul li .row-icon { |
|||
display: block; |
|||
width: 24px; |
|||
height: 24px; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
.middle-bottom-l ul li .row-icon1 { |
|||
background: url("../iconfont/danganzongliang.png") no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.middle-bottom-l ul li .row-icon2 { |
|||
background: url("../iconfont/zaijieshuliang.png") no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.middle-bottom-l ul li .row-icon3 { |
|||
background: url("../iconfont/zaikushuliang.png") no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.middle-bottom-l ul li .row-icon4 { |
|||
background: url("../iconfont/quanbushebei.png") no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.middle-bottom-l ul li .row-icon5 { |
|||
background: url("../iconfont/zaixianshebei.png") no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.middle-bottom-l ul li .row-icon6 { |
|||
background: url("../iconfont/lixianshebei.png") no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.card-panel-icon { |
|||
font-size: .3rem; |
|||
} |
|||
|
|||
.row-num { |
|||
font-size: .225rem; |
|||
color: #fff; |
|||
margin-right: .125rem; |
|||
} |
|||
|
|||
.middle-bottom-r { |
|||
width: 38%; |
|||
height: calc(100% - 22px) !important; |
|||
} |
|||
|
|||
.middle-bottom-r ul { |
|||
/* width: 100%; */ |
|||
height: calc(85%); |
|||
padding: .1875rem; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.middle-bottom-r ul li { |
|||
height: 20%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.table-wrapper { |
|||
width: 100%; |
|||
font-size: .175rem; |
|||
color: #339cff; |
|||
} |
|||
|
|||
.table-header { |
|||
background: #02255F; |
|||
box-shadow: inset 0px 0px 6px 1px #339CFF; |
|||
} |
|||
|
|||
.table-wrapper th { |
|||
height: .375rem; |
|||
text-align: center; |
|||
} |
|||
|
|||
.table-wrapper td { |
|||
height: .5rem; |
|||
text-align: center; |
|||
border-bottom: 1px dashed #113D72; |
|||
} |
|||
|
|||
.table-wrapper tr:nth-child(odd) { |
|||
background-color: #02255F; |
|||
} |
|||
|
|||
.scrollTable{ |
|||
height: 3.75rem; |
|||
overflow-y: scroll; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
/* 设置滚动条的样式 */ |
|||
.scrollTable::-webkit-scrollbar { |
|||
width: 4px; |
|||
height: 4px; |
|||
} |
|||
|
|||
/* 滚动槽 */ |
|||
.scrollTable::-webkit-scrollbar-track { |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
/* 滚动条滑块 */ |
|||
.scrollTable::-webkit-scrollbar-thumb { |
|||
background-color: #13439E; |
|||
border-radius: 3px; |
|||
} |
|||
/* 滚动条显示，但占位*/ |
|||
.scrollTable.show-scrollbar::-webkit-scrollbar-thumb{ |
|||
visibility: visible; |
|||
} |
|||
|
|||
/* 数据为空 */ |
|||
.empty-main{ |
|||
display: flex; |
|||
height: calc(100% - 40px); |
|||
flex-flow: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.empty-img{ |
|||
width: 140px; |
|||
height: 140px; |
|||
background: url('../iconfont/empty.svg') no-repeat; |
|||
background-size: 100% 100%; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.empty-main p{ |
|||
font-size: 12px; |
|||
color: #999; |
|||
margin-top: -10px; |
|||
} |
|||
|
|||
.num { |
|||
width: 3.15rem; |
|||
} |
|||
.num div{ |
|||
width: .4rem; |
|||
/* height: .375rem; |
|||
line-height: .375rem; */ |
|||
font-size: .175rem; |
|||
font-weight: bold; |
|||
color: #fff; |
|||
border: 1px solid #0E3465; |
|||
} |
|||
@ -0,0 +1,138 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
|||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
|||
viewBox="0 0 1024 1098.8" style="enable-background:new 0 0 1024 1098.8;" xml:space="preserve"> |
|||
<style type="text/css"> |
|||
.st0{fill:url(#路径_995_1_);} |
|||
.st1{fill:url(#路径_996_1_);} |
|||
.st2{fill:url(#路径_997_1_);} |
|||
.st3{fill:url(#路径_998_1_);} |
|||
.st4{fill:url(#路径_999_1_);} |
|||
.st5{fill:url(#路径_1000_1_);} |
|||
.st6{fill:url(#路径_1001_1_);} |
|||
.st7{fill:url(#路径_1002_1_);} |
|||
.st8{fill:url(#路径_1003_1_);} |
|||
.st9{fill:url(#路径_1004_1_);} |
|||
.st10{fill:url(#路径_1005_1_);} |
|||
.st11{fill:url(#路径_1006_1_);} |
|||
</style> |
|||
<g id="co2_" transform="translate(1619.939 -458.733)"> |
|||
|
|||
<linearGradient id="路径_995_1_" gradientUnits="userSpaceOnUse" x1="-1610.0128" y1="1454.1401" x2="-1581.7827" y2="1430.4572" gradientTransform="matrix(4.72 0 0 -4.7201 6022.5347 7690.9102)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_995" class="st0" d="M-1583.4,868.5c0,30.8,25,55.9,55.9,55.9c30.9,0,55.9-25,55.9-55.9l0,0 |
|||
c0-30.9-25-55.9-55.9-55.9l0,0C-1558.4,812.5-1583.5,837.5-1583.4,868.5L-1583.4,868.5z"/> |
|||
|
|||
<linearGradient id="路径_996_1_" gradientUnits="userSpaceOnUse" x1="-1524.9565" y1="1491.9058" x2="-1496.7264" y2="1468.2228" gradientTransform="matrix(4.719 0 0 -4.72 6038.6494 7682.9121)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_996" class="st1" d="M-1164.4,682.3c0,30.9,25,55.9,55.8,55.9c0,0,0,0,0,0c30.9,0,55.9-25,55.9-55.9 |
|||
c0-30.9-25-55.9-55.9-55.9C-1139.4,626.4-1164.4,651.4-1164.4,682.3C-1164.4,682.3-1164.4,682.3-1164.4,682.3L-1164.4,682.3z"/> |
|||
|
|||
<linearGradient id="路径_997_1_" gradientUnits="userSpaceOnUse" x1="-1565.5087" y1="1484.4666" x2="-1537.2787" y2="1460.7837" gradientTransform="matrix(3.933 0 0 -3.932 4756.2188 6484.8486)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_997" class="st2" d="M-1406.5,682.2c0,25.7,20.8,46.6,46.6,46.6c25.7,0,46.6-20.8,46.6-46.6l0,0 |
|||
c0-25.7-20.8-46.6-46.6-46.6C-1385.7,635.6-1406.5,656.5-1406.5,682.2C-1406.6,682.2-1406.6,682.2-1406.5,682.2L-1406.5,682.2z"/> |
|||
|
|||
<linearGradient id="路径_998_1_" gradientUnits="userSpaceOnUse" x1="-1443.0332" y1="1482.1975" x2="-1414.8032" y2="1458.5146" gradientTransform="matrix(3.933 0 0 -3.932 4777.4551 6485.1948)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_998" class="st3" d="M-903.6,691.5c0,25.7,20.8,46.6,46.6,46.6c25.7,0,46.6-20.8,46.6-46.6l0,0 |
|||
c0-25.7-20.8-46.6-46.6-46.6C-882.8,644.9-903.6,665.8-903.6,691.5L-903.6,691.5z"/> |
|||
|
|||
<linearGradient id="路径_999_1_" gradientUnits="userSpaceOnUse" x1="-1342.7882" y1="1478.9614" x2="-1314.5581" y2="1455.2786" gradientTransform="matrix(3.1461 0 0 -3.146 3511.7317 5288.9731)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_999" class="st4" d="M-717.4,663.6c0,20.6,16.7,37.3,37.2,37.3l0,0c20.6,0,37.3-16.7,37.3-37.2l0,0 |
|||
c0-20.6-16.7-37.3-37.2-37.3l0,0C-700.7,626.3-717.3,643-717.4,663.6z"/> |
|||
|
|||
<linearGradient id="路径_1000_1_" gradientUnits="userSpaceOnUse" x1="-1606.4517" y1="1476.1067" x2="-1578.2216" y2="1452.4237" gradientTransform="matrix(3.1461 0 0 -3.145 3475.1616 5287.7891)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1000" class="st5" d="M-1583.4,672.9c0,20.6,16.7,37.3,37.2,37.3l0,0c20.6,0,37.3-16.7,37.3-37.2l0,0 |
|||
c0-20.6-16.7-37.3-37.3-37.3C-1566.8,635.7-1583.4,652.3-1583.4,672.9L-1583.4,672.9z"/> |
|||
|
|||
<linearGradient id="路径_1001_1_" gradientUnits="userSpaceOnUse" x1="-1473.2072" y1="1529.9905" x2="-1444.9772" y2="1506.3076" gradientTransform="matrix(3.1461 0 0 -3.145 3493.6426 5280.3184)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1001" class="st6" d="M-1145.8,495.9c0,20.6,16.7,37.3,37.2,37.3l0,0c20.6,0,37.3-16.7,37.3-37.2l0,0 |
|||
c0-20.6-16.7-37.3-37.3-37.3C-1129.1,458.7-1145.7,475.4-1145.8,495.9z"/> |
|||
|
|||
<linearGradient id="路径_1002_1_" gradientUnits="userSpaceOnUse" x1="-1500.8671" y1="1518.9338" x2="-1472.637" y2="1495.251" gradientTransform="matrix(2.3601 0 0 -2.36 2213.5728 4087.9387)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1002" class="st7" d="M-1332,523.9c0,15.4,12.5,27.9,27.9,27.9l0,0c15.4,0,27.9-12.5,27.9-27.9c0,0,0,0,0,0 |
|||
c0-15.4-12.5-27.9-27.9-27.9l0,0C-1319.5,495.9-1332,508.4-1332,523.9C-1332,523.9-1332,523.9-1332,523.9z"/> |
|||
|
|||
<linearGradient id="路径_1003_1_" gradientUnits="userSpaceOnUse" x1="-1349.5758" y1="1507.5928" x2="-1321.3457" y2="1483.9098" gradientTransform="matrix(2.3591 0 0 -2.36 2227.7219 4089.1189)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1003" class="st8" d="M-959.5,551.8c0,15.4,12.5,27.9,27.9,27.9c0,0,0,0,0,0c15.4,0,27.9-12.5,27.9-27.9 |
|||
c0,0,0,0,0,0c0-15.4-12.5-27.9-27.9-27.9c0,0,0,0,0,0C-947,523.9-959.5,536.4-959.5,551.8C-959.5,551.8-959.5,551.8-959.5,551.8z" |
|||
/> |
|||
|
|||
<linearGradient id="路径_1004_1_" gradientUnits="userSpaceOnUse" x1="-1438.0034" y1="1456.0077" x2="-1409.7733" y2="1432.3248" gradientTransform="matrix(4.719 0 0 -4.719 6056.7393 7688.8477)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1004" class="st9" d="M-736,859.2c0,30.9,25,55.9,55.9,55.9c0,0,0,0,0,0c30.9,0,55.9-25,55.9-55.9l0,0 |
|||
c0-30.9-25-55.9-55.8-55.9c0,0,0,0,0,0C-711,803.3-736,828.3-736,859.2z"/> |
|||
|
|||
<linearGradient id="路径_1005_1_" gradientUnits="userSpaceOnUse" x1="-1607.5946" y1="1471.4702" x2="-1579.3645" y2="1447.7872" gradientTransform="matrix(24.197 0 0 -11.496 37556.5313 18006.7031)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1005" class="st10" d="M-835.8,1285.7c4.3-3.4,8.8-6.5,13.5-9.3c9.1-5.8,17-13.2,23.4-21.9 |
|||
c4.1-6.2,6.4-13.5,6.4-21c0.1-6.6-1.9-13.1-5.6-18.6c-3.8-5.6-9.2-9.9-15.5-12.3c-8.8-3-18.1-4.4-27.4-4c-9-0.4-17.9,1-26.4,4.2 |
|||
c-6,2.5-11.2,6.7-14.8,12.1c-3.9,6.5-6.3,13.8-7.1,21.3l33.3,2.7c0.3-5.2,2.2-10.2,5.5-14.2c5.8-5.3,14.7-5.3,20.6,0 |
|||
c2.6,2.4,4.1,5.8,4.1,9.3c-0.2,3.9-1.6,7.7-4.1,10.7c-5.4,6.3-11.7,11.9-18.6,16.6c-12.5,8.4-23.6,18.8-32.8,30.8 |
|||
c-5.7,8.3-9.3,17.9-10.5,27.9h99.9v-27.2h-52c2.5-2.6,5.2-5,8-7.3L-835.8,1285.7z M-1222.5,1242.6c-9.1,8.2-20.9,12.6-33.2,12.4 |
|||
c-16.4,0.5-32.1-6.6-42.6-19.3c-12.7-19.2-18.4-42.2-16.3-65.2c-1.9-22,4-44,16.6-62.1c10.8-12.6,26.7-19.6,43.3-19.1 |
|||
c24.5-0.9,45.9,16.2,50.6,40.3l48-11.5c-4-16.7-12.5-31.9-24.5-44.1c-19.5-17.8-45.2-27.2-71.6-26.1c-30.6-1.2-60.3,10.9-81.3,33.2 |
|||
c-22,25.9-33.1,59.2-31,93.1c-1.8,32.7,9.2,64.7,30.8,89.3c20.3,21.7,48.9,33.6,78.6,32.7c22.7,1,45.1-5.5,63.7-18.6 |
|||
c18.4-14.9,31.2-35.5,36.4-58.6l-46.6-14.9C-1204.4,1218.8-1211.7,1232.3-1222.5,1242.6L-1222.5,1242.6z M-1024.7,1048.1 |
|||
c-17.7-0.4-35.3,2.8-51.8,9.3c-11.7,5-22.3,12.4-31,21.6c-9.3,9.6-16.9,20.7-22.4,32.9c-7.8,19.6-11.6,40.5-11,61.6 |
|||
c-1.9,33,9.5,65.4,31.7,90c22.5,22.4,53.4,34.3,85.1,32.7c31.5,1.4,62.2-10.5,84.5-32.8c22.2-24.9,33.5-57.7,31.6-91 |
|||
c1.9-33.5-9.6-66.4-31.9-91.6C-962.3,1058.5-993.1,1046.7-1024.7,1048.1L-1024.7,1048.1z M-976.7,1234.4c-24.1,26.3-65,28.1-91.3,4 |
|||
c0,0,0,0,0,0c-1.4-1.3-2.7-2.6-4-4c-13.6-17.6-20.2-39.6-18.6-61.7c-1.8-22.3,4.9-44.4,18.6-62c25.8-26.6,68.3-27.3,94.9-1.4 |
|||
c0,0,0,0,0,0l1.4,1.4c13.2,17.3,19.6,38.8,17.8,60.5c1.5,22.5-5.1,44.8-18.6,62.9L-976.7,1234.4z"/> |
|||
|
|||
<linearGradient id="路径_1006_1_" gradientUnits="userSpaceOnUse" x1="-1616.9319" y1="1510.0847" x2="-1588.7019" y2="1486.4019" gradientTransform="matrix(43.2379 0 0 -33.039 68364.5781 50760.9883)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1006" class="st11" d="M-745.3,986.4c-6.8-123.3-112.2-217.7-235.5-210.9c-42.7,2.4-83.8,16.9-118.4,41.9 |
|||
c-100.3-72-239.9-49-311.9,51.2c0,0,0,0,0,0c-23.6,32.8-37.8,71.4-41.1,111.6c-123.4,36-194.3,165.2-158.4,288.7c0,0,0,0,0,0 |
|||
c28.9,99,119.5,167.2,222.6,167.6c9.7,0,19.4-0.6,29-1.9c107,138.3,305.9,163.7,444.2,56.7c21.2-16.4,40.2-35.4,56.6-56.7 |
|||
c9.6,1.2,19.3,1.9,29,1.9c128.6,0.2,233-103.8,233.2-232.4C-595.7,1107.6-655.2,1021-745.3,986.4z M-802.3,1360.2 |
|||
c-6.4,0-12.8-0.4-19.2-1.2c-4.2-0.6-8.4-0.9-12.7-0.8c-31.5,0.1-61.2,14.7-80.5,39.6c-82.7,107.1-236.5,127-343.7,44.3 |
|||
c-16.6-12.8-31.5-27.7-44.3-44.3c-19.3-25-49.1-39.6-80.7-39.6c-4.2,0-8.5,0.2-12.6,0.8c-6.3,0.8-12.6,1.2-18.9,1.2 |
|||
c-84.6-0.1-153.1-68.7-153-153.3c0,0,0,0,0,0c0.1-68.1,45.2-128.1,110.6-147c40.8-11.7,70.1-47.4,73.6-89.6 |
|||
c6.6-73.8,68.2-130.5,142.3-130.8c29.9-0.1,59.1,9.3,83.3,26.9c35.6,25.6,83.6,25.6,119.2,0c64.1-46.1,153.4-31.6,199.5,32.4 |
|||
c15.9,22.1,25.2,48.3,26.7,75.6c2.1,40.1,27.6,75.2,65,89.8c78.9,30.4,118.3,119,88,197.9c0,0,0,0,0,0 |
|||
C-682.2,1321.1-738.9,1360.1-802.3,1360.2L-802.3,1360.2z"/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: 128 | Height: 128 | Size: 4.6 KiB |
|
After Width: 128 | Height: 128 | Size: 5.4 KiB |
@ -0,0 +1,190 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
|||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
|||
viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve"> |
|||
<style type="text/css"> |
|||
.st0{fill:url(#SVGID_1_);} |
|||
.st1{fill:url(#SVGID_2_);} |
|||
.st2{fill:url(#SVGID_3_);} |
|||
.st3{fill:url(#SVGID_4_);} |
|||
.st4{fill:url(#SVGID_5_);} |
|||
.st5{fill:url(#SVGID_6_);} |
|||
.st6{fill:url(#SVGID_7_);} |
|||
.st7{fill:url(#SVGID_8_);} |
|||
.st8{fill:#C6D0E0;} |
|||
.st9{fill:none;stroke:#B2BBC9;stroke-miterlimit:10;stroke-dasharray:12;} |
|||
.st10{fill:url(#SVGID_9_);} |
|||
.st11{fill:url(#SVGID_10_);} |
|||
.st12{fill:url(#SVGID_11_);} |
|||
.st13{fill:url(#SVGID_12_);} |
|||
.st14{fill:url(#SVGID_13_);} |
|||
.st15{fill:url(#SVGID_14_);} |
|||
.st16{fill:url(#SVGID_15_);} |
|||
.st17{fill:url(#SVGID_16_);} |
|||
.st18{fill:url(#SVGID_17_);} |
|||
.st19{fill:url(#SVGID_18_);} |
|||
.st20{fill:url(#SVGID_19_);} |
|||
.st21{fill:url(#SVGID_20_);} |
|||
.st22{fill:url(#SVGID_21_);} |
|||
.st23{fill:url(#SVGID_22_);} |
|||
.st24{opacity:0.5;fill:#FFFFFF;enable-background:new ;} |
|||
</style> |
|||
<g> |
|||
|
|||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="298" y1="121.56" x2="298" y2="1076.4399" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0.4171" style="stop-color:#F8FAFC;stop-opacity:0"/> |
|||
<stop offset="1" style="stop-color:#ECEFF4"/> |
|||
</linearGradient> |
|||
<ellipse class="st0" cx="512.4" cy="518.1" rx="512" ry="477.4"/> |
|||
|
|||
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="298" y1="431.0641" x2="298" y2="687.3201" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/> |
|||
<stop offset="1" style="stop-color:#D7DCE2;stop-opacity:0.5"/> |
|||
</linearGradient> |
|||
<ellipse class="st1" cx="512.4" cy="557.9" rx="330.2" ry="128.1"/> |
|||
|
|||
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="361.232" y1="445.4" x2="361.232" y2="627.032" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/> |
|||
<stop offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/> |
|||
</linearGradient> |
|||
<polygon class="st2" points="810.1,671.7 341.1,671.7 360,512.4 522.7,490 668.7,513.4 "/> |
|||
<g> |
|||
|
|||
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="300.4462" y1="828.9953" x2="161.4243" y2="588.2025" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#D7DDE2"/> |
|||
</linearGradient> |
|||
<path class="st3" d="M507.4,552L362,520.9l-3.5-213.1l138.8-29.8L507.4,552z"/> |
|||
|
|||
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="460.592" y1="606.2" x2="255.408" y2="811.384" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#DFE4EA"/> |
|||
</linearGradient> |
|||
<path class="st4" d="M670.4,515.4l-163.1,36.7l-10-274l171.1,17.5L670.4,515.4z"/> |
|||
|
|||
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="463.536" y1="609.144" x2="295.408" y2="777.272" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#A7B1C1"/> |
|||
<stop offset="1" style="stop-color:#C6D0E0"/> |
|||
</linearGradient> |
|||
<path class="st5" d="M523,555.8l147.5-40.4l-1.9-219.8l-145.7,31.1v229.1H523z"/> |
|||
|
|||
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="333.84" y1="586.456" x2="128.3999" y2="791.896" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#EFF2F6"/> |
|||
</linearGradient> |
|||
<path class="st6" d="M523,555.8h-0.3l-163.5-35.5V308.6l163.7,18v228.9C523,555.6,523,555.7,523,555.8z"/> |
|||
|
|||
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="268.144" y1="706.488" x2="154.8" y2="819.832" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#EFF2F6"/> |
|||
</linearGradient> |
|||
<path class="st7" d="M487.4,405.7l-164.4-29.8l35.5-68l164.7,18.7L487.4,405.7z"/> |
|||
<path class="st8" d="M716.8,363.8l-141.4,41.9l-52-79.1l145.2-31L716.8,363.8z"/> |
|||
</g> |
|||
<path class="st9" d="M526.7,304.6c0,0-85.1-12-100.6-52.6s13.7-64,50.3-58.2c36.6,5.8,27.4,60.5,68.6,56.1 |
|||
c19.7-2.2,20.2-23.9,27.4-35.5c7.8-12.5,21.8-14.8,21.8-14.8"/> |
|||
<g> |
|||
|
|||
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="430.2036" y1="927.0204" x2="384.3156" y2="972.9084" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#A7B1C1"/> |
|||
<stop offset="1" style="stop-color:#C6D0E0"/> |
|||
</linearGradient> |
|||
<path class="st10" d="M603.9,210.6l10.2,10l54.8-66.8v-2.3l-100.5,23v2.3l18.3,17.2l70.7-34.3l-63.9,41L603.9,210.6z"/> |
|||
|
|||
<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="384.941" y1="901.947" x2="374.7439" y2="912.144" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#A7B1C1"/> |
|||
<stop offset="1" style="stop-color:#C6D0E0"/> |
|||
</linearGradient> |
|||
<path class="st11" d="M593.5,200.5v20.1l10.2-10v-2.3L593.5,200.5z"/> |
|||
|
|||
<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="429.68" y1="928.6961" x2="384.9439" y2="973.432" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#EFF2F6"/> |
|||
</linearGradient> |
|||
<path class="st12" d="M603.9,208.3l10.2,10l54.8-66.8l-100.5,23l18.3,17.2l70.7-34.3l-63.9,41L603.9,208.3z"/> |
|||
|
|||
<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="379.1889" y1="908.824" x2="389.4836" y2="908.824" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#B3BECE"/> |
|||
<stop offset="1" style="stop-color:#CAD3DD"/> |
|||
</linearGradient> |
|||
<path class="st13" d="M593.5,198.2v20.1l10.2-10L593.5,198.2z"/> |
|||
</g> |
|||
|
|||
<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="79.76" y1="451.8" x2="79.76" y2="611.288" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/> |
|||
<stop offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/> |
|||
</linearGradient> |
|||
<polygon class="st14" points="317.8,664 270.4,665.3 274.3,506 285.7,505.8 "/> |
|||
|
|||
<linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="122.64" y1="490.2" x2="122.64" y2="624.728" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/> |
|||
<stop offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/> |
|||
</linearGradient> |
|||
<polygon class="st15" points="375.4,626.9 298.6,626.9 302.4,495.5 343.3,492.3 "/> |
|||
|
|||
<linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="106.896" y1="645.976" x2="25.36" y2="727.512" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#EFF2F6"/> |
|||
</linearGradient> |
|||
<polygon class="st16" points="277.6,351.7 274.3,506.5 285.8,506.5 284.3,351.7 "/> |
|||
<g> |
|||
<path class="st8" d="M268.9,361.5c0,0,70.1-4.7,7.2-86.8c0,0-45.4,20.2-40.7,63C235.4,337.8,235.4,361.5,268.9,361.5z"/> |
|||
|
|||
<linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="93.7807" y1="747.3456" x2="34.6071" y2="806.5192" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#EFF2F6"/> |
|||
</linearGradient> |
|||
<path class="st17" d="M274.5,285.5c0,0-57.1,49.9-42.8,74.9c0,0,17.8,23.8,71.3,7.2C356.6,350.9,307.8,285.5,274.5,285.5z"/> |
|||
</g> |
|||
<g> |
|||
|
|||
<linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="541.2" y1="464.728" x2="541.2" y2="588.248" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/> |
|||
<stop offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/> |
|||
</linearGradient> |
|||
<polygon class="st18" points="756.8,652.3 745.3,532 755.6,528.8 765.8,531.9 763.2,652.3 "/> |
|||
<g> |
|||
|
|||
<linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="540.9527" y1="584.6438" x2="540.9527" y2="695" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#EFF2F6"/> |
|||
</linearGradient> |
|||
<path class="st19" d="M749.2,422.1c0,0,4.7,66.3-1.3,97.9c-1,5.1-5.1,10.9-2.6,12.2c2.6,1.3,3.3-2.3,9.7-2.3 |
|||
c3.2,0,9.5,3.6,10.8,2.3c1.3-1.3-1.4-4.9-3.2-13.1c-4.1-19.3-10.2-57.5-5.8-97H749.2z"/> |
|||
<path class="st8" d="M763.8,440.4c0,15.6-20.5,23.2-36.1,23.2c-15.6,0-25.9-15.2-25.9-30.8c0-15.6,16.5-28.4,32.3-28.4 |
|||
S763.8,424.7,763.8,440.4z"/> |
|||
|
|||
<linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="564.866" y1="680.5838" x2="509.0592" y2="736.3905" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#EFF2F6"/> |
|||
</linearGradient> |
|||
<path class="st20" d="M791.8,414.8c0,20.2-26.4,29.8-46.5,29.8s-33.2-19.7-33.2-39.8c0-20.2,21.4-36.5,41.5-36.5 |
|||
S791.8,394.5,791.8,414.8z"/> |
|||
|
|||
<linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="574.8622" y1="653.991" x2="542.4911" y2="710.0593" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#EFF2F6"/> |
|||
</linearGradient> |
|||
<path class="st21" d="M765.3,463.3c-14.5,0-26.5-15.7-26.5-31.1c0-15.4,19.2-29.7,33.7-29.7s35.3,10.8,32.8,37.9 |
|||
C802.7,467.5,779.9,463.3,765.3,463.3z"/> |
|||
</g> |
|||
</g> |
|||
<g> |
|||
|
|||
<linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="115.5644" y1="618.1076" x2="94.8" y2="638.872" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#C6D0E0"/> |
|||
<stop offset="1" style="stop-color:#D7DDE2"/> |
|||
</linearGradient> |
|||
<polygon class="st22" points="321.5,465.8 302.4,496.2 323.8,505 "/> |
|||
|
|||
<linearGradient id="SVGID_22_" gradientUnits="userSpaceOnUse" x1="122.192" y1="617.752" x2="97.936" y2="642.008" gradientTransform="matrix(1 0 0 -1 214.3622 1117.0552)"> |
|||
<stop offset="0" style="stop-color:#A7B1C1"/> |
|||
<stop offset="1" style="stop-color:#C6D0E0"/> |
|||
</linearGradient> |
|||
<polygon class="st23" points="323.8,505 343.4,492.5 321.5,465.8 "/> |
|||
</g> |
|||
<polygon class="st24" points="480.4,447.7 394.6,432.3 394.6,411.8 480.4,427.2 "/> |
|||
<path class="st24" d="M554.6,431v57.6l85.8-23V408L554.6,431z M566.1,457.1l45.7-13.2v4.5l-45.7,13.3V457.1z M630.1,454.8l-64,18.4 |
|||
v-4.6l64-18.4V454.8z M630.1,427.9l-64,18.4v-4.6l64-18.4V427.9z"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,291 @@ |
|||
@font-face { |
|||
font-family: "iconfont"; /* Project id 3409379 */ |
|||
src: url('iconfont.woff2?t=1686307231406') format('woff2'), |
|||
url('iconfont.woff?t=1686307231406') format('woff'), |
|||
url('iconfont.ttf?t=1686307231406') format('truetype'); |
|||
} |
|||
|
|||
.iconfont { |
|||
font-family: "iconfont" !important; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.icon-danganhezongliang:before { |
|||
content: "\e64a"; |
|||
} |
|||
|
|||
.icon-danganzongliang:before { |
|||
content: "\e64c"; |
|||
} |
|||
|
|||
.icon-zaijieshuliang:before { |
|||
content: "\e638"; |
|||
} |
|||
|
|||
.icon-zaikushuliang:before { |
|||
content: "\e649"; |
|||
} |
|||
|
|||
.icon-danganjieyue:before { |
|||
content: "\e636"; |
|||
} |
|||
|
|||
.icon-danganleixing:before { |
|||
content: "\e637"; |
|||
} |
|||
|
|||
.icon-quanbushebei:before { |
|||
content: "\e639"; |
|||
} |
|||
|
|||
.icon-lixianshebei:before { |
|||
content: "\e63a"; |
|||
} |
|||
|
|||
.icon-zaixianshebei:before { |
|||
content: "\e64b"; |
|||
} |
|||
|
|||
.icon-jiesuan-fanbai:before { |
|||
content: "\e648"; |
|||
} |
|||
|
|||
.icon-chuliyichang-fanbai:before { |
|||
content: "\e647"; |
|||
} |
|||
|
|||
.icon-fabu-fanbai:before { |
|||
content: "\e644"; |
|||
} |
|||
|
|||
.icon-biaojiyidu-fanbai:before { |
|||
content: "\e645"; |
|||
} |
|||
|
|||
.icon-shoudongchuli-fanbai:before { |
|||
content: "\e646"; |
|||
} |
|||
|
|||
.icon-zhenglishi:before { |
|||
content: "\e63c"; |
|||
} |
|||
|
|||
.icon-shebeizhuangtai:before { |
|||
content: "\e63d"; |
|||
} |
|||
|
|||
.icon-loushuijiance:before { |
|||
content: "\e63e"; |
|||
} |
|||
|
|||
.icon-loushuibaojing:before { |
|||
content: "\e63f"; |
|||
} |
|||
|
|||
.icon-loushuiweizhi:before { |
|||
content: "\e640"; |
|||
} |
|||
|
|||
.icon-weihubaojing:before { |
|||
content: "\e641"; |
|||
} |
|||
|
|||
.icon-kongqizhiliangshuju:before { |
|||
content: "\e642"; |
|||
} |
|||
|
|||
.icon-ganyingxianduanlie:before { |
|||
content: "\e643"; |
|||
} |
|||
|
|||
.icon-chuku-fanbai:before { |
|||
content: "\e63b"; |
|||
} |
|||
|
|||
.icon-a-3Dkufang:before { |
|||
content: "\e631"; |
|||
} |
|||
|
|||
.icon-baojingjilu:before { |
|||
content: "\e632"; |
|||
} |
|||
|
|||
.icon-menjinjilu:before { |
|||
content: "\e633"; |
|||
} |
|||
|
|||
.icon-tongzhigonggao:before { |
|||
content: "\e634"; |
|||
} |
|||
|
|||
.icon-xiaoxi:before { |
|||
content: "\e635"; |
|||
} |
|||
|
|||
.icon-bangdingcanshu-fanbai:before { |
|||
content: "\e61a"; |
|||
} |
|||
|
|||
.icon-chaihe-fanbai:before { |
|||
content: "\e61b"; |
|||
} |
|||
|
|||
.icon-bangding-fanbai:before { |
|||
content: "\e61c"; |
|||
} |
|||
|
|||
.icon-fenjuanzhuanghe-fanbai:before { |
|||
content: "\e61d"; |
|||
} |
|||
|
|||
.icon-jiechubangding-fanbai:before { |
|||
content: "\e61e"; |
|||
} |
|||
|
|||
.icon-chehui-fanbai:before { |
|||
content: "\e61f"; |
|||
} |
|||
|
|||
.icon-daochu-fanbai:before { |
|||
content: "\e620"; |
|||
} |
|||
|
|||
.icon-dengji-fanbai:before { |
|||
content: "\e621"; |
|||
} |
|||
|
|||
.icon-tishichenggong:before { |
|||
content: "\e622"; |
|||
} |
|||
|
|||
.icon-xiazai-fanbai:before { |
|||
content: "\e623"; |
|||
} |
|||
|
|||
.icon-jieyue-fanbai:before { |
|||
content: "\e624"; |
|||
} |
|||
|
|||
.icon-tishijinggao:before { |
|||
content: "\e625"; |
|||
} |
|||
|
|||
.icon-shuaxin:before { |
|||
content: "\e626"; |
|||
} |
|||
|
|||
.icon-guihuan-fanbai:before { |
|||
content: "\e627"; |
|||
} |
|||
|
|||
.icon-yichu-fanbai:before { |
|||
content: "\e628"; |
|||
} |
|||
|
|||
.icon-shangchuanfujian-fanbai:before { |
|||
content: "\e629"; |
|||
} |
|||
|
|||
.icon-ruku-fanbai:before { |
|||
content: "\e62a"; |
|||
} |
|||
|
|||
.icon-jiechu-fanbai:before { |
|||
content: "\e62b"; |
|||
} |
|||
|
|||
.icon-xinzengpandian-fanbai:before { |
|||
content: "\e62c"; |
|||
} |
|||
|
|||
.icon-huanyuan-fanbai:before { |
|||
content: "\e62d"; |
|||
} |
|||
|
|||
.icon-fujian:before { |
|||
content: "\e62e"; |
|||
} |
|||
|
|||
.icon-zhuanghe--fanbai:before { |
|||
content: "\e62f"; |
|||
} |
|||
|
|||
.icon-bangdingshebei-fanbai:before { |
|||
content: "\e630"; |
|||
} |
|||
|
|||
.icon-weibiaoti-2:before { |
|||
content: "\e619"; |
|||
} |
|||
|
|||
.icon-paixu-fanbai:before { |
|||
content: "\e618"; |
|||
} |
|||
|
|||
.icon-rili:before { |
|||
content: "\e617"; |
|||
} |
|||
|
|||
.icon-yonghuyouxiang-fanbai:before { |
|||
content: "\e616"; |
|||
} |
|||
|
|||
.icon-shoujihaoma-fanbai:before { |
|||
content: "\e615"; |
|||
} |
|||
|
|||
.icon-yonghunicheng-fanbai:before { |
|||
content: "\e614"; |
|||
} |
|||
|
|||
.icon-anquanshezhi-fanbai:before { |
|||
content: "\e613"; |
|||
} |
|||
|
|||
.icon-dengluzhanghao-fanbai:before { |
|||
content: "\e612"; |
|||
} |
|||
|
|||
.icon-suoshubumen-fanbai:before { |
|||
content: "\e611"; |
|||
} |
|||
|
|||
.icon-zhuangtai-fanbai:before { |
|||
content: "\e610"; |
|||
} |
|||
|
|||
.icon-a-zu33:before { |
|||
content: "\e60d"; |
|||
} |
|||
|
|||
.icon-a-lujing259:before { |
|||
content: "\e60c"; |
|||
} |
|||
|
|||
.icon-shouye5:before { |
|||
content: "\e60b"; |
|||
} |
|||
|
|||
.icon-shouye4:before { |
|||
content: "\e60a"; |
|||
} |
|||
|
|||
.icon-shouye3:before { |
|||
content: "\e609"; |
|||
} |
|||
|
|||
.icon-shouye2:before { |
|||
content: "\e608"; |
|||
} |
|||
|
|||
.icon-shouye1:before { |
|||
content: "\e607"; |
|||
} |
|||
|
|||
.icon-shouye:before { |
|||
content: "\e605"; |
|||
} |
|||
|
|||
1
iconfont/iconfont.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,492 @@ |
|||
{ |
|||
"id": "3409379", |
|||
"name": "库房综合管理系统", |
|||
"font_family": "iconfont", |
|||
"css_prefix_text": "icon-", |
|||
"description": "", |
|||
"glyphs": [ |
|||
{ |
|||
"icon_id": "31883356", |
|||
"name": "档案盒总量", |
|||
"font_class": "danganhezongliang", |
|||
"unicode": "e64a", |
|||
"unicode_decimal": 58954 |
|||
}, |
|||
{ |
|||
"icon_id": "31883360", |
|||
"name": "档案总量", |
|||
"font_class": "danganzongliang", |
|||
"unicode": "e64c", |
|||
"unicode_decimal": 58956 |
|||
}, |
|||
{ |
|||
"icon_id": "31883346", |
|||
"name": "在借数量", |
|||
"font_class": "zaijieshuliang", |
|||
"unicode": "e638", |
|||
"unicode_decimal": 58936 |
|||
}, |
|||
{ |
|||
"icon_id": "31883347", |
|||
"name": "在库数量", |
|||
"font_class": "zaikushuliang", |
|||
"unicode": "e649", |
|||
"unicode_decimal": 58953 |
|||
}, |
|||
{ |
|||
"icon_id": "31873467", |
|||
"name": "档案借阅", |
|||
"font_class": "danganjieyue", |
|||
"unicode": "e636", |
|||
"unicode_decimal": 58934 |
|||
}, |
|||
{ |
|||
"icon_id": "31873468", |
|||
"name": "档案类型", |
|||
"font_class": "danganleixing", |
|||
"unicode": "e637", |
|||
"unicode_decimal": 58935 |
|||
}, |
|||
{ |
|||
"icon_id": "31873470", |
|||
"name": "全部设备", |
|||
"font_class": "quanbushebei", |
|||
"unicode": "e639", |
|||
"unicode_decimal": 58937 |
|||
}, |
|||
{ |
|||
"icon_id": "31873471", |
|||
"name": "离线设备", |
|||
"font_class": "lixianshebei", |
|||
"unicode": "e63a", |
|||
"unicode_decimal": 58938 |
|||
}, |
|||
{ |
|||
"icon_id": "31873474", |
|||
"name": "在线设备", |
|||
"font_class": "zaixianshebei", |
|||
"unicode": "e64b", |
|||
"unicode_decimal": 58955 |
|||
}, |
|||
{ |
|||
"icon_id": "31085501", |
|||
"name": "结算-反白", |
|||
"font_class": "jiesuan-fanbai", |
|||
"unicode": "e648", |
|||
"unicode_decimal": 58952 |
|||
}, |
|||
{ |
|||
"icon_id": "31064921", |
|||
"name": "处理异常-反白", |
|||
"font_class": "chuliyichang-fanbai", |
|||
"unicode": "e647", |
|||
"unicode_decimal": 58951 |
|||
}, |
|||
{ |
|||
"icon_id": "30765497", |
|||
"name": "发布-反白", |
|||
"font_class": "fabu-fanbai", |
|||
"unicode": "e644", |
|||
"unicode_decimal": 58948 |
|||
}, |
|||
{ |
|||
"icon_id": "30765498", |
|||
"name": "标记已读-反白", |
|||
"font_class": "biaojiyidu-fanbai", |
|||
"unicode": "e645", |
|||
"unicode_decimal": 58949 |
|||
}, |
|||
{ |
|||
"icon_id": "30765499", |
|||
"name": "手动处理-反白", |
|||
"font_class": "shoudongchuli-fanbai", |
|||
"unicode": "e646", |
|||
"unicode_decimal": 58950 |
|||
}, |
|||
{ |
|||
"icon_id": "30660167", |
|||
"name": "整理室", |
|||
"font_class": "zhenglishi", |
|||
"unicode": "e63c", |
|||
"unicode_decimal": 58940 |
|||
}, |
|||
{ |
|||
"icon_id": "30660168", |
|||
"name": "设备状态", |
|||
"font_class": "shebeizhuangtai", |
|||
"unicode": "e63d", |
|||
"unicode_decimal": 58941 |
|||
}, |
|||
{ |
|||
"icon_id": "30660169", |
|||
"name": "漏水检测", |
|||
"font_class": "loushuijiance", |
|||
"unicode": "e63e", |
|||
"unicode_decimal": 58942 |
|||
}, |
|||
{ |
|||
"icon_id": "30660170", |
|||
"name": "漏水报警", |
|||
"font_class": "loushuibaojing", |
|||
"unicode": "e63f", |
|||
"unicode_decimal": 58943 |
|||
}, |
|||
{ |
|||
"icon_id": "30660171", |
|||
"name": "漏水位置", |
|||
"font_class": "loushuiweizhi", |
|||
"unicode": "e640", |
|||
"unicode_decimal": 58944 |
|||
}, |
|||
{ |
|||
"icon_id": "30660173", |
|||
"name": "维护报警", |
|||
"font_class": "weihubaojing", |
|||
"unicode": "e641", |
|||
"unicode_decimal": 58945 |
|||
}, |
|||
{ |
|||
"icon_id": "30660174", |
|||
"name": "空气质量数据", |
|||
"font_class": "kongqizhiliangshuju", |
|||
"unicode": "e642", |
|||
"unicode_decimal": 58946 |
|||
}, |
|||
{ |
|||
"icon_id": "30660264", |
|||
"name": "感应线断裂", |
|||
"font_class": "ganyingxianduanlie", |
|||
"unicode": "e643", |
|||
"unicode_decimal": 58947 |
|||
}, |
|||
{ |
|||
"icon_id": "30627119", |
|||
"name": "出库-反白", |
|||
"font_class": "chuku-fanbai", |
|||
"unicode": "e63b", |
|||
"unicode_decimal": 58939 |
|||
}, |
|||
{ |
|||
"icon_id": "30256922", |
|||
"name": "3D库房", |
|||
"font_class": "a-3Dkufang", |
|||
"unicode": "e631", |
|||
"unicode_decimal": 58929 |
|||
}, |
|||
{ |
|||
"icon_id": "30256923", |
|||
"name": "报警记录", |
|||
"font_class": "baojingjilu", |
|||
"unicode": "e632", |
|||
"unicode_decimal": 58930 |
|||
}, |
|||
{ |
|||
"icon_id": "30256924", |
|||
"name": "门禁记录", |
|||
"font_class": "menjinjilu", |
|||
"unicode": "e633", |
|||
"unicode_decimal": 58931 |
|||
}, |
|||
{ |
|||
"icon_id": "30256925", |
|||
"name": "通知公告", |
|||
"font_class": "tongzhigonggao", |
|||
"unicode": "e634", |
|||
"unicode_decimal": 58932 |
|||
}, |
|||
{ |
|||
"icon_id": "30256926", |
|||
"name": "消息", |
|||
"font_class": "xiaoxi", |
|||
"unicode": "e635", |
|||
"unicode_decimal": 58933 |
|||
}, |
|||
{ |
|||
"icon_id": "30256625", |
|||
"name": "绑定参数-反白", |
|||
"font_class": "bangdingcanshu-fanbai", |
|||
"unicode": "e61a", |
|||
"unicode_decimal": 58906 |
|||
}, |
|||
{ |
|||
"icon_id": "30256626", |
|||
"name": "拆盒-反白", |
|||
"font_class": "chaihe-fanbai", |
|||
"unicode": "e61b", |
|||
"unicode_decimal": 58907 |
|||
}, |
|||
{ |
|||
"icon_id": "30256627", |
|||
"name": "绑定参数-反白", |
|||
"font_class": "bangding-fanbai", |
|||
"unicode": "e61c", |
|||
"unicode_decimal": 58908 |
|||
}, |
|||
{ |
|||
"icon_id": "30256628", |
|||
"name": "分卷装盒-反白", |
|||
"font_class": "fenjuanzhuanghe-fanbai", |
|||
"unicode": "e61d", |
|||
"unicode_decimal": 58909 |
|||
}, |
|||
{ |
|||
"icon_id": "30256629", |
|||
"name": "解除绑定-反白", |
|||
"font_class": "jiechubangding-fanbai", |
|||
"unicode": "e61e", |
|||
"unicode_decimal": 58910 |
|||
}, |
|||
{ |
|||
"icon_id": "30256630", |
|||
"name": "撤回-反白", |
|||
"font_class": "chehui-fanbai", |
|||
"unicode": "e61f", |
|||
"unicode_decimal": 58911 |
|||
}, |
|||
{ |
|||
"icon_id": "30256631", |
|||
"name": "导出-反白", |
|||
"font_class": "daochu-fanbai", |
|||
"unicode": "e620", |
|||
"unicode_decimal": 58912 |
|||
}, |
|||
{ |
|||
"icon_id": "30256632", |
|||
"name": "登记-反白", |
|||
"font_class": "dengji-fanbai", |
|||
"unicode": "e621", |
|||
"unicode_decimal": 58913 |
|||
}, |
|||
{ |
|||
"icon_id": "30256633", |
|||
"name": "提示成功", |
|||
"font_class": "tishichenggong", |
|||
"unicode": "e622", |
|||
"unicode_decimal": 58914 |
|||
}, |
|||
{ |
|||
"icon_id": "30256634", |
|||
"name": "下载-反白", |
|||
"font_class": "xiazai-fanbai", |
|||
"unicode": "e623", |
|||
"unicode_decimal": 58915 |
|||
}, |
|||
{ |
|||
"icon_id": "30256635", |
|||
"name": "借阅-反白", |
|||
"font_class": "jieyue-fanbai", |
|||
"unicode": "e624", |
|||
"unicode_decimal": 58916 |
|||
}, |
|||
{ |
|||
"icon_id": "30256636", |
|||
"name": "提示警告", |
|||
"font_class": "tishijinggao", |
|||
"unicode": "e625", |
|||
"unicode_decimal": 58917 |
|||
}, |
|||
{ |
|||
"icon_id": "30256637", |
|||
"name": "刷新", |
|||
"font_class": "shuaxin", |
|||
"unicode": "e626", |
|||
"unicode_decimal": 58918 |
|||
}, |
|||
{ |
|||
"icon_id": "30256638", |
|||
"name": "归还-反白", |
|||
"font_class": "guihuan-fanbai", |
|||
"unicode": "e627", |
|||
"unicode_decimal": 58919 |
|||
}, |
|||
{ |
|||
"icon_id": "30256639", |
|||
"name": "移出-反白", |
|||
"font_class": "yichu-fanbai", |
|||
"unicode": "e628", |
|||
"unicode_decimal": 58920 |
|||
}, |
|||
{ |
|||
"icon_id": "30256640", |
|||
"name": "上传附件-反白", |
|||
"font_class": "shangchuanfujian-fanbai", |
|||
"unicode": "e629", |
|||
"unicode_decimal": 58921 |
|||
}, |
|||
{ |
|||
"icon_id": "30256641", |
|||
"name": "入库-反白", |
|||
"font_class": "ruku-fanbai", |
|||
"unicode": "e62a", |
|||
"unicode_decimal": 58922 |
|||
}, |
|||
{ |
|||
"icon_id": "30256642", |
|||
"name": "借出-反白", |
|||
"font_class": "jiechu-fanbai", |
|||
"unicode": "e62b", |
|||
"unicode_decimal": 58923 |
|||
}, |
|||
{ |
|||
"icon_id": "30256643", |
|||
"name": "新增盘点-反白", |
|||
"font_class": "xinzengpandian-fanbai", |
|||
"unicode": "e62c", |
|||
"unicode_decimal": 58924 |
|||
}, |
|||
{ |
|||
"icon_id": "30256644", |
|||
"name": "还原-反白", |
|||
"font_class": "huanyuan-fanbai", |
|||
"unicode": "e62d", |
|||
"unicode_decimal": 58925 |
|||
}, |
|||
{ |
|||
"icon_id": "30256645", |
|||
"name": "附件", |
|||
"font_class": "fujian", |
|||
"unicode": "e62e", |
|||
"unicode_decimal": 58926 |
|||
}, |
|||
{ |
|||
"icon_id": "30256646", |
|||
"name": "装盒--反白", |
|||
"font_class": "zhuanghe--fanbai", |
|||
"unicode": "e62f", |
|||
"unicode_decimal": 58927 |
|||
}, |
|||
{ |
|||
"icon_id": "30256647", |
|||
"name": "绑定设备-反白", |
|||
"font_class": "bangdingshebei-fanbai", |
|||
"unicode": "e630", |
|||
"unicode_decimal": 58928 |
|||
}, |
|||
{ |
|||
"icon_id": "30032164", |
|||
"name": "更多", |
|||
"font_class": "weibiaoti-2", |
|||
"unicode": "e619", |
|||
"unicode_decimal": 58905 |
|||
}, |
|||
{ |
|||
"icon_id": "30000502", |
|||
"name": "排序-反白", |
|||
"font_class": "paixu-fanbai", |
|||
"unicode": "e618", |
|||
"unicode_decimal": 58904 |
|||
}, |
|||
{ |
|||
"icon_id": "30000487", |
|||
"name": "日历", |
|||
"font_class": "rili", |
|||
"unicode": "e617", |
|||
"unicode_decimal": 58903 |
|||
}, |
|||
{ |
|||
"icon_id": "29943155", |
|||
"name": "用户邮箱-反白", |
|||
"font_class": "yonghuyouxiang-fanbai", |
|||
"unicode": "e616", |
|||
"unicode_decimal": 58902 |
|||
}, |
|||
{ |
|||
"icon_id": "29943067", |
|||
"name": "手机号码-反白", |
|||
"font_class": "shoujihaoma-fanbai", |
|||
"unicode": "e615", |
|||
"unicode_decimal": 58901 |
|||
}, |
|||
{ |
|||
"icon_id": "29943063", |
|||
"name": "用户昵称-反白", |
|||
"font_class": "yonghunicheng-fanbai", |
|||
"unicode": "e614", |
|||
"unicode_decimal": 58900 |
|||
}, |
|||
{ |
|||
"icon_id": "29943055", |
|||
"name": "安全设置-反白", |
|||
"font_class": "anquanshezhi-fanbai", |
|||
"unicode": "e613", |
|||
"unicode_decimal": 58899 |
|||
}, |
|||
{ |
|||
"icon_id": "29942791", |
|||
"name": "登录账号-反白", |
|||
"font_class": "dengluzhanghao-fanbai", |
|||
"unicode": "e612", |
|||
"unicode_decimal": 58898 |
|||
}, |
|||
{ |
|||
"icon_id": "29942549", |
|||
"name": "所属部门-反白", |
|||
"font_class": "suoshubumen-fanbai", |
|||
"unicode": "e611", |
|||
"unicode_decimal": 58897 |
|||
}, |
|||
{ |
|||
"icon_id": "29932079", |
|||
"name": "状态-反白", |
|||
"font_class": "zhuangtai-fanbai", |
|||
"unicode": "e610", |
|||
"unicode_decimal": 58896 |
|||
}, |
|||
{ |
|||
"icon_id": "29795508", |
|||
"name": "定位", |
|||
"font_class": "a-zu33", |
|||
"unicode": "e60d", |
|||
"unicode_decimal": 58893 |
|||
}, |
|||
{ |
|||
"icon_id": "29794660", |
|||
"name": "关闭", |
|||
"font_class": "a-lujing259", |
|||
"unicode": "e60c", |
|||
"unicode_decimal": 58892 |
|||
}, |
|||
{ |
|||
"icon_id": "29794633", |
|||
"name": "系统管理", |
|||
"font_class": "shouye5", |
|||
"unicode": "e60b", |
|||
"unicode_decimal": 58891 |
|||
}, |
|||
{ |
|||
"icon_id": "29794580", |
|||
"name": "档案配置", |
|||
"font_class": "shouye4", |
|||
"unicode": "e60a", |
|||
"unicode_decimal": 58890 |
|||
}, |
|||
{ |
|||
"icon_id": "29794435", |
|||
"name": "库房管理", |
|||
"font_class": "shouye3", |
|||
"unicode": "e609", |
|||
"unicode_decimal": 58889 |
|||
}, |
|||
{ |
|||
"icon_id": "29794316", |
|||
"name": "门类管理", |
|||
"font_class": "shouye2", |
|||
"unicode": "e608", |
|||
"unicode_decimal": 58888 |
|||
}, |
|||
{ |
|||
"icon_id": "29794182", |
|||
"name": "档案管理", |
|||
"font_class": "shouye1", |
|||
"unicode": "e607", |
|||
"unicode_decimal": 58887 |
|||
}, |
|||
{ |
|||
"icon_id": "29793951", |
|||
"name": "首页", |
|||
"font_class": "shouye", |
|||
"unicode": "e605", |
|||
"unicode_decimal": 58885 |
|||
} |
|||
] |
|||
} |
|||
|
After Width: 128 | Height: 128 | Size: 5.2 KiB |
@ -0,0 +1,69 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
|||
<svg version="1.1" id="pm10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
|||
viewBox="0 0 1024 835.7" style="enable-background:new 0 0 1024 835.7;" xml:space="preserve"> |
|||
<style type="text/css"> |
|||
.st0{fill:url(#路径_1014_1_);} |
|||
.st1{fill:url(#路径_1015_1_);} |
|||
.st2{fill:url(#路径_1016_1_);} |
|||
.st3{fill:url(#路径_1017_1_);} |
|||
.st4{fill:url(#路径_1018_1_);} |
|||
</style> |
|||
<g> |
|||
|
|||
<linearGradient id="路径_1014_1_" gradientUnits="userSpaceOnUse" x1="2.0099" y1="924.937" x2="26.9139" y2="904.0444" gradientTransform="matrix(49.0124 0 0 -40.001 -71.7787 37142.7383)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1014" class="st0" d="M75.3,477.7C54.3,477.3,36.8,494,36.2,515c0.5,21.1,18,37.8,39.1,37.3 |
|||
c21.1,0.5,38.6-16.2,39.2-37.3C114,493.9,96.5,477.2,75.3,477.7z M270.5,547.8c-16.9-0.4-30.9,13-31.3,29.9 |
|||
c0.4,16.9,14.5,30.2,31.3,29.9c16.9,0.4,30.9-13,31.3-29.9C301.4,560.8,287.4,547.4,270.5,547.8z M184.9,74.6 |
|||
c21.1,0.5,38.6-16.2,39.1-37.3C223.5,16.2,206-0.4,184.9,0c-21.1-0.5-38.6,16.2-39.1,37.3C146.3,58.4,163.8,75.1,184.9,74.6 |
|||
L184.9,74.6z M881.4,134.4c16.9,0.4,30.9-13,31.3-29.9c-0.4-16.9-14.5-30.2-31.3-29.9c-16.9-0.4-30.9,13-31.3,29.9 |
|||
C850.5,121.4,864.5,134.7,881.4,134.4z M638.8,209c29.5,0.7,54.1-22.7,54.8-52.2c-0.8-29.5-25.2-52.9-54.8-52.2 |
|||
c-29.5-0.7-54,22.7-54.8,52.2C584.8,186.3,609.3,209.6,638.8,209L638.8,209L638.8,209z M411.8,134.4c-25.3-0.5-46.3,19.5-46.9,44.9 |
|||
c0.6,25.3,21.6,45.4,46.9,44.8c25.3,0.6,46.3-19.5,47-44.8c-0.7-25.3-21.7-45.3-47-44.8L411.8,134.4z M850.1,544.9 |
|||
c-35.4-0.8-64.8,27.3-65.6,62.7c0.9,35.4,30.2,63.4,65.6,62.7c35.4,0.8,64.8-27.3,65.7-62.7C914.9,572.1,885.6,544.1,850.1,544.9 |
|||
L850.1,544.9z M667,682.4c-16.9-0.4-30.9,13-31.3,29.9c0.5,16.9,14.5,30.2,31.3,29.8c16.9,0.4,30.9-13,31.3-29.9 |
|||
C697.9,695.4,684,682.1,667,682.4L667,682.4z M537,539.6c16.9-0.4,30.9,13,31.3,29.9c-0.4,16.9-14.4,30.3-31.3,29.9 |
|||
c-16.9,0.4-30.9-13-31.3-29.9C506.1,552.5,520.1,539.2,537,539.6z M761.6,835.7c-65.9,0.5-131-15.3-189.3-46 |
|||
C258.5,598,62,785.3,53.8,793.4c-12.3,11.8-31.6,12.1-44.2,0.8c-11.8-10.7-12.8-29-2.1-40.8c0.4-0.5,0.8-0.9,1.3-1.3 |
|||
c2.3-2.3,239.2-231.5,596.8-12.8c6.5,3.7,177.7,99.3,368.7-33.4c6.8-4.7,15.1-6.6,23.3-5.4c8.1,1.2,15.4,5.4,20.4,11.9 |
|||
c9.8,12.7,7.4,30.9-5.3,40.6c-0.5,0.4-1.1,0.8-1.6,1.1C938.5,806.6,851.2,835.1,761.6,835.7L761.6,835.7z"/> |
|||
|
|||
<linearGradient id="路径_1015_1_" gradientUnits="userSpaceOnUse" x1="23.2795" y1="890.0054" x2="48.1836" y2="869.1127" gradientTransform="matrix(7.032 0 0 -9.333 -1.3889 8607.4531)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1015" class="st1" d="M239.1,265.9h-79.7v195h22.4v-79.7h57.1c44.8,0,67.4-19.4,67.4-57.9S283.9,265.9,239.1,265.9 |
|||
z M272.7,352.2c-10.2,7.1-22.5,10.5-35,9.6h-56v-76.5h56c12.3-1,24.6,2.4,34.7,9.5c8.2,7.1,12.5,17.6,11.5,28.4 |
|||
C284.8,334.1,280.6,344.7,272.7,352.2L272.7,352.2z"/> |
|||
|
|||
<linearGradient id="路径_1016_1_" gradientUnits="userSpaceOnUse" x1="35.6414" y1="891.0223" x2="60.5455" y2="870.1296" gradientTransform="matrix(9.6481 0 0 -9.333 3.0921 8607.4531)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1016" class="st2" d="M334.7,265.9v195h22.4V305.8h0.8l67.4,155.1h20.2l67.5-155.1h0.8v155.1h22.4v-195h-27.9 |
|||
l-72.4,166.3h-0.8l-72.7-166.3H334.7z"/> |
|||
|
|||
<linearGradient id="路径_1017_1_" gradientUnits="userSpaceOnUse" x1="107.0608" y1="891.0056" x2="131.9649" y2="870.1129" gradientTransform="matrix(5.3351 0 0 -9.728 21.9891 8974.9346)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1017" class="st3" d="M594.8,444.4H640V292.7h-36v-16.1c14.8-2.3,29-7.2,42.1-14.4h19.4v182.2h40.8v21.1H594.8 |
|||
V444.4z"/> |
|||
|
|||
<linearGradient id="路径_1018_1_" gradientUnits="userSpaceOnUse" x1="118.3659" y1="894.5226" x2="143.27" y2="873.6299" gradientTransform="matrix(6.065 0 0 -10.085 27.7428 9307.0664)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1018" class="st4" d="M737.8,363.2c0-70.7,24.7-104.8,63.5-104.8s63.2,34.4,63.2,104.8s-24.7,105.9-63.2,105.9 |
|||
C762.8,469.1,737.8,433.9,737.8,363.2z M839.9,363.2c0-59.3-15.5-84.3-38.5-84.3c-23,0-38.8,24.9-38.8,84.3 |
|||
c0,59.9,15.5,85.7,38.8,85.7C824.6,448.8,839.9,423.1,839.9,363.2L839.9,363.2z"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,52 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
|||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
|||
viewBox="0 0 1024 835.7" style="enable-background:new 0 0 1024 835.7;" xml:space="preserve"> |
|||
<style type="text/css"> |
|||
.st0{fill:url(#路径_1012_1_);} |
|||
.st1{fill:url(#路径_1013_1_);} |
|||
</style> |
|||
<g id="pm2.5" transform="translate(0)"> |
|||
|
|||
<linearGradient id="路径_1012_1_" gradientUnits="userSpaceOnUse" x1="2.0099" y1="924.9371" x2="26.9141" y2="904.0443" gradientTransform="matrix(49.0122 0 0 -40.0009 -71.7795 37142.7109)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1012" class="st0" d="M75.3,477.7C54.2,477.3,36.8,494,36.2,515c0.5,21.1,18,37.8,39.1,37.3 |
|||
c21.1,0.5,38.6-16.2,39.2-37.3C114,493.9,96.5,477.2,75.3,477.7z M270.5,547.8c-16.9-0.4-30.9,13-31.3,29.9 |
|||
c0.4,16.9,14.5,30.2,31.3,29.9c16.9,0.4,30.9-13,31.3-29.9C301.4,560.8,287.4,547.4,270.5,547.8z M184.9,74.6 |
|||
c21.1,0.5,38.6-16.2,39.1-37.3C223.4,16.2,206-0.4,184.9,0c-21.1-0.5-38.6,16.2-39.1,37.3C146.3,58.4,163.8,75.1,184.9,74.6 |
|||
L184.9,74.6z M881.4,134.4c16.9,0.4,30.9-13,31.3-29.9c-0.4-16.9-14.5-30.2-31.3-29.9c-16.9-0.4-30.9,13-31.3,29.9 |
|||
C850.5,121.4,864.5,134.7,881.4,134.4z M638.8,209c29.5,0.7,54.1-22.7,54.8-52.2c-0.8-29.5-25.2-52.9-54.8-52.2 |
|||
c-29.5-0.7-54,22.7-54.8,52.2C584.8,186.3,609.3,209.6,638.8,209L638.8,209L638.8,209z M411.8,134.4c-25.3-0.5-46.3,19.5-46.9,44.9 |
|||
c0.6,25.3,21.6,45.4,46.9,44.8c25.3,0.6,46.4-19.5,47-44.8c-0.7-25.3-21.7-45.3-47-44.8L411.8,134.4z M850.1,544.9 |
|||
c-35.4-0.8-64.8,27.3-65.6,62.7c0.9,35.4,30.2,63.4,65.6,62.7c35.4,0.8,64.8-27.3,65.7-62.7C914.9,572.1,885.6,544.1,850.1,544.9 |
|||
L850.1,544.9z M667,682.4c-16.9-0.4-30.9,13-31.3,29.9c0.5,16.9,14.5,30.2,31.3,29.8c16.9,0.4,30.9-13,31.3-29.9 |
|||
C697.9,695.4,683.9,682.1,667,682.4L667,682.4z M537,539.6c16.9-0.4,30.9,13,31.3,29.9c-0.4,16.9-14.4,30.3-31.3,29.9 |
|||
c-16.9,0.4-30.9-13-31.3-29.9C506.1,552.5,520.1,539.2,537,539.6z M761.6,835.7c-65.9,0.5-131-15.3-189.3-46 |
|||
C258.5,598,62,785.3,53.8,793.4c-12.3,11.8-31.6,12.1-44.2,0.8c-11.8-10.7-12.8-29-2.1-40.8c0.4-0.5,0.8-0.9,1.3-1.3 |
|||
c2.3-2.3,239.2-231.5,596.8-12.8c6.5,3.7,177.7,99.3,368.7-33.4c6.8-4.7,15.1-6.6,23.3-5.4c8.1,1.2,15.4,5.4,20.4,11.9 |
|||
c9.8,12.7,7.4,30.9-5.3,40.6c-0.5,0.4-1.1,0.8-1.6,1.1c-72.6,52.5-159.8,81.1-249.4,81.7H761.6z"/> |
|||
|
|||
<linearGradient id="路径_1013_1_" gradientUnits="userSpaceOnUse" x1="5.822" y1="892.7612" x2="30.7262" y2="871.8683" gradientTransform="matrix(37.4484 0 0 -9.7017 -48.5744 8950.4355)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1013" class="st1" d="M123.6,265.9h79.7c44.8,0,67.2,19.1,67.2,57.4c0,38.5-22.7,57.9-67.4,57.9H146v79.7h-22.4 |
|||
L123.6,265.9z M146,285.3v76.5h56c12.4,0.9,24.8-2.4,35-9.6c7.9-7.4,12-18.1,11.2-28.9c1-10.8-3.3-21.4-11.5-28.4 |
|||
c-10.1-7.2-22.4-10.6-34.7-9.5H146z M299,265.9v195h22.4V305.7h0.8l67.4,155.1h20.2l67.5-155.1h0.8v155.1h22.4v-195h-27.9 |
|||
l-72.4,166.3h-0.8l-72.7-166.3H299z M604.8,262.1c-18-0.7-35.5,6.5-47.8,19.7c-12.7,14.4-19.2,33.1-18.3,52.2h22.4 |
|||
c-0.7-14,3.5-27.9,12-39.1c7.4-9.3,19-14.4,30.9-13.6c10.8-0.6,21.5,2.9,29.8,9.8c7.4,7.2,11.3,17.3,10.7,27.6 |
|||
c-0.3,13.2-5.7,25.7-15,35c-9.5,8.9-19.8,17-30.6,24.3c-15.4,9.9-29.6,21.5-42.3,34.7c-12.4,13-19.4,30.3-19.4,48.3h130V441H564.7 |
|||
c8.9-19.2,23.9-34.9,42.6-44.8c14.4-9.2,27.9-19.7,40.4-31.3c12.1-12.3,18.9-28.7,19.1-46c0.5-15.6-5.9-30.7-17.5-41.2 |
|||
C637.1,267.1,621.1,261.5,604.8,262.1z M720.1,428.4c-4.5-0.2-8.8,1.6-11.7,4.9c-3.3,3.1-5,7.5-4.9,12c-0.1,4.4,1.7,8.7,4.9,11.7 |
|||
c3,3.3,7.3,5.1,11.7,4.9c4.4,0,8.7-1.8,11.7-4.9c3.2-3.1,5-7.3,4.9-11.7c0.1-4.5-1.7-8.9-4.9-12 |
|||
C728.8,430.1,724.5,428.4,720.1,428.4z M784.9,265.9l-10.4,107.6h21.3c3.8-7.6,9.9-13.7,17.5-17.5c7.6-4.1,16.2-6.2,24.8-6 |
|||
c12.4-0.8,24.6,3.9,33.3,12.8c8.8,9.9,13.3,22.9,12.5,36.1c0.4,12.6-4.5,24.7-13.4,33.6c-9,8.8-21.3,13.5-33.9,13.1 |
|||
c-10.6,0.4-21.1-2.7-29.8-8.8c-8.9-6.8-14.3-17.2-14.8-28.4H770c0.8,16.7,9,32.3,22.4,42.3c12.6,9.5,28.1,14.4,43.9,13.9 |
|||
c17.9,0.4,35.2-5.9,48.6-17.8c13.8-12.2,21.5-29.9,21-48.3c0.9-18.1-5.3-35.9-17.5-49.4c-11.9-11.9-28.2-18.2-45-17.5 |
|||
c-8.5-0.2-17,1.4-24.8,4.7c-8.2,3-15.4,8.1-21,14.8h-1.1l6.6-65.3h95v-19.9H784.7L784.9,265.9z"/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: 128 | Height: 128 | Size: 4.4 KiB |
@ -0,0 +1,31 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
|||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
|||
viewBox="0 0 1024 1095.4" style="enable-background:new 0 0 1024 1095.4;" xml:space="preserve"> |
|||
<style type="text/css"> |
|||
.st0{fill:url(#路径_993_1_);} |
|||
.st1{fill:url(#路径_994_1_);} |
|||
</style> |
|||
<g id="湿度" transform="translate(1875.79 -471.865)"> |
|||
|
|||
<linearGradient id="路径_993_1_" gradientUnits="userSpaceOnUse" x1="-1872.2583" y1="1530.5941" x2="-1839.616" y2="1503.2096" gradientTransform="matrix(37.3934 0 0 -40 68219 61811.0039)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_993" class="st0" d="M-994.7,471.9c0,0-142.9,135.4-142.9,214.4c0,78.9,64,142.9,142.9,142.9 |
|||
c78.9,0,142.9-64,142.9-142.9C-851.9,607.3-994.7,471.9-994.7,471.9z M-994.7,781.3c-52.6,0-95.3-42.7-95.3-95.3c0,0,0,0,0,0 |
|||
c0-52.6,95.3-142.9,95.3-142.9s95.3,90.4,95.3,142.9C-899.4,738.7-942,781.4-994.7,781.3L-994.7,781.3z M-1471,471.9 |
|||
c0,0-404.8,457.8-404.8,684.6c-1.7,225.2,179.5,409.1,404.7,410.8c0,0,0.1,0,0.1,0c225.2-1.6,406.5-185.5,404.8-410.8 |
|||
C-1066.1,929.7-1471,471.9-1471,471.9z M-1471,1495.9c-185.9-1.8-335.1-153.9-333.3-339.8c0,0,0,0,0,0c0-187.7,333.3-589,333.3-589 |
|||
s333.3,401.3,333.3,589C-1135.9,1342-1285.1,1494.1-1471,1495.9L-1471,1495.9z"/> |
|||
|
|||
<linearGradient id="路径_994_1_" gradientUnits="userSpaceOnUse" x1="-1865.4138" y1="1487.9939" x2="-1832.7714" y2="1460.6094" gradientTransform="matrix(20.094 0 0 -13.1475 35796.1719 20680.3984)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_994" class="st1" d="M-1471,1449.4c-151.4,0.5-274.6-121.8-275.1-273.2c0,0,0,0,0,0c0-150.9,143-74.5,275.1,0 |
|||
c132.7,74.8,275.1-150.9,275.1,0C-1196.4,1327.6-1319.5,1450-1471,1449.4L-1471,1449.4z"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,36 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
|||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
|||
viewBox="0 0 1024 1303.3" style="enable-background:new 0 0 1024 1303.3;" xml:space="preserve"> |
|||
<style type="text/css"> |
|||
.st0{fill:url(#路径_991_1_);} |
|||
.st1{fill:url(#路径_992_1_);} |
|||
</style> |
|||
<g id="温度" transform="translate(2097.059 -462.569)"> |
|||
|
|||
<linearGradient id="路径_991_1_" gradientUnits="userSpaceOnUse" x1="-2094.522" y1="1625.6313" x2="-2055.6824" y2="1593.0477" gradientTransform="matrix(22.8582 0 0 -40.001 45809.7422 65692.6953)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_991" class="st0" d="M-1724.7,555.6c37,0,72.5,14.8,98.5,41.1c26.3,26,41.1,61.5,41.1,98.5v452.2l34.9,28 |
|||
c66.4,52.9,104.9,133.2,104.8,218c0.2,74.1-29.3,145.2-81.8,197.5c-52.3,52.6-123.4,82-197.5,81.8c-74.1,0.2-145.2-29.3-197.5-81.8 |
|||
c-52.6-52.3-82-123.4-81.8-197.5c-0.2-84.9,38.4-165.2,104.8-218l34.9-28V695.3c0-37,14.8-72.5,41.1-98.5 |
|||
C-1797.2,570.4-1761.7,555.6-1724.7,555.6 M-1724.7,462.5c-128.4,0.4-232.4,104.4-232.7,232.7v407.6 |
|||
c-88.4,70.6-139.8,177.6-139.6,290.7c0,205.7,166.7,372.4,372.4,372.4c205.7,0,372.4-166.7,372.4-372.4c0,0,0,0,0,0 |
|||
c0.1-113.1-51.3-220.1-139.6-290.7V695.3C-1492.3,566.8-1596.3,462.8-1724.7,462.5L-1724.7,462.5z"/> |
|||
|
|||
<linearGradient id="路径_992_1_" gradientUnits="userSpaceOnUse" x1="-2086.1948" y1="1626.576" x2="-2047.3552" y2="1593.9924" gradientTransform="matrix(25.7137 0 0 -32.856 51800.1289 54067.7227)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_992" class="st1" d="M-1678.2,1213.2V834.9c-0.1-25.7-20.9-46.5-46.6-46.6c-25.7,0.1-46.5,20.9-46.5,46.6v378.2 |
|||
c-82.2,21.3-139.6,95.4-139.6,180.3c0,102.8,83.4,186.2,186.2,186.2l0,0c102.8,0,186.2-83.4,186.2-186.2c0,0,0,0,0,0 |
|||
C-1538.5,1308.5-1596,1234.4-1678.2,1213.2L-1678.2,1213.2z M-1119.6,602.2h-232.7c-25.7-0.1-46.5-20.9-46.5-46.6 |
|||
c0.1-25.7,20.8-46.5,46.5-46.6h232.7c25.7,0.1,46.5,20.9,46.5,46.6C-1073.1,581.3-1093.9,602.1-1119.6,602.2L-1119.6,602.2z |
|||
M-1119.6,834.9h-232.7c-25.7-0.1-46.5-20.9-46.5-46.6c0.1-25.7,20.8-46.5,46.5-46.6h232.7c25.7,0.1,46.5,20.9,46.5,46.6 |
|||
C-1073.1,814-1093.9,834.8-1119.6,834.9L-1119.6,834.9z M-1119.6,1067.7h-232.7c-25.7-0.1-46.5-20.9-46.5-46.6 |
|||
c0.1-25.7,20.8-46.5,46.5-46.6h232.7c25.7,0.1,46.5,20.9,46.5,46.6C-1073.1,1046.8-1093.9,1067.6-1119.6,1067.7L-1119.6,1067.7z"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,36 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
|||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
|||
viewBox="0 0 1024 1357" style="enable-background:new 0 0 1024 1357;" xml:space="preserve"> |
|||
<style type="text/css"> |
|||
.st0{fill:url(#路径_1007_1_);} |
|||
.st1{fill:url(#路径_1011_1_);} |
|||
</style> |
|||
<g id="voc" transform="translate(1321.763 -717.722)"> |
|||
|
|||
<linearGradient id="路径_1007_1_" gradientUnits="userSpaceOnUse" x1="-1320.2894" y1="1909.033" x2="-1285.4313" y2="1879.7896" gradientTransform="matrix(14.9559 0 0 -28.4125 18425.6094 55124.8594)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1007" class="st0" d="M-1110.2,1092.5c11.7,140.7,43.6,278.9,94.7,410.5c-25.2-110,0-241.1,109.4-397.1 |
|||
c6.8-9.8,14.2-19.4,21.8-29c-7.8-14.9-16.6-30.2-26.3-45.9c-67.8-108.5-199.7-197.7-216.7-281.9c-4.7-23.1-9.8-43.4-20.1-23 |
|||
c-58.6,116.2-176.1,361.2-174.2,565.3c2.2,230.5,159.9,256.1,232,257.1c2.4,0.1,4.8-0.3,7-1c11.6-3.5,18.2-15.9,14.6-27.5 |
|||
c0,0,0,0,0-0.1c-28.8-92.9-90.8-219.3-66.1-428.2c1.3-6.6,7.7-10.8,14.3-9.5C-1114.8,1083.5-1111,1087.5-1110.2,1092.5z"/> |
|||
|
|||
<linearGradient id="路径_1011_1_" gradientUnits="userSpaceOnUse" x1="-1304.507" y1="1907.5032" x2="-1269.6488" y2="1878.2598" gradientTransform="matrix(22.811 0 0 -46.3881 28808.6738 89440.3438)"> |
|||
<stop offset="0" style="stop-color:#C8E4FF"/> |
|||
<stop offset="0.632" style="stop-color:#339CFF"/> |
|||
<stop offset="1" style="stop-color:#339CFF"/> |
|||
</linearGradient> |
|||
<path id="路径_1011" class="st1" d="M-495.4,730.1c-12.5-28.5-20.9-1.3-28.8,29.8c-29,112.9-214.3,224.6-314,366.9 |
|||
c-79,112.6-141.9,248.9-123.4,389.6c14,130.8,99.3,243.2,221.5,291.8c7.8,2.9-34.3,73.7-37.6,79.3c-17.4,35-41.2,66.3-70.2,92.5 |
|||
c-18.7,14.6-69,45.1-36.5,80.8c37.5,41.2,95.2-19.9,114.1-48.9c37.6-57.3,71.8-116.8,102.4-178.2c39.2,7.4,79.3,8.2,118.7,2.1 |
|||
c63.1-9.7,121.1-40.4,164.6-87.1c59.3-64.5,80.1-154.3,85.4-239.6C-282.2,1232.6-424.1,892-495.4,730.1z M-361.4,1489.4 |
|||
c-5.2,63-15.8,132.1-55.2,182.6c-27.8,35-65.5,60.8-108.2,73.8c-37.6,12.6-77.9,14.8-116.7,6.3c6-26.6,17.5-53,25.4-79.3 |
|||
c9.2-30.6,17.6-61.4,25.1-92.5c17.7-72.9,30.2-147,37.4-221.7c4.7-48.9,7-98,7-147.2c1.7-28.2,1.7-56.6,0-84.8 |
|||
c-27,209.3-80.9,414.2-160.2,609.7c-3.8,8.8-60.9-33.1-65.8-36.8c-31.8-23.4-57.9-53.7-76.3-88.6c-27.3-47.7-41.9-101.7-42.2-156.7 |
|||
c0-102.4,49.1-198.1,108.2-278.8c83-113.3,234.6-200.3,259.9-291c6.9-25,14.2-46.8,23.8-23.6 |
|||
C-444.4,993.1-342.8,1266.2-361.4,1489.4L-361.4,1489.4z"/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: 128 | Height: 128 | Size: 4.5 KiB |
|
After Width: 128 | Height: 128 | Size: 5.0 KiB |
|
After Width: 128 | Height: 128 | Size: 5.5 KiB |
|
After Width: 165 | Height: 81 | Size: 1.3 KiB |
|
After Width: 1920 | Height: 1080 | Size: 332 KiB |
|
After Width: 92 | Height: 102 | Size: 5.0 KiB |
|
After Width: 77 | Height: 122 | Size: 4.8 KiB |
|
After Width: 87 | Height: 122 | Size: 4.5 KiB |
|
After Width: 57 | Height: 116 | Size: 3.6 KiB |
|
After Width: 72 | Height: 118 | Size: 7.2 KiB |
|
After Width: 73 | Height: 99 | Size: 4.2 KiB |
|
After Width: 72 | Height: 24 | Size: 1.5 KiB |
|
After Width: 72 | Height: 24 | Size: 1.4 KiB |
|
After Width: 905 | Height: 579 | Size: 166 KiB |
|
After Width: 1921 | Height: 130 | Size: 31 KiB |
|
After Width: 1024 | Height: 1024 | Size: 118 KiB |
@ -0,0 +1,239 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>智能库房综合管理系统</title> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> |
|||
<meta http-equiv="Pragma" content="no-cache" /> |
|||
<meta http-equiv="Expires" content="0" /> |
|||
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png"> |
|||
<link rel="stylesheet" href="css/reset.css"> |
|||
<link rel="stylesheet" href="iconfont/iconfont.css"> |
|||
<link href="css/style.css" rel="stylesheet" type="text/css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="env-container"> |
|||
<div class="env-top-title"></div> |
|||
<div class="current-date"></div> |
|||
<div class="env-main"> |
|||
<div class="env-main-left"> |
|||
<div class="env-item container-wrap"> |
|||
<span class="right-top-line"></span> |
|||
<span class="left-bottom-line"></span> |
|||
<h3><i class="iconfont icon-kongqizhiliangshuju"></i>档案库空气质量数据</h3> |
|||
<ul class="screen-env-list left-top-env"> |
|||
</ul> |
|||
</div> |
|||
<div class="env-item container-wrap"> |
|||
<span class="right-top-line"></span> |
|||
<span class="left-bottom-line"></span> |
|||
<h3><i class="iconfont icon-loushuijiance"></i>漏水检测</h3> |
|||
<div class="leakage-detection"> |
|||
<div class="state-list"> |
|||
<span>正常</span> |
|||
<span>报警</span> |
|||
</div> |
|||
<ul class="leakage-list"> |
|||
<li class="leakage-item001"> |
|||
<p><i class="iconfont icon-weihubaojing"></i>维护报警</p> |
|||
<span class="leakage-state-tip"></span> |
|||
</li> |
|||
<li class="leakage-item002"> |
|||
<p><i class="iconfont icon-loushuibaojing"></i>漏水报警</p> |
|||
<span class="leakage-state-tip"></span> |
|||
</li> |
|||
<li class="leakage-item003"> |
|||
<p><i class="iconfont icon-ganyingxianduanlie"></i>感应线断裂</p> |
|||
<span class="leakage-state-tip"></span> |
|||
</li> |
|||
<li class="leakage-item004"> |
|||
<p><i class="iconfont icon-loushuiweizhi"></i>漏水位置</p> |
|||
<span class="lsLocation"></span> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<!-- 门禁记录 --> |
|||
<div class="env-item container-wrap"> |
|||
<span class="right-top-line"></span> |
|||
<span class="left-bottom-line"></span> |
|||
<h3 class="table-title"> |
|||
<p class="title-arrow"> |
|||
<i class="iconfont icon-menjinjilu"></i>门禁记录 |
|||
</p> |
|||
</h3> |
|||
<table class="table-wrapper" cellpadding="0" cellspacing="8"> |
|||
<tr class="table-header"> |
|||
<th>时间</th> |
|||
<th>库房</th> |
|||
<th>警情</th> |
|||
</tr> |
|||
</table> |
|||
<div id="scrollTable" class="scrollTable"> |
|||
<table class="table-wrapper " cellpadding="0" cellspacing="8"> |
|||
<tbody class="table-text" id="fTbody"> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="env-main-middle"> |
|||
<div class="env-3d"> |
|||
<img src="/images/largeScreen/screen.png" alt="" /> |
|||
<ul class="screen-env-list middle-env"> |
|||
</ul> |
|||
</div> |
|||
<div class="middle-bottom"> |
|||
<div class="env-item container-wrap middle-bottom-l"> |
|||
<span class="right-top-line"></span> |
|||
<span class="left-bottom-line"></span> |
|||
<ul> |
|||
<li> |
|||
<div class="row-item"> |
|||
<i class="row-icon row-icon1"></i> |
|||
<span>馆藏总量</span> |
|||
</div> |
|||
<div class="card-panel-text"> |
|||
<p class="row-num" id="archivesNum"><b class="timer" data-to="0" data-speed="800"></b></p> |
|||
</div> |
|||
</li> |
|||
<li> |
|||
<div class="row-item"> |
|||
<i class="row-icon row-icon2"></i> |
|||
<span>文件数量</span> |
|||
</div> |
|||
<div class="card-panel-text"> |
|||
<p id="filesNum" class="row-num"><b class="timer" data-to="0" data-speed="800"></b></p> |
|||
</div> |
|||
</li> |
|||
<li> |
|||
<div class="row-item"> |
|||
<i class="row-icon row-icon3"></i> |
|||
<span>案卷数量</span> |
|||
</div> |
|||
<div class="card-panel-text"> |
|||
<p id="anjuanNum" class="row-num"><b class="timer" data-to="0" data-speed="800"></b></p> |
|||
</div> |
|||
</li> |
|||
</ul> |
|||
<ul> |
|||
<li> |
|||
<div class="row-item"> |
|||
<i class="row-icon row-icon4"></i> |
|||
<span>全部设备</span> |
|||
</div> |
|||
<div class="card-panel-text"> |
|||
<p id="deviceTotal" class="row-num"><b class="timer" data-to="0" data-speed="800"></b></p> |
|||
</div> |
|||
</li> |
|||
<li> |
|||
<div class="row-item"> |
|||
<i class="row-icon row-icon5"></i> |
|||
<span>在线设备</span> |
|||
</div> |
|||
<div class="card-panel-text"> |
|||
<p id="lineDevNum" class="row-num"><b class="timer" data-to="0" data-speed="800"></b></p> |
|||
</div> |
|||
</li> |
|||
<li> |
|||
<div class="row-item"> |
|||
<i class="row-icon row-icon6"></i> |
|||
<span>离线设备</span> |
|||
</div> |
|||
<div class="card-panel-text"> |
|||
<p id="offlineDevice" class="row-num"><b class="timer" data-to="0" data-speed="800"></b></p> |
|||
</div> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="env-item container-wrap middle-bottom-r"> |
|||
<span class="right-top-line"></span> |
|||
<span class="left-bottom-line"></span> |
|||
<ul> |
|||
<li> |
|||
<span>日借阅量</span> |
|||
<div id="tnum1" class="num"></div> |
|||
</li> |
|||
<li><span>日归还量</span> |
|||
<div id="tnum2" class="num"></div> |
|||
</li> |
|||
<li><span>月借阅量</span> |
|||
<div id="tnum3" class="num"></div> |
|||
</li> |
|||
<li><span>月归还量</span> |
|||
<div id="tnum4" class="num"></div> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="env-main-right"> |
|||
<div class="env-item container-wrap"> |
|||
<span class="right-top-line"></span> |
|||
<span class="left-bottom-line"></span> |
|||
<h3> |
|||
<i class="iconfont icon-danganjieyue"></i>档案借阅 |
|||
</h3> |
|||
<div id="chart1" class="chart-wrapper" style="height: calc(100% - 40px);"> |
|||
</div> |
|||
</div> |
|||
<div class="env-item container-wrap"> |
|||
<span class="right-top-line"></span> |
|||
<span class="left-bottom-line"></span> |
|||
<h3> |
|||
<i class="iconfont icon-danganleixing"></i>档案类型 |
|||
</h3> |
|||
<div id="chart2" class="chart-wrapper" style="height: calc(100% - 40px);"> |
|||
</div> |
|||
<!-- <div class="empty-main"> |
|||
<svg-icon icon-class="empty" class-name="empty-img" /> |
|||
<i></i> |
|||
<p>暂无数据</p> |
|||
</div> --> |
|||
</div> |
|||
<!-- 报警记录 --> |
|||
<div class="env-item container-wrap"> |
|||
<span class="right-top-line"></span> |
|||
<span class="left-bottom-line"></span> |
|||
<h3 class="table-title"> |
|||
<p class="title-arrow"> |
|||
<i class="iconfont icon-baojingjilu"></i>报警记录 |
|||
</p> |
|||
</h3> |
|||
<!--表格渲染--> |
|||
<table class="table-wrapper" cellpadding="0" cellspacing="8"> |
|||
<tr class="table-header"> |
|||
<th>时间</th> |
|||
<th>库房</th> |
|||
<th>警情</th> |
|||
</tr> |
|||
</table> |
|||
<div id="scrollTable2" class="scrollTable"> |
|||
<table class="table-wrapper" cellpadding="0" cellspacing="8"> |
|||
<tbody class="table-text" id="fTbody2"> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
|
|||
<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script> |
|||
<script type="text/javascript" src="/js/echarts.js"></script> |
|||
<script type="text/javascript" src="/js/flexible.js"></script> |
|||
<script type="text/javascript" src="/iconfont/iconfont.js"></script> |
|||
<script type="text/javascript" src="/js/jquery.countTo.js"></script> |
|||
<script type="text/javascript" src="/js/countTo.js"></script> |
|||
<script type="text/javascript" src="/js/number.js"></script> |
|||
<script type="text/javascript" src="/js/util.js"></script> |
|||
<script type="text/javascript" src="/js/lendAcross.js"></script> |
|||
<script type="text/javascript" src="/js/typePie.js"></script> |
|||
<script type="text/javascript" src="/js/index.js"></script> |
|||
|
|||
</html> |
|||
@ -0,0 +1,41 @@ |
|||
jQuery(function ($) { |
|||
// custom formatting example
|
|||
$('#earth').data('countToOptions', { |
|||
formatter: function (value, options) { |
|||
return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ','); |
|||
} |
|||
}); |
|||
|
|||
// custom callback when counting completes
|
|||
$('#countdown').data('countToOptions', { |
|||
onComplete: function (value) { |
|||
$(this).text('BLAST OFF!').addClass('red'); |
|||
} |
|||
}); |
|||
|
|||
// another custom callback for counting to infinity
|
|||
$('#infinity').data('countToOptions', { |
|||
onComplete: function (value) { |
|||
count.call(this, { |
|||
from: value, |
|||
to: value + 1000 |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
// start all the timers
|
|||
$('.timer').each(count); |
|||
|
|||
// restart a timer when a button is clicked
|
|||
$('.restart').click(function (event) { |
|||
event.preventDefault(); |
|||
var target = $(this).data('target'); |
|||
$(target).countTo('restart'); |
|||
}); |
|||
|
|||
function count(options) { |
|||
var $this = $(this); |
|||
options = $.extend({}, options || {}, $this.data('countToOptions') || {}); |
|||
$this.countTo(options); |
|||
} |
|||
}); |
|||
95739
js/echarts.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,147 @@ |
|||
(function(win, lib) { |
|||
var doc = win.document |
|||
var docEl = doc.documentElement |
|||
var metaEl = doc.querySelector('meta[name="viewport"]') |
|||
var flexibleEl = doc.querySelector('meta[name="flexible"]') |
|||
var dpr = 0 |
|||
var scale = 0 |
|||
var tid |
|||
var flexible = lib.flexible || (lib.flexible = {}) |
|||
|
|||
if (metaEl) { |
|||
console.warn('将根据已有的meta标签来设置缩放比例') |
|||
var match = metaEl |
|||
.getAttribute('content') |
|||
// eslint-disable-next-line no-useless-escape
|
|||
.match(/initial\-scale=([\d\.]+)/) |
|||
if (match) { |
|||
scale = parseFloat(match[1]) |
|||
dpr = parseInt(1 / scale) |
|||
} |
|||
} else if (flexibleEl) { |
|||
var content = flexibleEl.getAttribute('content') |
|||
if (content) { |
|||
// eslint-disable-next-line no-useless-escape
|
|||
var initialDpr = content.match(/initial\-dpr=([\d\.]+)/) |
|||
// eslint-disable-next-line no-useless-escape
|
|||
var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/) |
|||
if (initialDpr) { |
|||
dpr = parseFloat(initialDpr[1]) |
|||
scale = parseFloat((1 / dpr).toFixed(2)) |
|||
} |
|||
if (maximumDpr) { |
|||
dpr = parseFloat(maximumDpr[1]) |
|||
scale = parseFloat((1 / dpr).toFixed(2)) |
|||
} |
|||
} |
|||
} |
|||
|
|||
if (!dpr && !scale) { |
|||
// eslint-disable-next-line no-unused-vars
|
|||
var isAndroid = win.navigator.appVersion.match(/android/gi) |
|||
var isIPhone = win.navigator.appVersion.match(/iphone/gi) |
|||
var devicePixelRatio = win.devicePixelRatio |
|||
if (isIPhone) { |
|||
// iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
|
|||
if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) { |
|||
dpr = 3 |
|||
} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) { |
|||
dpr = 2 |
|||
} else { |
|||
dpr = 1 |
|||
} |
|||
} else { |
|||
// 其他设备下，仍旧使用1倍的方案
|
|||
dpr = 1 |
|||
} |
|||
scale = 1 / dpr |
|||
} |
|||
|
|||
docEl.setAttribute('data-dpr', dpr) |
|||
if (!metaEl) { |
|||
metaEl = doc.createElement('meta') |
|||
metaEl.setAttribute('name', 'viewport') |
|||
metaEl.setAttribute( |
|||
'content', |
|||
'initial-scale=' + |
|||
scale + |
|||
', maximum-scale=' + |
|||
scale + |
|||
', minimum-scale=' + |
|||
scale + |
|||
', user-scalable=no' |
|||
) |
|||
if (docEl.firstElementChild) { |
|||
docEl.firstElementChild.appendChild(metaEl) |
|||
} else { |
|||
var wrap = doc.createElement('div') |
|||
wrap.appendChild(metaEl) |
|||
doc.write(wrap.innerHTML) |
|||
} |
|||
} |
|||
|
|||
function refreshRem() { |
|||
var width = docEl.getBoundingClientRect().width |
|||
// 最小1366px，最大适配2560px
|
|||
if (width / dpr < 1366) { |
|||
width = 1366 * dpr |
|||
} else if (width / dpr > 2560) { |
|||
width = 2560 * dpr |
|||
} |
|||
// 设置成24等份，设计稿时1920px的，这样1rem就是80px
|
|||
var rem = width / 24 |
|||
docEl.style.fontSize = rem + 'px' |
|||
flexible.rem = win.rem = rem |
|||
} |
|||
|
|||
win.addEventListener( |
|||
'resize', |
|||
function() { |
|||
clearTimeout(tid) |
|||
tid = setTimeout(refreshRem, 300) |
|||
}, |
|||
false |
|||
) |
|||
win.addEventListener( |
|||
'pageshow', |
|||
function(e) { |
|||
if (e.persisted) { |
|||
clearTimeout(tid) |
|||
tid = setTimeout(refreshRem, 300) |
|||
} |
|||
}, |
|||
false |
|||
) |
|||
|
|||
if (doc.readyState === 'complete') { |
|||
doc.body.style.fontSize = 12 * dpr + 'px' |
|||
} else { |
|||
doc.addEventListener( |
|||
'DOMContentLoaded', |
|||
// eslint-disable-next-line no-unused-vars
|
|||
function(e) { |
|||
doc.body.style.fontSize = 12 * dpr + 'px' |
|||
}, |
|||
false |
|||
) |
|||
} |
|||
|
|||
refreshRem() |
|||
|
|||
flexible.dpr = win.dpr = dpr |
|||
flexible.refreshRem = refreshRem |
|||
flexible.rem2px = function(d) { |
|||
var val = parseFloat(d) * this.rem |
|||
if (typeof d === 'string' && d.match(/rem$/)) { |
|||
val += 'px' |
|||
} |
|||
return val |
|||
} |
|||
flexible.px2rem = function(d) { |
|||
var val = parseFloat(d) / this.rem |
|||
if (typeof d === 'string' && d.match(/px$/)) { |
|||
val += 'rem' |
|||
} |
|||
return val |
|||
} |
|||
})(window, window['lib'] || (window['lib'] = {})) |
|||
@ -0,0 +1,562 @@ |
|||
// var ajaxUrl = 'http://192.168.99.107:7070'
|
|||
// var ajaxUrl = 'http://192.168.99.67:7070'
|
|||
var ajaxUrl = 'http://192.168.1.100:7070' |
|||
|
|||
//获取当前时间
|
|||
var timer = null |
|||
timer = setInterval(() => { |
|||
var nowDate = getCurrentTime() |
|||
$('.current-date').html(nowDate) |
|||
}, 1000) |
|||
|
|||
var echartsTimer = null |
|||
// 定时请求第三方数据，更新页面数据
|
|||
echartsTimer = setInterval(() => { |
|||
FetchThisDayYearBorrowNum() |
|||
FetchArchivesNum() |
|||
FetchFileAnjuanNum() |
|||
FetchDevice() |
|||
FetchInitDisplayconfig() |
|||
}, 1000 * 30) |
|||
|
|||
FetchArchivesNum() |
|||
FetchFileAnjuanNum() |
|||
FetchDevice() |
|||
FetchThisDayYearBorrowNum() |
|||
FetchInitSecurityDoorLog() |
|||
FetchAlarmInfo() |
|||
|
|||
|
|||
var allDisplayConfigData; |
|||
var allDeviceIds = []; |
|||
var allDeviceIds = []; |
|||
var displayConfigData; |
|||
var url; |
|||
var topDisplayData = { |
|||
DAK_DIV_TOP_001: { |
|||
show: false, |
|||
curValue: '', |
|||
unit: '', |
|||
curstatus: 0 |
|||
}, |
|||
DAK_DIV_TOP_002: { |
|||
show: false, |
|||
curValue: '', |
|||
unit: '', |
|||
curstatus: 0 |
|||
}, |
|||
DAK_DIV_TOP_003: { |
|||
show: false, |
|||
curValue: '', |
|||
unit: '', |
|||
curstatus: 0 |
|||
}, |
|||
DAK_DIV_TOP_004: { |
|||
show: false, |
|||
curValue: '', |
|||
unit: '', |
|||
curstatus: 0 |
|||
}, |
|||
DAK_DIV_TOP_005: { |
|||
show: false, |
|||
curValue: '', |
|||
unit: '', |
|||
curstatus: 0 |
|||
}, |
|||
DAK_DIV_TOP_006: { |
|||
show: false, |
|||
curValue: '', |
|||
unit: '', |
|||
curstatus: 0 |
|||
} |
|||
} |
|||
var waterLeakage = { |
|||
waterLeakageStatus1: false, |
|||
waterLeakageStatus2: false, |
|||
waterLeakageStatus3: false, |
|||
waterLeakageStatus4: false, |
|||
waterLeakageText4: '' |
|||
} |
|||
|
|||
FetchInitDisplayconfig() |
|||
function FetchInitDisplayconfig() { |
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/displayconfig/list', |
|||
type: 'GET', |
|||
data: { |
|||
storeroomId: 'D6490DA3D4261E8C26D0E3' |
|||
}, |
|||
success: function (res) { |
|||
if (res.code === 200) { |
|||
allDisplayConfigData = res.data |
|||
allDisplayConfigData.forEach(item => { |
|||
if (item.isDisplay && item.bindState && item.deviceInfo && (item.divPosition.includes('OAO') || item.divPosition.includes('TOP') || item.divPosition.includes('LS'))) { |
|||
allDeviceIds.push(item.deviceInfo.deviceId) |
|||
if (!url) { |
|||
url = 'http://' + item.deviceInfo.deviceIp + ':' + item.deviceInfo.devicePort |
|||
} |
|||
} |
|||
}) |
|||
displayConfigData = allDisplayConfigData.filter((item) => { return item.isDisplay && item.bindState && item.deviceInfo && (item.divPosition.includes('OAO') || item.divPosition.includes('TOP') || item.divPosition.includes('LS')) }) |
|||
getRealTimeData() |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function getRealTimeData() { |
|||
if (allDeviceIds.length > 0) { |
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/thirdapi/getrealtimedata', |
|||
type: 'POST', |
|||
traditional: true, |
|||
data: JSON.stringify({ |
|||
"ids": allDeviceIds, |
|||
"url": url |
|||
}), |
|||
dataType: 'json', |
|||
contentType: 'application/json', |
|||
success: function (res) { |
|||
if (res.code === 200) { |
|||
displayConfigData.forEach(element => { |
|||
if (element.divPosition.includes('TOP') && element.deviceSpecParams[0]) { |
|||
// 获取页面div显示的数据
|
|||
var result = res.data.find((item) => { |
|||
return item.property_id === element.deviceSpecParams[0].paramId && item.device_id === element.deviceInfo.deviceId |
|||
}) |
|||
if (result) { |
|||
topDisplayData[element.divPosition] = { |
|||
show: true, |
|||
curValue: result.curvalue, |
|||
unit: result.unit, |
|||
curstatus: result.curstatus |
|||
}; |
|||
|
|||
var str = '<li class="top003">' |
|||
+'<i class="env-svg-item env-svg1"></i>' |
|||
+' <div class="msg-txt">' |
|||
+'<span class="msg-list-num">'+topDisplayData.DAK_DIV_TOP_003.curValue+'</span>' |
|||
+'<p class="msg-list-unit">CO2 '+topDisplayData.DAK_DIV_TOP_003.unit +'</p>' |
|||
+'</div>' |
|||
+'</li>' |
|||
+'<li class="top004">' |
|||
+'<i class="env-svg-item env-svg2"></i>' |
|||
+'<div class="msg-txt">' |
|||
+'<span class="msg-list-num">'+topDisplayData.DAK_DIV_TOP_004.curValue+'</span>' |
|||
+'<p class="msg-list-unit">VOC '+topDisplayData.DAK_DIV_TOP_004.unit+'</p>' |
|||
+'</div>' |
|||
+'</li>' |
|||
+'<li class="msg-pm top005">' |
|||
+' <i class="env-svg-item env-svg3"></i>' |
|||
+'<div class="msg-txt">' |
|||
+'<span class="msg-list-num">'+topDisplayData.DAK_DIV_TOP_005.curValue+'</span>' |
|||
+'<p class="msg-list-unit">PM2.5 '+topDisplayData.DAK_DIV_TOP_005.unit+'</p>' |
|||
+'</div>' |
|||
+' </li>' |
|||
+'<li class="msg-pm top006">' |
|||
+'<i class="env-svg-item env-svg4"></i>' |
|||
+' <div class="msg-txt">' |
|||
+'<span class="msg-list-num">'+topDisplayData.DAK_DIV_TOP_006.curValue+'</span>' |
|||
+'<p class="msg-list-unit">PM10 '+topDisplayData.DAK_DIV_TOP_006.unit+'</p>' |
|||
+'</div>' |
|||
+'</li>' |
|||
$('.left-top-env').html(str) |
|||
if(topDisplayData.DAK_DIV_TOP_003.curstatus > 0){ |
|||
$('.top003').addClass('li-warn'); |
|||
} |
|||
if(topDisplayData.DAK_DIV_TOP_004.curstatus > 0){ |
|||
$('.top004').addClass('li-warn'); |
|||
} |
|||
if(topDisplayData.DAK_DIV_TOP_005.curstatus > 0){ |
|||
$('.top005').addClass('li-warn'); |
|||
} |
|||
if(topDisplayData.DAK_DIV_TOP_006.curstatus > 0){ |
|||
$('.top006').addClass('li-warn'); |
|||
} |
|||
|
|||
var strMiddle = '<li class="top001">' |
|||
+'<i class="env-svg-item env-svg5"></i>' |
|||
+'<div class="msg-txt">' |
|||
+'<span class="msg-list-num">'+topDisplayData.DAK_DIV_TOP_001.curValue+'</span>' |
|||
+'<p class="msg-list-unit">温度 '+topDisplayData.DAK_DIV_TOP_001.unit+'</p>' |
|||
+'</div>' |
|||
+'</li>' |
|||
+'<li class="top002">' |
|||
+'<i class="env-svg-item env-svg6"></i>' |
|||
+'<div class="msg-txt">' |
|||
+'<span class="msg-list-num">'+topDisplayData.DAK_DIV_TOP_002.curValue+'</span>' |
|||
+'<p class="msg-list-unit">湿度 '+topDisplayData.DAK_DIV_TOP_002.unit+'</p>' |
|||
+'</div>' |
|||
+'</li>' |
|||
$('.middle-env').html(strMiddle) |
|||
if(topDisplayData.DAK_DIV_TOP_001.curstatus > 0){ |
|||
$('.top001').addClass('li-warn'); |
|||
} |
|||
if(topDisplayData.DAK_DIV_TOP_002.curstatus > 0){ |
|||
$('.top002').addClass('li-warn'); |
|||
} |
|||
} else { |
|||
this.$set(this.topDisplayData, element.divPosition, { |
|||
show: false |
|||
}) |
|||
} |
|||
} else if (element.divPosition.includes('OAO')) { |
|||
// 获取3D弹窗显示的数据
|
|||
// var wenduParamId = element.deviceSpecParams.find((item) => { return item.paramName === '温度' })?.paramId
|
|||
// var siduParamId = element.deviceSpecParams.find((item) => { return item.paramName === '湿度' })?.paramId
|
|||
// var wendu = {}
|
|||
// var sidu = {}
|
|||
// if (wenduParamId) {
|
|||
// wendu = res.data.find((item) => {
|
|||
// return item.property_id === wenduParamId && item.device_id === element.deviceInfo.deviceId
|
|||
// })
|
|||
// }
|
|||
// if (siduParamId) {
|
|||
// sidu = res.data.find((item) => {
|
|||
// return item.property_id === siduParamId && item.device_id === element.deviceInfo.deviceId
|
|||
// })
|
|||
// }
|
|||
} else { |
|||
var waterLeakageParamId1 = null; |
|||
for (var i = 0; i < element.deviceSpecParams.length; i++) { |
|||
if (element.deviceSpecParams[i].paramName === '维护报警') { |
|||
waterLeakageParamId1 = element.deviceSpecParams[i].paramId; |
|||
break; |
|||
} |
|||
} |
|||
|
|||
var waterLeakageParamId2 = null; |
|||
for (var i = 0; i < element.deviceSpecParams.length; i++) { |
|||
if (element.deviceSpecParams[i].paramName === '漏水报警') { |
|||
waterLeakageParamId2 = element.deviceSpecParams[i].paramId; |
|||
break; |
|||
} |
|||
} |
|||
|
|||
var waterLeakageParamId3 = null; |
|||
for (var i = 0; i < element.deviceSpecParams.length; i++) { |
|||
if (element.deviceSpecParams[i].paramName === '感应线断裂') { |
|||
waterLeakageParamId3 = element.deviceSpecParams[i].paramId; |
|||
break; |
|||
} |
|||
} |
|||
|
|||
var waterLeakage4; |
|||
for (var i = 0; i < element.deviceSpecParams.length; i++) { |
|||
if (element.deviceSpecParams[i].paramName === '漏水位置') { |
|||
waterLeakage4 = element.deviceSpecParams[i]; |
|||
break; |
|||
} |
|||
} |
|||
|
|||
if (waterLeakage4) { |
|||
waterLeakage.waterLeakageText4 = waterLeakage4.unit |
|||
} |
|||
|
|||
var waterLeakageParamId4; |
|||
if(waterLeakage4 !== null && typeof waterLeakage4 !== 'undefined'){ |
|||
waterLeakageParamId4 = waterLeakage4.paramId; |
|||
} |
|||
|
|||
if (waterLeakageParamId1) { |
|||
var waterLeakageStatus1 = null; |
|||
for (var i = 0; i < res.data.length; i++) { |
|||
if (res.data[i].property_id === waterLeakageParamId1 && res.data[i].device_id === element.deviceInfo.deviceId) { |
|||
waterLeakageStatus1 = res.data[i].curstatus > 0; |
|||
break; |
|||
} |
|||
} |
|||
waterLeakage.waterLeakageStatus1 = waterLeakageStatus1; |
|||
} |
|||
if (waterLeakageParamId2) { |
|||
var foundItem = res.data.find((item) => { |
|||
return item.property_id === waterLeakageParamId2 && item.device_id === element.deviceInfo.deviceId; |
|||
}); |
|||
|
|||
if (foundItem) { |
|||
var waterLeakageStatus2 = foundItem.curstatus > 0; |
|||
waterLeakage.waterLeakageStatus2 = waterLeakageStatus2; |
|||
} |
|||
|
|||
} |
|||
if (waterLeakageParamId3) { |
|||
var foundItem = res.data.find((item) => { |
|||
return item.property_id === waterLeakageParamId3 && item.device_id === element.deviceInfo.deviceId; |
|||
}); |
|||
|
|||
if (foundItem) { |
|||
var waterLeakageStatus3 = foundItem.curstatus > 0; |
|||
waterLeakage.waterLeakageStatus3 = waterLeakageStatus3; |
|||
|
|||
} |
|||
} |
|||
if (waterLeakageParamId4) { |
|||
var waterLeakageValue4 = res.data.find((item) => { |
|||
return item.property_id === waterLeakageParamId4 && item.device_id === element.deviceInfo.deviceId |
|||
}) |
|||
waterLeakage['waterLeakageStatus4'] = waterLeakageValue4 && waterLeakageValue4.curstatus > 0; |
|||
if (waterLeakageValue4 && waterLeakageValue4.curvalue) { |
|||
waterLeakage.waterLeakageText4 = waterLeakageValue4.curvalue + ' ' + waterLeakage.waterLeakageText4; |
|||
} else { |
|||
waterLeakage.waterLeakageText4 = ''; |
|||
} |
|||
} |
|||
|
|||
if(waterLeakage.waterLeakageStatus1){ |
|||
$('.leakage-item001').addClass('leakage-warn'); |
|||
} |
|||
if(waterLeakage.waterLeakageStatus2){ |
|||
$('.leakage-item002').addClass('leakage-warn'); |
|||
} |
|||
if(waterLeakage.waterLeakageStatus3){ |
|||
$('.leakage-item003').addClass('leakage-warn'); |
|||
} |
|||
if(waterLeakage.waterLeakageStatus4){ |
|||
$('.leakage-item004').addClass('leakage-warn'); |
|||
} |
|||
$('.lsLocation').html(waterLeakage.waterLeakageText4) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
|
|||
var tableData = [] |
|||
var tableData2 = [] |
|||
var displayNum; |
|||
var scrollTimer = null |
|||
|
|||
// table滚动
|
|||
function tableRefScroll () { |
|||
clearInterval(scrollTimer) // 清除定时器
|
|||
const table = document.getElementById('scrollTable') // 获取DOM元素
|
|||
const table2 = document.getElementById('scrollTable2') // 获取DOM元素
|
|||
var wrapperHeight = table.offsetHeight |
|||
var wrapperHeight2 = table2.offsetHeight |
|||
// 组件一页能完整展示的数据条数
|
|||
displayNum = Math.floor(wrapperHeight / 40) |
|||
displayNum2 = Math.floor(wrapperHeight2 / 40) |
|||
if (tableData.length > displayNum) { |
|||
const bodyWrapper = table // 获取表格中承载数据的div元素
|
|||
addTableRefScroll(bodyWrapper, table, displayNum) |
|||
// 鼠标移入
|
|||
bodyWrapper.onmouseover = () => { |
|||
clearInterval(scrollTimer) |
|||
} |
|||
// 鼠标移出
|
|||
bodyWrapper.onmouseout = () => { |
|||
addTableRefScroll(bodyWrapper, table, displayNum) |
|||
} |
|||
} else if (tableData2.length > displayNum2) { |
|||
const bodyWrapper2 = table2 // 获取表格中承载数据的div元素
|
|||
addTableRefScroll(bodyWrapper2, table2, displayNum2) |
|||
// 鼠标移入
|
|||
bodyWrapper2.onmouseover = () => { |
|||
clearInterval(scrollTimer) |
|||
} |
|||
// 鼠标移出
|
|||
bodyWrapper2.onmouseout = () => { |
|||
addTableRefScroll(bodyWrapper2, table2, displayNum2) |
|||
} |
|||
} else { |
|||
scrollTimer = setInterval(() => { |
|||
FetchInitSecurityDoorLog() |
|||
FetchAlarmInfo() |
|||
}, 1000 * 3 * tableData.length) |
|||
} |
|||
} |
|||
|
|||
function addTableRefScroll (bodyWrapper, table, displayNum) { |
|||
if (displayNum && displayNum > 0) { |
|||
scrollTimer = setInterval(() => { |
|||
if (bodyWrapper.scrollTop + table.offsetHeight >= tableData.length * 40) { |
|||
bodyWrapper.scrollTop = 0 |
|||
FetchInitSecurityDoorLog() |
|||
FetchAlarmInfo() |
|||
} else { |
|||
bodyWrapper.scrollTop += displayNum * 40 |
|||
} |
|||
}, 1000 * 3 * displayNum) |
|||
} |
|||
} |
|||
|
|||
function FetchInitSecurityDoorLog () { |
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/securitydoor/initSecurityDoorLog', |
|||
type: 'GET', |
|||
data: { |
|||
page: 0, |
|||
size: 30 |
|||
}, |
|||
success: function (res) { |
|||
if (res.code === 200) { |
|||
var result = res.data.content |
|||
if (result && result.length > 0) { |
|||
tableData.splice(0, result.length, ...result) |
|||
for (var i = 0; i < result.length; i++) { |
|||
var tempHtml; |
|||
tempHtml += "<tr><td>" + parseTime(result[i].createTime) + "</td><td>" + result[i].roomName + "</td><td>" + result[i].alarmMsg + "</td></tr>"; |
|||
$("#fTbody").append(tempHtml); |
|||
} |
|||
tableRefScroll() |
|||
} |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function FetchAlarmInfo () { |
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/alarm/info', |
|||
type: 'GET', |
|||
data: { |
|||
storeroomId: null |
|||
}, |
|||
success: function (res) { |
|||
if (res.code === 200) { |
|||
var result = res.data.content |
|||
if (result && result.length > 0) { |
|||
tableData2.splice(0, result.length, ...result) |
|||
for (var i = 0; i < result.length; i++) { |
|||
var tempHtml; |
|||
tempHtml += "<tr><td>" + parseTime(result[i].createTime) + "</td><td>" + result[i].roomName + "</td><td>" + result[i].alarmMsg + "</td></tr>"; |
|||
$("#fTbody2").append(tempHtml); |
|||
} |
|||
tableRefScroll() |
|||
} |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function FetchArchivesNum () { |
|||
// 获取档案总数
|
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/archives/getArchivesNum', |
|||
type: 'GET', |
|||
data: {}, |
|||
success: function (res) { |
|||
if (res.code === 200) { |
|||
$('#archivesNum .timer').countTo({ from: 0, to: res.data }); |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function FetchFileAnjuanNum () { |
|||
// 档案类别数量统计 文件总数,案卷总数
|
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/archives/initArchivesTypeNum', |
|||
type: 'GET', |
|||
data: {}, |
|||
success: function (res) { |
|||
if (res.code === 200) { |
|||
$('#filesNum .timer').countTo({ from: 0, to: res.data.filesNum }); |
|||
$('#anjuanNum .timer').countTo({ from: 0, to: res.data.archivesNum }); |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function FetchDevice () { |
|||
var devNumAll; |
|||
var lineNum; |
|||
// 设备总数,在线设备数,离线设备数
|
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/device/list', |
|||
type: 'GET', |
|||
data: { |
|||
page: 0, |
|||
size: 10 |
|||
}, |
|||
success: function (res) { |
|||
if (res.code === 200) { |
|||
$('#deviceTotal .timer').countTo({ from: 0, to: res.data.totalElements }); |
|||
devNumAll = res.data.totalElements |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
|
|||
// 在线设备数
|
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/device/num', |
|||
type: 'GET', |
|||
data: {}, |
|||
success: function (res) { |
|||
if (res.code === 200) { |
|||
$('#lineDevNum .timer').countTo({ from: 0, to: res.data }); |
|||
lineNum = res.data |
|||
offlineDeviceNum = devNumAll - lineNum |
|||
$('#offlineDevice .timer').countTo({ from: 0, to: offlineDeviceNum }); |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function FetchThisDayYearBorrowNum () { |
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/borrow/thisDayYearBorrowNum', |
|||
type: 'GET', |
|||
data: {}, |
|||
success: function (res) { |
|||
if (res.code === 200) { |
|||
var mynroll1 = res.data.dayBorrow; |
|||
var r1 = new DigitRoll({ |
|||
container: '#tnum1', |
|||
width: 7 |
|||
}); |
|||
r1.roll(mynroll1); |
|||
|
|||
var mynroll2 = res.data.dayReturn; |
|||
var r2 = new DigitRoll({ |
|||
container: '#tnum2', |
|||
width: 7 |
|||
}); |
|||
r2.roll(mynroll2); |
|||
|
|||
var mynroll3 = res.data.monthBorrow; |
|||
var r3 = new DigitRoll({ |
|||
container: '#tnum3', |
|||
width: 7 |
|||
}); |
|||
r3.roll(mynroll3); |
|||
|
|||
var mynroll4 = res.data.monthReturn; |
|||
var r4 = new DigitRoll({ |
|||
container: '#tnum4', |
|||
width: 7 |
|||
}); |
|||
r4.roll(mynroll4); |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
4
js/jquery-1.11.1.min.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
2
js/jquery-1.8.3.min.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,130 @@ |
|||
(function (factory) { |
|||
if (typeof define === 'function' && define.amd) { |
|||
// AMD
|
|||
define(['jquery'], factory); |
|||
} else if (typeof exports === 'object') { |
|||
// CommonJS
|
|||
factory(require('jquery')); |
|||
} else { |
|||
// Browser globals
|
|||
factory(jQuery); |
|||
} |
|||
}(function ($) { |
|||
var CountTo = function (element, options) { |
|||
this.$element = $(element); |
|||
this.options = $.extend({}, CountTo.DEFAULTS, this.dataOptions(), options); |
|||
this.init(); |
|||
}; |
|||
|
|||
CountTo.DEFAULTS = { |
|||
from: 0, // the number the element should start at
|
|||
to: 0, // the number the element should end at
|
|||
speed: 1000, // how long it should take to count between the target numbers
|
|||
refreshInterval: 100, // how often the element should be updated
|
|||
decimals: 0, // the number of decimal places to show
|
|||
formatter: formatter, // handler for formatting the value before rendering
|
|||
onUpdate: null, // callback method for every time the element is updated
|
|||
onComplete: null // callback method for when the element finishes updating
|
|||
}; |
|||
|
|||
CountTo.prototype.init = function () { |
|||
this.value = this.options.from; |
|||
this.loops = Math.ceil(this.options.speed / this.options.refreshInterval); |
|||
this.loopCount = 0; |
|||
this.increment = (this.options.to - this.options.from) / this.loops; |
|||
}; |
|||
|
|||
CountTo.prototype.dataOptions = function () { |
|||
var options = { |
|||
from: this.$element.data('from'), |
|||
to: this.$element.data('to'), |
|||
speed: this.$element.data('speed'), |
|||
refreshInterval: this.$element.data('refresh-interval'), |
|||
decimals: this.$element.data('decimals') |
|||
}; |
|||
|
|||
var keys = Object.keys(options); |
|||
|
|||
for (var i in keys) { |
|||
var key = keys[i]; |
|||
|
|||
if (typeof(options[key]) === 'undefined') { |
|||
delete options[key]; |
|||
} |
|||
} |
|||
|
|||
return options; |
|||
}; |
|||
|
|||
CountTo.prototype.update = function () { |
|||
this.value += this.increment; |
|||
this.loopCount++; |
|||
|
|||
this.render(); |
|||
|
|||
if (typeof(this.options.onUpdate) == 'function') { |
|||
this.options.onUpdate.call(this.$element, this.value); |
|||
} |
|||
|
|||
if (this.loopCount >= this.loops) { |
|||
clearInterval(this.interval); |
|||
this.value = this.options.to; |
|||
|
|||
if (typeof(this.options.onComplete) == 'function') { |
|||
this.options.onComplete.call(this.$element, this.value); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
CountTo.prototype.render = function () { |
|||
var formattedValue = this.options.formatter.call(this.$element, this.value, this.options); |
|||
this.$element.text(formattedValue); |
|||
}; |
|||
|
|||
CountTo.prototype.restart = function () { |
|||
this.stop(); |
|||
this.init(); |
|||
this.start(); |
|||
}; |
|||
|
|||
CountTo.prototype.start = function () { |
|||
this.stop(); |
|||
this.render(); |
|||
this.interval = setInterval(this.update.bind(this), this.options.refreshInterval); |
|||
}; |
|||
|
|||
CountTo.prototype.stop = function () { |
|||
if (this.interval) { |
|||
clearInterval(this.interval); |
|||
} |
|||
}; |
|||
|
|||
CountTo.prototype.toggle = function () { |
|||
if (this.interval) { |
|||
this.stop(); |
|||
} else { |
|||
this.start(); |
|||
} |
|||
}; |
|||
|
|||
function formatter(value, options) { |
|||
return value.toFixed(options.decimals); |
|||
} |
|||
|
|||
$.fn.countTo = function (option) { |
|||
return this.each(function () { |
|||
var $this = $(this); |
|||
var data = $this.data('countTo'); |
|||
var init = !data || typeof(option) === 'object'; |
|||
var options = typeof(option) === 'object' ? option : {}; |
|||
var method = typeof(option) === 'string' ? option : 'start'; |
|||
|
|||
if (init) { |
|||
if (data) data.stop(); |
|||
$this.data('countTo', data = new CountTo(this, options)); |
|||
} |
|||
|
|||
data[method].call(data); |
|||
}); |
|||
}; |
|||
})); |
|||
4
js/jquery.min.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,164 @@ |
|||
// var ajaxUrl = 'http://192.168.99.107:7070'
|
|||
var ajaxUrl = 'http://192.168.1.100:7070' |
|||
|
|||
var chartDom = document.getElementById('chart1'); |
|||
var myChart = echarts.init(chartDom); |
|||
var option; |
|||
var lendData = [] |
|||
|
|||
var echartsTimer = null |
|||
// 每隔一分钟刷新档案借阅和档案类型的数据
|
|||
echartsTimer = setInterval(() => { |
|||
lendData = [] |
|||
option.series[0].data = lendData |
|||
FetchInitBorrowerNumStatistics() |
|||
myChart.setOption(option) |
|||
}, 60000) |
|||
|
|||
option = { |
|||
tooltip: { |
|||
trigger: 'item' |
|||
}, |
|||
grid: { // 边距
|
|||
left: '10%', |
|||
right: '16%', |
|||
bottom: '3%', |
|||
top: '3%', |
|||
containLabel: true |
|||
}, |
|||
xAxis: { |
|||
type: 'value', |
|||
boundaryGap: [0, 0.01], |
|||
show: false |
|||
}, |
|||
yAxis: { |
|||
type: 'category', |
|||
offset: 20, |
|||
axisLabel: {// 轴文字的配置
|
|||
show: true, |
|||
textStyle: { |
|||
color: '#fff', |
|||
fontSize: '14' |
|||
} |
|||
}, |
|||
axisLine: {// 轴线的颜色以及宽度
|
|||
show: false |
|||
}, |
|||
axisTick: { |
|||
show: false |
|||
}, |
|||
data: ['异常档案', '逾期档案', '待借档案', '已借档案', '在库档案'] |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '数量', |
|||
type: 'bar', |
|||
barWidth: 15, // 柱图宽度
|
|||
barGap: 25, |
|||
showBackground: true, |
|||
backgroundStyle: { |
|||
color: '#02255F', |
|||
barBorderRadius: [0, 10, 10, 0] // 背景圆角
|
|||
}, |
|||
itemStyle: { |
|||
normal: { |
|||
label: { |
|||
show: true, // 开启显示
|
|||
distance: 20, // 条柱之间的距离
|
|||
position: 'right', // 在上方top在右侧right显示
|
|||
textStyle: { // 数值样式
|
|||
color: '#fff', |
|||
fontSize: 14 |
|||
} |
|||
}, |
|||
// 设置柱子圆角
|
|||
barBorderRadius: [0, 10, 10, 0], |
|||
color: function (params) { |
|||
var colorList = [ |
|||
['#FF77AA', '#E6236D'], |
|||
['#FF7A7D', '#FF3438'], |
|||
['#FBCE9B', '#FF801E'], |
|||
['#84DFC0', '#0D9D81'], |
|||
['#5FA2E2', '#1C54EE'] |
|||
] |
|||
var colorItem = colorList[params.dataIndex] |
|||
return new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ |
|||
offset: 0, |
|||
color: colorItem[0] |
|||
}, |
|||
{ |
|||
offset: 1, |
|||
color: colorItem[1] |
|||
} |
|||
], false) |
|||
} |
|||
} |
|||
}, |
|||
data: [] |
|||
} |
|||
] |
|||
}; |
|||
|
|||
FetchInitBorrowerNumStatistics() |
|||
function FetchInitBorrowerNumStatistics(){ |
|||
$.ajax({ |
|||
url: ajaxUrl+'/api/borrow/initBorrowerNumStatistics', |
|||
type: 'GET', |
|||
data: {}, |
|||
success: function (res) { |
|||
if (res.data && res.data.length !== 0) { |
|||
delete res.data.total |
|||
// 固定排序 '在库档案', '已借档案', '待借档案', '逾期档案', '异常档案'
|
|||
const borrowerArr = [] |
|||
for (const i in res.data) { |
|||
const obj = {} |
|||
obj.name = i |
|||
obj.value = res.data[i] |
|||
if (i === 'inStorage') { |
|||
obj.sequence = 1 |
|||
} else if (i === 'borrow') { |
|||
obj.sequence = 2 |
|||
} else if (i === 'waitBorrow') { |
|||
obj.sequence = 3 |
|||
} else if (i === 'overdue') { |
|||
obj.sequence = 4 |
|||
} else if (i === 'abnormal') { |
|||
obj.sequence = 5 |
|||
} |
|||
borrowerArr.push(obj) |
|||
} |
|||
arrSortByKey(borrowerArr, 'sequence', false) |
|||
borrowerArr.forEach(item => { |
|||
lendData.push(item.value) |
|||
}) |
|||
option.series[0].data = lendData |
|||
myChart.setOption(option) |
|||
} else { |
|||
var str = '<div class="empty-main">' |
|||
+'<i class="empty-img"></i>' |
|||
+'<p>暂无数据</p>' |
|||
+'</div>' |
|||
$("#chart1").html(str) |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
if (option && typeof option === "object") { |
|||
myChart.setOption(option, true); |
|||
}; |
|||
|
|||
function arrSortByKey (array, property, order) { |
|||
return array.sort(function (a, b) { |
|||
const value1 = a[property] |
|||
const value2 = b[property] |
|||
if (order) { // 升序
|
|||
return value1 - value2 |
|||
} else { // 降序
|
|||
return value2 - value1 |
|||
} |
|||
}) |
|||
} |
|||
@ -0,0 +1,62 @@ |
|||
function DigitRoll(opts) { |
|||
this.container=document.querySelector(opts.container); |
|||
this.width=opts.width || 1; |
|||
if (!this.container) { |
|||
throw Error('no container'); |
|||
} |
|||
this.container.style.overflow='hidden'; |
|||
this.rollHeight=parseInt(getComputedStyle(this.container).height); |
|||
|
|||
if (this.rollHeight<1) { |
|||
this.container.style.height='36px'; |
|||
this.rollHeight=32; |
|||
} |
|||
this.setWidth(); |
|||
} |
|||
DigitRoll.prototype = { |
|||
roll: function (n) { |
|||
var self=this; |
|||
this.number=parseInt(n)+''; |
|||
if (this.number.length<this.width) { |
|||
this.number=new Array(this.width - this.number.length + 1).join('0') + this.number; |
|||
} else if (this.number.length>this.width) { |
|||
this.width=this.number.length; |
|||
this.setWidth(); |
|||
} |
|||
Array.prototype.forEach.call(this.container.querySelectorAll('.num'), function (item,i) { |
|||
var currentNum=parseInt(item.querySelector('div:last-child').innerHTML); |
|||
var goalNum=parseInt(self.number[i]); |
|||
var gapNum=0; |
|||
var gapStr=''; |
|||
if (currentNum==goalNum) { |
|||
return ; |
|||
}else if(currentNum<goalNum) { |
|||
gapNum=goalNum-currentNum; |
|||
for (var j=currentNum; j<goalNum+1; j++) { |
|||
gapStr+='<div>'+j+'</div>' |
|||
} |
|||
} else { |
|||
gapNum=10-currentNum+goalNum; |
|||
for (var j=currentNum; j<10; j++) { |
|||
gapStr+='<div>'+j+'</div>' |
|||
} |
|||
for (var j=0; j<goalNum+1; j++) { |
|||
gapStr+='<div>'+j+'</div>' |
|||
} |
|||
} |
|||
item.style.cssText += '-webkit-transition-duration:0s;-webkit-transform:translateY(0)'; |
|||
item.innerHTML = gapStr; |
|||
setTimeout(function () { |
|||
item.style.cssText+='-webkit-transition-duration:1s;-webkit-transform:translateY(-'+(self.rollHeight+2)*gapNum+'px)'; |
|||
},50) |
|||
}) |
|||
}, |
|||
setWidth:function (n) { |
|||
n=n||this.width; |
|||
var str=''; |
|||
for (var i=0; i<n; i++) { |
|||
str+='<div class="num" style="float:left; margin-right:2px; line-height:'+this.rollHeight+'px"><div>0</div></div>'; |
|||
} |
|||
this.container.innerHTML=str; |
|||
} |
|||
} |
|||
@ -0,0 +1,100 @@ |
|||
// var ajaxUrl = 'http://192.168.99.107:7070'
|
|||
var ajaxUrl = 'http://192.168.1.100:7070' |
|||
|
|||
var chartDom2 = document.getElementById('chart2'); |
|||
var myChart2 = echarts.init(chartDom2); |
|||
var option2; |
|||
var typeData = [] |
|||
|
|||
var echartsTimer = null |
|||
// 每隔一分钟刷新档案借阅和档案类型的数据
|
|||
echartsTimer = setInterval(() => { |
|||
typeData = [] |
|||
option2.series[0].data = typeData |
|||
FetchInitArchivesTypeStatistics() |
|||
myChart2.setOption(option2) |
|||
}, 60000) |
|||
|
|||
|
|||
option2 = { |
|||
tooltip: { |
|||
// trigger: 'item',
|
|||
// formatter: '{a} <br/>{b} : {c} ({d}%)'
|
|||
}, |
|||
legend: { |
|||
bottom: 20, |
|||
left: 'center', |
|||
icon: 'rect', |
|||
itemHeight: 14, |
|||
itemWidth: 14, |
|||
textStyle: { |
|||
color: '#fff' |
|||
} |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '档案类型', |
|||
type: 'pie', |
|||
radius: ['20%', '60%'], |
|||
center: ['50%', '35%'], // 饼图位置
|
|||
roseType: 'area', |
|||
avoidLabelOverlap: true, |
|||
labelLine: { |
|||
normal: { |
|||
length: 2, // 第一段表示线
|
|||
length2: 60 // 第二段标示线
|
|||
} |
|||
}, |
|||
itemStyle: { |
|||
normal: { |
|||
label: { |
|||
show: true, |
|||
color: '#fff', |
|||
formatter: '{d}%' // 指示线显示百分比
|
|||
} |
|||
} |
|||
}, |
|||
emphasis: { |
|||
label: { |
|||
show: false |
|||
} |
|||
}, |
|||
data: [] |
|||
} |
|||
] |
|||
}; |
|||
option2 && myChart2.setOption(option2); |
|||
|
|||
FetchInitArchivesTypeStatistics() |
|||
function FetchInitArchivesTypeStatistics(){ |
|||
$.ajax({ |
|||
url: ajaxUrl + '/api/archives/initArchivesTypeStatistics', |
|||
type: 'GET', |
|||
data: {}, |
|||
success: function (res) { |
|||
if (res.data && res.data.length !== 0) { |
|||
res.data.map(item => { |
|||
const obj = {} |
|||
obj.name = item.archivesType |
|||
obj.value = item.archivesNum |
|||
typeData.push(obj) |
|||
}) |
|||
option2.series[0].data = typeData |
|||
myChart2.setOption(option2) |
|||
} else { |
|||
var str = '<div class="empty-main">' |
|||
+'<i class="empty-img"></i>' |
|||
+'<p>暂无数据</p>' |
|||
+'</div>' |
|||
$("#chart2").html(str) |
|||
} |
|||
}, |
|||
error: function (err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
if (option2 && typeof option2 === "object") { |
|||
myChart2.setOption(option2, true); |
|||
}; |
|||
@ -0,0 +1,50 @@ |
|||
function getCurrentTime() { |
|||
const yy = new Date().getFullYear() |
|||
const mm = new Date().getMonth() + 1 |
|||
const dd = new Date().getDate() |
|||
const hh = new Date().getHours() |
|||
const mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes() |
|||
const ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds() |
|||
const time = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss |
|||
return time |
|||
} |
|||
|
|||
function parseTime(time, cFormat) { |
|||
if (arguments.length === 0) { |
|||
return null |
|||
} |
|||
var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}' |
|||
var date |
|||
if (typeof time === 'undefined' || time === null || time === 'null') { |
|||
return '' |
|||
} else if (typeof time === 'object') { |
|||
date = time |
|||
} else { |
|||
if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) { |
|||
time = parseInt(time) |
|||
} |
|||
if ((typeof time === 'number') && (time.toString().length === 10)) { |
|||
time = time * 1000 |
|||
} |
|||
date = new Date(time) |
|||
} |
|||
const formatObj = { |
|||
y: date.getFullYear(), |
|||
m: date.getMonth() + 1, |
|||
d: date.getDate(), |
|||
h: date.getHours(), |
|||
i: date.getMinutes(), |
|||
s: date.getSeconds(), |
|||
a: date.getDay() |
|||
} |
|||
const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { |
|||
var value = formatObj[key] |
|||
// Note: getDay() returns 0 on Sunday
|
|||
if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] } |
|||
if (result.length > 0 && value < 10) { |
|||
value = '0' + value |
|||
} |
|||
return value || 0 |
|||
}) |
|||
return time_str |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue