odjbin/tunnel-cloud-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : 新增echarts全屏模式及设备新增最大/小范围框

Browse Source
This commit is contained in:
odjbin
2024-03-11 23:47:49 +08:00
parent 8b073bc98f
commit ab678cb27f
8 changed files with 314 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/fanInfo/shrink.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

163
src/assets/styles/index.scss
View File

@@ -18,13 +18,15 @@
body {
background-color: #f5f5f5;
}
.allLoading.el-loading-mask.is-fullscreen{
.el-loading-spinner{
.circular{
.allLoading.el-loading-mask.is-fullscreen {
.el-loading-spinner {
.circular {
width: 75px;
height: 75px;
}
.el-loading-text{
.el-loading-text {
font-size: 26px;
letter-spacing: 2px;
}
@@ -312,6 +314,145 @@ body,
}
}
.full-screen-dialog {
width: 2175px !important;
//width: 100% !important;
//height: 100% !important;
height: 1300px !important;
margin: 520px auto 0 auto !important;
background: rgba(6, 34, 71, 0.8) !important;
}
.alarm-tunnel{
.el-tag {
font-size: 36px;
height: 60px;
padding: 0 20px;
border-radius: 10px;
}
.detail {
font-size: 50px;
color: #FFFFFF;
> div {
color: #f5f5f5;
margin-bottom: 10px;
}
}
.el-dialog {
position: relative;
display: flex;
flex-direction: column;
height: 1400px;
border: 2px solid #0f82af;
background: rgba(6, 34, 71, 0.8);
border-radius: 20px;
padding: 47px 30px;
box-sizing: border-box;
margin: 520px auto 0 auto;
.el-dialog__header {
padding: 0 0 28px 0;
//display: none;
.el-dialog__title {
font-size: 50px;
font-weight: bold;
color: #d6f1fa;
}
.el-dialog__headerbtn {
right: 22px;
.el-dialog__close {
color: #05feff;
font-size: 73px;
}
}
}
.el-dialog__body {
padding: 0;
}
}
.left-top-icon {
position: absolute;
top: -3px;
left: -3px;
width: 41px;
height: 41px;
background-image: url(@/assets/images/badGasInfo/sp_jz.png);
}
.right-top-icon {
position: absolute;
top: -3px;
right: -3px;
width: 41px;
height: 41px;
background-image: url(@/assets/images/badGasInfo/sp_jz.png);
transform: rotate(90deg);
}
.time-select {
position: absolute;
top: 47px;
right: 119px;
display: flex;
.choose-day {
margin-right: 40px;
.el-date-editor {
width: 370px;
height: 92px;
}
.el-input__wrapper {
height: 92px;
background-color: transparent;
border-radius: 10px;
border: 2px solid #0F82AF;
box-shadow: none;
//padding: 18px 24px;
.el-input__prefix, .el-input__suffix {
.el-icon {
font-size: 40px;
color: #FFFFFF;
}
}
.el-input__inner {
height: 80px;
font-size: 40px;
color: #FFFFFF;
}
}
}
}
.left-bottom-icon {
position: absolute;
bottom: -3px;
left: -3px;
width: 41px;
height: 41px;
background-image: url(@/assets/images/badGasInfo/sp_jz.png);
transform: rotate(-90deg);
}
.right-bottom-icon {
position: absolute;
bottom: -3px;
right: -3px;
width: 41px;
height: 41px;
background-image: url(@/assets/images/badGasInfo/sp_jz.png);
transform: rotate(180deg);
}
}
//弹窗样式
.digital-tunnel {
.chat-dialog {
@@ -324,7 +465,11 @@ body,
}
#containerFan {
//width: 100%;
//height: 100%;
flex: 1;
//height: calc(100vh - 100px);
//height: 100vh;
height: 1200px;
//width: 1300px;
}
@@ -364,13 +509,17 @@ body,
position: relative;
display: flex;
flex-direction: column;
height: 1300px;
width: 100%;
height: 100%;
//height: 1300px;
border: 2px solid #0f82af;
background: rgba(6, 34, 71, 0.78);
//background: rgba(6, 34, 71, 0.78);
background: rgba(6, 34, 71, 0.95);
border-radius: 20px;
padding: 47px 30px;
box-sizing: border-box;
margin: 520px auto 0 auto;
//margin: 520px auto 0 auto;
margin: 0;
.el-dialog__header {
padding: 0 0 28px 0;