驾驶舱的计算方式后加气泡,鼠标放上去后显示相应的文字描述规则

pull/11/head
limingyu 2024-03-30 16:49:41 +08:00
parent 2cd151e0f8
commit cd3437b03c
1 changed files with 80 additions and 44 deletions

View File

@ -403,31 +403,37 @@
本日应检查
</div>
</div>
<div class="task-text">
<div class="title">
待检查
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
</div>
<div class="color-blue f22">
{{listCountDay.denominator-listCountDay.molecule}}
</div>
</div>
<div class="color-blue f22">
{{listCountDay.denominator-listCountDay.molecule}}
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
</div>
<div class="color-blue f22">
{{listCountDay.molecule}}
</div>
</div>
</div>
<div class="task-text">
<div class="title">
已检查
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本日完成率
</div>
<div class="color-org">
<span class="f22">{{listCountDay.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
<div class="color-blue f22">
{{listCountDay.molecule}}
</div>
</div>
<div class="task-text">
<div class="title">
本日完成率
</div>
<div class="color-org">
<span class="f22">{{listCountDay.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
@ -438,31 +444,37 @@
本周应检查
</div>
</div>
<div class="task-text">
<div class="title">
待检查
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
</div>
<div class="color-blue f22">
{{listCountWeek.denominator-listCountWeek.molecule}}
</div>
</div>
<div class="color-blue f22">
{{listCountWeek.denominator-listCountWeek.molecule}}
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
</div>
<div class="color-blue f22">
{{listCountWeek.molecule}}
</div>
</div>
</div>
<div class="task-text">
<div class="title">
已检查
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本周完成率
</div>
<div class="color-org">
<span class="f22">{{listCountWeek.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
<div class="color-blue f22">
{{listCountWeek.molecule}}
</div>
</div>
<div class="task-text">
<div class="title">
本周完成率
</div>
<div class="color-org">
<span class="f22">{{listCountWeek.percentage}}</span>
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
@ -473,6 +485,7 @@
本旬应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
@ -481,6 +494,8 @@
{{listCountXun.denominator-listCountXun.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
@ -489,6 +504,8 @@
{{listCountXun.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本旬完成率
@ -498,6 +515,7 @@
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
</div>
<div class="swiper-slide">
@ -510,6 +528,7 @@
本月应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
@ -518,6 +537,8 @@
{{listCountMonth.denominator-listCountMonth.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
@ -526,6 +547,8 @@
{{listCountMonth.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本月完成率
@ -535,6 +558,7 @@
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
@ -545,6 +569,7 @@
本季应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
@ -553,6 +578,8 @@
{{listCountQuarter.denominator-listCountQuarter.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已处理
@ -561,6 +588,8 @@
{{listCountQuarter.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本季完成率
@ -570,6 +599,7 @@
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
<div class="task-item">
<div class="task-textsp">
@ -580,6 +610,7 @@
本年应检查
</div>
</div>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单待检查数量" placement="top">
<div class="task-text">
<div class="title">
待检查
@ -588,6 +619,8 @@
{{listCountYear.denominator-listCountYear.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量" placement="top">
<div class="task-text">
<div class="title">
已检查
@ -596,6 +629,8 @@
{{listCountYear.molecule}}
</div>
</div>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="本周期隐患排查清单已检查数量/(本周期隐患排查清单待检查数量+本周期隐患排查清单已检查数量)" placement="top">
<div class="task-text">
<div class="title">
本年完成率
@ -605,6 +640,7 @@
<span class="f14">%</span>
</div>
</div>
</el-tooltip>
</div>
</div>
</div>