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