mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 20:06:44 +08:00
修改
This commit is contained in:
李志发
@@ -1,80 +1,79 @@
|
||||
<script>
|
||||
import {addTeacher, getCertificationProcess, getProgress, getTeacherInfo} from "@/api/modules/lecturer";
|
||||
import processStatus from "@/components/processStatus.vue";
|
||||
|
||||
export default {
|
||||
name: "CoachingSuccess",
|
||||
data(){
|
||||
return{
|
||||
teacherId:'',
|
||||
form:{
|
||||
teacherName:'',
|
||||
teacherNo:'',
|
||||
orgName:''
|
||||
components: {processStatus},
|
||||
data() {
|
||||
return {
|
||||
teacherId: '',
|
||||
form: {
|
||||
teacherName: '',
|
||||
teacherNo: '',
|
||||
orgName: ''
|
||||
},
|
||||
progressData:{},
|
||||
fileBaseUrl:process.env.VUE_APP_FILE_BASE_URL,
|
||||
disabled:false,
|
||||
statusInfo:''
|
||||
progressData: {},
|
||||
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
|
||||
disabled: false,
|
||||
statusInfo: ''
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
created() {
|
||||
//读取路由参数
|
||||
this.teacherId=this.$route.query.teacherId
|
||||
this.teacherId = this.$route.query.teacherId
|
||||
//获取教师基本信息
|
||||
this.baseInfo()
|
||||
this.getStatus()
|
||||
},
|
||||
methods:{
|
||||
methods: {
|
||||
//获取教师认证状态
|
||||
getStatus(){
|
||||
getCertificationProcess({teacherId:this.teacherId}).then(res=>{
|
||||
this.statusInfo=res.data
|
||||
getStatus() {
|
||||
getCertificationProcess({teacherId: this.teacherId}).then(res => {
|
||||
this.statusInfo = res.data
|
||||
})
|
||||
},
|
||||
baseInfo(){
|
||||
getTeacherInfo({teacherId:this.teacherId}).then(res=>{
|
||||
baseInfo() {
|
||||
getTeacherInfo({teacherId: this.teacherId}).then(res => {
|
||||
/*
|
||||
* teacherName:教师姓名 teacherNo:教师工号 orgName:组织 positionName:岗位 bandCode:职级 courseName:认证课程名称 courseContent课程内容分类
|
||||
* courseIntroduction:课程简介
|
||||
* */
|
||||
this.form.teacherName=res.data[0].teacherName
|
||||
this.form.teacherNo=res.data[0].teacherNo
|
||||
this.form.orgName=res.data[0].orgName
|
||||
this.form.positionName=res.data[0].positionName
|
||||
this.form.bandCode=res.data[0].bandCode
|
||||
this.form.courseName=res.data[0].courseName
|
||||
this.form.courseContent=res.data[0].courseContent
|
||||
this.form.courseIntroduction=res.data[0].courseIntroduction
|
||||
this.form.coursewareName=res.data[0].examineCourseware.coursewareName
|
||||
this.form.tutor=res.data[0].tutor.split(',')
|
||||
this.form.tutorTime=res.data[0].tutorTime
|
||||
this.form.teacherName = res.data[0].teacherName
|
||||
this.form.teacherNo = res.data[0].teacherNo
|
||||
this.form.orgName = res.data[0].orgName
|
||||
this.form.positionName = res.data[0].positionName
|
||||
this.form.bandCode = res.data[0].bandCode
|
||||
this.form.courseName = res.data[0].courseName
|
||||
this.form.courseContent = res.data[0].courseContent
|
||||
this.form.courseIntroduction = res.data[0].courseIntroduction
|
||||
this.form.coursewareName = res.data[0].examineCourseware.coursewareName
|
||||
this.form.tutor = res.data[0].tutor.split(',')
|
||||
this.form.tutorTime = res.data[0].tutorTime
|
||||
//获取学习进度
|
||||
this.addTeacher()
|
||||
})
|
||||
},
|
||||
addTeacher(){
|
||||
addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
|
||||
addTeacher() {
|
||||
addTeacher({pageNo: 1, pageSize: 10, keyword: this.form.teacherNo}).then(res => {
|
||||
this.getProgress(res.data[0].id)
|
||||
})
|
||||
},
|
||||
getProgress(id){
|
||||
getProgress({teacherId:id}).then(res=>{
|
||||
this.progressData=res.data
|
||||
res.data.forEach((item,index)=>{
|
||||
if (item.progress!=100){
|
||||
this.disabled=true
|
||||
getProgress(id) {
|
||||
getProgress({teacherId: id}).then(res => {
|
||||
this.progressData = res.data
|
||||
res.data.forEach((item, index) => {
|
||||
if (item.progress != 100) {
|
||||
this.disabled = true
|
||||
return
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
format(percentage) {
|
||||
return percentage === 100 ? '满' : `${percentage}%`;
|
||||
},
|
||||
getJump(){
|
||||
getJump() {
|
||||
this.$router.push({
|
||||
path:'/need/final',
|
||||
query:{teacherId:this.teacherId}
|
||||
path: '/need/final',
|
||||
query: {teacherId: this.teacherId}
|
||||
})
|
||||
}
|
||||
|
||||
@@ -84,73 +83,78 @@ export default {
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<process-status :teacherId="teacherId"></process-status>
|
||||
<div class="title">基本信息</div>
|
||||
<el-container>
|
||||
<div class="form-table">
|
||||
<el-form label-width="140px">
|
||||
<el-form>
|
||||
<div>
|
||||
<el-col :span="10">
|
||||
<el-col :span="11">
|
||||
<el-form-item label="姓名：">
|
||||
{{form.teacherName}}
|
||||
{{ form.teacherName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="10" :offset="4">
|
||||
<el-col :span="11" :offset="2">
|
||||
<el-form-item label="工号：">
|
||||
{{form.teacherNo}}
|
||||
{{ form.teacherNo }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</div>
|
||||
<el-form-item label="组织：">
|
||||
{{form.orgName}}
|
||||
</el-form-item>
|
||||
<div>
|
||||
<el-col :span="10">
|
||||
<el-form-item label="岗位：">
|
||||
{{form.positionName}}
|
||||
<el-col :span="11">
|
||||
<el-form-item label="组织：">
|
||||
{{ form.orgName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="10" :offset="4">
|
||||
<el-form-item label="职级：">
|
||||
{{form.bandCode}}
|
||||
<el-col :span="11" :offset="2">
|
||||
<el-form-item label="岗位：">
|
||||
{{ form.positionName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</div>
|
||||
<div>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="认证课程名称：" prop="courseName">
|
||||
{{ form.courseName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11" :offset="2">
|
||||
<el-form-item label="课程内容分类：" prop="courseContent">
|
||||
{{ form.courseContent }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</div>
|
||||
<el-form-item label="认证课程名称：" prop="courseName">
|
||||
{{form.courseName}}
|
||||
</el-form-item>
|
||||
<el-form-item label="课程内容分类：" prop="courseContent">
|
||||
{{form.courseContent}}
|
||||
</el-form-item>
|
||||
<el-form-item label="课程简介：" prop="courseIntroduction">
|
||||
{{form.courseIntroduction}}
|
||||
{{ form.courseIntroduction }}
|
||||
</el-form-item>
|
||||
<el-form-item label="初稿课件：" prop="courseIntroduction">
|
||||
{{form.coursewareName}} <span style="color: #1378f6;display: inline-block;margin-left: 16px">查看</span>
|
||||
{{ form.coursewareName }} <span style="color: #1378f6;display: inline-block;margin-left: 16px">查看</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-container>
|
||||
<div class="title" style="margin-top: 20px">线上课程</div>
|
||||
<div class="progress">
|
||||
<div v-for="(item,index) in progressData" :key="item">
|
||||
<div v-for="(item,index) in progressData" :key="index">
|
||||
<div class="uc-course-img" style="width: 212px;height:119px">
|
||||
<img :src="item.courseImage">
|
||||
</div>
|
||||
<div class="courseName">{{item.courseName}}</div>
|
||||
<div class="courseName">{{ item.courseName }}</div>
|
||||
<div class="smallTitle">当前进度</div>
|
||||
<el-progress :percentage="item.progress" :format="format"></el-progress>
|
||||
<el-progress :percentage="parseInt(item.progress)"></el-progress>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="title" style="margin-top: 20px">线下辅导</div>
|
||||
<el-container>
|
||||
<div class="form-table">
|
||||
<el-form label-width="140px">
|
||||
<el-form>
|
||||
<el-form-item label="辅导老师：">
|
||||
<span v-for="(item,index) in form.tutor" :key="item" style="display: inline-block;margin-right: 20px">{{item}}</span>
|
||||
<span v-for="(item,index) in form.tutor" :key="item"
|
||||
style="display: inline-block;margin-right: 20px">{{ item }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="辅导时间：">
|
||||
{{form.tutorTime}}
|
||||
{{ form.tutorTime }}
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
@@ -165,45 +169,58 @@ export default {
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.title{
|
||||
.title {
|
||||
font-size: 16px;
|
||||
font-weight: 800;
|
||||
width: 850px;
|
||||
border-bottom: 1px solid rgba(215, 215, 215, 0.66);
|
||||
border-bottom: 1px solid rgba(153, 153, 153, 0.2);
|
||||
padding: 2px 2px 20px 2px;
|
||||
}
|
||||
.form-table{
|
||||
width: 850px;
|
||||
|
||||
.form-table {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.progress{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.progress>div{
|
||||
max-width: 250px;
|
||||
margin-right: 20px;
|
||||
width: 300px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.courseName{
|
||||
|
||||
.courseName {
|
||||
font-weight: 650;
|
||||
color: #333333;
|
||||
font-size: 14px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.smallTitle{
|
||||
color:#134054;
|
||||
font-size:12px;
|
||||
|
||||
.smallTitle {
|
||||
color: #134054;
|
||||
font-size: 12px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
::v-deep .el-form-item__content{
|
||||
|
||||
::v-deep .el-form-item__content {
|
||||
font-weight: 500;
|
||||
}
|
||||
::v-deep .el-form-item{
|
||||
|
||||
::v-deep .el-form-item {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.tip{
|
||||
|
||||
.tip {
|
||||
color: #7d7c7c;
|
||||
font-size: 14px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
::v-deep .el-progress-bar__outer{
|
||||
background-color: rgba(255, 160, 80, 0.2);
|
||||
}
|
||||
::v-deep .el-progress-bar__inner{
|
||||
background-color: rgba(255, 160, 80, 1);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user