admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
Vce 2024-05-13 21:02:03 +08:00
parent 2fc8a10a48
commit 6a91cd6330
1 changed files with 49 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
src/views/projectFront/safetyEducation/safetyAnalysis.vue
View File

@ -107,59 +107,63 @@
<div class="blockInner">
<!-- 分包单位 -->
<div class="box-between">
<div>风险走势图（44%↓比上月（4月））</div>
<el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
<div>风险走势图（{{ riskCount }} {{ riskCount == '-' ? '' : '%' }} <span
:style="riskCount > 0 ? 'color:green' : 'color:red'">{{
riskCount > 0 ? '↑' : '↓' }}</span>比上月（{{ riskName }}））</div>
<!-- <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" size="mini">
</el-date-picker>
</div>
<div class="chart" ref="lineCharts"></div>
<!-- <div class="chart" ref="carTypeChart"></div> -->
</div>
</div>
</div>
<div class="bottom">
<div class="topLeft whiteBlock3 bg-white">
<div class="blockInner">
<div class="box-between">
<div>隐患数量展示</div>
<el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" size="mini">
</el-date-picker>
</div>
<div class="flex sub-container_box">
<div class="sub-container">
<div>隐患超期未整改</div>
<div>重大隐患超期未整改<span>0</span>个，占比<span>0</span>%</div>
<div>严重隐患超期未整改<span>0</span>个，占比<span>0</span>%</div>
<div class="chart" ref="annulusChartOne"></div>
</div>
<div class="sub-container">
<div>未消项隐患</div>
<div>重大隐患超期未整改<span>0</span>个，占比<span>0</span>%</div>
<div>严重隐患超期未整改<span>0</span>个，占比<span>0</span>%</div>
<div class="chart" ref="annulusChartTwo"></div>
</div>
-->
<div class="chart" ref="lineCharts"></div>
<!-- <div class="chart" ref="carTypeChart"></div> -->
</div>
</div>
</div>
<div class="topRight whiteBlock2 bg-white">
<div class="blockInner">
<!-- 责任区域问题统计 -->
<div class="box-between">
<div>责任区域问题统计TOP10</div>
<div class="flex align-center">
<div>
<el-radio-group v-model="radio3" size="small">
<el-radio-button label="全部"></el-radio-button>
<el-radio-button label="重大"></el-radio-button>
<el-radio-button label="严重"></el-radio-button>
</el-radio-group>
<div class="bottom">
<div class="topLeft whiteBlock3 bg-white">
<div class="blockInner">
<div class="box-between">
<div>隐患数量展示</div>
<el-date-picker v-model="value1" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" size="mini">
</el-date-picker>
</div>
<div class="flex sub-container_box">
<div class="sub-container">
<div>隐患超期未整改</div>
<div>重大隐患超期未整改<span>0</span>个，占比<span>0</span>%</div>
<div>严重隐患超期未整改<span>0</span>个，占比<span>0</span>%</div>
<div class="chart" ref="annulusChartOne"></div>
</div>
<div class="sub-container">
<div>未消项隐患</div>
<div>重大隐患超期未整改<span>0</span>个，占比<span>0</span>%</div>
<div>严重隐患超期未整改<span>0</span>个，占比<span>0</span>%</div>
<div class="chart" ref="annulusChartTwo"></div>
</div>
<i class="el-icon-full-screen"></i>
</div>
</div>
<div class="sub-container_box">
<div class="chart" ref="barGraphFallCharts"></div>
</div>
<div class="topRight whiteBlock2 bg-white">
<div class="blockInner">
<!-- 责任区域问题统计 -->
<div class="box-between">
<div>责任区域问题统计TOP10</div>
<div class="flex align-center">
<div>
<el-radio-group v-model="radio3" size="small">
<el-radio-button label="全部"></el-radio-button>
<el-radio-button label="重大"></el-radio-button>
<el-radio-button label="严重"></el-radio-button>
</el-radio-group>
</div>
<i class="el-icon-full-screen"></i>
</div>
</div>
<div class="sub-container_box">
<div class="chart" ref="barGraphFallCharts"></div>
</div>
</div>
</div>
</div>
@ -365,7 +369,7 @@ export default {
// 折线图
lineCharts(el) {
let ageChart = echarts.init(el);
let option = {
tooltip: {
trigger: 'axis'