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

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