89 lines
3.0 KiB
Vue
89 lines
3.0 KiB
Vue
|
<template>
|
||
|
|
|
||
|
|
<ChartCard :loading="loading" margin="0 0 30rpx 0" title="组织机构人员">
|
||
|
|
<view class="organizer">
|
||
|
|
<view class="row u-flex u-padding-20 u-margin-bottom-20">
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">集团总人数</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">企业</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="organizer-tit">分支机构</view>
|
||
|
|
<view class="row u-flex u-padding-20 u-margin-bottom-20">
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
</view>
|
||
|
|
<view class="organizer-tit">注安师</view>
|
||
|
|
<view class="row u-flex u-padding-20 u-margin-bottom-20">
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">在岗职业</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
</view>
|
||
|
|
<view class="organizer-tit">项目人数</view>
|
||
|
|
<view class="row u-flex u-padding-20 u-margin-bottom-20">
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">安全监护</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
</view>
|
||
|
|
<view class="organizer-tit">三类人员</view>
|
||
|
|
<view class="row u-flex u-padding-20">
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">A证</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">B证</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
<view class="row_li u-flex u-row-center"><text class="organizer-lab">C证</text><text
|
||
|
|
class="organizer_num">13273</text></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</ChartCard>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import {ref} from 'vue'
|
||
|
|
import ChartCard from '@/components/chartCard.vue'
|
||
|
|
|
||
|
|
const loading = ref(false)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.organizer {
|
||
|
|
&-tit {
|
||
|
|
color: #2573cb;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 28rpx;
|
||
|
|
background-color: #F7FBFE;
|
||
|
|
padding: 12rpx 20rpx 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
&-lab {
|
||
|
|
color: #999999;
|
||
|
|
font-size: 24rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
&_num {
|
||
|
|
color: #333333;
|
||
|
|
font-size: 28rpx;
|
||
|
|
margin-top: 16rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row {
|
||
|
|
background-color: #F7FBFE;
|
||
|
|
|
||
|
|
&_li {
|
||
|
|
flex: 1;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|