zc

pages_safetyEducationExamination/views/home/component/userInfoCard.vue

@@ -5,10 +5,8 @@
 			<img v-if="userInfo.avatar" class="avatar-img" :src="baseUrl+userInfo.avatar">
 			<img v-else class="avatar-img" :src="imagesUrl('commonality/icon_01.png')">
 			<view class="center-info-box">
-				<view class="name-box">
+				<view class="name-box-2">
 					<view>{{userInfo.userName}}</view>
-					<view>奖励分 {{userInfo.totalPoints}}</view>
-					<view>信用分 {{userInfo.scoreCredit}}</view>
 				</view>
 				<view class="account-box">
 					<view>{{userInfo.userType == 2?userInfo.educationName:(userInfo.userType == 1?'教职工':'系统用户')}}</view>
@@ -17,6 +15,10 @@
 					<view> · </view>
 					<view>{{userInfo.deptName}}</view>
 				</view>
+				<view class="name-box-1">
+					<view>奖励分 {{userInfo.totalPoints?userInfo.totalPoints:0}}</view>
+					<view>信用分 {{userInfo.scoreCredit?userInfo.scoreCredit:0}}</view>
+				</view>
 				<!-- <view class="dept-box">
 					<view>{{userInfo.deptName}}</view>
 				</view> -->
@@ -181,7 +183,7 @@
 	.safetyEducationExamination-workbench-userInfoCard {
 		.top-max-big-box {
 			z-index: 0;
-			height: 200rpx;
+			height: 240rpx;
 			background-color: #1959D5;
 			overflow: hidden;
 			display: flex;
@@ -191,24 +193,17 @@
 				border-radius: 50%;
 				width: 98rpx;
 				height: 98rpx;
-				margin: 32rpx 32rpx 0 32rpx;
+				margin: 48rpx 32rpx 0 32rpx;
 			}
 
 			.center-info-box {
 				flex: 1;
 				margin-top:22rpx;
-				.name-box {
+				.name-box-1 {
 					display: flex;
 					margin-top: 18rpx;
-
+					
 					view:nth-child(1) {
-						font-size: 34rpx;
-						font-weight: 700;
-						color: #fff;
-						margin-right: 20rpx;
-					}
-
-					view:nth-child(2) {
 						background: rgba(255, 215, 0, .2);
 						color: #ffe066;
 						font-size: 22rpx;
@@ -219,7 +214,7 @@
 						margin-right: 20rpx;
 					}
 
-					view:nth-child(3) {
+					view:nth-child(2) {
 						background: rgba(0, 210, 140, .18);
 						color: #7fffd4;
 						font-size: 22rpx;
@@ -230,6 +225,18 @@
 						margin-right: 20rpx;
 					}
 				}
+				.name-box-2 {
+					display: flex;
+					margin-top: 8rpx;
+
+					view:nth-child(1) {
+						font-size: 34rpx;
+						font-weight: 700;
+						color: #fff;
+						margin-right: 20rpx;
+					}
+
+				}
 
 				.account-box {
 					display: flex;
@@ -243,6 +250,9 @@
 					view:nth-child(2) {
 						margin: 0 10rpx;
 					}
+					view:nth-child(4) {
+						margin: 0 10rpx;
+					}
 				}
 
 				.dept-box {