优化素质测评功能体验

packageCa/userCenter/careerCompass.vue

@@ -5,7 +5,7 @@
 				生涯罗盘
 			</view>
 			<view class="section">
-				<view class="table">
+				<view class="table" v-if="compassList.length > 0">
 					<view class="tr">
 						<view class="th">
 						</view>
@@ -40,6 +40,13 @@
 						</view>
 					</view>
 				</view>
+				<view class="empty" v-else>
+					<view class="icon"></view>
+					<view class="txt">暂无推荐职业，请先进行兴趣测评</view>
+					<view class="nav-btn" @click="navTest">
+						去测评
+					</view>
+				</view>
 			</view>
 			<view class="title">
 				我的职业
@@ -115,6 +122,12 @@
 			this.getGXCareerPlanList();
 		},
 		methods: {
+			// 去测评
+			navTest(){
+				uni.navigateTo({
+					url: `/packageCa/pagesTest/testList`
+				})
+			},
 			//选中职业添加
 			async checkedJob(ITEM){
 				uni.showLoading({
@@ -218,6 +231,36 @@
 		    background-size: 38rpx 38rpx;
 		}
 	}
+	.empty {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding-top: 60rpx;
+		padding-bottom: 100rpx;
+		.icon {
+			width: 240rpx;
+			height: 240rpx;
+			background: url("#{$image-oss-url}/empty.png") no-repeat;
+			background-size: 100%;
+			margin-bottom: 20rpx;
+		}
+		.txt {
+			font-size: 28rpx;
+			color: #A4B3E5;
+		}
+		.nav-btn {
+			width: 335rpx;
+			height: 80rpx;
+			margin: 40rpx auto 0;
+			background-color: #1989fa;
+			border-radius: 40rpx;
+			font-size: 28rpx;
+			color: #fff;
+			text-align: center;
+			line-height: 80rpx;
+		}
+	}
 	.index-wrap {
 		 .content {
 			 padding: 0 20rpx;