提交代码
姜玉琦
parent
27e88aa5f0
commit
cb9198bb95
|
|
@ -1,4 +1,4 @@
|
||||||
<<template>
|
<template>
|
||||||
<div class="project-safety">
|
<div class="project-safety">
|
||||||
<!--大屏背景-->
|
<!--大屏背景-->
|
||||||
<background-video></background-video>
|
<background-video></background-video>
|
||||||
|
|
@ -17,33 +17,51 @@
|
||||||
<div :class="safeNav == 6 ? 'active' : ''" @click="doSafeNav(6, '监理单位')">监理单位</div>
|
<div :class="safeNav == 6 ? 'active' : ''" @click="doSafeNav(6, '监理单位')">监理单位</div>
|
||||||
<div :class="safeNav == 7 ? 'active' : ''" @click="doSafeNav(7, '施工单位')">施工单位</div>
|
<div :class="safeNav == 7 ? 'active' : ''" @click="doSafeNav(7, '施工单位')">施工单位</div>
|
||||||
</div>
|
</div>
|
||||||
<project-overview-chart2 :key="safeNav" :sp="'\n'"
|
<project-overview-chart2 :key="safeNav" :sp="'\n'" :maintitle="fmt(summaryTotal)"
|
||||||
:maintitle="fmt(summaryTotal)"
|
|
||||||
:typedata="summary" :text="safeText" :height="230"></project-overview-chart2>
|
:typedata="summary" :text="safeText" :height="230"></project-overview-chart2>
|
||||||
<div style="padding:0px 20px">
|
<div style="padding:0px 20px">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="12" v-if="1 == 2">
|
||||||
<div class="rank-chart-title bottom-line">安全隐患类型分析</div>
|
<div class="rank-chart-title bottom-line">安全隐患类型分析</div>
|
||||||
<rank-chart :data="summary" :showval="true" :height="600"></rank-chart>
|
<rank-chart :data="summary" :showval="true" :height="600"></rank-chart>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="24">
|
||||||
<div class="rank-chart-title bottom-line">项目安全隐患占比</div>
|
<div class="rank-chart-title bottom-line">
|
||||||
<div class="idle-list" style="padding-top:20px;">
|
<span style="position: relative;top: -4px;">项目安全隐患占比({{ summaryPrjTotal }})</span></div>
|
||||||
<el-table style="width: 100%" ref="wgzp" :data="summaryPrj" height="600" :row-style="rowStyle" class="elTable">
|
<div class="idle-list problemmodify_list" style="padding-top:20px;">
|
||||||
|
<el-table style="width: 100%" ref="wgzp" :data="summaryPrj" height="600" @row-click="doProbleRowClick"
|
||||||
|
:row-style="rowStyle" class="elTable">
|
||||||
<el-table-column type="index" width="40">
|
<el-table-column type="index" width="40">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div :class="scope.$index < 3 && +scope.row.value>0? 'idle-list-color':''">{{scope.$index + 1}} </div>
|
<div
|
||||||
|
:class="scope.$index < 3 && +scope.row.value > 0 ? 'idle-list-color' : ''">
|
||||||
|
{{ scope.$index + 1 }} </div>
|
||||||
</template></el-table-column>
|
</template></el-table-column>
|
||||||
<el-table-column prop="name" label="项目名称" width="120" class-name="text-left" :show-overflow-tooltip="true">
|
<el-table-column prop="projectName" label="项目名称" width="120"
|
||||||
|
class-name="text-left" :show-overflow-tooltip="true">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="prop" label="占比">
|
<el-table-column prop="prop" label="占比">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<idle-list-chart :prop="Number(scope.row.prop)" :color="scope.$index < 3 && +scope.row.value>0 ? '#f05e35':'#6ab9fe'"></idle-list-chart>
|
<idle-list-chart :prop="Number(scope.row.prop)"
|
||||||
|
:color="scope.$index < 3 && +scope.row.id > 0 ? '#f05e35' : '#6ab9fe'"></idle-list-chart>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="number" label="隐患数" width="60" align="center">
|
<el-table-column prop="id" label="隐患数" width="60" align="center">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div>{{scope.row.number}} </div>
|
<div>{{ scope.row.id }} </div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="id" label="超时隐患数" width="100" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div>{{ scope.row.infoType }} </div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="id" label="整改率">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
|
||||||
|
<idle-list-chart :prop="Number(scope.row.rate)"
|
||||||
|
color="#6ab9fe"></idle-list-chart>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
@ -56,9 +74,11 @@
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<module-one-1-1 label="专项培训">
|
<module-one-1-1 label="专项培训">
|
||||||
<div style="padding:10px" class="train-list scroll">
|
<div style="padding:10px" class="train-list scroll">
|
||||||
<div v-for="(it,index) in workTrainList" :key="index" class="transition-item" @click="doShowDlgTrain(it,0)">
|
<div v-for="(it, index) in workTrainList" :key="index" class="transition-item"
|
||||||
|
@click="doShowDlgTrain(it, 0)">
|
||||||
<div class="bottom-line2" style="line-height: 24px;margin-top: 8px;">
|
<div class="bottom-line2" style="line-height: 24px;margin-top: 8px;">
|
||||||
<span style="color:#59A0DC;display: inline-block;margin-right: 8px;">{{'0'+(index+1)}}</span>
|
<span
|
||||||
|
style="color:#59A0DC;display: inline-block;margin-right: 8px;">{{ '0' + (index + 1) }}</span>
|
||||||
<span style="font-weight: bold;color:#59A0DC;">{{ it.trainTitle }}</span>
|
<span style="font-weight: bold;color:#59A0DC;">{{ it.trainTitle }}</span>
|
||||||
<img src="images/check_icon.png" style="height:12px;position: absolute;right: 0px;">
|
<img src="images/check_icon.png" style="height:12px;position: absolute;right: 0px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -67,13 +87,16 @@
|
||||||
<img :src="getProfileImage(it.mainImage)" class="train-img" />
|
<img :src="getProfileImage(it.mainImage)" class="train-img" />
|
||||||
</div>
|
</div>
|
||||||
<div style="line-height: 30px;color:#aaa;font-size: 12px;">
|
<div style="line-height: 30px;color:#aaa;font-size: 12px;">
|
||||||
<div ><span>参与人数：</span><span style="color:#436CE9">{{it.trainParticipants}}</span><span> 人</span></div>
|
<div><span>参与人数：</span><span
|
||||||
|
style="color:#436CE9">{{ it.trainParticipants }}</span><span> 人</span>
|
||||||
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span>培训时间:</span><span>{{ it.beginDate }}~{{ it.endDate }}</span>
|
<span>培训时间:</span><span>{{ it.beginDate }}~{{ it.endDate }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="line-height: 24px;margin-top: 0px;color:#aaa;font-size: 12px;"><span>协作队伍:</span><span>{{it.trainDeptNames}}</span></div>
|
<div style="line-height: 24px;margin-top: 0px;color:#aaa;font-size: 12px;">
|
||||||
|
<span>协作队伍:</span><span>{{ it.trainDeptNames }}</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="workTrainList.length == 0" style="text-align: center;margin-top: 35px;">
|
<div v-if="workTrainList.length == 0" style="text-align: center;margin-top: 35px;">
|
||||||
<img src="images/nodata.png" style="width: 240px;">
|
<img src="images/nodata.png" style="width: 240px;">
|
||||||
|
|
@ -83,9 +106,11 @@
|
||||||
</module-one-1-1>
|
</module-one-1-1>
|
||||||
<module-one-1-1 label="应急演练">
|
<module-one-1-1 label="应急演练">
|
||||||
<div style="padding:10px" class="train-list scroll">
|
<div style="padding:10px" class="train-list scroll">
|
||||||
<div v-for="(it,index) in emergencyDrillList" :key="index" class="transition-item" @click="doShowDlgTrain(it,1)">
|
<div v-for="(it, index) in emergencyDrillList" :key="index" class="transition-item"
|
||||||
|
@click="doShowDlgTrain(it, 1)">
|
||||||
<div class="bottom-line2" style="line-height: 24px;margin-top: 8px;">
|
<div class="bottom-line2" style="line-height: 24px;margin-top: 8px;">
|
||||||
<span style="color:#59A0DC;display: inline-block;margin-right: 8px;">{{'0'+(index+1)}}</span>
|
<span
|
||||||
|
style="color:#59A0DC;display: inline-block;margin-right: 8px;">{{ '0' + (index + 1) }}</span>
|
||||||
<span style="font-weight: bold;color:#59A0DC;">{{ it.trainTitle }}</span>
|
<span style="font-weight: bold;color:#59A0DC;">{{ it.trainTitle }}</span>
|
||||||
<img src="images/check_icon.png" style="height:12px;position: absolute;right: 0px;">
|
<img src="images/check_icon.png" style="height:12px;position: absolute;right: 0px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -94,13 +119,16 @@
|
||||||
<img :src="getProfileImage(it.mainImage)" class="train-img" />
|
<img :src="getProfileImage(it.mainImage)" class="train-img" />
|
||||||
</div>
|
</div>
|
||||||
<div style="line-height: 30px;color:#aaa;font-size: 12px;">
|
<div style="line-height: 30px;color:#aaa;font-size: 12px;">
|
||||||
<div ><span>参与人数：</span><span style="color:#436CE9">{{it.trainParticipants}}</span><span> 人</span></div>
|
<div><span>参与人数：</span><span
|
||||||
|
style="color:#436CE9">{{ it.trainParticipants }}</span><span> 人</span>
|
||||||
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span>培训时间:</span><span>{{ it.beginDate }}~{{ it.endDate }}</span>
|
<span>培训时间:</span><span>{{ it.beginDate }}~{{ it.endDate }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="line-height: 24px;margin-top: 0px;color:#aaa;font-size: 12px;"><span>协作队伍:</span><span>{{it.trainDeptNames}}</span></div>
|
<div style="line-height: 24px;margin-top: 0px;color:#aaa;font-size: 12px;">
|
||||||
|
<span>协作队伍:</span><span>{{ it.trainDeptNames }}</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="emergencyDrillList.length == 0" style="text-align: center;margin-top: 35px;">
|
<div v-if="emergencyDrillList.length == 0" style="text-align: center;margin-top: 35px;">
|
||||||
<img src="images/nodata.png" style="width: 240px;">
|
<img src="images/nodata.png" style="width: 240px;">
|
||||||
|
|
@ -110,8 +138,7 @@
|
||||||
</module-one-1-1>
|
</module-one-1-1>
|
||||||
<module-one-1-1 label="特种作业人员">
|
<module-one-1-1 label="特种作业人员">
|
||||||
<div class="quality-table special-table">
|
<div class="quality-table special-table">
|
||||||
<el-table :data="specialData" style="width: 100%;background: transparent;"
|
<el-table :data="specialData" style="width: 100%;background: transparent;" height="265"
|
||||||
height="265"
|
|
||||||
ref="fbsubordinateUnit">
|
ref="fbsubordinateUnit">
|
||||||
|
|
||||||
<el-table-column prop="name" label="项目名称"> </el-table-column>
|
<el-table-column prop="name" label="项目名称"> </el-table-column>
|
||||||
|
|
@ -129,9 +156,12 @@
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<module-one-1-1 :label="fileTitle">
|
<module-one-1-1 :label="fileTitle">
|
||||||
<div class="file-nav">
|
<div class="file-nav">
|
||||||
<span class="file-nav-item" :class="fileNav==1?'active':''" @click="fileNavChage(1)">上级部门</span>
|
<span class="file-nav-item" :class="fileNav == 1 ? 'active' : ''"
|
||||||
<span class="file-nav-item" :class="fileNav==2?'active':''" @click="fileNavChage(2)">集团公司</span>
|
@click="fileNavChage(1)">上级部门</span>
|
||||||
<span class="file-nav-item" :class="fileNav==3?'active':''" @click="fileNavChage(3)">子分公司</span>
|
<span class="file-nav-item" :class="fileNav == 2 ? 'active' : ''"
|
||||||
|
@click="fileNavChage(2)">集团公司</span>
|
||||||
|
<span class="file-nav-item" :class="fileNav == 3 ? 'active' : ''"
|
||||||
|
@click="fileNavChage(3)">子分公司</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="file-list scroll">
|
<div class="file-list scroll">
|
||||||
<div v-for="(it, id) in fileList" :key="id" class="file-item">
|
<div v-for="(it, id) in fileList" :key="id" class="file-item">
|
||||||
|
|
@ -142,7 +172,7 @@
|
||||||
<svg v-if="it.fileType=='TXT'" style="vertical-align: middle;fill: currentColor;overflow: hidden;" t="1692028607806" class="icon my-svg-icon2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1774"><path d="M581.290667 0a42.666667 42.666667 0 0 1 28.117333 10.538667l314.709333 275.370666a42.666667 42.666667 0 0 1 14.549334 32.128V896a128 128 0 0 1-120.490667 127.786667L810.666667 1024H213.333333a128 128 0 0 1-127.786666-120.490667L85.333333 896V128A128 128 0 0 1 205.824 0.213333L213.333333 0h367.957334zM512 85.333333H213.333333a42.666667 42.666667 0 0 0-42.368 37.674667L170.666667 128v768a42.666667 42.666667 0 0 0 37.674666 42.368L213.333333 938.666667h597.333334a42.666667 42.666667 0 0 0 42.368-37.674667L853.333333 896V384h-213.333333a128 128 0 0 1-127.146667-113.066667l-0.64-7.424L512 256V85.333333z m178.901333 384.170667v59.733333h-139.818666v366.933334H481.152v-366.933334H341.333333v-59.733333h349.568zM597.333333 103.808V256a42.666667 42.666667 0 0 0 37.674667 42.368L640 298.666667h167.338667L597.333333 103.808z" fill="#008df0" p-id="1775"></path></svg>
|
<svg v-if="it.fileType=='TXT'" style="vertical-align: middle;fill: currentColor;overflow: hidden;" t="1692028607806" class="icon my-svg-icon2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1774"><path d="M581.290667 0a42.666667 42.666667 0 0 1 28.117333 10.538667l314.709333 275.370666a42.666667 42.666667 0 0 1 14.549334 32.128V896a128 128 0 0 1-120.490667 127.786667L810.666667 1024H213.333333a128 128 0 0 1-127.786666-120.490667L85.333333 896V128A128 128 0 0 1 205.824 0.213333L213.333333 0h367.957334zM512 85.333333H213.333333a42.666667 42.666667 0 0 0-42.368 37.674667L170.666667 128v768a42.666667 42.666667 0 0 0 37.674666 42.368L213.333333 938.666667h597.333334a42.666667 42.666667 0 0 0 42.368-37.674667L853.333333 896V384h-213.333333a128 128 0 0 1-127.146667-113.066667l-0.64-7.424L512 256V85.333333z m178.901333 384.170667v59.733333h-139.818666v366.933334H481.152v-366.933334H341.333333v-59.733333h349.568zM597.333333 103.808V256a42.666667 42.666667 0 0 0 37.674667 42.368L640 298.666667h167.338667L597.333333 103.808z" fill="#008df0" p-id="1775"></path></svg>
|
||||||
<svg v-if="it.fileType=='PNG' || it.fileType=='JPG' || it.fileType=='JPEG'" style="vertical-align: middle;fill: currentColor;overflow: hidden;" t="1692028684554" class="icon my-svg-icon2" viewBox="0 0 1117 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1922"><path d="M977.454545 0a139.636364 139.636364 0 0 1 139.636364 139.636364v744.727272a139.636364 139.636364 0 0 1-139.636364 139.636364H139.636364a139.636364 139.636364 0 0 1-139.636364-139.636364V139.636364a139.636364 139.636364 0 0 1 139.636364-139.636364zM321.163636 495.848727L93.090909 761.902545V884.363636a46.545455 46.545455 0 0 0 41.099636 46.219637L139.636364 930.909091h837.818181a46.312727 46.312727 0 0 0 23.319273-6.237091 42.914909 42.914909 0 0 1-8.052363-5.818182l-4.049455-4.189091-196.189091-236.637091-151.04 188.881455a46.545455 46.545455 0 0 1-71.586909 1.396364l-3.490909-4.654546L321.163636 495.848727zM977.454545 93.090909H139.636364a46.545455 46.545455 0 0 0-46.545455 46.545455v479.232l197.352727-230.260364a46.545455 46.545455 0 0 1 70.656-0.046545l3.444364 4.514909 243.944727 365.940363 146.432-183.016727a46.545455 46.545455 0 0 1 67.677091-5.306182l4.002909 4.096L1024 811.659636V139.636364a46.545455 46.545455 0 0 0-41.099636-46.219637L977.454545 93.090909z m-186.181818 139.636364a93.090909 93.090909 0 1 1 0 186.181818 93.090909 93.090909 0 0 1 0-186.181818z" fill="#008df0" p-id="1923"></path></svg>
|
<svg v-if="it.fileType=='PNG' || it.fileType=='JPG' || it.fileType=='JPEG'" style="vertical-align: middle;fill: currentColor;overflow: hidden;" t="1692028684554" class="icon my-svg-icon2" viewBox="0 0 1117 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1922"><path d="M977.454545 0a139.636364 139.636364 0 0 1 139.636364 139.636364v744.727272a139.636364 139.636364 0 0 1-139.636364 139.636364H139.636364a139.636364 139.636364 0 0 1-139.636364-139.636364V139.636364a139.636364 139.636364 0 0 1 139.636364-139.636364zM321.163636 495.848727L93.090909 761.902545V884.363636a46.545455 46.545455 0 0 0 41.099636 46.219637L139.636364 930.909091h837.818181a46.312727 46.312727 0 0 0 23.319273-6.237091 42.914909 42.914909 0 0 1-8.052363-5.818182l-4.049455-4.189091-196.189091-236.637091-151.04 188.881455a46.545455 46.545455 0 0 1-71.586909 1.396364l-3.490909-4.654546L321.163636 495.848727zM977.454545 93.090909H139.636364a46.545455 46.545455 0 0 0-46.545455 46.545455v479.232l197.352727-230.260364a46.545455 46.545455 0 0 1 70.656-0.046545l3.444364 4.514909 243.944727 365.940363 146.432-183.016727a46.545455 46.545455 0 0 1 67.677091-5.306182l4.002909 4.096L1024 811.659636V139.636364a46.545455 46.545455 0 0 0-41.099636-46.219637L977.454545 93.090909z m-186.181818 139.636364a93.090909 93.090909 0 1 1 0 186.181818 93.090909 93.090909 0 0 1 0-186.181818z" fill="#008df0" p-id="1923"></path></svg>
|
||||||
<svg v-if="it.fileType=='MP4'" style="vertical-align: middle;fill: currentColor;overflow: hidden;" t="1692028772745" class="icon my-svg-icon2" viewBox="0 0 1117 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2072"><path d="M977.454545 0a139.636364 139.636364 0 0 1 139.403637 131.444364L1117.090909 139.636364v744.727272a139.636364 139.636364 0 0 1-131.444364 139.403637L977.454545 1024H139.636364a139.636364 139.636364 0 0 1-139.403637-131.444364L0 884.363636V139.636364A139.636364 139.636364 0 0 1 131.444364 0.232727L139.636364 0h837.818181z m46.545455 302.545455h-122.228364l-7.214545 5.818181-4.608-5.818181h-267.450182l-7.214545 5.818181-4.608-5.818181H343.226182l-7.214546 5.818181L331.403636 302.545455H93.090909V884.363636a46.545455 46.545455 0 0 0 41.099636 46.219637L139.636364 930.909091h837.818181a46.545455 46.545455 0 0 0 46.219637-41.099636L1024 884.363636V302.545455zM484.212364 422.818909l4.654545 2.420364 279.272727 162.909091a46.545455 46.545455 0 0 1 5.12 76.986181l-5.12 3.444364-279.272727 162.909091a46.545455 46.545455 0 0 1-69.678545-34.909091L418.909091 791.272727v-325.818182a46.545455 46.545455 0 0 1 65.303273-42.635636zM512 546.443636v163.793455l140.381091-81.92L512 546.443636zM163.84 93.090909H139.636364a46.545455 46.545455 0 0 0-46.219637 41.099636L93.090909 139.636364v69.818181h163.84l-93.090909-116.363636z m279.272727 0H282.996364l93.090909 116.363636h160.116363l-93.090909-116.363636z m279.272728 0h-160.116364l93.090909 116.363636h160.116364l-93.090909-116.363636zM977.454545 93.090909h-135.912727l93.090909 116.363636H1024V139.636364a46.545455 46.545455 0 0 0-41.099636-46.219637L977.454545 93.090909z" fill="#008df0" p-id="2073"></path></svg>
|
<svg v-if="it.fileType=='MP4'" style="vertical-align: middle;fill: currentColor;overflow: hidden;" t="1692028772745" class="icon my-svg-icon2" viewBox="0 0 1117 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2072"><path d="M977.454545 0a139.636364 139.636364 0 0 1 139.403637 131.444364L1117.090909 139.636364v744.727272a139.636364 139.636364 0 0 1-131.444364 139.403637L977.454545 1024H139.636364a139.636364 139.636364 0 0 1-139.403637-131.444364L0 884.363636V139.636364A139.636364 139.636364 0 0 1 131.444364 0.232727L139.636364 0h837.818181z m46.545455 302.545455h-122.228364l-7.214545 5.818181-4.608-5.818181h-267.450182l-7.214545 5.818181-4.608-5.818181H343.226182l-7.214546 5.818181L331.403636 302.545455H93.090909V884.363636a46.545455 46.545455 0 0 0 41.099636 46.219637L139.636364 930.909091h837.818181a46.545455 46.545455 0 0 0 46.219637-41.099636L1024 884.363636V302.545455zM484.212364 422.818909l4.654545 2.420364 279.272727 162.909091a46.545455 46.545455 0 0 1 5.12 76.986181l-5.12 3.444364-279.272727 162.909091a46.545455 46.545455 0 0 1-69.678545-34.909091L418.909091 791.272727v-325.818182a46.545455 46.545455 0 0 1 65.303273-42.635636zM512 546.443636v163.793455l140.381091-81.92L512 546.443636zM163.84 93.090909H139.636364a46.545455 46.545455 0 0 0-46.219637 41.099636L93.090909 139.636364v69.818181h163.84l-93.090909-116.363636z m279.272727 0H282.996364l93.090909 116.363636h160.116363l-93.090909-116.363636z m279.272728 0h-160.116364l93.090909 116.363636h160.116364l-93.090909-116.363636zM977.454545 93.090909h-135.912727l93.090909 116.363636H1024V139.636364a46.545455 46.545455 0 0 0-41.099636-46.219637L977.454545 93.090909z" fill="#008df0" p-id="2073"></path></svg>
|
||||||
<div style="flex-grow: 1;padding-left: 20px;line-height: 24px;width:70%;">
|
<div style="flex-grow: 1;padding-left: 20px;line-height: 24px;">
|
||||||
<div class="file-name">{{ it.fileName }}</div>
|
<div class="file-name">{{ it.fileName }}</div>
|
||||||
<div style="color: #aaa;" class="file-time">{{ it.createTime }}</div>
|
<div style="color: #aaa;" class="file-time">{{ it.createTime }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -171,32 +201,56 @@
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="16">
|
<el-col :span="16">
|
||||||
<staff-survey-chart :height="220" :data="laborPersonnelData" :width="140"></staff-survey-chart>
|
<staff-survey-chart :height="220" :data="laborPersonnelData"
|
||||||
|
:width="140"></staff-survey-chart>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</module-one-1-1>
|
</module-one-1-1>
|
||||||
<module-one-1-1 label="保险采购明细">
|
<module-one-1-1 label="保险采购明细">
|
||||||
<div class="quality-table special-table">
|
<div class="quality-table special-table">
|
||||||
<el-table :data="insuranceData" style="width: 100%;background: transparent;"
|
<el-table :data="insuranceData" style="width: 100%;background: transparent;" height="265"
|
||||||
height="265"
|
|
||||||
ref="fbsubordinateUnit">
|
ref="fbsubordinateUnit">
|
||||||
|
|
||||||
<el-table-column prop="name" label="项目名称"> </el-table-column>
|
<el-table-column prop="name" label="项目名称"> </el-table-column>
|
||||||
<el-table-column prop="cnt" label="安责险" class-name="td-left">
|
<el-table-column prop="cnt" label="安责险" class-name="td-left">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<svg v-if="scope.row.dt1" style="width: 1em;height: 1em;position: relative;
|
<svg v-if="scope.row.dt1" style="width: 1em;height: 1em;position: relative;
|
||||||
top: -2px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3100"><path d="M802.922882 383.309012 428.076612 758.155283 220.943065 551.154765c-22.317285-22.317285-22.317285-55.993269 0-78.310553 22.450315-22.450315 55.993269-22.450315 78.443583 0l128.689964 128.689964L724.613352 304.999482c22.450315-22.450315 55.993269-22.450315 78.30953 0C825.373197 327.316767 825.373197 360.858698 802.922882 383.309012zM512 64.322981c-246.155283 0-447.677019 201.521736-447.677019 447.677019s201.521736 447.677019 447.677019 447.677019 447.677019-201.521736 447.677019-447.677019S758.155283 64.322981 512 64.322981z" fill="#22C134" p-id="3101"></path></svg>
|
top: -2px;vertical-align: middle;fill: currentColor;overflow: hidden;"
|
||||||
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
p-id="3100">
|
||||||
|
<path
|
||||||
|
d="M802.922882 383.309012 428.076612 758.155283 220.943065 551.154765c-22.317285-22.317285-22.317285-55.993269 0-78.310553 22.450315-22.450315 55.993269-22.450315 78.443583 0l128.689964 128.689964L724.613352 304.999482c22.450315-22.450315 55.993269-22.450315 78.30953 0C825.373197 327.316767 825.373197 360.858698 802.922882 383.309012zM512 64.322981c-246.155283 0-447.677019 201.521736-447.677019 447.677019s201.521736 447.677019 447.677019 447.677019 447.677019-201.521736 447.677019-447.677019S758.155283 64.322981 512 64.322981z"
|
||||||
|
fill="#22C134" p-id="3101"></path>
|
||||||
|
</svg>
|
||||||
<svg v-else style="width: 1em;height: 1em;position: relative;
|
<svg v-else style="width: 1em;height: 1em;position: relative;
|
||||||
top: -2px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3472"><path d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m44.245333-469.333333l159.914667-159.914667a31.274667 31.274667 0 1 0-44.245333-44.245333L512 467.754667 352.085333 307.84a31.274667 31.274667 0 1 0-44.245333 44.245333L467.754667 512l-159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333 44.245333L512 556.245333l159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333-44.245333L556.245333 512z" fill="#F5222D" p-id="3473"></path></svg>
|
top: -2px;vertical-align: middle;fill: currentColor;overflow: hidden;"
|
||||||
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
p-id="3472">
|
||||||
|
<path
|
||||||
|
d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m44.245333-469.333333l159.914667-159.914667a31.274667 31.274667 0 1 0-44.245333-44.245333L512 467.754667 352.085333 307.84a31.274667 31.274667 0 1 0-44.245333 44.245333L467.754667 512l-159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333 44.245333L512 556.245333l159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333-44.245333L556.245333 512z"
|
||||||
|
fill="#F5222D" p-id="3473"></path>
|
||||||
|
</svg>
|
||||||
<span style="color:#fff">{{ scope.row.dt1 }}</span>
|
<span style="color:#fff">{{ scope.row.dt1 }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="cnt3" class-name="td-left" label="一切险">
|
<el-table-column prop="cnt3" class-name="td-left" label="一切险">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<svg v-if="scope.row.dt2" style="width: 1em;height: 1em;position: relative;
|
<svg v-if="scope.row.dt2" style="width: 1em;height: 1em;position: relative;
|
||||||
top: -2px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3100"><path d="M802.922882 383.309012 428.076612 758.155283 220.943065 551.154765c-22.317285-22.317285-22.317285-55.993269 0-78.310553 22.450315-22.450315 55.993269-22.450315 78.443583 0l128.689964 128.689964L724.613352 304.999482c22.450315-22.450315 55.993269-22.450315 78.30953 0C825.373197 327.316767 825.373197 360.858698 802.922882 383.309012zM512 64.322981c-246.155283 0-447.677019 201.521736-447.677019 447.677019s201.521736 447.677019 447.677019 447.677019 447.677019-201.521736 447.677019-447.677019S758.155283 64.322981 512 64.322981z" fill="#22C134" p-id="3101"></path></svg>
|
top: -2px;vertical-align: middle;fill: currentColor;overflow: hidden;"
|
||||||
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
p-id="3100">
|
||||||
|
<path
|
||||||
|
d="M802.922882 383.309012 428.076612 758.155283 220.943065 551.154765c-22.317285-22.317285-22.317285-55.993269 0-78.310553 22.450315-22.450315 55.993269-22.450315 78.443583 0l128.689964 128.689964L724.613352 304.999482c22.450315-22.450315 55.993269-22.450315 78.30953 0C825.373197 327.316767 825.373197 360.858698 802.922882 383.309012zM512 64.322981c-246.155283 0-447.677019 201.521736-447.677019 447.677019s201.521736 447.677019 447.677019 447.677019 447.677019-201.521736 447.677019-447.677019S758.155283 64.322981 512 64.322981z"
|
||||||
|
fill="#22C134" p-id="3101"></path>
|
||||||
|
</svg>
|
||||||
<svg v-else style="width: 1em;height: 1em;position: relative;
|
<svg v-else style="width: 1em;height: 1em;position: relative;
|
||||||
top: -2px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3472"><path d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m44.245333-469.333333l159.914667-159.914667a31.274667 31.274667 0 1 0-44.245333-44.245333L512 467.754667 352.085333 307.84a31.274667 31.274667 0 1 0-44.245333 44.245333L467.754667 512l-159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333 44.245333L512 556.245333l159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333-44.245333L556.245333 512z" fill="#F5222D" p-id="3473"></path></svg>
|
top: -2px;vertical-align: middle;fill: currentColor;overflow: hidden;"
|
||||||
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
p-id="3472">
|
||||||
|
<path
|
||||||
|
d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m44.245333-469.333333l159.914667-159.914667a31.274667 31.274667 0 1 0-44.245333-44.245333L512 467.754667 352.085333 307.84a31.274667 31.274667 0 1 0-44.245333 44.245333L467.754667 512l-159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333 44.245333L512 556.245333l159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333-44.245333L556.245333 512z"
|
||||||
|
fill="#F5222D" p-id="3473"></path>
|
||||||
|
</svg>
|
||||||
<span style="color:#fff">{{ scope.row.dt2 }}</span>
|
<span style="color:#fff">{{ scope.row.dt2 }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
@ -208,6 +262,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<woorktrainDlg ref="workTrainDlg"></woorktrainDlg>
|
<woorktrainDlg ref="workTrainDlg"></woorktrainDlg>
|
||||||
|
<ProblemmodifyDetail ref="probDlg"></ProblemmodifyDetail>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -225,10 +280,12 @@ import '../components/idle-list-chart'
|
||||||
import '../components/people-number'
|
import '../components/people-number'
|
||||||
import '../components/people-number'
|
import '../components/people-number'
|
||||||
import woorktrainDlg from './woorktrain/indexDlg'
|
import woorktrainDlg from './woorktrain/indexDlg'
|
||||||
|
import ProblemmodifyDetail from './components/ProblemmodifyDetail.vue'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
woorktrainDlg
|
woorktrainDlg,
|
||||||
|
ProblemmodifyDetail
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -295,6 +352,9 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
doProbleRowClick(a,b,c){
|
||||||
|
//this.$refs.probDlg.showDialog(a,0);
|
||||||
|
},
|
||||||
doShowDlgTrain(it, type) {
|
doShowDlgTrain(it, type) {
|
||||||
if (type == "0") {
|
if (type == "0") {
|
||||||
it.title = "专项培训";
|
it.title = "专项培训";
|
||||||
|
|
@ -369,10 +429,10 @@ export default {
|
||||||
this.$api.problemmodify.safetySummaryByProject(this.dept.id, this.safeNav).then(d => {
|
this.$api.problemmodify.safetySummaryByProject(this.dept.id, this.safeNav).then(d => {
|
||||||
this.summaryPrj = (d || []).map(it => {
|
this.summaryPrj = (d || []).map(it => {
|
||||||
return {
|
return {
|
||||||
text:it.problemArea,
|
...it,
|
||||||
prop: '0.0',
|
prop: '0.0',
|
||||||
name:it.problemArea,
|
value: it.id || 0,
|
||||||
value:it.roleType||0
|
rate: 0,
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
this.summaryPrjTotal = 0;
|
this.summaryPrjTotal = 0;
|
||||||
|
|
@ -385,6 +445,7 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
it.prop = (it.value * 100.0 / this.summaryPrjTotal).toFixed(1);
|
it.prop = (it.value * 100.0 / this.summaryPrjTotal).toFixed(1);
|
||||||
}
|
}
|
||||||
|
it.rate = (it.checkState * 100.0 / it.value).toFixed(1);
|
||||||
})
|
})
|
||||||
this.elKey++;
|
this.elKey++;
|
||||||
})
|
})
|
||||||
|
|
@ -448,29 +509,52 @@ export default {
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
.project-safety {
|
.project-safety {
|
||||||
|
.problemmodify_list{
|
||||||
|
.el-table__body-wrapper {
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::-webkit-scrollbar-thumb {
|
||||||
|
background-color: rgb(1, 169, 255);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
tr{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.center-image .screen-one-2-1 {
|
.center-image .screen-one-2-1 {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-svg-icon {
|
.my-svg-icon {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-svg-icon * {
|
.my-svg-icon * {
|
||||||
fill: #389DE3;
|
fill: #389DE3;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.people-number-con div:nth-child(3) {
|
.people-number-con div:nth-child(3) {
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.labour-education .number-unit {
|
.labour-education .number-unit {
|
||||||
position: relative;
|
position: relative;
|
||||||
bottom: -8px;
|
bottom: -8px;
|
||||||
}
|
}
|
||||||
.bottom-line2,.bottom-line{
|
|
||||||
|
.bottom-line2,
|
||||||
|
.bottom-line {
|
||||||
position: relative;
|
position: relative;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom-line::after {
|
.bottom-line::after {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -481,6 +565,7 @@ export default {
|
||||||
left: 20px;
|
left: 20px;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.idle-list .el-table__body .el-table__row {
|
.idle-list .el-table__body .el-table__row {
|
||||||
line-height: 55px;
|
line-height: 55px;
|
||||||
height: 55px !important;
|
height: 55px !important;
|
||||||
|
|
@ -495,21 +580,26 @@ export default {
|
||||||
bottom: -4px;
|
bottom: -4px;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom-line2::before {
|
.bottom-line2::before {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
border-bottom: solid 2px #389DE3;
|
border-bottom: solid 2px #389DE3;
|
||||||
bottom: -4px; opacity: 0.5;
|
bottom: -4px;
|
||||||
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-svg-icon2 {
|
.my-svg-icon2 {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-svg-icon2 * {
|
.my-svg-icon2 * {
|
||||||
fill: #01A9FF;
|
fill: #01A9FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-nav {
|
.file-nav {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -518,21 +608,25 @@ export default {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-nav .file-nav-item {
|
.file-nav .file-nav-item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
color: #fff
|
color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-nav .file-nav-item.active {
|
.file-nav .file-nav-item.active {
|
||||||
color: #00A9BC;
|
color: #00A9BC;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-item {
|
.file-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 30px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-item .file-detail {
|
.file-item .file-detail {
|
||||||
color: #0189D4;
|
color: #0189D4;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -541,37 +635,40 @@ export default {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 3px;
|
top: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.special-table th .cell {
|
.special-table th .cell {
|
||||||
color: aquamarine;
|
color: aquamarine;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
td.td-left {
|
td.td-left {
|
||||||
text-align: left !important;
|
text-align: left !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-list {
|
.file-list {
|
||||||
max-height: calc(100% - 90px);
|
max-height: calc(100% - 90px);
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.transition-item {
|
.transition-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.train-list {
|
.train-list {
|
||||||
max-height: calc(100% - 45px);
|
max-height: calc(100% - 45px);
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.train-img {
|
.train-img {
|
||||||
width: 85px;
|
width: 85px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.train-img-par {
|
.train-img-par {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: 10px 5px 5px 5px;
|
margin: 10px 5px 5px 5px;
|
||||||
}
|
}
|
||||||
.file-name{
|
}</style>
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in New Issue