fix: 修改车辆黑名单权限管理BUG以及人员总览柱形图样式修改

This commit is contained in:
kun 2024-07-05 19:16:38 +08:00
parent 20dab68288
commit a0a25e0c42
2 changed files with 126 additions and 83 deletions

View File

@ -132,7 +132,7 @@
prop="isBlack"
:label="$t('message.carManage.isBlack')"
align="center"
v-permission="{key: 'clgl_blackWhiteList', menuPath: '/project/carManage/carManage'}"
v-if="checkPermission({key: 'clgl_blackWhiteList', menuPath: '/project/carManage/carManage'})"
>
<template slot-scope="scope">
<!-- {{ $t('message.carManage.isBlackArr')[scope.row.isBlack] }} -->

View File

@ -47,87 +47,116 @@
</div>
<div class="echarts" ref="safetyTraining"></div> -->
<div class="condition-change">
<el-radio-group v-model="timeRadio" size="small" @change="radioGroupChange">
<el-radio-group
v-model="timeRadio"
size="small"
@change="radioGroupChange"
>
<el-radio-button label="3">安全履职分析</el-radio-button>
<el-radio-button label="4">安全培训分析</el-radio-button>
</el-radio-group>
</div>
<div class="work-data-analysis" v-show="timeRadio == '3'">
<div class="analysis-item">
<span>{{safeData.notPerformNum || 0}}/{{safeData.inServiceNum || 0}}</span>
<span>未履职人员</span>
</div>
<div class="analysis-item">
<span>{{safeData.xmjlNotPerformNum || 0}}/{{safeData.xmjlInServiceNum || 0}}</span>
<span>项目经理</span>
</div>
<div class="analysis-item">
<span>{{safeData.aqyNotPerformNum || 0}}/{{safeData.aqyInServiceNum || 0}}</span>
<span>安全员</span>
</div>
<div class="analysis-item">
<span>{{safeData.zlyNotPerformNum || 0}}/{{safeData.zlyInServiceNum || 0}}</span>
<span>质量员</span>
</div>
<div class="analysis-item">
<span>{{safeData.jlNotPerformNum || 0}}/{{safeData.jlInServiceNum || 0}}</span>
<span>监理</span>
</div>
</div>
<div class="work-data-table" v-show="timeRadio == '3'">
<el-table
class="table-item"
:data="safeWorkList"
height="95%"
<div class="work-data-analysis" v-show="timeRadio == '3'">
<div class="analysis-item">
<span
>{{ safeData.notPerformNum || 0 }}/{{
safeData.inServiceNum || 0
}}</span
>
<el-table-column
prop="enterpriseName"
align="center"
label="企业名称"
></el-table-column>
<el-table-column
align="center"
label="未履职人数"
>
<template v-slot="{ row }">
<span>{{row.notPerformNum || 0}}/{{row.inServiceNum || 0}}</span>
</template>
</el-table-column>
<el-table-column
align="center"
label="项目经理"
>
<template v-slot="{ row }">
<span>{{row.xmjlNotPerformNum || 0}}/{{row.xmjlInServiceNum || 0}}</span>
</template>
</el-table-column>
<el-table-column
align="center"
label="安全员"
>
<template v-slot="{ row }">
<span>{{row.aqyNotPerformNum || 0}}/{{row.aqyInServiceNum || 0}}</span>
</template>
</el-table-column>
<el-table-column
align="center"
label="质量员"
>
<template v-slot="{ row }">
<span>{{row.zlyNotPerformNum || 0}}/{{row.zlyInServiceNum || 0}}</span>
</template>
</el-table-column>
<el-table-column
align="center"
label="监理"
>
<template v-slot="{ row }">
<span>{{row.jlNotPerformNum || 0}}/{{row.jlInServiceNum || 0}}</span>
</template>
</el-table-column>
</el-table>
<span>未履职人员</span>
</div>
<div class="echarts" ref="safetyTraining" v-show="timeRadio == '4'"></div>
<div class="analysis-item">
<span
>{{ safeData.xmjlNotPerformNum || 0 }}/{{
safeData.xmjlInServiceNum || 0
}}</span
>
<span>项目经理</span>
</div>
<div class="analysis-item">
<span
>{{ safeData.aqyNotPerformNum || 0 }}/{{
safeData.aqyInServiceNum || 0
}}</span
>
<span>安全员</span>
</div>
<div class="analysis-item">
<span
>{{ safeData.zlyNotPerformNum || 0 }}/{{
safeData.zlyInServiceNum || 0
}}</span
>
<span>质量员</span>
</div>
<div class="analysis-item">
<span
>{{ safeData.jlNotPerformNum || 0 }}/{{
safeData.jlInServiceNum || 0
}}</span
>
<span>监理</span>
</div>
</div>
<div class="work-data-table" v-show="timeRadio == '3'">
<el-table class="table-item" :data="safeWorkList" height="95%">
<el-table-column
prop="enterpriseName"
align="center"
label="企业名称"
></el-table-column>
<el-table-column align="center" label="未履职人数">
<template v-slot="{ row }">
<span
>{{ row.notPerformNum || 0 }}/{{
row.inServiceNum || 0
}}</span
>
</template>
</el-table-column>
<el-table-column align="center" label="项目经理">
<template v-slot="{ row }">
<span
>{{ row.xmjlNotPerformNum || 0 }}/{{
row.xmjlInServiceNum || 0
}}</span
>
</template>
</el-table-column>
<el-table-column align="center" label="安全员">
<template v-slot="{ row }">
<span
>{{ row.aqyNotPerformNum || 0 }}/{{
row.aqyInServiceNum || 0
}}</span
>
</template>
</el-table-column>
<el-table-column align="center" label="质量员">
<template v-slot="{ row }">
<span
>{{ row.zlyNotPerformNum || 0 }}/{{
row.zlyInServiceNum || 0
}}</span
>
</template>
</el-table-column>
<el-table-column align="center" label="监理">
<template v-slot="{ row }">
<span
>{{ row.jlNotPerformNum || 0 }}/{{
row.jlInServiceNum || 0
}}</span
>
</template>
</el-table-column>
</el-table>
</div>
<div
class="echarts"
ref="safetyTraining"
v-show="timeRadio == '4'"
></div>
</div>
</div>
<div class="content2 flex">
@ -490,7 +519,7 @@ import {
getEnterpriseInfoList,
getWorkerTeamStatisticsApi,
getPersonTypeAndEduStatisticsApi,
getSafetyPerformanceAnalysisApi
getSafetyPerformanceAnalysisApi,
} from "@/assets/js/api/laborPerson";
import { selectProjectComapnyWorkTotalListApi } from "@/assets/js/api/dataBoard.js";
@ -528,7 +557,7 @@ export default {
enterpriseListData: [],
teamListData: [],
departmentListData: [],
safeData: {}
safeData: {},
};
},
mounted() {
@ -560,11 +589,11 @@ export default {
clearInterval(this.interval);
},
methods: {
radioGroupChange(){
if(this.timeRadio == '4'){
radioGroupChange() {
if (this.timeRadio == "4") {
this.createdEcharts3();
}
console.log(777888)
console.log(777888);
},
changeCompany() {
this.formInline.departmentId = "";
@ -688,10 +717,24 @@ export default {
axisLabel: {
color: "#9fa2ad",
fontSize: 12,
interval: 0, //
},
},
],
dataZoom: [
{
type: "slider", // 使
start: 0, //
end: 50, //
height: 10, //
bottom: 5, //
showDetail: false, //
showDataShadow: false, //
fillerColor: "#dbdee5", //
borderColor: "transparent", //
zoomLock: true, //
},
],
yAxis: {
type: "value",
axisTick: {
@ -1591,7 +1634,7 @@ export default {
width: 100%;
height: 72%;
margin-top: 10px;
.table-item{
.table-item {
height: 100%;
}
}