xiaoguangbin/AnalysisSystemForRadionuclide_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

instances 页面 最右边的统计模块一分为二改为Used capacity（已使用容量）和an unread mail（未读邮件数量）

Browse Source
This commit is contained in:
任珮宇 2023-11-27 14:34:13 +08:00
parent fc2328162b
commit 71353914bc
1 changed files with 48 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/views/abnormalAlarm/emailMonitor/instances/index.vue
View File

@ -86,20 +86,24 @@
<div class="email-top-content-li email-top-content-item4"> <div class="email-top-content-li email-top-content-item4">
<div class="email-top-content-item4-left"> <div class="email-top-content-item4-left">
<div class="email-top-content-item4-left-info"> <div class="email-top-content-item4-left-info">
<div class="email-top-content-item4-left-info-title">Store capacity</div> <div class="email-top-content-item4-left-info-title">Used Capacity</div>
<div class="email-top-content-item4-left-info-val"> <div class="email-top-content-item4-left-info-val">
<h3> <h3>
total：<span>{{ emailSpace.total || 0 }}</span> <span>{{ emailSpace.total || 0 }}</span>
</h3>
<h3>
residue：<span>{{ emailSpace.residue || 0 }}</span>
</h3> </h3>
</div> </div>
</div> </div>
<img src="@/assets/images/abnormalAlarm/email-split.png" alt="" /> <img src="@/assets/images/abnormalAlarm/email-split.png" alt="" />
</div> </div>
<div class="email-top-content-item4-right"> <div class="email-top-content-item4-right">
<div class="email-top-content-item4-right-chart" id="store"></div> <div class="email-top-content-item4-right-info">
<div class="email-top-content-item4-right-info-title">An Unread Mail</div>
<div class="email-top-content-item4-right-info-val">
<h3>
<span>{{ emailSpace.AnUnreadMail || 0 }}</span>
</h3>
</div>
</div>
</div> </div>
<div class="email-top-content-li-rect" style="background: #e54f0d"></div> <div class="email-top-content-li-rect" style="background: #e54f0d"></div>
</div> </div>
@ -768,12 +772,12 @@ export default {
width: 380px; width: 380px;
border-left: 3px solid rgba(229, 79, 13, 0.8); border-left: 3px solid rgba(229, 79, 13, 0.8);
&-left { &-left {
width: 172px; width: 50%;
height: 100%; height: 100%;
padding: 12px 15px; padding: 12px 5px 12px 12px;
float: left; float: left;
&-info { &-info {
width: 140px; width: 170px;
height: 100%; height: 100%;
float: left; float: left;
&-title { &-title {
@ -782,17 +786,20 @@ export default {
font-weight: normal; font-weight: normal;
line-height: 18px; line-height: 18px;
color: #4fd3c8; color: #4fd3c8;
margin-top: 10px; margin-top: 13px;
text-align: center;
} }
&-val { &-val {
font-family: ArialMT; font-family: ArialMT;
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
line-height: 24px; line-height: 24px;
margin-top: 20px; margin-top: 36px;
h3 { h3 {
color: #ade6ee; color: #ade6ee;
margin: 0; margin: 0;
font-size: 30px;
text-align: center;
span { span {
font-family: MicrogrammaD-MediExte; font-family: MicrogrammaD-MediExte;
} }
@ -801,13 +808,39 @@ export default {
} }
} }
&-right { &-right {
width: 205px; width: 50%;
height: 100%; height: 100%;
padding: 0 15px 0 0; padding: 12px 5px 12px 12px;
float: left; float: left;
&-chart { &-info {
width: 100%; width: 170px;
height: 100%; height: 100%;
float: left;
&-title {
font-family: ArialMT;
font-size: 16px;
font-weight: normal;
line-height: 18px;
color: #4fd3c8;
margin-top: 13px;
text-align: center;
}
&-val {
font-family: ArialMT;
font-size: 14px;
font-weight: normal;
line-height: 24px;
margin-top: 36px;
h3 {
color: #ade6ee;
margin: 0;
font-size: 30px;
text-align: center;
span {
font-family: MicrogrammaD-MediExte;
}
}
}
} }
} }
} }