This commit is contained in:
夏菊 2025-04-19 10:06:38 +08:00
parent a71c6597e1
commit 712d027ae3
1 changed files with 36 additions and 71 deletions

View File

@ -57,8 +57,7 @@
</div>
</div>
<!-- 预警警报 -->
<div id="Early" class="block" style=" height: 2.1rem;
margin-top: 0.25rem;">
<div id="Early" class="block" style="height: 2.1rem;margin-top: 0.25rem;">
<div class="block-tit"><span>预警警报</span></div>
<div class="block-main">
<div class="early-box">
@ -81,8 +80,7 @@
</div>
</div>
<!-- 安全/质量问题 -->
<div id="check" class="block" style=" height: 2.1rem;
margin-top: 0.25rem;">
<div id="check" class="block" style="height: 2.1rem;margin-top: 0.25rem;">
<div class="block-tit">
<div :class="[checkIdx == 0?'selected':'']" @click="onChangeCheck(0)"><span>安全检查</span></div>
<div :class="[checkIdx == 1?'selected':'']" @click="onChangeCheck(1)"><span>质量检查</span></div>
@ -125,8 +123,7 @@
</div>
</div>
<!-- 风险分级管控 -->
<div id="risk" class="block" style=" height: 1.725rem;
margin-top: 0.25rem;">
<div id="risk" class="block" style="height: 1.725rem;margin-top: 0.25rem;">
<div class="block-tit"><span>风险分级管控</span></div>
<div class="block-main">
<div class="box">
@ -160,14 +157,12 @@
</div>
</div>
<!-- 费用、机具及会议 -->
<div id="tools" class="block" style=" height: 2.15rem;
margin-top: 0.25rem;">
<div id="tools" class="block" style="height: 2.15rem;margin-top: 0.25rem;">
<div class="block-tit"><span>费用、机具及会议</span></div>
<div class="block-main">
<div class="t-box">
<div class="t-box-tit">
<i class="iconfont icon-l10" style=" color: #FFBF46;
font-size: 20px;"></i>
<i class="iconfont icon-l10" style="color: #FFBF46;font-size: 20px;"></i>
<p>安全费用</p>
</div>
<div class="r-row">
@ -181,8 +176,7 @@
</div>
<div class="t-box">
<div class="t-box-tit">
<i class="iconfont icon-l10" style=" color: #00DEFF;
font-size: 20px;"></i>
<i class="iconfont icon-l10" style="color: #00DEFF;font-size: 20px;"></i>
<p>施工机具设备</p>
</div>
<div class="r-row">
@ -196,8 +190,7 @@
</div>
<div class="t-box">
<div class="t-box-tit">
<i class="iconfont icon-l10" style=" color: #00DEFF;
font-size: 20px;"></i>
<i class="iconfont icon-l10" style="color: #00DEFF;font-size: 20px;"></i>
<p>会议</p>
</div>
<div class="r-row">
@ -243,10 +236,8 @@
<!-- 项目进度计划 -->
<div id="xmjd" class="block4" style="height: 1.8875rem;">
<div class="block4-tit"><span>项目进度计划</span></div>
<div class="block4-main" style=" width: 10rem;
">
<div style=" overflow-x: scroll;
height: 100%;">
<div class="block4-main" style="width: 10rem;">
<div style="overflow-x: scroll; height: 100%;">
<div class="xm-plan">
<div v-for="(item,idx) in form.xmjdData" ::key="idx" :class="['z-plan-item', item.isClosed?'closed':'undone']">
<div class="z-line" >
@ -303,11 +294,7 @@
</div>
</div>
<!-- 应急管理数据 / 工程划分 -->
<div class="layout"
style=" height: 1.85rem;
display: grid;
grid-template-columns: 5.5rem 4.25rem;
gap: 0.25rem;">
<div class="layout" style="height: 1.85rem;display: grid;grid-template-columns: 5.5rem 4.25rem;gap: 0.25rem;">
<div id="yjgl" class="block5" style="height: 100%;">
<div class="block5-tit"><span>应急管理数据</span></div>
<div class="block5-main">
@ -371,10 +358,7 @@
</div>
<div class="side">
<!-- 特种设备质保体系 / 图纸会审/设计交底 -->
<div class="layout" style=" height: 1.7rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.25rem;">
<div class="layout" style="height: 1.7rem;display: grid;grid-template-columns: 1fr 1fr;gap: 0.25rem;">
<div class="block1" id="tzsb">
<div class="block-tit1"><span>特种设备质保体系</span></div>
<div class="block1-main">
@ -401,8 +385,7 @@
</div>
</div>
<!-- 培训教育 -->
<div id="educat" class="block" style=" height: 2.2rem;
margin-top: 0.25rem;">
<div id="educat" class="block" style="height: 2.2rem;margin-top: 0.25rem;">
<div class="block-tit">
<div :class="[educationIdx == 0?'selected':'']" @click="onChangeEducation(0)"><span>安全教育</span>
</div>
@ -466,8 +449,7 @@
</div>
</div>
<!-- 报验记录 -->
<div id="byjl" class="block" style=" height: 2.5375rem;
margin-top: 0.25rem;">
<div id="byjl" class="block" style="height: 2.5375rem;margin-top: 0.25rem;">
<div class="block-tit"><span>报验记录</span></div>
<div class="block-main">
<div class="byjl">
@ -478,10 +460,7 @@
<div class="row">
<h6>合格率</h6>
<div class="bar">
<div :style="
{
width: form.inspectionRecord.equipmentRate+'%'
}" class="bar-inner"></div>
<div :style="{width: form.inspectionRecord.equipmentRate+'%'}" class="bar-inner"></div>
</div>
</div>
</div>
@ -492,10 +471,7 @@
<div class="row">
<h6>合格率</h6>
<div class="bar">
<div :style="
{
width: form.inspectionRecord.machineRate+'%'
}" class="bar-inner"></div>
<div :style="{width: form.inspectionRecord.machineRate+'%'}" class="bar-inner"></div>
</div>
</div>
</div>
@ -506,24 +482,15 @@
<div class="row">
<h6>合格率</h6>
<div class="bar">
<div :style="
{
width: form.inspectionRecord.personRate+'%'
}" class="bar-inner"></div>
<div :style="{width: form.inspectionRecord.personRate+'%'}" class="bar-inner"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 施工方案 / 高风险作业许可 -->
<div class="layout"
style=" height: 2.1875rem;
margin-top: 0.25rem;
display: grid;
grid-template-columns: 3.75rem 2.25rem;
gap: 0.25rem;">
<div class="layout" style="height: 2.1875rem;margin-top: 0.25rem;display: grid;grid-template-columns: 3.75rem 2.25rem;gap: 0.25rem;">
<div class="block2" id="sgfa">
<div class="block2-tit"><span>施工方案</span></div>
<div class="block2-main">
@ -565,8 +532,7 @@
</div>
</div>
<!-- 计量器具数据 -->
<div id="jlqj" class="block" style=" height: 1.975rem;
margin-top: 0.25rem;">
<div id="jlqj" class="block" style="height: 1.975rem;margin-top: 0.25rem;">
<div class="block-tit"><span>计量器具数据</span></div>
<div class="block-main">
<div class="jlqj">
@ -592,7 +558,6 @@
</div>
</div>
</body>
</html>
<script src="../res/lib/vue.min.js"></script>
<script src="../res/lib/echarts.min.js"></script>