样式暂时确认版本
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="人员报验、培训及交底数">
|
||||
<view class="education u-flex">
|
||||
<view class="education u-flex u-row-between">
|
||||
<view class="education-box">
|
||||
<view class="education-box-lab">人员报验数</view>
|
||||
<view class="education-box-num u-margin-top-20">800</view>
|
||||
@@ -25,7 +25,6 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
.education {
|
||||
width: 100%;
|
||||
&-box {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="设备材料及机具报验数">
|
||||
<view class="measuring u-flex">
|
||||
<view class="measuring u-flex u-row-between">
|
||||
<view class="measuring-box u-flex u-row-center">
|
||||
<view class="measuring-box-icon"><u-icon name="jiliangqijujianguan" color="#e28ea3" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-icon"><u-icon name="shebei" color="#e28ea3" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-row u-padding-left-20">
|
||||
<text class="measuring-box-row-num">900台</text>
|
||||
<text class="measuring-box-row-lab">设备材料报验数</text>
|
||||
@@ -10,7 +10,7 @@
|
||||
</view>
|
||||
|
||||
<view class="measuring-box u-flex u-row-center">
|
||||
<view class="measuring-box-icon"><u-icon name="hege" color="#3bdae2" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-icon"><u-icon name="jijubaoyan" color="#36d2ad" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-row u-padding-left-20">
|
||||
<text class="measuring-box-row-num">9000台</text>
|
||||
<text class="measuring-box-row-lab">机具报验数</text>
|
||||
@@ -28,7 +28,6 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
.measuring {
|
||||
padding: 20rpx 0;
|
||||
&-box {
|
||||
flex: 1;
|
||||
&-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="计量器具数">
|
||||
<view class="measuring u-flex">
|
||||
<view class="measuring u-flex u-row-between">
|
||||
<view class="measuring-box u-flex u-row-center">
|
||||
<view class="measuring-box-icon"><u-icon name="jiliangqijujianguan" color="#e28ea3" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-row u-padding-left-20">
|
||||
@@ -28,7 +28,6 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
.measuring {
|
||||
padding: 20rpx 0;
|
||||
&-box {
|
||||
flex: 1;
|
||||
&-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -40,10 +40,9 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
&-row {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-end;
|
||||
padding: 20rpx 0;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
padding: 10rpx 0;
|
||||
&_lab {
|
||||
// width: 200rpx;
|
||||
font-size: 24rpx;
|
||||
@@ -52,10 +51,9 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
}
|
||||
&_num {
|
||||
// width: calc(100% - 200rpx);
|
||||
line-height: 1;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
padding-left: 40rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,11 +3,11 @@
|
||||
<view class="education u-flex">
|
||||
<view class="education-box">
|
||||
<view class="education-box-lab">图纸会审总数</view>
|
||||
<view class="education-box-num u-margin-top-20">800</view>
|
||||
<view class="education-box-num u-margin-top-6">800</view>
|
||||
</view>
|
||||
<view class="education-box">
|
||||
<view class="education-box-lab">设计交底总数</view>
|
||||
<view class="education-box-num u-margin-top-20">800</view>
|
||||
<view class="education-box-num u-margin-top-6">800</view>
|
||||
</view>
|
||||
</view>
|
||||
</ChartCard>
|
||||
|
||||
@@ -18,7 +18,8 @@
|
||||
show: false
|
||||
},
|
||||
xAxis: {
|
||||
disableGrid: true
|
||||
disableGrid: true,
|
||||
fontSize:12
|
||||
},
|
||||
yAxis: {
|
||||
data: [{
|
||||
|
||||
@@ -3,62 +3,62 @@
|
||||
<view class="organizer">
|
||||
<view class="organizer-tit">企业及分支机构人数</view>
|
||||
<view class="row u-flex u-flex-wrap u-padding-20 u-margin-bottom-20">
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">企业总监数</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">企业专职人员数</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">分支机构总监数</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">分支机构专职人员数</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">A证人数</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">B证人数</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="organizer-tit">项目人数</view>
|
||||
<view class="row u-flex u-flex-wrap u-padding-20 u-margin-bottom-20">
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">项目总监</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">专职安全管理人员(含分包)</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">安全监护人数</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">注安师数量</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">C证人数</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">特种作业人员数量</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">参建人数</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
<view class="row_li u-flex u-row-center">
|
||||
<view class="row_li u-row-left">
|
||||
<text class="organizer-lab">安全工时</text>
|
||||
<text class="organizer_num">13273</text>
|
||||
</view>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
|
||||
<ChartCard margin="0 0 30rpx 0" title="机具管理" >
|
||||
<view class="special-equip u-flex">
|
||||
<view class="special-equip u-flex u-row-between">
|
||||
<view class="special-equip-box u-flex u-row-center">
|
||||
<view class="special-equip-box-icon"> <u-icon name="ziyuanshiyongtongji" color="#e28ea3" custom-prefix="custom-icon" size="60" ></u-icon></view>
|
||||
<view class="special-equip-box-row u-padding-left-20">
|
||||
@@ -29,7 +29,6 @@
|
||||
.special-equip{
|
||||
padding: 20rpx 0;
|
||||
&-box{
|
||||
flex: 1;
|
||||
&-row{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<ChartCard margin="0 0 30rpx 0" title="作业许可数">
|
||||
<view class="work u-flex">
|
||||
<view class="work u-flex u-row-between">
|
||||
<view class="work-box u-flex u-row-center">
|
||||
<view class="work-box-icon"><u-icon name="xukezheng" color="#8CEEFF" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="work-box-row u-padding-left-20">
|
||||
@@ -30,7 +30,6 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
.work {
|
||||
padding: 20rpx 0;
|
||||
&-box {
|
||||
flex: 1;
|
||||
height: 100rpx;
|
||||
&-row {
|
||||
height: 100rpx;
|
||||
|
||||
Reference in New Issue
Block a user