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" prop="isBlack"
:label="$t('message.carManage.isBlack')" :label="$t('message.carManage.isBlack')"
align="center" 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"> <template slot-scope="scope">
<!-- {{ $t('message.carManage.isBlackArr')[scope.row.isBlack] }} --> <!-- {{ $t('message.carManage.isBlackArr')[scope.row.isBlack] }} -->

View File

@ -47,87 +47,116 @@
</div> </div>
<div class="echarts" ref="safetyTraining"></div> --> <div class="echarts" ref="safetyTraining"></div> -->
<div class="condition-change"> <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="3">安全履职分析</el-radio-button>
<el-radio-button label="4">安全培训分析</el-radio-button> <el-radio-button label="4">安全培训分析</el-radio-button>
</el-radio-group> </el-radio-group>
</div> </div>
<div class="work-data-analysis" v-show="timeRadio == '3'"> <div class="work-data-analysis" v-show="timeRadio == '3'">
<div class="analysis-item"> <div class="analysis-item">
<span>{{safeData.notPerformNum || 0}}/{{safeData.inServiceNum || 0}}</span> <span
>{{ safeData.notPerformNum || 0 }}/{{
safeData.inServiceNum || 0
}}</span
>
<span>未履职人员</span> <span>未履职人员</span>
</div> </div>
<div class="analysis-item"> <div class="analysis-item">
<span>{{safeData.xmjlNotPerformNum || 0}}/{{safeData.xmjlInServiceNum || 0}}</span> <span
>{{ safeData.xmjlNotPerformNum || 0 }}/{{
safeData.xmjlInServiceNum || 0
}}</span
>
<span>项目经理</span> <span>项目经理</span>
</div> </div>
<div class="analysis-item"> <div class="analysis-item">
<span>{{safeData.aqyNotPerformNum || 0}}/{{safeData.aqyInServiceNum || 0}}</span> <span
>{{ safeData.aqyNotPerformNum || 0 }}/{{
safeData.aqyInServiceNum || 0
}}</span
>
<span>安全员</span> <span>安全员</span>
</div> </div>
<div class="analysis-item"> <div class="analysis-item">
<span>{{safeData.zlyNotPerformNum || 0}}/{{safeData.zlyInServiceNum || 0}}</span> <span
>{{ safeData.zlyNotPerformNum || 0 }}/{{
safeData.zlyInServiceNum || 0
}}</span
>
<span>质量员</span> <span>质量员</span>
</div> </div>
<div class="analysis-item"> <div class="analysis-item">
<span>{{safeData.jlNotPerformNum || 0}}/{{safeData.jlInServiceNum || 0}}</span> <span
>{{ safeData.jlNotPerformNum || 0 }}/{{
safeData.jlInServiceNum || 0
}}</span
>
<span>监理</span> <span>监理</span>
</div> </div>
</div> </div>
<div class="work-data-table" v-show="timeRadio == '3'"> <div class="work-data-table" v-show="timeRadio == '3'">
<el-table <el-table class="table-item" :data="safeWorkList" height="95%">
class="table-item"
:data="safeWorkList"
height="95%"
>
<el-table-column <el-table-column
prop="enterpriseName" prop="enterpriseName"
align="center" align="center"
label="企业名称" label="企业名称"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column align="center" label="未履职人数">
align="center"
label="未履职人数"
>
<template v-slot="{ row }"> <template v-slot="{ row }">
<span>{{row.notPerformNum || 0}}/{{row.inServiceNum || 0}}</span> <span
>{{ row.notPerformNum || 0 }}/{{
row.inServiceNum || 0
}}</span
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" label="项目经理">
align="center"
label="项目经理"
>
<template v-slot="{ row }"> <template v-slot="{ row }">
<span>{{row.xmjlNotPerformNum || 0}}/{{row.xmjlInServiceNum || 0}}</span> <span
>{{ row.xmjlNotPerformNum || 0 }}/{{
row.xmjlInServiceNum || 0
}}</span
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" label="安全员">
align="center"
label="安全员"
>
<template v-slot="{ row }"> <template v-slot="{ row }">
<span>{{row.aqyNotPerformNum || 0}}/{{row.aqyInServiceNum || 0}}</span> <span
>{{ row.aqyNotPerformNum || 0 }}/{{
row.aqyInServiceNum || 0
}}</span
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" label="质量员">
align="center"
label="质量员"
>
<template v-slot="{ row }"> <template v-slot="{ row }">
<span>{{row.zlyNotPerformNum || 0}}/{{row.zlyInServiceNum || 0}}</span> <span
>{{ row.zlyNotPerformNum || 0 }}/{{
row.zlyInServiceNum || 0
}}</span
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" label="监理">
align="center"
label="监理"
>
<template v-slot="{ row }"> <template v-slot="{ row }">
<span>{{row.jlNotPerformNum || 0}}/{{row.jlInServiceNum || 0}}</span> <span
>{{ row.jlNotPerformNum || 0 }}/{{
row.jlInServiceNum || 0
}}</span
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="echarts" ref="safetyTraining" v-show="timeRadio == '4'"></div> <div
class="echarts"
ref="safetyTraining"
v-show="timeRadio == '4'"
></div>
</div> </div>
</div> </div>
<div class="content2 flex"> <div class="content2 flex">
@ -490,7 +519,7 @@ import {
getEnterpriseInfoList, getEnterpriseInfoList,
getWorkerTeamStatisticsApi, getWorkerTeamStatisticsApi,
getPersonTypeAndEduStatisticsApi, getPersonTypeAndEduStatisticsApi,
getSafetyPerformanceAnalysisApi getSafetyPerformanceAnalysisApi,
} from "@/assets/js/api/laborPerson"; } from "@/assets/js/api/laborPerson";
import { selectProjectComapnyWorkTotalListApi } from "@/assets/js/api/dataBoard.js"; import { selectProjectComapnyWorkTotalListApi } from "@/assets/js/api/dataBoard.js";
@ -528,7 +557,7 @@ export default {
enterpriseListData: [], enterpriseListData: [],
teamListData: [], teamListData: [],
departmentListData: [], departmentListData: [],
safeData: {} safeData: {},
}; };
}, },
mounted() { mounted() {
@ -561,10 +590,10 @@ export default {
}, },
methods: { methods: {
radioGroupChange() { radioGroupChange() {
if(this.timeRadio == '4'){ if (this.timeRadio == "4") {
this.createdEcharts3(); this.createdEcharts3();
} }
console.log(777888) console.log(777888);
}, },
changeCompany() { changeCompany() {
this.formInline.departmentId = ""; this.formInline.departmentId = "";
@ -688,10 +717,24 @@ export default {
axisLabel: { axisLabel: {
color: "#9fa2ad", color: "#9fa2ad",
fontSize: 12, 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: { yAxis: {
type: "value", type: "value",
axisTick: { axisTick: {