Files
CNCEC_APP/pages/index/board/safe/organizerCard.vue
T
2026-08-17 11:01:21 +08:00

121 lines
3.8 KiB
Vue

<template>
<ChartCard :loading="loading" margin="0 0 30rpx 0">
<view class="organizer">
<view class="organizer-tit">企业及分支机构人数</view>
<view class="row u-flex u-flex-wrap u-padding-20 u-margin-bottom-20" @click="router.push('/pages/index/dataBranch/index')">
<view class="row_li u-row-left">
<text class="organizer-lab">企业总监数</text>
<text class="organizer_num">{{ orgData?.HeadOfficeInspectorGeneralNum || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">企业专职人员数</text>
<text class="organizer_num">{{ orgData?.HeadOfficeFullTimeNum || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">分支机构总监数</text>
<text class="organizer_num">{{ orgData?.BranchInspectorGeneralNum || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">分支机构专职人员数</text>
<text class="organizer_num">{{ orgData?.BranchFullTimeNum || 0 }}</text>
</view>
</view>
<view class="organizer-tit">项目人数</view>
<view class="row u-flex u-flex-wrap u-padding-20 u-margin-bottom-20" @click="router.push('/pages/index/dataProjectNum/index')">
<view class="row_li u-row-left">
<text class="organizer-lab">项目总监</text>
<text class="organizer_num">{{ orgData?.ProjectInspectorGeneralNum || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">专职安全管理人员(含分包)</text>
<text class="organizer_num">{{ orgData?.ProjectFullTimeNum || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">安全监护人数</text>
<text class="organizer_num">{{ orgData?.ProjectSafetyMonitorNum || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">注安师数量</text>
<text class="organizer_num">{{ orgData?.SafetyInjectionEngineer || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">A证人数</text>
<text class="organizer_num">{{ orgData?.CertificateANum || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">B证人数</text>
<text class="organizer_num">{{ orgData?.CertificateBNum || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">C证人数</text>
<text class="organizer_num">{{ orgData?.CertificateCNum || 0 }}</text>
</view>
<!-- <view class="row_li u-row-left">
<text class="organizer-lab">特种作业人员数量</text>
<text class="organizer_num">{{orgData.CertificateBNum}}</text>
</view> -->
<view class="row_li u-row-left">
<text class="organizer-lab">参建人数</text>
<text class="organizer_num">{{ projectInfoData?.JoinConstructionPersonNum || 0 }}</text>
</view>
<view class="row_li u-row-left">
<text class="organizer-lab">安全工时</text>
<text class="organizer_num">{{ projectInfoData?.SafeWorkingHour || 0 }}</text>
</view>
</view>
</view>
</ChartCard>
</template>
<script setup>
import { ref } from 'vue';
import ChartCard from '@/components/chartCard.vue';
import { router } from '@/utils';
defineProps({
orgData: {
type: Object,
default: () => ({})
},
projectInfoData: {
type: Object,
default: () => ({})
}
});
const loading = ref(false);
</script>
<style lang="scss" scoped>
.organizer {
width: 100%;
&-tit {
color: #2573cb;
width: 100%;
font-size: 28rpx;
background-color: #f7fbfe;
}
&-lab {
color: #999999;
font-size: 24rpx;
}
&_num {
color: #333333;
font-size: 28rpx;
margin-top: 4rpx;
}
.row {
background-color: #f7fbfe;
gap: 20rpx 0;
&_li {
width: 50%;
display: flex;
flex-direction: column;
}
}
}
</style>