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

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

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