xiaju
/
SGGL_JT
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
SUBQHSE/FineUIPro.Web/common/mainProject.aspx
View File

@ -22,7 +22,7 @@
<div class="container" v-cloak>
<div class="side">
<!-- 组织机构人员 -->
<div class="block" style=" height: 2.5375rem;">
<div class="block" style="height: 2.5375rem;">
<div class="block-tit"><span>组织机构人员</span></div>
<div id="org1" class="block-main">
<div class="o-box">
@ -49,7 +49,7 @@
<div class="org-row1">
<i></i>
<div class="row1-inner">
<div class="row1-tit" style=" width: auto;">安管人员与作业人员配比</div>
<div class="row1-tit" style="width: auto;">安管人员与作业人员配比</div>
<h6>{{form.org.projectPersonRatio}}</h6>
</div>
</div>
@ -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">
@ -212,9 +205,9 @@
</div>
</div>
</div>
<div class="center" style=" grid-template-rows: 1fr 1.8875rem 1.425rem 1.85rem 2.725rem;">
<div class="center" style="grid-template-rows: 1fr 1.8875rem 1.425rem 1.85rem 2.725rem;">
<div class="infoandvideo" style=" height: 2.6rem;">
<div class="infoandvideo" style="height: 2.6rem;">
<div class="info">
<img src="../res/indexv2/assets/image/index6/center-bg.jpeg" alt="">
<div class="info-box">
@ -241,12 +234,10 @@
</div>
</div>
<!-- 项目进度计划 -->
<div id="xmjd" class="block4" style=" height: 1.8875rem;">
<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" >
@ -260,7 +251,7 @@
</div>
</div>
<!-- 危大工程管控数据 -->
<div id="wd" class="block4" style=" height: 1.55rem;">
<div id="wd" class="block4" style="height: 1.55rem;">
<div class="block4-tit"><span>危大工程管控数据</span></div>
<div class="block4-main">
<div class="wd">
@ -303,12 +294,8 @@
</div>
</div>
<!-- 应急管理数据 / 工程划分 -->
<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="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">
<div class="yjgl">
@ -335,7 +322,7 @@
</div>
</div>
</div>
<div id="gchf" class="block6" style=" height: 100%;">
<div id="gchf" class="block6" style="height: 100%;">
<div class="block6-tit"><span>工程划分</span></div>
<div class="block6-main">
<div class="gchf">
@ -359,7 +346,7 @@
</div>
</div>
<!-- 质量验收数据 -->
<div id="zhl" class="block4" style=" height: 2.725rem;">
<div id="zhl" class="block4" style="height: 2.725rem;">
<div class="block4-tit"><span>质量验收数据</span></div>
<div class="block4-main">
<div class="zhl">
@ -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>
@ -414,17 +397,17 @@
<div class="educa-box">
<div class="box1">
<div class="box1-row">
<div class="educa-row-inner" style=" margin-right: 0.125rem;">
<div class="educa-row-inner" style="margin-right: 0.125rem;">
<div class="educa-lab"><span>专项培训</span></div>
<div class="educa-val" style=" text-align: right;"><span>{{form.hsseEduTrain.specialTrainNum}}</span><span>次</span>
<div class="educa-val" style="text-align: right;"><span>{{form.hsseEduTrain.specialTrainNum}}</span><span>次</span>
</div>
</div>
<i></i>
</div>
<div class="box1-row">
<div class="educa-row-inner" style=" margin-right: 0.125rem;">
<div class="educa-row-inner" style="margin-right: 0.125rem;">
<div class="educa-lab"><span>特种作业培训</span></div>
<div class="educa-val" style=" text-align: right;"><span>{{form.hsseEduTrain.specialOperationTrainNum}}</span><span>次</span>
<div class="educa-val" style="text-align: right;"><span>{{form.hsseEduTrain.specialOperationTrainNum}}</span><span>次</span>
</div>
</div>
<i></i>
@ -434,21 +417,21 @@
<h6>安全工时</h6>
<p><span>{{form.hsseEduTrain.safeWorkingHour}}</span><span>h</span></p>
</div>
<div class="box1" style=" align-items: flex-start;">
<div class="box1" style="align-items: flex-start;">
<div class="box1-row">
<i></i>
<div class="educa-row-inner" style=" margin-left: 0.125rem;">
<div class="educa-row-inner" style="margin-left: 0.125rem;">
<div class="educa-lab"><span>三级安全教育培训</span></div>
<div class="educa-val" style=" text-align: left;"><span>{{form.hsseEduTrain.safeTrainNum}}</span><span>次</span>
<div class="educa-val" style="text-align: left;"><span>{{form.hsseEduTrain.safeTrainNum}}</span><span>次</span>
</div>
</div>
</div>
<div class="box1-row">
<i></i>
<div class="educa-row-inner" style=" margin-left: 0.125rem;">
<div class="educa-row-inner" style="margin-left: 0.125rem;">
<div class="educa-lab"><span>安全技术交底</span></div>
<div class="educa-val" style=" text-align: left;"><span>{{form.designBriefing.safetyTechnicalBriefing}}</span><span>次</span>
<div class="educa-val" style="text-align: left;"><span>{{form.designBriefing.safetyTechnicalBriefing}}</span><span>次</span>
</div>
</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>