hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-06 17:36:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

page add

Browse Source
This commit is contained in:
joshen
2024-05-14 18:58:57 +08:00
parent fdb5ef8eb0
commit 258812b777
7 changed files with 648 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
api/lecturer/certification.js.js Normal file
View File

@@ -0,0 +1,37 @@
/*
讲师认证
*/
import config from '@/config/index.js'
const baseURL = config.apiActivityUrl;
import ajax from '../ajax';
/*
选择讲师列表
@param reviewId 评估ID
@param judgesWorkNum 评委工号
*/
const lecturerCertificationSave=function(data){
return ajax.postJson(baseURL,'/score/save',data);
}
/*
提交分数
@param teacherId 讲师ID
@param judgesWorkNum 评委工号
@param score 分数
@param isSecond
*/
const lecturerCertificationList=function(data){
return ajax.postJson(baseURL,'/score/list',data);
}
/*
讲师详情
@param teacherId 讲师ID
*/
const lecturerCertificationInfo=function(data){
return ajax.postJson(baseURL,'/teacher/getTeacherInfo',data);
}
export default{
lecturerCertificationList,
lecturerCertificationInfo,
lecturerCertificationSave
}

7
config/index.js
View File

@@ -11,7 +11,7 @@ let appId=''
let fileUrl='';
let version=1;
let scormPlayer='';
let apiActivityUrl = '';
if(process.env.NODE_ENV === 'development'){
//本地开发环境
apiBaseUrl = '/systemapi';
@@ -23,6 +23,7 @@ if(process.env.NODE_ENV === 'development'){
//fileUrl = 'https://u-pre.boe.com/cdn/upload';
loginPath='/mobile/pages/login/login';
scormPlayer='https://u-pre.boe.com/scorm-player';
apiActivityUrl='/activityApi';
}else if(process.env.ENV_TYPE === 'preview'){
// 预发布环境，当前配置未使用上
context='/mobile-release';
@@ -34,6 +35,7 @@ if(process.env.NODE_ENV === 'development'){
fileUrl = 'https://u.boe.com/upload';
loginPath='https://u.boe.com/m/loginuser';
scormPlayer='https://u.boe.com/newscorm/scorm-player';
apiActivityUrl='/activityApi';
}else if(process.env.ENV_TYPE === 'testing'){
// 测试环境
apiBaseUrl = '/systemapi';
@@ -43,6 +45,7 @@ if(process.env.NODE_ENV === 'development'){
fileUrl = 'https://u-pre.boe.com/upload';
loginPath='https://u-pre.boe.com/m/loginuser';
scormPlayer='https://u-pre.boe.com/newscorm/scorm-player';
apiActivityUrl='/activityApi';
}else{
// 生产环境
apiBaseUrl = '/systemapi';
@@ -53,9 +56,11 @@ if(process.env.NODE_ENV === 'development'){
fileUrl = 'https://u.boe.com/upload';
loginPath='https://u.boe.com/m/loginuser';
scormPlayer='https://u.boe.com/newscorm/scorm-player';
apiActivityUrl='/activityApi';
}
export default {
apiActivityUrl:apiActivityUrl,
apiBaseUrl:apiBaseUrl,
oldApiBaseUrl:oldApiBaseUrl,
manageApiBaseUrl:manageApiBaseUrl,

4
pages.json
View File

@@ -77,7 +77,9 @@
{"path" : "pages/login/indLabels","style" : {"navigationBarTitleText": "修改个人标签"}},
{"path" : "pages/study/courseStudy","style" : {"navigationBarTitleText": "课程学习"}},
{"path" : "pages/study/audioTest","style" : {"navigationBarTitleText": "音频测试"}},
{"path" : "pages/study/videoTest","style" : {"navigationBarTitleText": "视频频测试"}}
{"path" : "pages/study/videoTest","style" : {"navigationBarTitleText": "视频频测试"}},
{"path" : "pages/lecturer/certification/list","style" : {"navigationBarTitleText": "个人信息"}},
{"path" : "pages/lecturer/certification/info","style" : {"navigationBarTitleText": "个人信息"}}
],
"globalStyle": {
"navigationBarTextStyle": "black",

BIN
pages/lecturer/.DS_Store vendored Normal file
View File

Binary file not shown.

408
pages/lecturer/certification/info.vue Normal file
View File

@@ -0,0 +1,408 @@
<template>
<view class="main">
<u-toast ref="uToast"></u-toast>
<u-modal :show="showFlag" :closeOnClickOverlay="true" :showCancelButton="true" @cancel="hideDialog" @confirm="submit" :content="'您给讲师打的分数是'+scoreNum+'分， 是否确认提交?'"></u-modal>
<div class="info">
<div class="info_top">
<div class="header_img">
<image :src="lecturersInfo.courseImage || `../../../static/images/lecture/teacher.png`"></image>
</div>
<div class="base_info">
<div class="base_info_1">
<div class="name">{{lecturersInfo.teacherName}}</div>
<div class="number">{{lecturersInfo.teacherNo}}</div>
</div>
<div class="base_info_2">{{lecturersInfo.orgPath}}</div>
<div class="base_info_3">
<div>{{lecturersInfo.positionName}}</div>
<div>{{lecturersInfo.bandCode}}</div>
</div>
</div>
</div>
<div class="info_buttom">
认证课程名称：{{lecturersInfo.courseName}}
</div>
</div>
<div class="curriculumDevelopment">
<div class="title">课程开发（35分）</div>
<div class="topic">
<div class="substance">
1.对课程主题理解有深度，在编写/优化课件时，能理论结合实际；<span>（20分）</span>
</div>
<div class="fraction">
<u-number-box v-model="score.one" min="0" max="20" @change="stepperChange('one')"></u-number-box>
</div>
</div>
<div class="topic" style="border: none">
<div class="substance">
2.了解学员，善于将课程内容与学员情况相结合，使用他们熟悉的语言和场景进行讲授，促使学员更快地理解并接受课程内容；<span>（15分）</span>
</div>
<div class="fraction">
<u-number-box v-model="score.two" min="0" max="15" @change="stepperChange('two')"></u-number-box>
</div>
</div>
</div>
<div class="curriculumDevelopment">
<div class="title">课程讲授与互动（45分）</div>
<div class="topic">
<div class="substance">
1.富有教师思维，能够根据成人的学习习惯，运用多种教学手段，使课堂生动活泼，提升课堂效率；
<span>（15分）</span>
</div>
<div class="fraction">
<u-number-box v-model="score.three" min="0" max="15" @change="stepperChange('three')"></u-number-box>
</div>
</div>
<div class="topic">
<div class="substance">
2.具备所讲授课程的专业知识或实战经验，能够应对学员在课堂上提出的普通问题或挑战性问题；
<span>（15分）</span>
</div>
<div class="fraction">
<u-number-box v-model="score.four" min="0" max="15" @change="stepperChange('four')"></u-number-box>
</div>
</div>
<div class="topic">
<div class="substance">
3.心态开放，有较强的临场应变技能，能够通过正向引导，化解课堂中的“危机”，推进课程正常进行；
<span>（10分）</span>
</div>
<div class="fraction">
<u-number-box v-model="score.five" min="0" max="10" @change="stepperChange('five')"></u-number-box>
</div>
</div>
<div class="topic" style="border: none">
<div class="substance">
4.语言正向、积极，富有感染力，传递知识的同时，传递能量；
<span>（5分）</span>
</div>
<div class="fraction">
<u-number-box v-model="score.six" min="0" max="5" @change="stepperChange('six')"></u-number-box>
</div>
</div>
</div>
<div class="curriculumDevelopment">
<div class="title">仪表与仪态（20分）</div>
<div class="topic">
<div class="substance">
1.着装符合课程主题的要求；（10分）
<span>（10分）</span>
</div>
<div class="fraction">
<u-number-box v-model="score.seven" min="0" max="10" @change="stepperChange('seven')"></u-number-box>
</div>
</div>
<div class="topic">
<div class="substance">
2.站立行走落落大方，不卑不亢；
<span>（5分）</span>
</div>
<div class="fraction">
<u-number-box v-model="score.eight" min="0" max="5" @change="stepperChange('eight')"></u-number-box>
</div>
</div>
<div class="topic" style="border: none;padding-bottom: 80px">
<div class="substance">
3.普通话标准，语言文明健康，讲授适度、接地气；
<span>（5分）</span>
</div>
<div class="fraction">
<u-number-box v-model="score.nine" min="0" max="10" @change="stepperChange('nine')"></u-number-box>
</div>
</div>
</div>
<div class="foot">
<view class="fraction">您的评分：<span>{{scoreNum}}分</span></view>
<view class="submit" @click="showDialog()">提交</view>
</div>
</view>
</template>
<script>
import apiLecturerCert from "@/api/lecturer/certification.js";
export default {
data() {
return {
showFlag: false,
lecturersInfo: {},
score:{
"one": 0,
"two": 0,
"three": 0,
"four": 0,
"five": 0,
"six": 0,
"seven": 0,
"eight": 0,
"nine": 0
},
scoreNum: 0,
detail: {}
}
},
onPullDownRefresh() {
},
onReachBottom() {
},
onLoad(options) {
this.teacherId = options.teacherId
this.info(options.teacherId)
},
methods:{
showDialog(){
if(this.scoreNum<=0){
this.$refs.uToast.show({message:"请先进行评份",type:'error'});
return;
}
this.showFlag=true
},
hideDialog(){
this.showFlag=false
},
stepperChange(name){
setTimeout(()=>{
this.scoreNum = this.score.one + this.score.two + this.score.three + this.score.four + this.score.five + this.score.six + this.score.seven + this.score.eight + this.score.nine
},50)
},
info(teacherId){
apiLecturerCert.lecturerCertificationInfo({
teacherId: teacherId
}).then(res => {
console.log('submit res::', res)
if (res.code == 200 &&res.data.length) {
this.lecturersInfo = res.data[0]
// list.forEach((item, index) => {
// res.result.some(author => {
// if (author.aid == item.aid) {
// item.authorInfo = author;
// return true;
// } else {
// return false;
// }
// });
// });
} else {
this.$refs.uToast.show({message:res.msg,type:'error'});
}
});
this.showFlag=false
},
submit(){
apiLecturerCert.lecturerCertificationSave({
teacherId: parseInt(this.teacherId),
score: this.scoreNum,
}).then(res => {
console.log('submit res::', res)
if (res.code == 200) {
this.lecturersList = res.data
} else {
this.$refs.uToast.show({message:res.msg,type:'error'});
}
});
this.showFlag=false
}
}
}
</script>
<style scoped lang="scss">
.main {
background: #F9F9F9;
overflow:hidden ;
.info {
text-align: left;
width: 100%;
background: #fff;
height: 120px;
padding: 20px 16px 16px 16px;
.info_top {
display: flex;
margin-left: 9px;
.header_img {
image {
width: 144rpx;
height: 144rpx;
border-radius: 50%;
}
}
.base_info {
margin-left: 20px;
margin-top: 3px;
.base_info_1 {
display: flex;
align-items: center;
.name {
font-weight: 600;
font-size: 16px;
color: #333333;
line-height: 22px;
text-align: left;
font-style: normal;
}
.number {
margin-left: 9px;
font-weight: 400;
font-size: 14px;
color: #333333;
line-height: 20px;
text-align: left;
font-style: normal;
}
}
.base_info_2 {
margin-top: 5px;
font-weight: 400;
font-size: 14px;
color: #333333;
line-height: 20px;
text-align: left;
font-style: normal;
}
.base_info_3 {
display: flex;
align-items: center;
margin-top: 7px;
}
.base_info_3:first-child {
margin-right: 20px;
}
}
}
.info_buttom {
margin-top: 18px;
font-weight: 400;
font-size: 14px;
color: #333333;
line-height: 20px;
text-align: left;
font-style: normal;
}
}
.curriculumDevelopment {
background: #fff;
margin-top: 10px;
padding: 0 16px;
.title {
padding-top: 18px;
font-weight: 500;
font-size: 16px;
color: #333333;
line-height: 22px;
text-align: left;
font-style: normal;
margin-bottom: 15px;
}
.topic {
padding-bottom: 20px;
border-bottom: 1px solid rgba(83, 83, 83, 0.06);
margin-bottom: 17px;
.substance {
font-weight: 400;
font-size: 14px;
color: #666666;
line-height: 20px;
text-align: justify;
font-style: normal;
span {
color: #409EFF;
}
}
.fraction {
text-align: right;
margin-top: 4px;
}
}
}
.foot {
height: 81px;
background: #F8F8F8;
border-radius: 16px 16px 0px 0px;
display: flex;
justify-content: space-evenly;
align-items: center;
position: fixed;
bottom: 0px;
width: 100vw;
.fraction{
font-weight: 500;
font-size: 16px;
color: #333333;
line-height: 22px;
text-align: left;
font-style: normal;
span{
color: #409EFF;
}
}
.submit{
width: 180px;
height: 44px;
background: #409EFF;
box-shadow: 0px 2px 7px 1px rgba(104,102,102,0.08);
border-radius: 22px;
color: #FFFFFF;
font-size: 16px;
font-weight: 500;
line-height: 44px;
text-align: center;
}
}
:deep(.a-popup--center){
width: 288px;
height: 150px;
background: #FFFFFF;
border-radius: 14px;
.content{
width: 196px;
height: 44px;
font-weight: 600;
font-size: 16px;
color: #333333;
line-height: 22px;
text-align: center;
font-style: normal;
margin-top: 31px;
margin-left: 46px;
}
.buttons{
position:absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
.qx{
border-right: 1px solid rgba(153,153,153,0.18);
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 22px;
font-style: normal;
}
.qr{
font-weight: 400;
font-size: 16px;
color: #387DF7;
line-height: 22px;
font-style: normal;
}
div{
width: 144px;
height: 47px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid rgba(153,153,153,0.18);
}
}
}
}
</style>

179
pages/lecturer/certification/list.vue Normal file
View File

@@ -0,0 +1,179 @@
<template>
<view class="ranking-list-info">
<view class="back-icon" @click="back()">
<u-icon style="position: absolute;" name="arrow-left"></u-icon>
<text class="back-icon-title">个人信息</text>
</view>
<view class="ranking-list-box">
<view class="main">
<view class="tip" v-if="lecturersList.length">请选择您要评分的讲师（共{{lecturersList.length}}位）</view>
<view class="lecturers">
<view v-for="( itemes, index) in lecturersList" :key="itemes.id" class="lecturers_item" @click="gotoInfo(itemes)">
<view class="avatar">
<image :src="`../../../static/images/lecturer/teacher.png`" style="width: 144rpx;height: 144rpx;border-radius: 72rpx;"></image>
</view>
<view class="information">
<view class="information_1">
<view class="name">{{ itemes.teacherName }}</view>
<view class="numbering">{{itemes.teacherNo}}</view>
</view>
<view class="information_2">{{itemes.orgPath}}</view>
<view class="information_3">
<view class="posts">{{ itemes.positionName }}</view>
<view class="rank">{{ itemes.bandCode }}</view>
</view>
</view>
<view v-if="itemes.score && itemes.score<=80" class="status" style="color: #FF4040">{{itemes.score}}分</view>
<view v-if="itemes.score && itemes.score>80" class="status" style="color:#31AF0D">{{itemes.score}}分</view>
<view v-if="!itemes.score" class="status" style="color:#409EFF">去评分</view>
</view>
</view>
<u-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/car.png"></u-empty>
</view>
</view>
</view>
</template>
<script>
import apiLecturerCert from "@/api/lecturer/certification.js";
export default {
data() {
return {
lecturersList: ''
}
},
onPullDownRefresh() {
},
onReachBottom() {
},
onLoad(options) {
console.log('评估IDoptions:',options)
if(options.reviewId)
apiLecturerCert.lecturerCertificationList({
reviewId: options.reviewId
}).then(res => {
if (res.code == 200) {
this.lecturersList = res.data
} else {
this.$message.error(res.message);
}
});
},
methods:{
back(){
uni.navigateBack();
},
gotoInfo(item){
uni.navigateTo({
url:'/pages/lecturer/certification/info?teacherId='+item.id
})
}
}
}
</script>
<style scoped lang="scss">
.back-icon{
background: #ffffff;
background-position: 0 0;
position: relative;
height: 40px;
display: flex;
align-items: center;
}
.back-icon-title{
flex: 1;
text-align: center;
}
.main {
height: 100vh;
padding: 10px 13px 10px 16px;
background: #ffffff;
.tip {
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 22px;
text-align: left;
font-style: normal;
}
.lecturers{
.lecturers_item{
padding: 20rpx 0;
border-bottom: 1px solid rgba(83,83,83,0.06);
width: 100%;
height: 95px;
display: flex;
.avatar{
margin-left: 9px;
margin-right: 21px;
img{
width: 72px;
height: 72px;
border-radius: 50%;
}
}
.information{
flex:1;
.information_1{
margin-top: 3px;
display: flex;
align-items: center;
.name{
font-weight: 600;
font-size: 16px;
color: #333333;
line-height: 22px;
text-align: left;
font-style: normal;
}
.numbering{
font-weight: 400;
font-size: 14px;
color: #333333;
line-height: 20px;
text-align: left;
font-style: normal;
margin-left: 9px;
}
}
.information_2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-weight: 400;
font-size: 14px;
color: #333333;
text-align: left;
font-style: normal;
margin-top: 5px;
}
.information_3{
margin-top: 5px;
font-weight: 400;
font-size: 14px;
color: #666666;
line-height: 20px;
text-align: left;
font-style: normal;
display: flex;
align-items: center;
.posts{
margin-right: 20px;
}
}
}
.status{
width:50px ;
text-align: right;
}
}
}
}
</style>

BIN
static/images/lecturer/teacher.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB