流程实现

pages/study/index.vue

@@ -126,13 +126,13 @@
 				<uni-load-more :status="studyLoadStatus"></uni-load-more>
 			</view>
 		</view>
-		<view class="learn" v-show="tabIndex===2">
+		<view class="learn" v-show="tabIndex===2" v-if="Object.keys(detailData).length">
 			<view class="learn_header">
 				<view class="learn_left">
 					<text class="text">我的成长路径</text>
 					<image @click="contentOn" src="../../static/images/learnpath/why.png" class="image"></image>
 					<view class="up_content" v-show="upContent">
-						<view class="text">根据您的归属组织、您所在岗位、职级，已为您自动匹配“产品企划岗Band6～7成长路径”，抓紧时间学习吧～</view>
+						<view class="text">根据您的归属组织、您所在岗位、职级，已为您自动匹配“{{detailData.growName || ''}}”，抓紧时间学习吧～</view>
 						<image @click="contentOut" class="down" src="../../static/images/learnpath/down.png" mode=""></image>
 					</view>
 				</view>
@@ -144,10 +144,10 @@
 			<view class="line"></view>
 			<view class="learn_body">
 				<view class="body_job">
-					<view class="name">产品企划岗Band6～7成长路径</view>
+					<view class="name">{{detailData.growName || ''}}</view>
 					<view class="job">
-						<text>京东方集团股份有限公司</text>
-						<text> 学习状态：进行中</text>
+						<text>{{detailData.organizationName || ''}}</text>
+						<text> 学习状态：<text :style="{color: ['#FF8336','#31AF0D','#409EFF '][detailData.studyStatus]}">{{detailData.studyStatus==0?'未开始':detailData.studyStatus==1?'已完成':'进行中'}}</text></text>
 					</view>
 					<view class="plan_item">
 						<image class="image" src="../../static/images/learnpath/file.png" mode=""></image>
@@ -169,14 +169,14 @@
 						</view>
 					</view>
 				</view>
-				<view class="body_item">
+				<view class="body_item" v-if="detailData.remark">
 					<view class="body_top">
 						<image class="img" src="../../static/images/learnpath/explain.png" mode=""></image>
 						<text class="text">说明</text>
 					</view>
 					<view class="body_down">
 						<view class="text_ele">
-						请各位选课的同学提前阅读本课程的 “教学大纲与计划”、“课程考核要求”与“学习要求”，并按给定的中学化学教学主题分好小组每位同学在网上学习的活动轨迹都会自动被系统记录將作为大家个人线上参与的评价依据;请大家务必......
+						{{detailData.remark || ''}}
 						</view>
 					</view>
 				</view>
@@ -192,8 +192,8 @@
 								<view>当前任务：</view>
 							</view>
 							<view class="right">
-								<view style="margin-bottom: 24rpx;">10门</view>
-								<view>产品考试</view>
+								<view style="margin-bottom: 24rpx;">{{detailData.taskNum}}门</view>
+								<view>{{detailData.currentTaskName}}</view>
 							</view>
 						</view>
 						<view class="plan_right">
@@ -201,11 +201,19 @@
 						</view>
 					</view>
 				</view>
-				<view class="go_learn" @click="goLearn">
-					开始学习
+				<view class="go_learn" @click="goLearn(detailData)">
+					{{detailData.overallCompletionRate==0?'开始学习':detailData.overallCompletionRate==100?'回顾':'继续学习'}}
 				</view>
 			</view>
 		</view>
+		<view class="learn" v-show="tabIndex===2" v-else>
+			<u-empty
+			        mode="data"
+			        icon="http://cdn.uviewui.com/uview/empty/data.png"
+					style="height: 75vh;"
+			>
+			</u-empty>
+		</view>
 		<u-modal :show="studyResetShow" :showCancelButton="true" @cancel="cancelResetStudy" @confirm="resetStudy"	ref="uModal" :asyncClose="true">
 			您确定要重新学习吗？
 		</u-modal>
@@ -283,12 +291,14 @@
 	import { formatDate } from '@/utils/tools.js';
 	import apiUser from '@/api/system/user.js'
 	import { mapGetters } from 'vuex'
+	import { getList } from "@/api/modules/growth.js"
 	export default {
 		computed: {
 			...mapGetters(['userInfo', 'isOneStady'])
 		},
 		data() {
 			return {
+				detailData: {},
 				planDown: false,
 				upContent: false,
 				checked: false,
@@ -424,7 +434,8 @@
 		methods: {
 			goLearn() {
 				uni.navigateTo({
-					url: '/pages/learnPath/learnPath'
+					url: '/pages/learnPath/learnPath?growId='+this.detailData.growId+'&name='+this.detailData.growName
+					
 				});
 			},
 			contentOn() {
@@ -739,6 +750,12 @@
 					if(localStorage.getItem("checkedTrue")!=null){
 						this.learnModal = localStorage.getItem("checkedTrue") === "true"
 						this.isChecked = localStorage.getItem("checkedTrue") === "false"
+						getList(this.userInfo.aid).then(res=>{
+							console.log(res,'res')
+							if(res.code == 200 ){
+								this.detailData = res.data
+							}
+						})
 					}else{
 						this.learnModal = true
 					}