Skip to content

L
learn-online
提交 ade1ff50 authored 作者: GOD_ZYX's avatar GOD_ZYX
浏览文件
操作

修改 所有内容 追加semester_id确保课程的唯一性

上级 bc21a074
显示空白字符变更
内嵌 并排
正在显示 包含 3278 行增加 和 231 行删除
learnOnline/apiService/ChapterApi.js
浏览文件 @ ade1ff50
const util = require('../utils/util.js')
/**
* 本API中全部用于 音视频 播放相关接口
*/
/* 获取章节列表信息 */
// 测试 用 cur_course_id：6438232736871219200 cur_video_id：6290435412296990720
const getChapterList = (cur_course_id, cur_video_id, callback) => {
const getChapterList = (cur_course_id, cur_semester_id, cur_video_id, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v1/education/courses/' + cur_course_id,
url: util.config.URL_PATH + '/tenant/v2/education/courses/' + cur_semester_id + '/' + cur_course_id,
callback: function (res) {
let i = 0, j = 0, nextVideo = {}, prevVideo = {};
/* 计算上一章 和 下一章 */
......@@ -51,10 +54,18 @@ const getChapterList = (cur_course_id, cur_video_id, callback) => {
return {
title: _.name,
chapters: _.children.map(function (__, j) {
let _homework = __.type == 3 && __.homework && __.homework.work_type == 1 && __.homework || ''
if (_homework) {
_homework.course_id = res.data.course_id
_homework.chapter_id = __.id
_homework.work_id = __.resource_id
_homework.semester_id = res.data.semester_id
}
return {
id: __.resource_id,
time: __.video && util.durationToTimeString(__.video.video_length) || '',
name: __.name
name: __.name,
homework: _homework
}
})
}
......@@ -69,7 +80,7 @@ const getChapterList = (cur_course_id, cur_video_id, callback) => {
/* 获取对应某个章节的详细信息 */
const getCurrentChapterDetail = (vid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v1/education/video-streaming',
url: util.config.URL_PATH + '/tenant/v2/education/video-streaming',
method: 'POST',
data: {
vid: vid
......@@ -97,9 +108,9 @@ const getCurrentChapterDetail = (vid, callback) => {
}
/* 获取进度信息 */
// 测试 用 device_id : jjhz92fn0.le2a6c06c9g0.thhg7ekb1f8
const getProgress = (vid, did, callback) => {
const getProgress = (vid, did, sid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v1/education/video/' + vid + '/device',
url: util.config.URL_PATH + '/tenant/v2/education/video/' + sid + '/' + vid + '/device',
data: {
device_id: did
},
......@@ -111,11 +122,12 @@ const getProgress = (vid, did, callback) => {
/* 提交进度信息 */
const updateProgress = (obj) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v1/analytics/upload-video',
url: util.config.URL_PATH + '/tenant/v2/analytics/upload-video',
data: {
d: obj.did,
i: obj.did,
c: obj.cid,
s: obj.sid,
v: obj.vid,
_p: obj.pt, // 累计时间
_m: obj.mpt, // 当前播放最大时间
......
learnOnline/apiService/CourseApi.js 0 → 100644
浏览文件 @ ade1ff50
const util = require('../utils/util.js')
/**
* 本API中全部用于 选课、我的课程、课程详情、讨论 相关接口
*/
/* 获取学期分类信息 */
const getlearnFindList = (callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/education/semesters',
callback: function (res) {
let json = [{ val: '-1', name: '全部' }]
for (let i = 0; i < res.data.length; i++) {
let _list = res.data
json.push({
val: _list[i].id,
name: _list[i].semester_name
})
}
callback(json)
}
})
}
/* 获取所有课程列表 - 选课广场 和 我的课程 共用同一个,通过 isMy判断 */
const getCourseList = (isMy, param, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/education/courses' + (isMy ? '/my' : '' ),
data: param, // json格式
callback: function (res) {
let json = [];
for(let i = 0; i < res.data.length; i++) {
let cur = res.data[i], _cur = res.data[i].curriculum
/* 课程类型 */
let _type = _cur.curriculum_elective_type, str1 = _type == 1 ? '必修课' : (_type == 2 ? '选修课' : (_type == 3 ? '重修课' : ''))
json.push({
id: cur.course_id,
sid: cur.semester_id,
src: _cur && _cur.curriculum_picture || '../icons/home/default.jpg',
title: cur.course_name,
arrTab: [((_cur && _cur.curriculum_credit || 0) + '学分'), str1, cur.semester_name],
status: _cur.is_enabled ? '已发布' : '未发布',
time: cur.begin_date.split(' ')[0] + ' 至 ' + cur.end_date.split(' ')[0],
myStatus: cur.selected != 0 ? (cur.score ? ('总成绩：' + cur.score) : '已选修') : '未选修',
progress: cur.course_progress + '%'
})
}
callback(json)
}
})
}
/* 获取某个课程详细信息 - 课程考核 和 课程讨论单独获取 */
const getCourseDetail = (id, sid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/education/courses/' + sid + '/' + id,
callback: function (res) {
let cur = res.data, _cur = cur.curriculum
/* 课程类型 */
let _type = _cur.curriculum_elective_type, str1 = _type == 1 ? '必修课' : (_type == 2 ? '选修课' : (_type == 3 ? '重修课' : ''))
let json = {
headerInfo: {
isStart: !!cur.selected, // 是否为开始学习按钮 或者 选课按钮
id: cur.course_id,
sid: cur.semester_id,
bgSrc: _cur && _cur.curriculum_picture || '../icons/home/default.jpg',
title: cur.course_name,
arrTab: [((_cur && _cur.curriculum_credit || 0) + '学分'), str1, cur.semester_name],
status: _cur.is_enabled ? '已发布' : '未发布',
time: cur.begin_date.split(' ')[0] + ' 至 ' + cur.end_date.split(' ')[0],
progress: cur.course_progress + '%'
},
tabs0Content: {},
tabs1ChapterList: {}
}
/* 课程简介 */
json.tabs0Content = {
text: _cur && _cur.curriculum_represent,
teachers: []
}
for (let i = 0; i < cur.lecturers.length; i++) {
let item = cur.lecturers[i]
json.tabs0Content.teachers.push({
src: item.lecturer_avatar,
name: item.lecturer_name,
edu: item.lecturer_education || '',
job: item.lecturer_office || '',
unit: item.lecturer_title || ''
})
}
/* 课程内容 */
json.tabs1ChapterList = {
currentChapterId: cur.latest_play || '',
course: cur.chapters.map(function (_, i) {
return {
title: _.name,
isUp: true,
chapters: _.children.map(function (__, j) {
let _homework = __.type == 3 && __.homework && __.homework.work_type == 1 && __.homework || ''
if (_homework) {
_homework.course_id = res.data.course_id
_homework.chapter_id = __.id
_homework.work_id = __.resource_id
_homework.semester_id = res.data.semester_id
}
return {
cid: cur.course_id,
sid: cur.semester_id,
vid: __.resource_id,
time: __.video && util.durationToTimeString(__.video.video_length) || '',
name: __.name,
homework: _homework
}
})
}
})
}
json.tabs1ChapterList.course.push({
title: '课程大作业',
isUp: true,
chapters: []
})
json.tabs1ChapterList.course.push({
title: '课程资料',
isUp: true,
chapters: []
})
callback(json)
}
})
}
/* 获取课程考核信息 */
const getCourseAssess = (cid, sid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/analytics/courses/' + sid + '/' + cid + '/evaluation',
callback: function (res) {
let cur = res.data
let video = [];
for (let i in cur.video_evaluation) {
let _ = cur.video_evaluation[i]
let tempArr = []
for (let j in _.sections) {
let __ = _.sections[j]
tempArr.push({
name: __.title,
time: __.duration && util.durationToTimeString(__.duration) || '00:00',
progress: __.progress && (__.progress + '%') || '0%'
})
}
video.push({
title: _.title,
arr: tempArr
})
}
let homewrok = [];
for (let i in cur.homework_evaluation) {
let _ = cur.homework_evaluation[i]
let tempArr = []
for (let j in _.sections) {
let __ = _.sections[j]
tempArr.push({
name: __.title,
score: __.score || '0'
})
}
homewrok.push({
title: _.title,
arr: tempArr
})
}
let json = {
score: cur.course_score,
duration: util.durationToTimeString(cur.course_duration || 0),
progress: cur.course_progress,
video: video,
homewrok: homewrok,
essay: {
status: cur.essay_evaluation.status || '暂无',
score: cur.essay_evaluation.score || '暂无'
}
}
callback(json)
}
})
}
/* 获取试题信息 */
const getExamDetail = (eid, sid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/education/homeworks/' + sid + '/' + eid,
callback: function (res) {
callback(res)
}
})
}
/* 提交考试信息 */
const submitExamDetail = (param, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/education/homeworks',
method: 'POST',
data: param,
callback: function (res) {
callback(res)
}
})
}
/* 选课 */
const selectCourse = (cid, sid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/education/courses/major',
data: { course_id: cid, semester_id: sid },
method: 'POST',
callback: function (res) {
callback(res)
}
})
}
/* 退课 */
const outSelectCourse = (cid, sid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/education/courses/drop',
data: { course_id: cid, semester_id: sid },
method: 'POST',
callback: function (res) {
callback(res)
}
})
}
module.exports = {
getlearnFindList: getlearnFindList,
getCourseList: getCourseList,
getCourseDetail: getCourseDetail,
getCourseAssess: getCourseAssess,
getExamDetail: getExamDetail,
submitExamDetail: submitExamDetail,
selectCourse: selectCourse,
outSelectCourse: outSelectCourse
}
\ No newline at end of file
learnOnline/apiService/DiscussApi.js 0 → 100644
浏览文件 @ ade1ff50
const util = require('../utils/util.js')
/**
* 本API中全部用于 讨论 相关接口
*/
/* 获取讨论题目列表，“我提出的问题”和“我参与的问题”信息 */
/**
* dataJson.limit - 获取数量
* dataJson.offset - 偏移量
*/
const getDiscussList = (path, dataJson, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/questions' + path,
data: dataJson,
callback: function (res) {
let _data = res.data
let json = _data.map(function (_, i) {
return {
id: _.id,
sid: _.semester_id,
user: {
url: _.questioner.avatar || '../icons/my/default.jpg',
name: _.questioner.nickname,
time: _.created_time
},
title: _.title,
text: _.contents,
askCnt: _.answer_count,
TouCnt: _.tag_total_count,
courseName: '在线学习课程',
comments: _.comments,
mine: _.mine
}
})
callback(json)
}
})
}
/* 获取讨论题目列表，“课程的问题”信息 */
/**
* dataJson.limit - 获取数量
* dataJson.offset - 偏移量
* dataJson.sort - 排序类型
*/
const getCourseDiscussList = (cid, sid, dataJson, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/questions/course/' + sid + '/' + cid,
data: dataJson,
callback: function (res) {
let _data = res.data
let json = _data.map(function (_, i) {
return {
id: _.id,
sid: _.semester_id,
user: {
url: _.questioner.avatar || './icons/default.jpg',
name: _.questioner.nickname,
time: _.created_time
},
title: _.title,
text: _.contents,
askCnt: _.answer_count,
TouCnt: _.tag_total_count,
courseName: '在线学习课程',
comments: _.comments,
mine: _.mine
}
})
callback(json)
}
})
}
/* 获取问题详情 */
const getDiscussDetail = (qid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/questions/' + qid,
callback: function (res) {
let _data = res.data
let json = {
ques: {
qid: _data.id,
sid: _data.semester_id,
user: {
url: _data.questioner.avatar || './icons/default.jpg',
name: _data.questioner.nickname,
time: _data.created_time
},
title: _data.title,
text: _data.contents,
askCnt: _data.answer_count || 0,
TouCnt: _data.tag_total_count || 0,
likeCnt: _data.tag_count || 0,
comCnt: _data.comments.length,
mine: _data.mine,
isShowComment: false,
has_tag: _data.has_tag,
tag_id: _data.tag && _data.tag.id || '',
comments: _data.comments.map(function (_, i) {
return {
cid: _.id,
user: {
url: _.observer.avatar || './icons/default.jpg',
name: _.observer.nickname,
time: _.created_time
},
text: _.comments,
mine: _.mine
}
})
},
answer: _data.answers && _data.answers.map(function (_, i) {
return {
aid: _.id,
user: {
url: _.replier.avatar || './icons/default.jpg',
name: _.replier.nickname,
time: _.created_time
},
text: _.contents,
likeCnt: _.tag_count,
comCnt: _.comments.length,
mine: _.mine,
isShowComment: false,
has_tag: _.has_tag,
tag_id: _.tag && _.tag.id || '',
comments: _.comments.map(function (__, i) {
return {
cid: __.id,
user: {
url: __.observer.avatar || './icons/default.jpg',
name: __.observer.nickname,
time: __.created_time
},
text: __.comments,
mine: __.mine
}
})
}
}) || []
}
callback(json)
}
})
}
/* 删除提问 */
const deleteDiscuss = (qid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/questions/' + qid,
method: 'DELETE',
callback: function (res) {
let _data = res.data
if (_data.success) {
callback(res)
}
}
})
}
/* 提出问题 */
const publishQues = (param, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/questions',
method: 'POST',
data: param,
callback: function (res) {
let _data = res.data
callback(res)
}
})
}
/* 回答问题 */
const answerQues = (param, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/answers',
method: 'POST',
data: param,
callback: function (res) {
let _data = res.data
if (_data.success) {
callback(res)
}
}
})
}
/* 删除回答 */
const deleteAnswer = (aid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/answers/' + aid,
method: 'DELETE',
callback: function (res) {
let _data = res.data
if (_data.success) {
callback(res)
}
}
})
}
/* 回复评论 */
const callbackComment = (param, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/comments',
method: 'POST',
data: param,
callback: function (res) {
let _data = res.data
if (_data.success) {
callback(res)
}
}
})
}
/* 删除评论 */
const deleteComment = (cid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/comments/' + cid,
method: 'DELETE',
callback: function (res) {
let _data = res.data
if (_data.success) {
callback(res)
}
}
})
}
/* 点赞 */
const like = (param, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/tags',
method: 'POST',
data: param,
callback: function (res) {
let _data = res.data
if (_data.success) {
callback(res)
}
}
})
}
/* 取消点赞 */
const unlike = (tagid, callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/qa/tags/' + tagid,
method: 'DELETE',
callback: function (res) {
let _data = res.data
if (_data.success) {
callback(res)
}
}
})
}
module.exports = {
getDiscussList: getDiscussList,
getCourseDiscussList: getCourseDiscussList,
getDiscussDetail: getDiscussDetail,
publishQues: publishQues,
deleteDiscuss: deleteDiscuss,
callbackComment: callbackComment,
deleteComment: deleteComment,
answerQues: answerQues,
deleteAnswer: deleteAnswer,
like: like,
unlike: unlike
}
\ No newline at end of file
learnOnline/apiService/MsgApi.js 0 → 100644
浏览文件 @ ade1ff50
const util = require('../utils/util.js')
/**
* 本API中全部用于 消息 相关接口
*/
/* 获取我的学分信息 */
const getMyMsg = (callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/education/message/my',
callback: function (res) {
let json = res.data.map(function (_, i) {
return {
isRead: false,
id: _.id,
text: _.message,
time: _.created_time,
isShow: false // 该字段用来做 每条信息的打开、关闭
}
})
callback(json)
}
})
}
module.exports = {
getMyMsg: getMyMsg
}
\ No newline at end of file
learnOnline/apiService/ScoreApi.js 0 → 100644
浏览文件 @ ade1ff50
const util = require('../utils/util.js')
/**
* 本API中全部用于 我的学分等 相关接口
*/
/* 获取我的学分信息 */
const getMyScore = (callback) => {
util.requestApi({
url: util.config.URL_PATH + '/tenant/v2/education/credits',
callback: function (res) {
let _data = res.data
let json = {
total: _data.total_credits,
myTotal: _data.my_total_credits,
myTotalStr: _data.total_credits && ((_data.my_total_credits * 1.0 / _data.total_credits * 100).toFixed(1) + '%') || '0%',
must: _data.required_credits,
myMust: _data.my_required_credits,
myMustStr: _data.required_credits && ((_data.my_required_credits * 1.0 / _data.required_credits * 100).toFixed(1) + '%') || '0%',
unmust: _data.optional_credits,
myUnmust: _data.my_optional_credits,
myUnmustStr: _data.optional_credits && ((_data.my_optional_credits * 1.0 / _data.optional_credits * 100).toFixed(1) + '%') || '0%'
}
callback(json)
}
})
}
module.exports = {
getMyScore: getMyScore
}
\ No newline at end of file
learnOnline/apiService/demoData.js deleted 100644 → 0
浏览文件 @ bc21a074
const getCurrentChapterDetailData = {
'6290435412296990720': JSON.parse(decodeURIComponent('%7B%22status%22%3A200%2C%22message%22%3A%22%22%2C%22data%22%3A%7B%22video%22%3A%5B%7B%22quality%22%3A%2220%22%2C%22playurl%22%3A%22https%3A%2F%2Fcd15-c120-1.play.bokecc.com%2Fflvs%2FC67C24BF493FE39E%2F2016-03-29%2F4E6B8957F587BC3E9C33DC5901307461-20.m3u8%3Ft%3D1535215588%26key%3DC74BAFA66EDB91A22BF3727D9394CA1C%22%7D%2C%7B%22quality%22%3A%2210%22%2C%22playurl%22%3A%22https%3A%2F%2Fcd15-c120-1.play.bokecc.com%2Fflvs%2FC67C24BF493FE39E%2F2016-03-29%2F4E6B8957F587BC3E9C33DC5901307461-10.m3u8%3Ft%3D1535215588%26key%3D02129D6472C5F2A9A029C297D83452E3%22%7D%5D%2C%22audio%22%3A%5B%7B%22quality%22%3A%2261%22%2C%22url%22%3A%22https%3A%2F%2Fca14-cca1-1.play.bokecc.com%2Fflvs%2FC67C24BF493FE39E%2F2018-08-24%2F4E6B8957F587BC3E9C33DC5901307461-61.mp3%3Ft%3D1535215589%26key%3D99059D511936E1060BD2D3F441CD4BF6%22%7D%5D%2C%22ppts%22%3A%5B%7B%22id%22%3A%226435822008704958464%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A0%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F5101cad405491c12e37917b858c2221d.jpg%22%2C%22origin_name%22%3A%221%22%7D%2C%7B%22id%22%3A%226435822008704958465%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A28%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F3dec41dafa3431ed7c0fda15eb5c614e.jpg%22%2C%22origin_name%22%3A%222%22%7D%2C%7B%22id%22%3A%226435822008704958466%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A157%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F58bf9dcb8e03d00c34d1f92ad729a770.jpg%22%2C%22origin_name%22%3A%223%22%7D%2C%7B%22id%22%3A%226435822008704958467%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A322%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F0840eedf0133a90b2c49c8c44e605c0b.jpg%22%2C%22origin_name%22%3A%224%22%7D%2C%7B%22id%22%3A%226435822008704958468%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A382%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F285c782eca7a61768dcef6ee66bc9d7e.jpg%22%2C%22origin_name%22%3A%225%22%7D%2C%7B%22id%22%3A%226435822008704958469%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A483%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F4513aeb3d4e429ef54e487d994e6a7ba.jpg%22%2C%22origin_name%22%3A%226%22%7D%2C%7B%22id%22%3A%226435822008704958470%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A589%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Fb534bcab44006ef9df2811efc7d28e01.jpg%22%2C%22origin_name%22%3A%227%22%7D%2C%7B%22id%22%3A%226435822008704958471%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A666%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F7a6da66240a26ca146a9848af1c213aa.jpg%22%2C%22origin_name%22%3A%228%22%7D%2C%7B%22id%22%3A%226435822008704958472%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A723%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Fe78b61c6579e9619f506de2d6ca83ab8.jpg%22%2C%22origin_name%22%3A%229%22%7D%2C%7B%22id%22%3A%226435822008704958473%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A771%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F61f212f08d1be74fb0c80a145e93f672.jpg%22%2C%22origin_name%22%3A%2210%22%7D%2C%7B%22id%22%3A%226435822008704958474%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A843%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F4157f2429b973536e2de033840fdb5fe.jpg%22%2C%22origin_name%22%3A%2211%22%7D%2C%7B%22id%22%3A%226435822008704958475%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A938%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F879b548502a735acfa538b5a316bf8a5.jpg%22%2C%22origin_name%22%3A%2212%22%7D%2C%7B%22id%22%3A%226435822008704958476%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A1055%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F72692edb7fcc31f3591af637f892d542.jpg%22%2C%22origin_name%22%3A%2213%22%7D%2C%7B%22id%22%3A%226435822008704958477%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A1182%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Ff87557a9cc1e8555389937b56a70e88f.jpg%22%2C%22origin_name%22%3A%2214%22%7D%2C%7B%22id%22%3A%226435822008704958478%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A1477%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Ffee5fcfc601091e9416ca24ac57d44ad.jpg%22%2C%22origin_name%22%3A%2215%22%7D%2C%7B%22id%22%3A%226435822008704958479%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A1491%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Ff5222d9c56a7d348de21b73c6696dde5.jpg%22%2C%22origin_name%22%3A%2216%22%7D%2C%7B%22id%22%3A%226435822008704958480%22%2C%22video_id%22%3A%226290435412296990720%22%2C%22ppt_point%22%3A1693%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Fb1d743ff3fe1048af6d9a27930b8555f.jpg%22%2C%22origin_name%22%3A%2217%22%7D%5D%7D%7D')),
'6290435413794357248': JSON.parse(decodeURIComponent('%7B%22status%22%3A200%2C%22message%22%3A%22%22%2C%22data%22%3A%7B%22video%22%3A%5B%7B%22quality%22%3A%2220%22%2C%22playurl%22%3A%22https%3A%2F%2Fcd15-c120-1.play.bokecc.com%2Fflvs%2FC67C24BF493FE39E%2F2016-03-29%2FAA7FCDD1A4793A3D9C33DC5901307461-20.m3u8%3Ft%3D1535215724%26key%3D0EC179361A9A2B6B432F43FB9AFEBC17%22%7D%2C%7B%22quality%22%3A%2210%22%2C%22playurl%22%3A%22https%3A%2F%2Fcd15-c120-1.play.bokecc.com%2Fflvs%2FC67C24BF493FE39E%2F2016-03-29%2FAA7FCDD1A4793A3D9C33DC5901307461-10.m3u8%3Ft%3D1535215724%26key%3D34A12ED6828CB95CBD5DC407D8D08634%22%7D%5D%2C%22audio%22%3A%5B%7B%22quality%22%3A%2261%22%2C%22url%22%3A%22https%3A%2F%2Fca14-cca1-1.play.bokecc.com%2Fflvs%2FC67C24BF493FE39E%2F2018-08-24%2FAA7FCDD1A4793A3D9C33DC5901307461-61.mp3%3Ft%3D1535215724%26key%3D61610D575053C7A9DD6F1A4CAC83F62C%22%7D%5D%2C%22ppts%22%3A%5B%7B%22id%22%3A%226435822008704958507%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A0%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F66ec775b8f8a0b097daa950f9e1c2d6c.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%871%22%7D%2C%7B%22id%22%3A%226435822008704958508%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A33%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F08a6a6baea0266b6757b6ec12cfb5a66.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%872%22%7D%2C%7B%22id%22%3A%226435822008704958509%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A39%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F59b75dd24b732cf3f6621faf63f21016.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%873%22%7D%2C%7B%22id%22%3A%226435822008704958510%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A182%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F7e4a9b8ec2297c10e1c0b10eecc05450.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%874%22%7D%2C%7B%22id%22%3A%226435822008704958511%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A332%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Fd4363b4d756344898415e2a923145e07.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%875%22%7D%2C%7B%22id%22%3A%226435822008704958512%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A533%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F552dbf7aa33470a8788b3fa475c933a0.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%876%22%7D%2C%7B%22id%22%3A%226435822008704958513%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A626%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F9cc18d0c6042b840477a70d106640ebc.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%877%22%7D%2C%7B%22id%22%3A%226435822008704958514%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A707%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F68fe39027f0c8f01a82684a4ce78443e.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%878%22%7D%2C%7B%22id%22%3A%226435822008704958515%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A737%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Fbf1aef1ff56858825a91dfb82c01dc3c.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%879%22%7D%2C%7B%22id%22%3A%226435822008704958516%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A776%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F9c8c2ccacab959bf00270d1ce726b7ef.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8710%22%7D%2C%7B%22id%22%3A%226435822008704958517%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A815%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Ffa9b7fd862c82c97c91525228f68cf47.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8711%22%7D%2C%7B%22id%22%3A%226435822008704958518%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A821%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F7c64956c5cea0b9474ecb912e59fb2d6.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8712%22%7D%2C%7B%22id%22%3A%226435822008704958519%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A953%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Fd6d7c3b652a025c26d30c1a51a5483a6.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8713%22%7D%2C%7B%22id%22%3A%226435822008704958520%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A987%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Fed2a2247e3384b767673326feb44eaeb.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8714%22%7D%2C%7B%22id%22%3A%226435822008704958521%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A1006%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F886e2c33fe9821c6288eb250c5f23211.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8715%22%7D%2C%7B%22id%22%3A%226435822008704958522%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A1136%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Ff6dc8bdea016f61f5f381c706c1cd771.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8716%22%7D%2C%7B%22id%22%3A%226435822008704958523%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A1284%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2Fa19e64b8f45d62e4471aae740a42c5a9.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8717%22%7D%2C%7B%22id%22%3A%226435822008704958524%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A1338%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F0eb2fa309184cc28a88b2299ae6905ab.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8718%22%7D%2C%7B%22id%22%3A%226435822008704958525%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A1475%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F2978c5908169aa8c925ac699b5a9b0e6.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8719%22%7D%2C%7B%22id%22%3A%226435822008704958526%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A1563%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F9f6c2a7ac79bf4acc9570ca2a7d362a8.jpg%22%2C%22origin_name%22%3A%22%E5%B9%BB%E7%81%AF%E7%89%8720%22%7D%2C%7B%22id%22%3A%226435822008704958527%22%2C%22video_id%22%3A%226290435413794357248%22%2C%22ppt_point%22%3A1663%2C%22ppt_url%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fppt%2F501043fea4e58fd7b2a2486930b8177f.jpg%22%2C%22origin_name%22%3A%2221%22%7D%5D%7D%7D'))
}
const getProgressData = {
'6290435412296990720': JSON.parse(decodeURIComponent('%7B%22status%22%3A200%2C%22message%22%3A%22%22%2C%22data%22%3A%7B%22id%22%3A%226438239594583425024%22%2C%22mpt%22%3A%22803%22%2C%22cpt%22%3A%22330%22%2C%22pt%22%3A%221193%22%7D%7D')),
'6290435413794357248': JSON.parse(decodeURIComponent('%7B%22status%22%3A200%2C%22message%22%3A%22%22%2C%22data%22%3A%7B%22id%22%3A%226439154667833262080%22%2C%22mpt%22%3A0%2C%22cpt%22%3A0%2C%22pt%22%3A0%7D%7D'))
}
const getChapterListData = JSON.parse(decodeURIComponent('%7B%22status%22%3A200%2C%22message%22%3A%22%22%2C%22data%22%3A%7B%22course_id%22%3A%226438232736871219200%22%2C%22course_name%22%3A%22%E5%85%AC%E5%8F%B8%E9%87%91%E8%9E%8D%22%2C%22course_progress%22%3A0%2C%22semester_name%22%3A%22%E7%AC%AC%E4%B8%80%E5%AD%A6%E6%9C%9F%22%2C%22begin_date%22%3A%222016-07-11%2000%3A00%3A00%22%2C%22end_date%22%3A%222016-10-10%2000%3A00%3A00%22%2C%22latest_play%22%3A%226290435412296990720%22%2C%22score%22%3A0%2C%22credit%22%3A0%2C%22major_count%22%3A%2269%22%2C%22selected%22%3A1%2C%22curriculum%22%3A%7B%22id%22%3A%226260739561362554880%22%2C%22curriculum_name%22%3A%22Sofia-%E5%85%AC%E5%8F%B8%E9%87%91%E8%9E%8D%22%2C%22curriculum_online_type%22%3A1%2C%22curriculum_elective_type%22%3A1%2C%22curriculum_category%22%3A%22178%22%2C%22curriculum_represent%22%3A%22%3Cp%3E%E6%9C%AC%E8%AF%BE%E7%A8%8B%E6%97%A8%E5%9C%A8%E6%8E%A2%E7%B4%A2%E5%92%8C%E7%A0%94%E7%A9%B6%E4%BC%81%E4%B8%9A%E8%B4%A2%E5%8A%A1%E6%88%98%E7%95%A5%E4%B8%8E%E7%AE%A1%E7%90%86%E5%8E%9F%E5%88%99%E3%80%82%E5%BE%88%E5%A5%BD%E5%9C%B0%E6%8E%8C%E6%8F%A1%E8%BF%99%E4%BA%9B%E7%9F%A5%E8%AF%86%E5%AF%B9%E4%BA%8E%E4%BB%BB%E4%BD%95%E6%83%B3%E8%A6%81%E4%BB%8E%E4%BA%8B%E5%85%AC%E5%8F%B8%E9%A1%BE%E9%97%AE%E3%80%81%E9%87%91%E8%9E%8D%E7%AE%A1%E7%90%86%E3%80%81%E6%8A%95%E8%B5%84%E9%93%B6%E8%A1%8C%E3%80%81%E8%82%A1%E7%A5%A8%E4%BA%A4%E6%98%93%E3%80%81%E7%90%86%E8%AE%BA%E7%BB%8F%E6%B5%8E%E6%88%96%E9%87%91%E8%9E%8D%E7%9A%84%E4%BA%BA%E6%9D%A5%E8%AF%B4%E9%83%BD%E6%98%AF%E8%87%B3%E5%85%B3%E9%87%8D%E8%A6%81%E7%9A%84%E3%80%82%3C%2Fp%3E%3Cp%3E%E6%9C%AC%E8%AF%BE%E7%A8%8B%E5%AD%A6%E4%B9%A0%E7%BB%93%E6%9D%9F%E5%90%8E%EF%BC%8C%E5%BA%94%E8%BE%BE%E5%88%B0%E4%BB%A5%E4%B8%8B%E6%95%88%E6%9E%9C%EF%BC%9A%3C%2Fp%3E%3Cp%3E1.%E6%88%91%E4%BA%86%E8%A7%A3%E9%87%91%E8%9E%8D%E5%B8%82%E5%9C%BA%E5%92%8C%E6%9C%BA%E6%9E%84%EF%BC%8C%E5%B9%B6%E4%B8%94%E7%86%9F%E6%82%89%E9%87%91%E8%9E%8D%E8%AF%AD%E8%A8%80%EF%BC%88%E5%BD%93%E4%BD%A0%E8%B5%B0%E8%BF%9B%E9%9D%A2%E8%AF%95%E6%88%BF%E9%97%B4%EF%BC%8C%E5%87%86%E5%A4%87%E4%BB%8E%E4%BA%8B%E9%87%91%E8%9E%8D%E5%B7%A5%E4%BD%9C%E6%97%B6%EF%BC%8C%E8%BF%99%E4%B8%80%E7%82%B9%E9%9D%9E%E5%B8%B8%E9%87%8D%E8%A6%81%EF%BC%89%3C%2Fp%3E%3Cp%3E2.%E6%88%91%E8%83%BD%E5%A4%9F%E4%BB%8E%E4%BC%81%E4%B8%9A%E5%92%8C%E6%8A%95%E8%B5%84%E8%80%85%E7%9A%84%E8%A7%92%E5%BA%A6%E5%AF%B9%E8%82%A1%E7%A5%A8%E3%80%81%E5%80%BA%E5%88%B8%E5%92%8C%E5%85%B6%E4%BB%96%E8%AF%81%E5%88%B8%E8%BF%9B%E8%A1%8C%E5%AE%9A%E6%80%A7%E4%B8%8E%E5%AE%9A%E9%87%8F%E7%9A%84%E5%88%86%E6%9E%90%E8%AF%84%E4%BC%B0%3C%2Fp%3E%3Cp%3E3.%E6%88%91%E8%83%BD%E5%A4%9F%E9%80%9A%E8%BF%87%E9%87%91%E8%9E%8D%E5%B7%A5%E5%85%B7%E5%88%86%E6%9E%90%E5%85%AC%E5%8F%B8%E5%BA%94%E8%AF%A5%E6%89%BF%E6%8B%85%EF%BC%88%E6%89%A7%E8%A1%8C%EF%BC%89%E5%93%AA%E4%BA%9B%E9%A1%B9%E7%9B%AE%EF%BC%8C%E5%B9%B6%E4%B8%94%E6%9C%89%E8%83%BD%E5%8A%9B%E8%A7%A3%E5%86%B3%E8%B5%84%E6%9C%AC%E9%A2%84%E7%AE%97%E8%BF%87%E7%A8%8B%E4%B8%AD%E7%9A%84%E5%BE%88%E5%A4%9A%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%3C%2Fp%3E%3Cp%3E4.%E6%88%91%E8%83%BD%E5%A4%9F%E8%AE%A1%E7%AE%97%E4%B8%80%E4%B8%AA%E5%85%AC%E5%8F%B8%E7%9A%84%E8%82%A1%E6%9D%83%E5%92%8C%E5%80%BA%E5%8A%A1%E8%B5%84%E6%9C%AC%E6%88%90%E6%9C%AC%EF%BC%8C%E5%B9%B6%E4%B8%94%E8%83%BD%E5%A4%9F%E5%9C%A8%E5%81%9A%E8%B5%84%E6%9C%AC%E9%A2%84%E7%AE%97%E5%86%B3%E7%AD%96%E6%97%B6%E5%90%88%E7%90%86%E8%BF%90%E7%94%A8%E5%8A%A0%E6%9D%83%E5%B9%B3%E5%9D%87%E8%B5%84%E6%9C%AC%E6%88%90%E6%9C%AC%3C%2Fp%3E%3Cp%3E5.%E6%88%91%E4%BA%86%E8%A7%A3%E5%85%AC%E5%8F%B8%E9%80%9A%E8%BF%87%E9%A3%8E%E9%99%A9%E8%9E%8D%E8%B5%84%E3%80%81%E9%A6%96%E6%AC%A1%E5%85%AC%E5%BC%80%E5%8B%9F%E8%82%A1%E3%80%81%E7%A7%81%E5%8B%9F%E4%BB%A5%E5%8F%8A%E5%85%B6%E4%BB%96%E8%9E%8D%E8%B5%84%E5%BD%A2%E5%BC%8F%E7%AD%B9%E9%9B%86%E8%B5%84%E9%87%91%E6%89%80%E6%B6%89%E5%8F%8A%E7%9A%84%E6%AD%A5%E9%AA%A4%E5%92%8C%E6%88%90%E6%9C%AC%E4%B8%8E%E6%95%88%E7%9B%8A%3C%2Fp%3E%3Cp%3E6.%E6%88%91%E8%83%BD%E7%90%86%E8%A7%A3%E5%B9%B6%E8%AF%84%E4%BC%B0%E5%BD%B1%E5%93%8D%E5%85%AC%E5%8F%B8%E5%80%BA%E5%8A%A1%E4%B8%8E%E8%82%A1%E6%9D%83%E8%B5%84%E6%9C%AC%E7%BB%93%E6%9E%84%E7%9A%84%E5%9B%A0%E7%B4%A0%3C%2Fp%3E%3Cp%3E7.%E6%88%91%E4%BA%86%E8%A7%A3%E4%B8%BA%E4%BB%80%E4%B9%88%E4%BC%81%E4%B8%9A%E4%BC%9A%E6%94%AF%E4%BB%98%E8%82%A1%E6%81%AF%EF%BC%8C%E8%BF%9B%E8%A1%8C%E8%82%A1%E7%A5%A8%E5%88%86%E5%89%B2%E6%88%96%E8%BF%9B%E8%A1%8C%E8%82%A1%E7%A5%A8%E5%9B%9E%E8%B4%AD%3C%2Fp%3E%3Cp%3E8.%E6%88%91%E7%90%86%E8%A7%A3%E4%B8%8E%E4%BC%81%E4%B8%9A%E5%85%BC%E5%B9%B6%E4%B8%8E%E6%94%B6%E8%B4%AD%E7%9B%B8%E5%85%B3%E7%9A%84%E5%88%A9%E7%9B%8A%E4%BB%B7%E5%80%BC%E5%92%8C%E5%B8%B8%E8%A7%81%E5%A4%B1%E8%AF%AF%EF%BC%8C%E5%B9%B6%E4%B8%94%E5%8F%AF%E4%BB%A5%E5%AF%B9%E5%90%88%E5%B9%B6%E7%9A%84%E4%BB%B7%E5%80%BC%E8%BF%9B%E8%A1%8C%E8%AF%84%E4%BC%B0%3C%2Fp%3E%22%2C%22curriculum_picture%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fcourse%2F18577f02b59d453d97eec454eb319f9c.jpg%22%2C%22curriculum_credit%22%3A3%2C%22curriculum_essay%22%3A%22%3Cp%3E%3Ca%20href%3D%5C%22http%3A%2F%2Fxplat-files.oss-cn-beijing.aliyuncs.com%2Fb939edd7d7cb81d8c93aa27b9b558bbb.pdf%5C%22%3E%E5%85%AC%E5%8F%B8%E9%87%91%E8%9E%8D%E6%A1%88%E4%BE%8BFacebook%2Bcase.pdf%3C%2Fa%3E%3Cbr%3E%3C%2Fp%3E%3Cp%3E%E5%85%AC%E5%8F%B8%E9%87%91%E8%9E%8D%E8%AF%BE%E7%A8%8B%E6%9C%9F%E6%9C%AB%E6%A1%88%E4%BE%8B%E5%88%86%E6%9E%90%EF%BC%88%E8%AF%B7%E5%85%88%E4%B8%8B%E8%BD%BD%E4%B8%8A%E9%9D%A2%E6%A1%88%E4%BE%8BPDF%E6%96%87%E4%BB%B6%EF%BC%8C%E5%86%8D%E5%9B%9E%E7%AD%94%E4%B8%8B%E9%9D%A2%E9%97%AE%E9%A2%98%EF%BC%8C%E9%BC%93%E5%8A%B1%E5%90%8C%E5%AD%A6%E4%BB%AC%E7%94%A8%E8%8B%B1%E6%96%87%E4%BD%9C%E7%AD%94%EF%BC%8C%E4%B8%AD%E6%96%87%E4%BD%9C%E7%AD%94%E4%B9%9F%E5%8F%AF%E4%BB%A5%E3%80%82%EF%BC%89%3C%2Fp%3E%3Cp%3ECase%3A%20FACEBOOK%2C%20INC%3A%20THE%20INITIAL%20PUBLIC%20OFFERING%3C%2Fp%3E%3Cp%3EInstructions%3A%3C%2Fp%3E%3Cp%3EYou%20will%20find%20a%20set%20of%20questions%20to%20guide%20your%20analysis%20below.%20You%20should%20address%20all%20of%20these%20questions%20in%20your%20analysis.%20You%20must%20make%20your%20argument%20succinctly.%20I%20am%20going%20to%20strictly%20enforce%20a%20maximum%20length%20of%206%20pages%20of%20text%20(excluding%20cover%20page%3B%2012%20point%20font%3B%20double-spaced%3B%204A%20paper%3B%20standard%20margins)%2C%20plus%20supporting%20graphs%2C%20figures%20or%20tables.%3C%2Fp%3E%3Cp%3ECase%20Questions%3A%3C%2Fp%3E%3Cp%3E1.%20Business%20Outlook.%20How%20does%20Facebook%20make%20money%3F%20What%20are%20the%20value%20drivers%20of%20its%20business%3F%20Who%20are%20Facebook%E2%80%99s%20competitors%3F%20In%20your%20opinion%2C%20what%20is%20the%20outlook%20for%20the%20social%20networking%20industry%20going%20forward%3F%3C%2Fp%3E%3Cp%3E2.%20Going%20Public%20Decision.%20What%20are%20the%20benefits%20of%20going%20public%20for%20Facebook%20and%20in%3C%2Fp%3E%3Cp%3Egeneral%3F%20What%20are%20the%20costs%20of%20going%20public%20for%20Facebook%20and%20in%20general%3F%20What%20was%3C%2Fp%3E%3Cp%3Egoing%20on%20in%20the%20U.S.%20IPO%20markets%20prior%20to%20Facebook%E2%80%99s%20offering%3F%3C%2Fp%3E%3Cp%3E3.%20Potential%20concerns.%20As%20a%20potential%20shareholder%2C%20what%20are%20your%20concerns%20about%20Facebook%20or%20its%20stock%20offering%3F%20Specifically%2C%20please%20comment%20on%20the%20following%20potential%20conflicts%20of%20interest%3A%20(1)%20the%20high%20sales%20by%20existing%20shareholders%3B%20(2)%20the%20dual-class%20share%20structure%3B%20(3)%20the%20low%20fees%20payable%20to%20underwriters%20of%201.1%20per%20cent%3B%20(4)%20the%20size%20of%20the%20lock-up%3B%20(5)%20the%20retail%20hype%20on%20the%20transaction.%20You%20are%20encouraged%20to%20raise%20additional%20concerns.%3C%2Fp%3E%3Cp%3E4.%20Decision%20Time.%20What%20is%20your%20recommendation%20for%20the%20CXTechnology%20Fund%20on%20whether%20to%20buy%20shares%20or%20not%3F%20Please%20justify%20your%20recommendation%20by%20listing%20your%20concerns.%3C%2Fp%3E%22%2C%22previous_preparation%22%3A%22%22%2C%22is_enabled%22%3A1%7D%2C%22chapters%22%3A%5B%7B%22name%22%3A%22%E7%AC%AC%E4%B8%80%E7%AB%A0%EF%BC%9A%E9%87%8D%E8%A6%81%E6%A6%82%E5%BF%B5%22%2C%22id%22%3A%226438227804889808896%22%2C%22children%22%3A%5B%7B%22name%22%3A%221.1%20%E7%8E%B0%E5%80%BC%EF%BC%88PV%EF%BC%89%E5%92%8C%E7%BB%88%E5%80%BC%EF%BC%88FV%EF%BC%89%22%2C%22id%22%3A%226438227805288267776%22%2C%22type%22%3A2%2C%22resource_id%22%3A%226290435412296990720%22%2C%22video%22%3A%7B%22id%22%3A%226290435412296990720%22%2C%22video_title%22%3A%221.1%20%E7%8E%B0%E5%80%BC%EF%BC%88PV%EF%BC%89%E5%92%8C%E7%BB%88%E5%80%BC%EF%BC%88FV%EF%BC%89%22%2C%22video_slogan%22%3A%221.1%20%E7%8E%B0%E5%80%BC%EF%BC%88PV%EF%BC%89%E5%92%8C%E7%BB%88%E5%80%BC%EF%BC%88FV%EF%BC%89%22%2C%22video_origionalID%22%3A%224E6B8957F587BC3E9C33DC5901307461%22%2C%22video_category%22%3A%22BA77B8843AF26B87%22%2C%22video_length%22%3A1698%2C%22video_provider%22%3A%22CC%E5%8A%A0%E5%AF%86%22%2C%22video_screenshot%22%3A%22%5B%7B%5C%22index%5C%22%3A0%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2F4E6B8957F587BC3E9C33DC5901307461-0%5C%5C%2F0.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A1%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2F4E6B8957F587BC3E9C33DC5901307461-0%5C%5C%2F1.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A2%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2F4E6B8957F587BC3E9C33DC5901307461-0%5C%5C%2F2.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A3%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2F4E6B8957F587BC3E9C33DC5901307461-0%5C%5C%2F3.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A4%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2F4E6B8957F587BC3E9C33DC5901307461-0%5C%5C%2F4.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A5%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2F4E6B8957F587BC3E9C33DC5901307461-0%5C%5C%2F5.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A6%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2F4E6B8957F587BC3E9C33DC5901307461-0%5C%5C%2F6.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A7%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2F4E6B8957F587BC3E9C33DC5901307461-0%5C%5C%2F7.jpg%5C%22%7D%5D%22%2C%22video_definitions%22%3A%22%5B%7B%5C%22definitionlevel%5C%22%3A0%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu666e%5C%5Cu901a%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A66704126%7D%2C%7B%5C%22definitionlevel%5C%22%3A1%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A121104228%7D%2C%7B%5C%22definitionlevel%5C%22%3A2%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A229881986%7D%2C%7B%5C%22definitionlevel%5C%22%3A10%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%5C%22%2C%5C%22terminaltype%5C%22%3A10%2C%5C%22filesize%5C%22%3A111882916%7D%2C%7B%5C%22definitionlevel%5C%22%3A20%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%5C%22%2C%5C%22terminaltype%5C%22%3A10%2C%5C%22filesize%5C%22%3A210051935%7D%2C%7B%5C%22definitionlevel%5C%22%3A1200%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu666e%5C%5Cu901a%201.2x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A55525073%7D%2C%7B%5C%22definitionlevel%5C%22%3A1201%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%201.2x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A100837261%7D%2C%7B%5C%22definitionlevel%5C%22%3A1202%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%201.2x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A191503029%7D%2C%7B%5C%22definitionlevel%5C%22%3A1500%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu666e%5C%5Cu901a%201.5x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A44405960%7D%2C%7B%5C%22definitionlevel%5C%22%3A1501%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%201.5x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A80667879%7D%2C%7B%5C%22definitionlevel%5C%22%3A1502%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%201.5x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A153228284%7D%2C%7B%5C%22definitionlevel%5C%22%3A2000%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu666e%5C%5Cu901a%202.0x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A33297761%7D%2C%7B%5C%22definitionlevel%5C%22%3A2001%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%202.0x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A60488096%7D%2C%7B%5C%22definitionlevel%5C%22%3A2002%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%202.0x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A114895659%7D%5D%22%2C%22video_author%22%3Anull%2C%22video_rating%22%3Anull%2C%22video_poster%22%3A%22http%3A%2F%2F2-img.bokecc.com%2Fcomimage%2FC67C24BF493FE39E%2F2016-03-29%2F4E6B8957F587BC3E9C33DC5901307461-0.jpg%22%2C%22video_backgroundimg%22%3Anull%2C%22video_abstract%22%3Anull%2C%22video_labels%22%3A%22%20%22%2C%22video_subtitle%22%3Anull%2C%22video_voice%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Fcourses%2Fae8ef6f8314d0a508b56dad38196d314.mp3%22%7D%7D%5D%7D%2C%7B%22name%22%3A%22%E7%AC%AC%E4%BA%8C%E7%AB%A0%EF%BC%9A%E8%AF%81%E5%88%B8%E4%BC%B0%E5%80%BC%22%2C%22id%22%3A%226438227810497593344%22%2C%22children%22%3A%5B%7B%22name%22%3A%222.1%20%E5%80%BA%E5%88%B8%E5%92%8C%E8%82%A1%E7%A5%A8%E7%9A%84%E7%8E%B0%E9%87%91%E6%B5%81%E8%B4%B4%E7%8E%B0%E4%BC%B0%E5%80%BC%E6%96%B9%E6%B3%95%22%2C%22id%22%3A%226438227810971549696%22%2C%22type%22%3A2%2C%22resource_id%22%3A%226290435413794357248%22%2C%22video%22%3A%7B%22id%22%3A%226290435413794357248%22%2C%22video_title%22%3A%222.1%20%E5%80%BA%E5%88%B8%E5%92%8C%E8%82%A1%E7%A5%A8%E7%9A%84%E7%8E%B0%E9%87%91%E6%B5%81%E8%B4%B4%E7%8E%B0%E4%BC%B0%E5%80%BC%E6%96%B9%E6%B3%95%22%2C%22video_slogan%22%3A%222.1%20%E5%80%BA%E5%88%B8%E5%92%8C%E8%82%A1%E7%A5%A8%E7%9A%84%E7%8E%B0%E9%87%91%E6%B5%81%E8%B4%B4%E7%8E%B0%E4%BC%B0%E5%80%BC%E6%96%B9%E6%B3%95%22%2C%22video_origionalID%22%3A%22AA7FCDD1A4793A3D9C33DC5901307461%22%2C%22video_category%22%3A%22BA77B8843AF26B87%22%2C%22video_length%22%3A1669%2C%22video_provider%22%3A%22CC%E5%8A%A0%E5%AF%86%22%2C%22video_screenshot%22%3A%22%5B%7B%5C%22index%5C%22%3A0%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2FAA7FCDD1A4793A3D9C33DC5901307461-0%5C%5C%2F0.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A1%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2FAA7FCDD1A4793A3D9C33DC5901307461-0%5C%5C%2F1.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A2%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2FAA7FCDD1A4793A3D9C33DC5901307461-0%5C%5C%2F2.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A3%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2FAA7FCDD1A4793A3D9C33DC5901307461-0%5C%5C%2F3.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A4%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2FAA7FCDD1A4793A3D9C33DC5901307461-0%5C%5C%2F4.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A5%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2FAA7FCDD1A4793A3D9C33DC5901307461-0%5C%5C%2F5.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A6%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2FAA7FCDD1A4793A3D9C33DC5901307461-0%5C%5C%2F6.jpg%5C%22%7D%2C%7B%5C%22index%5C%22%3A7%2C%5C%22url%5C%22%3A%5C%22http%3A%5C%5C%2F%5C%5C%2F2-img.bokecc.com%5C%5C%2Fcomimage%5C%5C%2FC67C24BF493FE39E%5C%5C%2F2016-03-29%5C%5C%2FAA7FCDD1A4793A3D9C33DC5901307461-0%5C%5C%2F7.jpg%5C%22%7D%5D%22%2C%22video_definitions%22%3A%22%5B%7B%5C%22definitionlevel%5C%22%3A0%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu666e%5C%5Cu901a%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A65568601%7D%2C%7B%5C%22definitionlevel%5C%22%3A1%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A118952555%7D%2C%7B%5C%22definitionlevel%5C%22%3A2%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A225821713%7D%2C%7B%5C%22definitionlevel%5C%22%3A10%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%5C%22%2C%5C%22terminaltype%5C%22%3A10%2C%5C%22filesize%5C%22%3A115786520%7D%2C%7B%5C%22definitionlevel%5C%22%3A20%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%5C%22%2C%5C%22terminaltype%5C%22%3A10%2C%5C%22filesize%5C%22%3A216677254%7D%2C%7B%5C%22definitionlevel%5C%22%3A1200%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu666e%5C%5Cu901a%201.2x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A54569249%7D%2C%7B%5C%22definitionlevel%5C%22%3A1201%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%201.2x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A99080987%7D%2C%7B%5C%22definitionlevel%5C%22%3A1202%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%201.2x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A188101167%7D%2C%7B%5C%22definitionlevel%5C%22%3A1500%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu666e%5C%5Cu901a%201.5x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A43635863%7D%2C%7B%5C%22definitionlevel%5C%22%3A1501%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%201.5x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A79226899%7D%2C%7B%5C%22definitionlevel%5C%22%3A1502%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%201.5x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A150480643%7D%2C%7B%5C%22definitionlevel%5C%22%3A2000%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu666e%5C%5Cu901a%202.0x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A32736517%7D%2C%7B%5C%22definitionlevel%5C%22%3A2001%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu6e05%5C%5Cu6670%202.0x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A59429463%7D%2C%7B%5C%22definitionlevel%5C%22%3A2002%2C%5C%22definitiondesc%5C%22%3A%5C%22%5C%5Cu9ad8%5C%5Cu6e05%202.0x%5C%22%2C%5C%22terminaltype%5C%22%3A0%2C%5C%22filesize%5C%22%3A112918076%7D%5D%22%2C%22video_author%22%3Anull%2C%22video_rating%22%3Anull%2C%22video_poster%22%3A%22http%3A%2F%2F2-img.bokecc.com%2Fcomimage%2FC67C24BF493FE39E%2F2016-03-29%2FAA7FCDD1A4793A3D9C33DC5901307461-0.jpg%22%2C%22video_backgroundimg%22%3Anull%2C%22video_abstract%22%3Anull%2C%22video_labels%22%3A%22%20%22%2C%22video_subtitle%22%3Anull%2C%22video_voice%22%3Anull%7D%7D%5D%7D%5D%2C%22lecturers%22%3A%5B%7B%22id%22%3A%226435819032787550649%22%2C%22lecturer_name%22%3A%22%E7%94%B0%E8%BD%A9%22%2C%22lecturer_title%22%3A%22%E6%B8%85%E5%8D%8E%E5%A4%A7%E5%AD%A6%E4%BA%94%E9%81%93%E5%8F%A3%E9%87%91%E8%9E%8D%E5%AD%A6%E9%99%A2%E6%95%99%E6%8E%88%22%2C%22lecturer_office%22%3Anull%2C%22lecturer_avatar%22%3A%22https%3A%2F%2Fimg1.ezijing.com%2Fcurriculum%2Flecturer%2F2359ceae1c110f5724c2407d291e18a5.jpg%22%2C%22lecturer_education%22%3Anull%2C%22lecturer_summarize%22%3A%22%3Cp%3E%E7%BE%8E%E5%9B%BD%E6%B3%A2%E5%A3%AB%E9%A1%BF%E5%AD%A6%E9%99%A2%E9%87%91%E8%9E%8D%E5%AD%A6%E5%8D%9A%E5%A3%AB%EF%BC%8C%E6%B8%85%E5%8D%8E%E5%A4%A7%E5%AD%A6%E4%BA%94%E9%81%93%E5%8F%A3%E9%87%91%E8%9E%8D%E5%AD%A6%E9%99%A2%E6%95%99%E6%8E%88%E3%80%82%E6%B8%85%E5%8D%8E%E5%A4%A7%E5%AD%A6%E5%9B%BD%E5%AE%B6%E9%87%91%E8%9E%8D%E7%A0%94%E7%A9%B6%E9%99%A2%E5%88%9B%E4%B8%9A%E9%87%91%E8%9E%8D%E4%B8%8E%E7%BB%8F%E6%B5%8E%E5%A2%9E%E9%95%BF%E7%A0%94%E7%A9%B6%E4%B8%AD%E5%BF%83%E4%B8%BB%E4%BB%BB%E3%80%82%3C%2Fp%3E%22%2C%22lecturer_introduction%22%3A%22%22%7D%5D%2C%22essay%22%3A%5B%5D%2C%22files%22%3A%5B%5D%7D%7D'))
module.exports = {
getChapterListData: getChapterListData,
getProgressData: getProgressData,
getCurrentChapterDetailData: getCurrentChapterDetailData
}
\ No newline at end of file
learnOnline/app.js
浏览文件 @ ade1ff50
//app.js
App({
onLaunch: function () {}
onLaunch: function () {
wx.showLoading({ title: '页面启动中...', mask: true });
// wx.redirectTo({ url: '/pages/index/index' });
}
})
\ No newline at end of file
learnOnline/app.json
浏览文件 @ ade1ff50
{
"pages": [
"pages/outSite/outSite",
"pages/index/index",
"pages/outSite/outSite",
"pages/videoPlayer/show",
"pages/learnSystem/home/home",
"pages/learnSystem/courseSquare/courseSquare",
"pages/learnSystem/courseContent/courseContent",
"pages/learnSystem/courseContent/courseDiscuss/courseDiscuss",
"pages/learnSystem/courseContent/publishDiscuss/publishDiscuss",
"pages/learnSystem/courseContent/examDetail/examDetail",
"pages/learnSystem/message/message",
"pages/learnSystem/my/my",
"pages/learnSystem/myScore/myScore",
"pages/learnSystem/myDiscuss/myDiscuss",
"pages/learnSystem/discussDetail/discussDetail",
"pages/videoPlayer/AllBugPages/bugPage1/bugPage1",
"pages/videoPlayer/AllBugPages/test"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
"navigationBarTextStyle": "black",
"navigationBarTitleText": "MBA学习系统"
},
"tabBar": {
"borderStyle": "#dcdcdc",
......
learnOnline/pages/index/icons/bg.png
查看替换文件 @ bc21a074 浏览文件 @ ade1ff50
learnOnline/pages/index/icons/bg.png

54.4 KB | W: | H:

learnOnline/pages/index/icons/bg.png

43.6 KB | W: | H:

learnOnline/pages/index/icons/bg.png
learnOnline/pages/index/icons/bg.png
learnOnline/pages/index/icons/bg.png
learnOnline/pages/index/icons/bg.png
  • 2-up
  • Swipe
  • Onion skin
learnOnline/pages/index/index.js
浏览文件 @ ade1ff50
......@@ -14,18 +14,18 @@ Page({
bindphone: { isShow: '', getCode: true, countDown: 60, phone: '', code: '' }
},
goOutSite: function () {
wx.navigateTo({
url: '/pages/outSite/outSite'
})
// wx.switchTab({
// url: '/pages/learnSystem/home/home'
// wx.navigateTo({
// url: '/pages/outSite/outSite'
// })
wx.switchTab({
url: '/pages/learnSystem/home/home'
})
},
/* 进入页面，先判断是否获取用户信息 */
onReady: function () {},
onReady: function () { wx.hideLoading() },
// e.detail.userInfo,
/* 按键授权，微信新版 - 获取用户信息 - 授权方式 */
getUserInfo: function (e) { this.getInfo(); },
getUserInfo: function (e) { this.getInfo() },
/* 获取用户信息 并 判别是否跟紫荆账号绑定 */
getInfo: function () {
wx.showLoading({ title: '信息获取中...', mask: true })
......
learnOnline/pages/learnSystem/courseContent/courseAssess/courseAssess.wxml 0 → 100644
浏览文件 @ ade1ff50
<template name='courseAssess'>
<view class='course-assess'>
<view class='title'>最终成绩：{{item.assess.score && (item.assess.score + '分') || '暂无'}}</view>
<view class='topic'>
<view class='line'></view>
<view class='tit'>课程考核标准</view>
</view>
<view class='detail'>
<view class='h1'>一、最终成绩计算</view>
<view class='p'>课程表现得分*30%+每章试题得分*30%+结业大作业得分*40%=该门课程总得分，满分100分，低于60分为不及格，需重修此门课程。</view>
<image class='b1' src='../icons/courseContent/b1.png' mode='aspectFill'></image>
<view class='h1'>二、具体细则</view>
<view class='h2'>课程表现：总分100分（占科目总成绩的30%）</view>
<view class='p'>1、每个视频观看完成度50分：以后台数据统计为准，全部看完视频满分50分，其它酌情给分。</view>
<view class='em'>注：视频观看考核的是实际播放时长，不是进度条的显示状态，进度条满格并不一定表示观看完这个视频。以下方每日学习时长为准。</view>
<view class='p'>2、课程讨论及反馈建设性问题50分：课程讨论以后台数据为准，反馈问题以教务老师问题统计为准，满分50分，酌情给分。</view>
<view class='h2'>每章试题：总分100分（占科目总成绩的30%）</view>
<view class='p'>本课程所有试题的平均正确率*100分*占总成绩30%=此项得分。(比如正确度为80%，则此项得分：80%*100*30%=24分)</view>
<view class='h2'>结业大作业：总分100分（占科目总成绩的40%）</view>
<view class='p'>结业大作业满分为100分，以助教老师给分为准。</view>
</view>
<view class='topic'>
<view class='line'></view>
<view class='tit'>学习进度及成绩</view>
</view>
<view class='table-title'>课程“音视频”观看统计（ 累计学习时长：{{item.assess.duration}}，完成率：{{item.assess.progress}} ）</view>
<view class='table'>
<view class='th'>
<view class='col3-td1'>章节</view>
<view class='col3-td2'>学习时长</view>
<view class='col3-td3'>百分比</view>
</view>
<block wx:for='{{item.assess.video}}' wx:key='{{index}}' wx:for-item='item1'>
<view class='tb'>
<view class='tt'>{{item1.title}}</view>
<block wx:for='{{item1.arr}}' wx:key='{{index}}' wx:for-item='item2'>
<view class='rd'>
<view class='col3-td1'>{{item2.name}}</view>
<view class='col3-td2'>{{item2.time}}</view>
<view class='col3-td3'>{{item2.progress}}</view>
</view>
</block>
</view>
</block>
<block wx:if='{{!item.assess.video.length}}'>
<view style='width: 100%; font-size: 30rpx; margin: 40rpx auto 10rpx auto; text-align: center;'>暂无数据</view>
</block>
</view>
<view class='table-title'>试题及主观题</view>
<view class='table'>
<view class='th'>
<view class='col2-td1'>章节</view>
<view class='col2-td2'>得分</view>
</view>
<block wx:for='{{item.assess.homewrok}}' wx:key='{{index}}' wx:for-item='item1'>
<view class='tb'>
<view class='tt'>{{item1.title}}</view>
<block wx:for='{{item1.arr}}' wx:key='{{index}}' wx:for-item='item2'>
<view class='rd'>
<view class='col2-td1'>{{item2.name}}</view>
<view class='col2-td2'>{{item2.score}}</view>
</view>
</block>
</view>
</block>
<block wx:if='{{!item.assess.homewrok.length}}'>
<view style='width: 100%; font-size: 30rpx; margin: 40rpx auto 10rpx auto; text-align: center;'>暂无数据</view>
</block>
</view>
<view class='table-title'>大作业</view>
<view class='status-text'>状 态：{{item.assess.essay.status}}</view>
<view class='status-text'>得 分：{{item.assess.essay.score}}</view>
</view>
</template>
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseAssess/courseAssess.wxss 0 → 100644
浏览文件 @ ade1ff50
.course-assess { margin-bottom: 100rpx; overflow: hidden; }
.course-assess .title { color: #313131; font-size: 32rpx; margin: 70rpx auto 50rpx auto; text-align: center; }
.course-assess .topic { position: relative; width: 100%; height: 50rpx; overflow: hidden; }
.course-assess .topic .line { width: 300rpx; height: 1rpx; margin: 24rpx auto 0 auto; background: #313131; }
.course-assess .topic .tit { position: absolute; top: 50%; left: 50%; padding: 10rpx 22rpx; font-size: 28rpx; font-weight: 700; color: #313131; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.course-assess .detail { margin-bottom: 110rpx; padding: 0 26rpx; }
.course-assess .detail .b1 { display: block; margin: 50rpx auto; width: 635rpx; height: 283rpx; }
.course-assess .detail .h1 { font-size: 28rpx; font-weight: 700; color: #313131; line-height: 68rpx; }
.course-assess .detail .h2 { font-size: 26rpx; font-weight: 700; color: #313131; line-height: 60rpx; }
.course-assess .detail .p { font-size: 26rpx; color: #313131; line-height: 40rpx; text-align: justify; }
.course-assess .detail .em { font-size: 24rpx; color: #b49441; line-height: 34rpx; text-align: justify; }
/* 统计表格 */
.course-assess .table-title { font-size: 30rpx; font-weight: 700; margin: 40rpx 26rpx 20rpx 26rpx; text-align: justify; color: #b49441; }
.course-assess .table { color: #313131; padding-bottom: 30rpx; border-bottom: 2rpx solid #c9c9c9; }
.course-assess .table .col3-td1 { float: left; padding-left: 15rpx; width: 449rpx; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; }
.course-assess .table .col3-td2 { float: left; width: 140rpx; text-align: center; }
.course-assess .table .col3-td3 { float: left; width: 94rpx; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box; }
.course-assess .table .col2-td1 { float: left; padding-left: 15rpx; width: 589rpx; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; }
.course-assess .table .col2-td2 { float: left; width: 94rpx; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box; }
.course-assess .table .th { padding: 0 26rpx; font-size: 28rpx; overflow: hidden; border-bottom: 2rpx solid #e5e5e5; line-height: 58rpx; font-weight: 700; }
.course-assess .table .tb { padding: 0 26rpx; font-size: 26rpx; overflow: hidden; }
.course-assess .table .tb .tt { padding: 30rpx 0 8rpx 0; line-height: 36rpx; font-weight: 700; }
.course-assess .table .tb .rd { overflow: hidden; /* border-bottom: 1rpx solid #e5e5e5; */ line-height: 40rpx; /* padding: 10rpx 0; */ }
/* .course-assess .table .tb .rd:last-child { border-bottom: none; } */
.course-assess .status-text { padding-left: 26rpx; font-size: 24rpx; color: #000000; line-height: 36rpx; }
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseContent.js 0 → 100644
浏览文件 @ ade1ff50
// pages/learnSystem/courseContent/courseContent.js
const CourseApi = require('../../../apiService/CourseApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
headerInfo: {
id: '',
sid: '',
bgSrc: '../icons/home/default.jpg',
title: '这里是一条长的标题不要超过25个汉字标题不要超过个汉字25个汉字',
time: '2016-09-10至2017-01-10',
status: '已发布',
arrTab: ['3学分', '必修课', '第一学期'],
isStart: true, // 是否为开始学习按钮 或者 选课按钮
progress: '50%'
},
tabs: [{
title: '课程简介',
isShow: true,
content: {
text: '<p><b>组织心理学</b>是研究组织中人的心理与行为规律的一门科学，是心理学的一个重要分支，也是心理学在管理学方面的一个交叉应用学科。<b>组织心理学</b>通过探讨个体、群体以及结构对组织，<b>组织心理学</b>是研究组织中人的心理与行为规律的一门科学，是心理学的一个重要分支，也是心理学在管理学方面的一个交叉应用学科。<b>组织心理学</b>通过探讨个体、群体以及结构对组织。<p><p><b>组织心理学</b>是研究组织中人的心理与行为规律的一门科学，是心理学的一个重要分支，也是心理学在管理学方面的一个交叉应用学科。<b>组织心理学</b>通过探讨个体、群体以及结构对组织。</p>',
teachers: [{
src: '',
name: '讲师姓名',
edu: '学历',
job: '职称',
unit: '讲师所在单位'
}, {
src: '',
name: '讲师姓名',
edu: '学历',
job: '职称',
unit: '讲师所在单位'
}]
}
}, {
title: '课程内容',
isShow: false,
chapterList: {
currentChapterId: '11', // 当前章节id
course: [{
title: '第一章：重要概念',
isUp: true,
chapters: [
{ id: '11', time: '28:18', name: '1.1 现值（PV）和终值（FV）' },
{ id: '12', time: '19:09', name: '1.2 净现值（NPV）及实际收益率' }
]
}, {
title: '第二章：证券估值',
isUp: true,
chapters: [
{ id: '21', time: '27:49', name: '2.1 债券和股票的现金流贴现估值方法' },
{ id: '22', time: '16:04', name: '2.2 债券评级及债券协议' },
{ id: '23', time: '', name: '公司金融第二周测验' },
{ id: '24', time: '', name: '公司金融第二周作业' }
]
}, {
title: '课程大作业',
isUp: true,
chapters: []
}, {
title: '课程资料',
isUp: true,
chapters: []
}]
}
}, {
title: '课程讨论',
isShow: false,
}, {
title: '课程考核',
isShow: false,
assess: {
score: '20',
duration: '00:01:20',
progress: '0/10',
video: [{
title: '第一章 市场营销原理导论',
arr: [{
name: '1.1 什么是市场营销什么是市场营销市场营销什么是市场营销什么是市场营销',
time: '12:08',
progress: '100%'
}]
}],
homewrok: [{
title: '第一章 市场营销原理导论',
arr: [{
name: '1.1 什么是市场营销什么是市场营销市场营销什么是市场营销什么是市场营销',
score: 20
}]
}],
essay: {
status: '未提交',
score: '暂无'
}
}
}]
},
cid: '',
sid: '',
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.showLoading({ title: '页面加载中...', mask: true })
this.cid = options.id
this.sid = options.sid
CourseApi.getCourseDetail(this.cid, this.sid, (json) => {
this.setData({ 'headerInfo': json.headerInfo })
this.setData({ 'tabs[0].content': json.tabs0Content })
this.setData({ 'tabs[1].chapterList': json.tabs1ChapterList })
CourseApi.getCourseAssess(this.cid, this.sid, (json1) => {
this.setData({ 'tabs[3].assess': json1 })
wx.hideLoading()
})
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
// 显示顶部刷新图标
wx.showNavigationBarLoading();
wx.showLoading({ title: '更新中...', mask: true })
CourseApi.getCourseDetail(this.cid, this.sid, (json) => {
this.setData({ 'headerInfo': json.headerInfo })
this.setData({ 'tabs[0].content': json.tabs0Content })
this.setData({ 'tabs[1].chapterList': json.tabs1ChapterList })
CourseApi.getCourseAssess(this.cid, this.sid, (json1) => {
this.setData({ 'tabs[3].assess': json1 })
wx.hideLoading()
// 隐藏导航栏加载框
wx.hideNavigationBarLoading()
// 停止下拉动作
wx.stopPullDownRefresh()
})
})
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {},
/**
* 选课
*/
wantThisCourse: function (e) {
let cid = e.currentTarget.dataset.cid
let sid = e.currentTarget.dataset.sid
wx.showLoading({ title: '请求中...', mask: true })
CourseApi.selectCourse(cid, sid, (json) => {
this.setData({ 'headerInfo.isStart': true })
wx.hideLoading()
wx.showToast({ title: '选课成功', icon: 'none', duration: 1500 })
})
},
/**
* 退课 - 隐藏功能，点击 标题15次，进行退课
*/
passCount: 0,
noWantThisCourse: function (e) {
if (this.passCount < 15) { this.passCount ++; return ; }
let cid = e.currentTarget.dataset.cid
let sid = e.currentTarget.dataset.sid
wx.showLoading({ title: '请求中...', mask: true })
CourseApi.outSelectCourse(cid, sid, (json) => {
this.setData({ 'headerInfo.isStart': false })
wx.hideLoading()
wx.showToast({ title: '退课成功', icon: 'none', duration: 1500 })
this.passCount = 0
})
},
/**
* 开始学习或继续学习 - 跳转到对应音视频播放页
*/
startLearn: function (e) {
let _data = e.target.dataset
let cid = _data.cid, sid = _data.sid, vid = _data.vid
wx.navigateTo({
url: '/pages/videoPlayer/show' + '?cid=' + cid + '&sid=' + sid + '&vid=' + vid
})
},
/**
* 跳转到对应音视频播放页
*/
jumpToOtherVA: function (e) {
/* 如果未选课，不能查看课程内容 */
if (!this.data.headerInfo.isStart) { wx.showToast({ title: '先选课，才能看', icon: 'none', duration: 1500 }); return ; }
let _data = e.target.dataset
let cid = _data.cid, sid = _data.sid, vid = _data.vid
if (!_data.hasva) {
/* 如果存在 - 课后习题类型， type:3、work_type:1 */
let i1 = _data.index, i2 = _data.index1
let _course = this.data.tabs[1].chapterList.course[i1]
if (_course && _course.chapters[i2] && _course.chapters[i2].homework) {
let _hw = _course.chapters[i2].homework
wx.setStorageSync('_homework', _hw)
wx.navigateTo({
url: '/pages/learnSystem/courseContent/examDetail/examDetail'
})
return ;
}
wx.showToast({ title: '请在PC上使用该功能', icon: 'none' }); return ;
}
wx.navigateTo({
url: '/pages/videoPlayer/show' + '?cid=' + cid + '&sid=' + sid + '&vid=' + vid
})
},
/**
* 切换 - tab
*/
tabSelect: function (e) {
let index = e.currentTarget.dataset.index
if (index == 2) {
wx.navigateTo({
url: '/pages/learnSystem/courseContent/courseDiscuss/courseDiscuss?cid=' + e.currentTarget.dataset.cid + '&sid=' + e.currentTarget.dataset.sid
})
return
}
let json = this.data.tabs
for(let i = 0; i < json.length; i++) {
json[i].isShow = false
}
json[index].isShow = true
this.setData({ 'tabs': json })
},
/**
* 课程内容 - 列表展开或者跳转
*/
clickJumpOrStatus: function (e) {
let data = e.currentTarget.dataset;
let flag = data.status;
if (flag) {
let index = data.index;
let json = this.data.tabs;
let temp = json[1].chapterList.course[index];
temp.isUp = !temp.isUp;
this.setData({ 'tabs': json });
} else {
/* 跳转 */
wx.showToast({ title: '请上PC使用该功能', icon: 'none' })
}
}
})
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseContent.json 0 → 100644
浏览文件 @ ade1ff50
{
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "MBA学习系统"
}
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseContent.wxml 0 → 100644
浏览文件 @ ade1ff50
<!--pages/learnSystem/courseContent/courseContent.wxml-->
<import src='courseIntro/courseIntro.wxml' />
<import src='courseList/courseList.wxml' />
<import src='courseAssess/courseAssess.wxml' />
<view class='co-hd'>
<image class='img' src='{{headerInfo.bgSrc}}' mode='aspectFill'></image>
<view class='tit' bindtap='noWantThisCourse' data-cid='{{headerInfo.id}}' data-sid='{{headerInfo.sid}}'>{{headerInfo.title}}<view class='tit1'>{{headerInfo.time}}<view style='display:inline-block;height:22rpx;width:35rpx;'></view>{{headerInfo.status}}</view></view>
<view class='group'>
<block wx:for='{{headerInfo.arrTab}}' wx:key='{{index}}' wx:for-item='item1'>
<view class='tabs-item'>{{item1}}</view>
</block>
<block wx:if='{{headerInfo.isStart && tabs[1].chapterList.currentChapterId}}'>
<view class='btn' bindtap='startLearn' data-cid='{{headerInfo.id}}' data-sid='{{headerInfo.sid}}' data-vid='{{tabs[1].chapterList.currentChapterId}}'>继续学习</view>
</block>
<block wx:elif='{{headerInfo.isStart}}'>
<view class='btn' bindtap='startLearn' data-cid='{{headerInfo.id}}' data-sid='{{headerInfo.sid}}' data-vid='{{tabs[1].chapterList.course[0].chapters[0].vid}}'>开始学习</view>
</block>
<block wx:else>
<view class='btn' bindtap='wantThisCourse' data-cid='{{headerInfo.id}}' data-sid='{{headerInfo.sid}}'>选课</view>
</block>
</view>
<view class='progress'><view class='cur' style='width: {{headerInfo.progress || 0}};'></view></view>
</view>
<view class='ct-ctr'>
<view class='tab-select'>
<block wx:for='{{tabs}}' wx:key='{{index}}'>
<view class='item {{item.isShow ? "on" : ""}}' bindtap='tabSelect' data-index='{{index}}' data-cid='{{headerInfo.id}}' data-sid='{{headerInfo.sid}}'>{{item.title}}</view>
</block>
</view>
<view class='tab-content'>
<block wx:for='{{tabs}}' wx:key='{{index}}'>
<block wx:if='{{item.isShow && index == 0}}'>
<template is='courseIntro' data='{{item}}'></template>
</block>
<block wx:if='{{item.isShow && index == 1}}'>
<template is='courseList' data='{{item}}'></template>
</block>
<block wx:if='{{item.isShow && index == 2}}'>
<view style='margin: 200rpx auto; text-align: center; font-size: 34rpx; color: #ddd;'>直接跳转到讨论页面</view>
</block>
<block wx:if='{{item.isShow && index == 3}}'>
<template is='courseAssess' data='{{item}}'></template>
</block>
</block>
</view>
</view>
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseContent.wxss 0 → 100644
浏览文件 @ ade1ff50
/* pages/learnSystem/courseContent/courseContent.wxss */
/* 头部 样式 */
.co-hd { position: relative; width: 750rpx; height: 430rpx; background: #112c42; }
.co-hd .img { position: absolute; z-index: 0; width: 750rpx; height: 424rpx; -webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px); opacity: 0.5; }
.co-hd .tit { position: absolute; z-index: 1; top: 90rpx; left: 34rpx; right: 34rpx; font-size: 34rpx; line-height: 47rpx; color: #fff; text-align: justify; }
.co-hd .tit .tit1 { margin-top: 15rpx; font-size: 24rpx; text-align: left; }
.co-hd .group { position: absolute; z-index: 1; left: 34rpx; right: 34rpx; bottom: 33rpx; overflow: hidden; }
.co-hd .group .tabs-item { float: left; font-size: 26rpx; color: #fff; margin-top: 25rpx; padding: 0 26rpx; line-height: 20rpx; border-right: 1rpx solid #fff; }
.co-hd .group .tabs-item:first-child { padding-left: 0; }
.co-hd .group .tabs-item:nth-child(3) { padding-right: 0; border-right: none; }
.co-hd .group .btn { float: right; padding: 0 36rpx; line-height: 80rpx; font-size: 28rpx; color: #fff; background: #b49441; border-radius: 8rpx; }
.co-hd .progress { position: absolute; bottom: 0; width: 100%; height: 6rpx; background: #c9c9c9; }
.co-hd .progress .cur { position: absolute; height: 100%; background: #b49441; }
/* 选择切换 */
.ct-ctr { width: 750rpx; overflow: hidden; }
.ct-ctr .tab-select { width: 100%; border: 1rpx solid #c9c9c9; overflow: hidden; }
.ct-ctr .tab-select .item { float: left; width: 25%; font-size: 28rpx; line-height: 80rpx; color: #191919; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; }
.ct-ctr .tab-select .item.on { line-height: 80rpx; border-bottom: 4rpx solid #b49441; color: #b49441; }
.ct-ctr .tab-content { width: 100%; overflow: hidden; }
/* 引入模板模块css */
@import "courseIntro/courseIntro.wxss";
@import "courseList/courseList.wxss";
@import "courseAssess/courseAssess.wxss";
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseDiscuss/courseDiscuss.js 0 → 100644
浏览文件 @ ade1ff50
// pages/learnSystem/courseContent/courseDiscuss/courseDiscuss.js
const DiscussApi = require('../../../../apiService/DiscussApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
sort: [
{ isShow: false, str: '' },
{ isShow: false, str: 'tag' }
],
discussList: [
// {
// user: {
// url: '',
// name: '用户名000',
// time: '2018-2-12 15:28:47'
// },
// title: '这是一个一句话问题这是一个一句话问题这是一个一句话问题标题这是一个一句话问题',
// text: '<p>王家有三兄弟甲、乙、丙，丙幼年时送给胡某作养子，丙结婚时，胡某为其盖了新房，后因失火致使该房屋被烧毁。丙的生父母就将自己<p>',
// askCnt: 20,
// TouCnt: 100,
// courseName: '在线学习课程'
// }
]
},
cid: '',
sid: '',
param: {
limit: 10, // 默认每页显示10条
offset: 0, // 偏移量（未考虑传输时，产生新问题情况）
sort: '' // 排序方式
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.cid = options.cid
this.sid = options.sid
wx.showLoading({ title: '页面加载中...', mask: true })
DiscussApi.getCourseDiscussList(this.cid, this.sid, this.param, (json) => {
this.setData({ 'discussList': json })
wx.hideLoading()
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
/* 如果发布新问题，返回到这个页面时，触发重新刷新 */
wx.showLoading({ title: '页面加载中...', mask: true })
DiscussApi.getCourseDiscussList(this.cid, this.sid, this.param, (json) => {
this.setData({ 'discussList': json })
wx.hideLoading()
})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {},
/**
* 发布问题
*/
publishDiscuss: function () {
wx.navigateTo({
url: '/pages/learnSystem/courseContent/publishDiscuss/publishDiscuss?cid=' + this.cid + '&sid=' + this.sid
})
},
/**
* 跳转到对应 问题详情页
*/
goDiscussDetail: function (e) {
let qid = e.currentTarget.dataset.id
wx.navigateTo({
url: '/pages/learnSystem/discussDetail/discussDetail?qid=' + qid
})
},
/**
* 排序方式
*/
sortFn: function (e) {
let index = e.currentTarget.dataset.index
let str = e.currentTarget.dataset.str
let cname = 'sort[' + index + '].isShow'
let cname1 = 'sort[' + (parseInt(index)+1)%2 + '].isShow'
this.setData({ [cname]: !this.data.sort[index].isShow })
this.setData({ [cname1]: false })
this.param.sort = this.data.sort[index].isShow ? str : ''
wx.showLoading({ title: '更新中...', mask: true })
this.param.offset = 0
DiscussApi.getCourseDiscussList(this.cid, this.sid, this.param, (json) => {
this.setData({ 'discussList': json })
wx.hideLoading()
wx.showToast({ title: '已更新', icon: 'none' })
})
},
/**
* 上拉加载更多
*/
loadmore: function () {
wx.showLoading({ title: '加载中...', mask: true })
let _data = this.data.discussList
this.param.offset = _data.length
DiscussApi.getCourseDiscussList(this.cid, this.param, (json) => {
Array.prototype.push.apply(_data, json)
json.length && this.setData({ 'discussList': _data })
wx.hideLoading()
!json.length && wx.showToast({ title: '没有更多了', icon: 'none' })
})
},
/**
* 下拉刷新
*/
updatenew: function () {
wx.showLoading({ title: '更新中...', mask: true })
this.param.offset = 0
DiscussApi.getCourseDiscussList(this.cid, this.param, (json) => {
this.setData({ 'discussList': json })
wx.hideLoading()
wx.showToast({ title: '已更新', icon: 'none' })
})
}
})
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseDiscuss/courseDiscuss.json 0 → 100644
浏览文件 @ ade1ff50
{
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "课程讨论"
}
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseDiscuss/courseDiscuss.wxml 0 → 100644
浏览文件 @ ade1ff50
<!--pages/learnSystem/courseContent/courseDiscuss/courseDiscuss.wxml-->
<view class='pub-ques'>
<view class='ask'>
<image class='img' src='./icons/ask.png' mode='aspectFill'></image>
<view class="txt" bindtap='publishDiscuss'>发布问题 ...</view>
</view>
<view class='item-order {{sort[0].isShow ? "on" : ""}}' bindtap='sortFn' data-index='0' data-str='{{sort[0].str}}'>按时间排序</view>
<view class='item-order {{sort[1].isShow ? "on" : ""}}' bindtap='sortFn' data-index='1' data-str='{{sort[1].str}}'>按投票排序</view>
</view>
<scroll-view class='discuss-scroll' scroll-y bindscrolltolower='loadmore' bindscrolltoupper='updatenew' upper-threshold='0' lower-threshold='0'>
<block wx:for='{{discussList}}' wx:key='{{index}}'>
<view class='item-list' bindtap='goDiscussDetail' data-id='{{item.id}}' data-sid='{{item.sid}}' data-index='{{index}}'>
<view class='user'>
<image class='img' src='{{item.user.url}}'></image>
<view class='right'>
<view class='name'>{{item.user.name}}</view>
<view class='time'>{{item.user.time}}</view>
</view>
</view>
<view class='title'>{{item.title}}</view>
<rich-text class='text {{item.isShow ? "" : "on"}}' nodes="{{item.text}}"></rich-text>
<view class='ellipsis {{item.isShow ? "on" : ""}}' style='display: {{item.title.length > 56 ? "" : "none"}};'>....</view>
<view class='result'>{{item.askCnt}} 回答<view style='display: inline-block; width: 20rpx;'></view>{{item.TouCnt}} 投票</view>
<!-- <view class='course-name'>{{item.courseName}}</view> -->
</view>
</block>
<block wx:if='{{!discussList.length}}'>
<view class='no-data'>暂无相关讨论</view>
</block>
</scroll-view>
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseDiscuss/courseDiscuss.wxss 0 → 100644
浏览文件 @ ade1ff50
/* pages/learnSystem/courseContent/courseDiscuss/courseDiscuss.wxss */
.pub-ques { position: fixed; top: 0; left: 0; right: 0; height: 100rpx; padding: 0 26rpx; background: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pub-ques .ask { position: relative; float: left; margin-top: 22rpx; width: 290rpx; height: 56rpx; border-radius: 28rpx; border: 1rpx solid #dcdcdc; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pub-ques .ask .img { position: absolute; left: 24rpx; top: 13rpx; width: 28rpx; height: 26rpx; }
.pub-ques .ask .txt { position: absolute; left: 63rpx; top: 0; height: 54rpx; width: 210rpx; border: none; line-height: 54rpx; font-size: 24rpx; color: #313131; }
.pub-ques .item-order { float: right; margin-top: 22rpx; width: 180rpx; margin-left: 20rpx; font-size: 24rpx; color: #313131; text-align: center; line-height: 56rpx; border-radius: 28rpx; background: #ffffff; }
.pub-ques .item-order.on { background: #b49441; color: #ffffff; }
.discuss-scroll { position: absolute; top: 100rpx; left: 0; right: 0; bottom: 0; background: #f7f7f7; }
.discuss-scroll .item-list { position: relative; padding: 30rpx 26rpx; margin-bottom: 20rpx; background: #fff; box-shadow: 0 2rpx 4rpx rgba(10, 4, 6, 0.1); }
.discuss-scroll .item-list .user { position: relative; overflow: hidden; }
.discuss-scroll .item-list .user .img { float: left; width: 60rpx; height: 60rpx; background: #e5e5e5; border-radius: 50%; }
.discuss-scroll .item-list .user .right { position: absolute; left: 72rpx; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.discuss-scroll .item-list .user .right .name { font-size: 20rpx; color: #313131; text-overflow: ellipsis; overflow: hidden; word-break:break-all; }
.discuss-scroll .item-list .user .right .time { margin-top: 5rpx; font-size: 18rpx; color: #a0a0a0; }
.discuss-scroll .item-list .title { margin: 15rpx 0; font-size: 28rpx; color: #313131; line-height: 40rpx; text-align: justify; }
.discuss-scroll .item-list .text { font-size: 24rpx; color: #535353; line-height: 36rpx; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; word-break:break-all; }
.discuss-scroll .item-list .ellipsis { position: absolute; right: 30rpx; bottom: 66rpx; padding: 5rpx 15rpx 5rpx 5rpx; color: #535353; background: #fff; font-size: 24rpx; }
.discuss-scroll .item-list .ellipsis.on { display: none; }
.discuss-scroll .item-list .result { margin-top: 15rpx; font-size: 20rpx; color: #313131; }
.discuss-scroll .item-list .course-name { position: absolute; right: 32rpx; bottom: 28rpx; font-size: 20rpx; color: #b49441; }
.discuss-scroll .no-data { position: absolute; top: 50%; left: 50%; font-size: 30rpx; color: #112c42; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseIntro/courseIntro.wxml 0 → 100644
浏览文件 @ ade1ff50
<template name='courseIntro'>
<view class='course-intro'>
<view class='content'>
<rich-text class='intro' nodes="{{item.content.text}}"></rich-text>
</view>
<block wx:if='{{item.content.teachers.length}}'>
<view class='topic'>
<view class='line'></view>
<view class='tit'>课程讲师</view>
</view>
<block wx:for='{{item.content.teachers}}' wx:key='{{index}}' wx:for-item='item1'>
<view class='list-teacher'>
<image class='img' src='{{item1.src}}' mode='aspectFill'></image>
<view class='ctx'>
<view class='top-ctx'>
<view class='name'>{{item1.name}}</view>
</view>
<view class='bottom-ctx'>
<view class='t1'>{{item1.edu}}</view>
<view class='t2'>{{item1.job}}</view>
<view class='t3'>{{item1.unit}}</view>
</view>
</view>
</view>
</block>
</block>
</view>
</template>
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseIntro/courseIntro.wxss 0 → 100644
浏览文件 @ ade1ff50
.course-intro { margin-bottom: 100rpx; }
.course-intro .content { width: 100%; margin: 40rpx 0; padding: 0 26rpx; box-sizing: border-box; -webkit-box-sizing: border-box; }
.course-intro .content .intro { font-size: 28rpx; color: #535353; line-height: 42rpx; text-align: justify; }
.course-intro .topic { position: relative; width: 100%; height: 50rpx; overflow: hidden; }
.course-intro .topic .line { width: 100%; height: 6rpx; margin-top: 20rpx; border-top: 4rpx solid #c9c9c9; border-bottom: 1rpx solid #c9c9c9; }
.course-intro .topic .tit { position: absolute; top: 50%; left: 50%; padding: 10rpx 17rpx; font-size: 28rpx; color: #313131; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.course-intro .list-teacher { margin-top: 50rpx; padding: 0 25rpx; overflow: hidden; }
.course-intro .list-teacher .img { float: left; width: 150rpx; height: 150rpx; background: #c9c9c9; }
.course-intro .list-teacher .ctx { position: relative; margin-left: 170rpx; height: 150rpx; }
.course-intro .list-teacher .ctx .top-ctx { position: absolute; top: -4rpx; width: 100%; overflow: hidden; }
.course-intro .list-teacher .ctx .top-ctx .tit { font-size: 28rpx; color: #313131; line-height: 37rpx; overflow: hidden; word-break: break-all; }
.course-intro .list-teacher .ctx .bottom-ctx { position: absolute; top: 50rpx; width: 100%; overflow: hidden; }
.course-intro .list-teacher .ctx .bottom-ctx .t1 { font-size: 22rpx; line-height: 30rpx; color: #707070; overflow: hidden; word-break: break-all; }
.course-intro .list-teacher .ctx .bottom-ctx .t2 { font-size: 22rpx; line-height: 30rpx; color: #707070; overflow: hidden; word-break: break-all; }
.course-intro .list-teacher .ctx .bottom-ctx .t3 { font-size: 22rpx; color: #707070; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseList/courseList.wxml 0 → 100644
浏览文件 @ ade1ff50
<template name='courseList'>
<view class='course-list'>
<block wx:for='{{item.chapterList.course}}' wx:key='{{index}}' wx:for-item='_item'>
<view class='content-group {{!_item.chapters.length ? "no-child" : ""}} {{_item.isUp ? "up" : ""}}'>
<view class='title' bindtap='clickJumpOrStatus' data-index='{{index}}' data-status='{{!!_item.chapters.length}}'>{{_item.title}}
<image class='side' style='{{!_item.chapters.length ? "display: none;" : ""}} {{_item.isUp ? "display: none;" : ""}}' mode='aspectFill' src='../icons/courseContent/up.png'></image>
<image class='side' style='{{!_item.chapters.length ? "display: none;" : ""}} {{_item.isUp ? "" : "display: none;"}}' mode='aspectFill' src='../icons/courseContent/down.png'></image>
</view>
<block wx:for='{{_item.chapters}}' wx:key='{{index1}}' wx:for-item='item1' wx:for-index='index1'>
<view class='body {{item1.id === item.chapterList.currentChapterId && "on"}}'>
<view class='name' data-vid='{{item1.vid}}' data-cid='{{item1.cid}}' data-sid='{{item1.sid}}' data-hasVA='{{item1.time}}' data-name='{{item1.name}}' bindtap='jumpToOtherVA' data-index='{{index}}' data-index1='{{index1}}'>
{{item1.name}}
<view class='time'>{{item1.time}}</view>
</view>
</view>
</block>
</view>
</block>
</view>
</template>
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/courseList/courseList.wxss 0 → 100644
浏览文件 @ ade1ff50
.course-list { margin:40rpx 0 100rpx 0; }
.course-list .content-group { padding: 0 26rpx; }
.course-list .content-group.no-child { margin-bottom: 20rpx; }
.course-list .content-group.up { margin-bottom: 20rpx; }
.course-list .content-group.up .body { display: none; }
.course-list .content-group .title { position: relative; padding: 20rpx 54rpx 20rpx 24rpx; color: #313131; font-size: 30rpx; line-height: 40rpx; background: #e5e5e5; }
.course-list .content-group .title .side { position: absolute; top: 32rpx; right: 24rpx; width: 30rpx; height: 17rpx; }
.course-list .content-group .body { position: relative; padding: 0 24rpx; font-size: 30rpx; line-height: 42rpx; color: #505050; }
.course-list .content-group .body.on .name { color: #b2183e; }
.course-list .content-group .body .name { padding: 20rpx 70rpx 20rpx 40rpx; border-left: 2rpx solid #c9c9c9; }
.course-list .content-group .body .name:before { width: 30rpx; height: 30rpx; border-radius: 32rpx; border:4rpx solid #c9c9c9;
background: #e5e5e5; position: absolute; left: 6rpx; top: 20rpx; content: ""; display: block; z-index: 10; }
.course-list .content-group .body .name .time { position: absolute; right: 16rpx; top: 20rpx; }
learnOnline/pages/learnSystem/courseContent/examDetail/examDetail.js 0 → 100644
浏览文件 @ ade1ff50
// pages/learnSystem/courseContent/examDetail/examDetail.js
const CourseApi = require('../../../../apiService/CourseApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
exam: {
id: '',
semester_id: '',
title: '家族财富传承第一章试题',
score: '',
work_contents: '',
group: [{
id: '',
type: 1, // 判别是 单选还是多选
title: '<p>一般延续好几代，采取防御战略维持企业的家族企业类型是（ ）。</p>',
arr: [
{ id: '', checked: false, option: '闪电型', selected: 0 },
{ id: '', checked: false, option: '不老型', selected: 0 },
{ id: '', checked: false, option: '长存型', selected: 0 },
{ id: '', checked: false, option: '持续创业型', selected: 0 }
],
cur: ''
}]
}
},
// 提交时，传入的参数值
param: {
course_id: '',
chapter_id: '',
work_id: '',
semester_id: '',
work_contents: '',
duration: 0,
score: 0
},
/* 进入页面记录初试时间 */
startTime: '',
/* 记录所有题目是否都答过 */
recordAll: [],
/**
* 将返回值 - 对照到对应 data上
*/
updateData: function (json) {
this.param = {
course_id: json.course_id,
chapter_id: json.chapter_id,
work_id: json.work_id,
semester_id: json.semester_id,
work_contents: '',
duration: 0,
score: 0
}
this.startTime = new Date().getTime()
let _data = {
id: json.id,
semester_id: json.semester_id,
title: json.work_title,
score: json.score || '',
work_contents: json.work_contents || '',
group: json.questions.map(function (_, i) {
let str = '', _json = JSON.parse(_.question_options)
_json.forEach(function (__, j) {
if (__.checked) {
switch(j) {
case 0: str += 'A,'; break;
case 1: str += 'B,'; break;
case 2: str += 'C,'; break;
case 3: str += 'D,'; break;
}
}
})
/* 答过题目时 */
if (json.work_contents) {
let a = JSON.parse(json.work_contents)
for (let i = 0; i < a.length; i++) {
if (a[i].question_id == _.id) {
_json = a[i].options
break
}
}
}
return {
id: _.id,
type: _.question_type,
title: _.question_content,
arr: _json,
cur: json.work_contents && str.substr(0, str.length-1) || ''
}
})
}
return _data
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.showLoading({ title: '页面加载中...', mask: true })
this.setData({ 'exam': this.updateData(wx.getStorageSync('_homework')) })
CourseApi.getExamDetail(this.data.exam.id, this.data.exam.semester_id, (res) => {
let _data = res.data
let json = _data.homework
if (json) {
json.score = _data.score
json.work_contents = _data.work_contents
this.setData({ 'exam': this.updateData(json) })
}
wx.hideLoading()
})
wx.setNavigationBarTitle({ title: this.data.exam.title || '试题' })
},
/**
* radio选择
*/
radioChange: function (e) {
let i = e.currentTarget.dataset.index, arr = this.data.exam.group[i].arr, value = e.detail.value
for (let j = 0; j < arr.length; j++) {
arr[j]['selected'] = 0
}
arr[value].selected = 1
let cname = 'exam.group[' + i + '].arr'
this.setData({ [cname]: arr })
this.recordAll.push(i)
},
/**
* checkbox选择
*/
checkboxChange: function (e) {
let i = e.currentTarget.dataset.index, arr = this.data.exam.group[i].arr, value = e.detail.value
for (let j = 0; j < arr.length; j++) {
arr[j]['selected'] = 0
}
for (let j = 0; j < value.length; j++) {
arr[value[j]].selected = 1
}
let cname = 'exam.group[' + i + '].arr'
this.setData({ [cname]: arr })
if (!value.length) {
this.recordAll = this.recordAll.filter(function (_, m) { return _ != i })
} else {
this.recordAll.push(i)
}
},
/**
* 提交试题
*/
submitExam: function (e) {
if (e.currentTarget.dataset.submit) { wx.showToast({ title: '已做过，不能再提交', icon: 'none' }); return ; }
/* 计算答题时间 */
this.param.duration = Math.floor((new Date().getTime() - this.startTime)/1000)
let group = this.data.exam.group, total = group.length, arr = [], score = 0, correct = 0
for (let m = 0; m < total; m++) {
let n = 0
for (; n < this.recordAll.length; n++) {
if (this.recordAll[n] == m) { break }
}
if (n == this.recordAll.length) { wx.showToast({ title: '还有题目未做，不能提交', icon: 'none' }); return; }
}
/* 重新定义 - 上传字段 并计算分数 */
// is_correct
for (let i = 0; i< group.length; i++) {
correct = 0
if (group[i].type == 1) { // 单选的正确 判断
group[i].arr.forEach(function (_, i) {
if (_.checked && _.selected) { correct = 1; score += 1 }
})
}
if (group[i].type == 2) { // 多选的正确 判断
let flag = true
group[i].arr.forEach(function (_, i) {
if (_.checked != _.selected) { flag = false }
})
if (flag) { correct = 1; score += 1 }
}
arr.push({
question_id: group[i].id,
is_correct: correct,
options: group[i].arr
})
}
this.param.work_contents = JSON.stringify(arr)
this.param.score = (score/total*100).toFixed(1)
wx.showLoading({ title: '提交中...', mask: true })
CourseApi.submitExamDetail(this.param, (res) => {
if (res.data.status) {
CourseApi.getExamDetail(this.data.exam.id, this.data.exam.semester_id, (res) => {
let _data = res.data
let json = _data.homework
if (json) {
json.score = _data.score
json.work_contents = _data.work_contents
this.setData({ 'exam': this.updateData(json) })
}
wx.hideLoading()
})
} else {
wx.showToast({ title: res.data.data.error, icon: 'none' })
wx.hideLoading()
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () { },
/**
* 生命周期函数--监听页面显示
*/
onShow: function () { },
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () { },
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () { },
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () { },
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () { },
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () { }
})
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/examDetail/examDetail.json 0 → 100644
浏览文件 @ ade1ff50
{
"navigationBarBackgroundColor": "#3f3f3f",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "试题",
"backgroundColor": "#535353"
}
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/examDetail/examDetail.wxml 0 → 100644
浏览文件 @ ade1ff50
<!--pages/learnSystem/courseContent/examDetail/examDetail.wxml-->
<view class='exam'>
<view style='text-align: center;'>
<view class='topic'>
<view class='tit'>{{exam.title}}</view>
<block wx:if='{{exam.score}}'><view class='cur'>正确率：{{exam.score}}%</view></block>
</view>
</view>
<view style=''>
<block wx:for='{{exam.group}}' wx:key='{{index}}'>
<block wx:if='{{item.type == 1}}'>
<view class='q-group'>
<view class='q-num'>{{index+1}}.</view><rich-text class='q-title' nodes='{{item.title}}'></rich-text>
<radio-group class='radio-group' bindchange='radioChange' data-index='{{index}}'>
<block wx:for='{{item.arr}}' wx:key='{{index}}' wx:for-item='item1' wx:for-index='index1'>
<label class='radio {{item.cur && item1.checked && "success"}} {{item.cur && !item1.checked && item1.selected && "error"}}'><radio value='{{index1}}' disabled='{{item.cur}}' checked='{{item1.selected}}'/>{{ index1 == 0 ? "A" : (index1 == 1 ? "B" : (index1 == 2 ? "C" : (index1 == 3 ? "D" : (index1 == 4 ? "E" : (index1 == 5 ? "F" : "G"))))) }}. {{item1.option}}</label>
</block>
</radio-group>
<block wx:if='{{item.cur}}'><view class='result'>正确答案：{{item.cur}}</view></block>
</view>
</block>
<block wx:if='{{item.type == 2}}'>
<view class='q-group'>
<view class='q-num'>{{index+1}}.</view><rich-text class='q-title' nodes='{{item.title}}'></rich-text>
<checkbox-group class='checkbox-group' bindchange='checkboxChange' data-index='{{index}}'>
<block wx:for='{{item.arr}}' wx:key='{{index}}' wx:for-item='item1' wx:for-index='index1'>
<label class='checkbox {{item.cur && item1.checked && "success"}} {{item.cur && !item1.checked && item1.selected && "error"}}'><checkbox value='{{index1}}' disabled='{{item.cur}}' checked='{{item1.selected}}'/>{{ index1 == 0 ? "A" : (index1 == 1 ? "B" : (index1 == 2 ? "C" : (index1 == 3 ? "D" : (index1 == 4 ? "E" : (index1 == 5 ? "F" : "G"))))) }}. {{item1.option}}</label>
</block>
</checkbox-group>
<block wx:if='{{item.cur}}'><view class='result'>正确答案：{{item.cur}}</view></block>
</view>
</block>
</block>
</view>
<view class='btn {{exam.work_contents && "on"}}' bindtap='submitExam' data-submit='{{!!exam.work_contents}}'>{{exam.work_contents ? "已提交" : "提交"}}</view>
<view class='care'>(注意：测试只有一次提交机会)</view>
</view>
learnOnline/pages/learnSystem/courseContent/examDetail/examDetail.wxss 0 → 100644
浏览文件 @ ade1ff50
/* pages/learnSystem/courseContent/examDetail/examDetail.wxss */
.exam { padding: 40rpx 26rpx; }
.exam .topic { display: inline-block; margin-bottom: 20rpx; }
.exam .topic .tit { margin: 0 auto; padding: 0rpx 10rpx; text-align: center; font-size: 40rpx; color: #313131; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; }
.exam .topic .cur { text-align: center; font-size: 28rpx; color: #313131; line-height: 50rpx; }
/* 循环 所有选择题 */
.exam .q-group { padding: 20rpx 20rpx; border-bottom: 1rpx solid #c9c9c97a; overflow: hidden; }
.exam .q-group .q-num { float: left; margin-right: 10rpx; font-size: 30rpx; color: #676a6c; }
.exam .q-group .q-title { float: left; width: 620rpx; font-size: 28rpx; color: #676a6c; text-align: justify; }
.exam .q-group .radio-group { float: left; margin-top: 20rpx; width: 100%; }
.exam .q-group .radio-group .radio { display: block; font-size: 28rpx; color: #3f3b3a; line-height: 40rpx; margin-bottom: 10rpx; }
.exam .q-group .checkbox-group { float: left; margin-top: 20rpx; width: 100%; }
.exam .q-group .checkbox-group .checkbox { display: block; font-size: 28rpx; color: #3f3b3a; line-height: 40rpx; margin-bottom: 10rpx; }
.exam .q-group .radio-group .radio.error, .exam .q-group .checkbox-group .checkbox.error { color: #d80000; }
.exam .q-group .radio-group .radio.success, .exam .q-group .checkbox-group .checkbox.success { color: #090; }
.exam .q-group .result { float: right; font-size: 28rpx; color: #3f3b3a; }
.exam .q-group:last-child { border-bottom: none; }
.exam .btn { margin: 30rpx auto; width: 698rpx; height: 80rpx; line-height: 80rpx; font-size: 30rpx; text-align: center; font-weight: 300; color: #fff; border-radius: 10rpx; background: #b49441; }
.exam .btn.on { opacity: 0.5; }
.exam .care { font-size: 20rpx; color: #d80000; text-align: center; }
/* 自定义 radio样式 */
.exam .q-group .radio-group .radio radio { position: relative; height: 40rpx; width: 45rpx; }
.exam .q-group .radio-group .radio radio .wx-radio-input { position: absolute; width: 12px; height: 12px; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.exam .q-group .radio-group .radio radio .wx-radio-input.wx-radio-input-checked { border-color: #b49441 !important; background: #b49441 !important; }
.exam .q-group .radio-group .radio radio .wx-radio-input-disabled.wx-radio-input-checked { border-color: #a3a3a3 !important; background: #a3a3a3 !important; }
.exam .q-group .radio-group .radio radio .wx-radio-input.wx-radio-input-checked::before { position: absolute;
top: 50%; left: 50%; width: 8rpx; height: 8rpx; background: #fff; border-radius: 50%; text-align: center; font-size:0rpx; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); }
/* 自定义 checkbox样式 */
.exam .q-group .checkbox-group .checkbox checkbox { position: relative; height: 40rpx; width: 45rpx; }
.exam .q-group .checkbox-group .checkbox checkbox .wx-checkbox-input { position: absolute; width: 12px; height: 12px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.exam .q-group .checkbox-group .checkbox checkbox .wx-checkbox-input.wx-checkbox-input-checked { color: #b49441 !important; }
.exam .q-group .checkbox-group .checkbox checkbox .wx-checkbox-input-disabled.wx-checkbox-input-checked { color: #a3a3a3 !important; }
.exam .q-group .checkbox-group .checkbox checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { font-size: 30rpx; }
learnOnline/pages/learnSystem/courseContent/publishDiscuss/publishDiscuss.js 0 → 100644
浏览文件 @ ade1ff50
// pages/learnSystem/courseContent/publishDiscuss/publishDiscuss.js
const DiscussApi = require('../../../../apiService/DiscussApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
publish: {
course_id: '',
semester_id: '',
title: '',
contents: ''
}
},
/* title输入 离开 input blur事件监听 */
inputTitle: function (e) { this.setData({ 'publish.title': e.detail.value }); },
/* contents输入 离开 input blur事件监听 */
inputContents: function (e) { this.setData({ 'publish.contents': e.detail.value }); },
/* 提交发布问题 */
submitPublish: function () {
let _publish = this.data.publish
if (!_publish.title) { wx.showToast({ title: '请填入问题名称', icon: 'none' }); return; }
if (!_publish.contents) { wx.showToast({ title: '请填入问题描述', icon: 'none' }); return; }
wx.showLoading({ title: '操作中...', mask: true })
DiscussApi.publishQues(this.data.publish, (json) => {
wx.hideLoading()
wx.navigateBack({ delta: 1 })
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) { this.setData({ 'publish.course_id': options.cid, 'publish.semester_id': options.sid }) },
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () { },
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () { },
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () { },
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () { },
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () { },
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () { },
})
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/publishDiscuss/publishDiscuss.json 0 → 100644
浏览文件 @ ade1ff50
{
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "发布问题"
}
\ No newline at end of file
learnOnline/pages/learnSystem/courseContent/publishDiscuss/publishDiscuss.wxml 0 → 100644
浏览文件 @ ade1ff50
<!--pages/learnSystem/courseContent/publishDiscuss/publishDiscuss.wxml-->
<view class='publish'>
<view class='title'>
<input type='text' placeholder='问题' bindinput="inputTitle" bindblur="inputTitle" value="{{publish.title}}"/>
</view>
<view class='content'>
<textarea placeholder='问题描述' maxlength='-1' bindinput="inputContents" bindblur="inputContents" value="{{publish.contents}}" />
</view>
<view class='btn' bindtap='submitPublish'>发布问题</view>
</view>
learnOnline/pages/learnSystem/courseContent/publishDiscuss/publishDiscuss.wxss 0 → 100644
浏览文件 @ ade1ff50
/* pages/learnSystem/courseContent/publishDiscuss/publishDiscuss.wxss */
.publish { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #f7f7f7; overflow: hidden; }
.publish .title { margin: 30rpx 26rpx; padding: 0 10rpx; width: 698rpx; height: 80rpx; border: 1rpx solid #dcdcdc; border-radius: 10rpx; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; }
.publish .title input { width: 678rpx; height: 78rpx; font-size: 32rpx; line-height: 78rpx; color: #313131; border: none; }
.publish .content { margin: 30rpx 26rpx; padding: 10rpx; width: 698rpx; height: 400rpx; border: 1rpx solid #dcdcdc; border-radius: 10rpx; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; }
.publish .content textarea { width: 100%; height: 100%; font-size: 32rpx; line-height: 50rpx; color: #313131; border: none; }
.publish .btn { margin: 30rpx auto; width: 698rpx; height: 80rpx; line-height: 80rpx; font-size: 30rpx; text-align: center; font-weight: 300; color: #fff; border-radius: 10rpx; background: #b49441; }
\ No newline at end of file
learnOnline/pages/learnSystem/courseSquare/courseSquare.js 0 → 100644
浏览文件 @ ade1ff50
// pages/learnSystem/courseSquare/courseSquare.js
const CourseApi = require('../../../apiService/CourseApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
find: [{
name: '学期',
isShow: false,
selectIndex: 0,
key: 'semester_id',
arrItem: [ // 从后台请求
{ val: '-1', name: '全部' },
{ val: '', name: '第一学期' },
{ val: '', name: '第二学期' },
{ val: '', name: '第三学期' },
{ val: '', name: '第四学期' }
]
}, {
name: '课程类型',
isShow: false,
selectIndex: 0,
key: 'course_type',
arrItem: [
{ val: '-1', name: '全部' },
{ val: '1', name: '必修课' },
{ val: '2', name: '选修课' },
{ val: '3', name: '重修课' }
]
}, {
name: '选修状态',
isShow: false,
selectIndex: 0,
key: 'select_status',
arrItem: [
{ val: '-1', name: '全部' },
{ val: '0', name: '未选修' },
{ val: '1', name: '已选修' }
]
}],
homeList: [
// {
// id: '',
// src: '../icons/home/default.jpg',
// title: '这里是一条长的标题不要超过25个汉字标题不要超过25个汉字',
// arrTab: ['3学分', '必修课', '第一学期'],
// status: '已发布',
// time: '2016-09-10至2017-01-10',
// myStatus: '已选修',
// progress: '50%'
// }
]
},
param: {},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.showLoading({ title: '页面加载中...', mask: true })
CourseApi.getlearnFindList((_) => {
this.setData({ 'find[0].arrItem': _ })
CourseApi.getCourseList(false, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
})
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () { },
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () { },
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () { },
/**
* 跳转 - 课程详情页
*/
goCourseContent: function (e) {
let id = e.currentTarget.dataset.id
let sid = e.currentTarget.dataset.sid
wx.navigateTo({
url: '/pages/learnSystem/courseContent/courseContent?id=' + id + '&sid=' + sid
})
},
/**
* 分类选择 - 显示
*/
selFindShow: function (e) {
let index = e.currentTarget.dataset.index
let json = this.data.find
/* 本来就是打开状态，再点击关闭 */
if (json[index].isShow) {
json[index].isShow = false
} else {
for (let i = 0; i < json.length; i++) {
json[i].isShow = false
}
json[index].isShow = true
}
this.setData({ 'find': json })
},
/**
* 分类选择 - 隐藏
*/
selFindHide: function (e) {
let json = this.data.find
for (let i = 0; i < json.length; i++) {
json[i].isShow = false
}
this.setData({ 'find': json })
},
/**
* 分类选择 - 选中某一项
*/
selFindSelect: function (e) {
let _data = e.currentTarget.dataset, index = _data.index
let json = this.data.find
for (let i = 0; i < json.length; i++) {
if (json[i].isShow) {
json[i].selectIndex = index
json[i].isShow = false
if (_data.val == '-1') {
delete this.param[_data.key]
} else {
this.param[_data.key] = _data.val
}
break
}
}
this.setData({ 'find': json })
/* 调用接口 */
wx.showLoading({ title: '加载中...', mask: true })
CourseApi.getCourseList(false, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
})
},
/**
* 上拉加载更多
*/
loadmore: function () {
wx.showLoading({ title: '加载中...', mask: true })
CourseApi.getCourseList(false, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
wx.showToast({ title: '没有更多了', icon: 'none' })
})
},
/**
* 上拉刷新
*/
updatenew: function () {
wx.showLoading({ title: '更新中...', mask: true })
CourseApi.getCourseList(false, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
wx.showToast({ title: '已更新', icon: 'none' })
})
}
})
\ No newline at end of file
learnOnline/pages/learnSystem/courseSquare/courseSquare.json 0 → 100644
浏览文件 @ ade1ff50
{
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "选课广场"
}
\ No newline at end of file
learnOnline/pages/learnSystem/courseSquare/courseSquare.wxml 0 → 100644
浏览文件 @ ade1ff50
<!--pages/learnSystem/courseSquare/courseSquare.wxml-->
<!-- 分类 -->
<view class='select-find'>
<block wx:for='{{find}}' wx:key='{{index}}'>
<view class='col-3'><view class='sel-item {{item.isShow ? "on" : ""}}' bindtap='selFindShow' data-index='{{index}}'>{{item.name}}</view></view>
<block wx:if='{{item.isShow}}'>
<view class='content'>
<block wx:for='{{item.arrItem}}' wx:key='{{index1}}' wx:for-item="item1" wx:for-index="index1">
<view class='item {{item.selectIndex == index1 ? "on" : ""}}' bindtap='selFindSelect' data-index='{{index1}}' data-key='{{item.key}}' data-val='{{item1.val}}'>{{item1.name}}</view>
</block>
</view>
</block>
</block>
</view>
<block wx:if='{{find[0].isShow || find[1].isShow || find[2].isShow}}'>
<view class='select-find-open' bindtap='selFindHide'></view>
</block>
<scroll-view class='home-scroll' scroll-y bindscrolltolower='loadmore' bindscrolltoupper='updatenew' upper-threshold='0' lower-threshold='5'>
<block wx:for='{{homeList}}' wx:key='{{index}}'>
<view class='item-list' bindtap='goCourseContent' data-id='{{item.id}}' data-sid='{{item.sid}}'>
<image class='img' src='{{item.src}}' mode='aspectFill'></image>
<view class='ctx'>
<view class='top-ctx'>
<view class='tit'>{{item.title}}</view>
<view class='tit1'>
<block wx:for='{{item.arrTab}}' wx:key='{{index}}' wx:for-item='item1'>
<view class='tit1-item'>{{item1}}</view>
</block>
</view>
</view>
<view class='bottom-ctx'>
<view class='info'>
<view class='status'>{{item.status}}</view>
<view class='time'>{{item.time}}</view>
<view class='my-status'>{{item.myStatus}}</view>
</view>
<view class='progress'><view class='cur' style='width: {{item.progress || 0}};'></view></view>
</view>
</view>
</view>
</block>
<block wx:if='{{!homeList.length}}'>
<view class='no-data'>暂无相关课程</view>
</block>
</scroll-view>
\ No newline at end of file
learnOnline/pages/learnSystem/courseSquare/courseSquare.wxss 0 → 100644
浏览文件 @ ade1ff50
/* pages/learnSystem/courseSquare/courseSquare.wxss */
/* 分类 */
.select-find { position: fixed; top: 0; z-index: 2; width: 750rpx; height: 90rpx; border-bottom: 1rpx solid #dcdcdc; }
.select-find .col-3 { float: left; position: relative; z-index: 2; width: 33.333%; height: 100%; }
.select-find .sel-item { position: absolute; top: 17rpx; left: 50%; width: 200rpx; color: #313131; font-size: 24rpx; line-height: 56rpx; text-align: center; background: #eeeeee; border-radius: 8rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.select-find .sel-item.on { height: 70rpx; background: #fff; border: 1rpx solid #eeeeee; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select-find .content { position: absolute; z-index: 0; top: 86rpx; width: 750rpx; background: #fff; overflow: hidden; border-top: 1rpx solid #eeeeee; }
.select-find .content .item { float: left; width: 50%; padding-left: 26rpx; font-size: 26rpx; line-height: 100rpx; color: #313131; box-sizing: border-box; -webkit-box-sizing: border-box; }
.select-find .content .item.on { color: #b49441; }
.select-find-open { position: absolute; z-index: 1; top: 180rpx; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); }
/* 列表 */
.home-scroll { position: fixed; top: 92rpx; bottom: 0; left: 0; right: 0; }
.home-scroll .item-list { padding: 33rpx 25rpx 33rpx 0; border-bottom: 1rpx solid #eeeeee; overflow: hidden; }
.home-scroll .item-list .img { float: left; width: 250rpx; height: 160rpx; }
.home-scroll .item-list .ctx { position: relative; margin-left: 266rpx; height: 160rpx; }
.home-scroll .item-list .ctx .top-ctx { position: absolute; top: -2rpx; width: 100%; overflow: hidden; }
.home-scroll .item-list .ctx .top-ctx .tit { font-size: 28rpx; color: #313131; line-height: 37rpx; }
.home-scroll .item-list .ctx .top-ctx .tit1 { margin-top: 8rpx; overflow: hidden; }
.home-scroll .item-list .ctx .top-ctx .tit1 .tit1-item { float: left; font-size: 20rpx; color: #313131; padding: 0 21rpx; line-height: 20rpx; border-right: 1rpx solid #a0a0a0; }
.home-scroll .item-list .ctx .top-ctx .tit1 .tit1-item:first-child { padding-left: 0; }
.home-scroll .item-list .ctx .top-ctx .tit1 .tit1-item:last-child { border-right: none; }
.home-scroll .item-list .ctx .bottom-ctx { position: absolute; bottom: 0; width: 100%; overflow: hidden; }
.home-scroll .item-list .ctx .bottom-ctx .info { margin-bottom: 10rpx; overflow: hidden; }
.home-scroll .item-list .ctx .bottom-ctx .info .status { float: left; font-size: 18rpx; color: #a0a0a0; margin-right: 25rpx; margin-top: 4rpx; }
.home-scroll .item-list .ctx .bottom-ctx .info .time { float: left; font-size: 18rpx; color: #a0a0a0; margin-top: 4rpx; }
.home-scroll .item-list .ctx .bottom-ctx .info .my-status { float: right; font-size: 22rpx; color: #313131; }
.home-scroll .item-list .ctx .bottom-ctx .progress { position: relative; width: 100%; height: 6rpx; border-radius: 6rpx; background: #c9c9c9; }
.home-scroll .item-list .ctx .bottom-ctx .progress .cur { position: absolute; height: 100%; border-radius: 6rpx; background: #b49441; }
.home-scroll .no-data { position: absolute; top: 50%; left: 50%; font-size: 30rpx; color: #112c42; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
\ No newline at end of file
learnOnline/pages/learnSystem/discussDetail/discussDetail.js 0 → 100644
浏览文件 @ ade1ff50
// pages/learnSystem/discussDetail/discussDetail.js
const DiscussApi = require('../../../apiService/DiscussApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
discussQues: {
// qid: '', user: { url: './icons/default.jpg', name: '用户名000', time: '2018-2-12 15:28:47' },
// title: '这是一个一句话问题这是一个一句话问题这是一个一句话问题标题这是一个一句话问题',
// text: '<p>王家有三兄弟甲、乙、丙，丙幼年时送给胡某作养子，丙结婚时，胡某为其盖了新房，后因失火致使该房屋被烧毁。丙的生父母就将自己<p>',
// askCnt: 20, TouCnt: 100, likeCnt: 100, comCnt: 100, mine: true, isShowComment: false, has_tag: false, tag_id: null,
// comments: [
// { cid: '', user: { url: './icons/default.jpg', name: '用户名000', time: '2018-2-12 15:28:47' }, text: '在线学习课程', mine: true },
// { cid: '', user: { url: './icons/default.jpg', name: '用户名000', time: '2018-2-12 15:28:47' }, text: '在线学习课程', mine: false }
// ]
},
answersList: [
// {
// aid: '', user: { url: './icons/default.jpg', name: '用户名000', time: '2018-2-12 15:28:47' },
// text: '<p>王家有三兄弟甲、乙、丙，丙幼年时送给胡某作养子，丙结婚时，胡某为其盖了新房，后因失火致使该房屋被烧毁。丙的生父母就将自己<p>',
// likeCnt: 100, comCnt: 100, mine: true, isShowComment: false, has_tag: false, tag_id: null,
// comments: [
// { cid: '', user: { url: './icons/default.jpg', name: '用户名000', time: '2018-2-12 15:28:47' }, text: '在线学习课程', mine: true }
// ]
// }
],
/* 存储状态值 的对象, 记录上次用户操作 */
disQus: {
isShowComment: false
},
answers: [ // 数组 跟 上面 answerList数组对应, 存储某些状态值，目前存储讨论打开关闭状态
{ aid: '', isShowComment: false }
],
inputStatus: {
canFocus: false,
placeholder: '回答问题 ...',
input: ''
}
},
qid: '6447416971762860032',
/* 回复内容状态 */
call: {},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.qid = options.qid
this.sid = options.sid
this.call = { questionId: this.qid, semester_id: '', contents: '', question_id: this.qid, answer: true }
wx.showLoading({ title: '页面加载中...', mask: true })
DiscussApi.getDiscussDetail(this.qid, (json) => {
this.setData({ 'discussQues': json.ques })
this.call.semester_id = this.data.discussQues.sid
this.setData({ 'disQus.isShowComment': json.ques.isShowComment })
let answers = []
for (let i = 0; i < json.answer.length; i++) {
answers.push({
aid: json.answer[i].aid,
isShowComment: json.answer[i].isShowComment
})
}
this.setData({ 'answersList': json.answer })
this.setData({ 'answers': answers })
wx.hideLoading()
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () { },
/**
* 生命周期函数--监听页面显示
*/
onShow: function () { },
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () { },
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () { },
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () { },
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () { },
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () { },
/**
* 打开或关闭 讨论
*/
openOrcloseDis: function (e) {
let key = e.currentTarget.dataset.key
if (key == 'disQus') {
this.setData({ 'disQus.isShowComment': !this.data.disQus.isShowComment })
} else {
let index = e.currentTarget.dataset.index
let cname = 'answers[' + index + '].isShowComment'
this.setData({ [cname]: !this.data.answers[index].isShowComment })
}
},
/**
* 删除评论
*/
deleteComment: function (e) {
let cid = e.currentTarget.dataset.cid
wx.showModal({
title: '提示', content: '确定删除该条评论？',
success: (res) => {
if (res.confirm) {
wx.showLoading({ title: '操作中...', mask: true })
DiscussApi.deleteComment(cid, (json) => {
this.updateList()
})
}
}
})
},
/**
* 删除回答
*/
deleteAnswer: function (e) {
let aid = e.currentTarget.dataset.aid
wx.showModal({
title: '提示', content: '确定删除该条回答？',
success: (res) => {
if (res.confirm) {
wx.showLoading({ title: '操作中...', mask: true })
DiscussApi.deleteAnswer(aid, (json) => {
this.updateList()
})
}
}
})
},
/**
* 点击回复 调起输入框
*/
callbackComment: function (e) {
/* 如果，输入框中，本身已经存在输入内容，那么再点击其他回复时，不给提示，直接清空 */
this.setData({ 'inputStatus.input': '' }) // 这里如果想判断，不能使用 inputStatus.input这个 在blur时存储
let _data = e.currentTarget.dataset
let qid = _data.qid, quesid = _data.quesid, ansid = _data.ansid, to = _data.to, sid = _data.sid
let json = {}
if (qid) { json['questionId'] = qid }
if (to) { json['to'] = to }
if (quesid) { json['question_id'] = quesid }
if (ansid) { json['answer_id'] = ansid }
if (sid) { json['semester_id'] = sid }
this.call = json
if (to) {
this.setData({ 'inputStatus.placeholder': '回复' + to + '：' })
} else {
this.setData({ 'inputStatus.placeholder': '回复：' })
}
this.setData({ 'inputStatus.canFocus': true })
},
/**
* 取消 聚焦状态
*/
blurInput: function (e) {
this.setData({ 'inputStatus.canFocus': false })
if (e && e.detail && e.detail.value) {
// 输入框中存在内容则不做处理 - 这里不能做任何处理，否则会产生 输入框中内容遗留问题
} else {
this.setData({ 'inputStatus.placeholder': '回答问题 ...' })
this.setData({ 'inputStatus.input': '' })
// 回答问题 方式
this.call = {
questionId: this.data.discussQues.qid,
semester_id: this.data.discussQues.sid,
contents: '',
question_id: this.data.discussQues.qid,
answer: true
}
}
},
/**
* 点击 键盘发送按钮时
*/
publishContent: function (e) {
let val = e.detail.value
if (this.call.to) {
this.call['comments'] = '回复' + this.call.to + '：' + val
} else {
this.call['comments'] = val
}
if (this.call.answer) { // 回答问题
wx.showLoading({ title: '操作中...', mask: true })
this.call['contents'] = this.call['comments']
DiscussApi.answerQues(this.call, (json) => {
this.updateList()
wx.hideLoading()
})
} else { // 回复评论
wx.showLoading({ title: '操作中...', mask: true })
DiscussApi.callbackComment(this.call, (json) => {
this.updateList()
wx.hideLoading()
})
}
this.blurInput()
},
/**
* 点赞 或 取消点赞 操作
*/
btnlike: function (e) {
let _data = e.currentTarget.dataset
let quesid = _data.quesid, ansid = _data.ansid, tagid = _data.tagid, sid = _data.sid
let _special = _data.special
if (tagid) { // 取消 点赞操作
wx.showLoading({ title: '操作中...', mask: true })
DiscussApi.unlike(tagid, (json) => {
this.updateList()
wx.hideLoading()
})
} else { // 点赞操作
let param = {}
if (quesid) { param['question_id'] = quesid }
if (ansid) { param['answer_id'] = ansid }
if (sid) { param['semester_id'] = sid }
wx.showLoading({ title: '操作中...', mask: true })
DiscussApi.like(param, (json) => {
this.updateList()
wx.hideLoading()
})
}
},
/**
* 删除问题
*/
deleteDiscuss: function () {
wx.showModal({
title: '提示', content: '确定删除提问吗？',
success: (res) => {
if (res.confirm) {
wx.showLoading({ title: '操作中...', mask: true })
DiscussApi.deleteDiscuss(this.qid, (json) => {
wx.navigateBack({ delta: 1 })
})
}
}
})
},
/* 刷新页面 全部状态 - 目前没有分页可以这么操作，如果存在分页，可能要重写 */
updateList: function () {
DiscussApi.getDiscussDetail(this.qid, (json) => {
this.setData({ 'discussQues': json.ques })
let _answers = this.data.answers
for (let i = 0; i < _answers.length; i++) {
for (let j = 0; j < json.answer.length; j++) {
if (_answers[i].aid == json.answer[j].aid) {
json.answer[j].isShowComment = _answers[i].isShowComment
break
}
}
}
let answers = []
for (let i = 0; i < json.answer.length; i++) {
answers.push({
aid: json.answer[i].aid,
isShowComment: json.answer[i].isShowComment
})
}
this.setData({ 'answersList': json.answer })
this.setData({ 'answers': answers })
wx.hideLoading()
})
}
})
\ No newline at end of file
learnOnline/pages/learnSystem/discussDetail/discussDetail.json 0 → 100644
浏览文件 @ ade1ff50
{
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "问题详情"
}
\ No newline at end of file
learnOnline/pages/learnSystem/discussDetail/discussDetail.wxml 0 → 100644
浏览文件 @ ade1ff50
<!--pages/learnSystem/discussDetail/discussDetail.wxml-->
<scroll-view class='discuss-detail-scroll' scroll-y>
<view class='ques'>
<view class='title'>{{discussQues.title}}</view>
<rich-text class='text' nodes="{{discussQues.text}}"></rich-text>
<view class='user'>
<view class='name'>{{discussQues.user.name}}</view>
<view class='time'>{{discussQues.user.time}}</view>
<block wx:if='{{discussQues.mine}}'><view class='right-txt' bindtap='deleteDiscuss'>删除</view></block>
<view class='right-txt' bindtap='callbackComment' data-sid='{{discussQues.sid}}' data-qid='{{discussQues.qid}}' data-quesid='{{discussQues.qid}}'>回复</view>
<view class='right-txt' bindtap='openOrcloseDis' data-key='disQus'>讨论({{discussQues.comCnt}})</view>
<view class='right-txt' bindtap='btnlike' data-quesid='{{discussQues.qid}}' data-sid='{{discussQues.sid}}' data-tagid='{{discussQues.tag_id}}'>
<image class='img' src='{{discussQues.has_tag ? "./icons/like-on.png" : "./icons/like.png"}}'></image>
({{discussQues.likeCnt}})</view>
</view>
<block wx:if='{{disQus.isShowComment}}'>
<view class='ask'>
<block wx:for='{{discussQues.comments}}' wx:key='{{index}}'>
<view class='item-list' data-id='{{item.id}}'>
<view class='user'>
<view class='name'>{{item.user.name}}</view>
<view class='time'>{{item.user.time}}</view>
<block wx:if='{{item.mine}}'><view class='right-txt' bindtap='deleteComment' data-cid='{{item.cid}}'>删除</view></block>
<view class='right-txt' bindtap='callbackComment' data-sid='{{discussQues.sid}}' data-qid='{{discussQues.qid}}' data-quesid='{{discussQues.qid}}' data-to='{{item.user.name}}'>回复</view>
</view>
<view class='text'>{{item.text}}</view>
</view>
</block>
</view>
</block>
</view>
<view class='result'>{{discussQues.askCnt}} 回答<view style='display: inline-block; width: 20rpx;'></view>{{discussQues.TouCnt}} 投票</view>
<block wx:for='{{answersList}}' wx:key='{{index}}'>
<view class='ask'>
<view class='user-1'>
<image class='img-1' src='{{item.user.url}}'></image>
<view class='right-1'>
<view class='name-1'>{{item.user.name}}</view>
<view class='time-1'>{{item.user.time}}</view>
</view>
</view>
<rich-text class='text' nodes="{{item.text}}"></rich-text>
<view class='user'>
<block wx:if='{{item.mine}}'><view class='right-txt' bindtap='deleteAnswer' data-aid='{{item.aid}}'>删除</view></block>
<view class='right-txt' bindtap='callbackComment' data-sid='{{discussQues.sid}}' data-sid='{{discussQues.sid}}' data-qid='{{discussQues.qid}}' data-ansid='{{item.aid}}'>回复</view>
<view class='right-txt' bindtap='openOrcloseDis' data-key='answers' data-index='{{index}}'>讨论({{item.comCnt}})</view>
<view class='right-txt' bindtap='btnlike' data-sid='{{discussQues.sid}}' data-quesid='{{discussQues.qid}}' data-ansid='{{item.aid}}' data-tagid='{{item.tag_id}}'>
<image class='img' src='{{item.has_tag ? "./icons/like-on.png" : "./icons/like.png"}}'></image>
({{item.likeCnt}})</view>
</view>
<block wx:if='{{answers[index].isShowComment}}'>
<block wx:for='{{item.comments}}' wx:key='{{index}}' wx:for-item='item1'>
<view class='item-list' data-id='{{item1.id}}'>
<view class='user'>
<view class='name'>{{item1.user.name}}</view>
<view class='time'>{{item1.user.time}}</view>
<block wx:if='{{item1.mine}}'><view class='right-txt' bindtap='deleteComment' data-cid='{{item1.cid}}'>删除</view></block>
<view class='right-txt' bindtap='callbackComment' data-sid='{{discussQues.sid}}' data-qid='{{discussQues.qid}}' data-ansid='{{item.aid}}' data-to='{{item.user.name}}'>回复</view>
</view>
<view class='text'>{{item1.text}}</view>
</view>
</block>
</block>
<block wx:if='{{!item.comments.length || !answers[index].isShowComment}}'><view style='width: 750rpx; height: 20rpx;'></view></block>
</view>
</block>
<block wx:if='{{!answersList.length}}'>
<view class='no-data'>暂无回答</view>
</block>
<view style='width: 750rpx; height: 200rpx;'></view>
</scroll-view>
<view class='input-publish'>
<view class='ask'>
<image class='img' src='./icons/ask.png' mode='aspectFill'></image>
<input type='text' class="txt" placeholder='{{inputStatus.placeholder}}' focus='{{inputStatus.canFocus}}' bindblur='blurInput' confirm-type='send' bindconfirm='publishContent' value='{{inputStatus.input}}' cursor-spacing='20'/>
</view>
</view>
\ No newline at end of file
learnOnline/pages/learnSystem/discussDetail/discussDetail.wxss 0 → 100644
浏览文件 @ ade1ff50
/* pages/learnSystem/discussDetail/discussDetail.wxss */
.discuss-detail-scroll { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #f7f7f7; }
.discuss-detail-scroll .ques { padding: 30rpx 26rpx; padding-top: 0; margin-bottom: 20rpx; background: #fff; box-shadow: 0 2rpx 4rpx rgba(10, 4, 6, 0.1); overflow: hidden; }
/* 显示标题、描述、讨论、人等 */
.discuss-detail-scroll .user { margin-top: 15rpx; overflow: hidden; }
.discuss-detail-scroll .user .name { float: left; font-size: 22rpx; color: #313131; line-height: 26rpx; }
.discuss-detail-scroll .user .time { float: left; margin-left: 40rpx; font-size: 20rpx; color: #a0a0a0; line-height: 26rpx; }
.discuss-detail-scroll .user .right-txt { float: right; margin-left: 20rpx; font-size: 20rpx; color: #a27c1b; }
.discuss-detail-scroll .user .right-txt .img { display: inline-block; margin-top: 1rpx; width: 22rpx; height: 20rpx; }
.discuss-detail-scroll .title { margin: 15rpx 0; font-size: 28rpx; color: #313131; line-height: 40rpx; text-align: justify; }
.discuss-detail-scroll .text { font-size: 24rpx; color: #535353; line-height: 36rpx; text-align: justify; }
/* 显示回答和投票 */
.discuss-detail-scroll .result { margin-left: 26rpx; margin-top: 15rpx; font-size: 20rpx; color: #313131; }
.discuss-detail-scroll .ask { position: relative; margin-top: 20rpx; padding: 0 26rpx; background: #fff; overflow: hidden; }
/* 显示回答 和 讨论 */
.discuss-detail-scroll .ask .user-1 { position: relative; overflow: hidden; margin-top: 25rpx; margin-bottom: 15rpx; }
.discuss-detail-scroll .ask .user-1 .img-1 { float: left; width: 60rpx; height: 60rpx; background: #e5e5e5; border-radius: 50%; }
.discuss-detail-scroll .ask .user-1 .right-1 { position: absolute; left: 72rpx; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.discuss-detail-scroll .ask .user-1 .right-1 .name-1 { font-size: 20rpx; color: #313131; text-overflow: ellipsis; overflow: hidden; word-break:break-all; }
.discuss-detail-scroll .ask .user-1 .right-1 .time-1 { margin-top: 5rpx; font-size: 18rpx; color: #a0a0a0; }
.discuss-detail-scroll .item-list { position: relative; padding: 30rpx 0; border-bottom: 1rpx solid #c9c9c9; }
.discuss-detail-scroll .item-list:last-child { border-bottom: none; }
.discuss-detail-scroll .item-list .user { margin-top: 0; overflow: hidden; }
.discuss-detail-scroll .item-list .user .name { float: left; font-size: 22rpx; color: #313131; line-height: 26rpx; }
.discuss-detail-scroll .item-list .user .time { float: left; margin-left: 40rpx; font-size: 20rpx; color: #a0a0a0; line-height: 26rpx; }
.discuss-detail-scroll .item-list .user .right-txt { float: right; margin-left: 20rpx; font-size: 20rpx; color: #a27c1b; }
.discuss-detail-scroll .item-list .text { margin-top: 15rpx; font-size: 24rpx; color: #535353; }
.discuss-detail-scroll .item-list .text.on { color: #2263d9; }
.discuss-detail-scroll .no-data { padding: 100rpx 0; font-size: 30rpx; color: #c9c9c9; text-align: center; }
.input-publish { position: fixed; z-index: 2; height: 80rpx; left: 0; right: 0; bottom: 0; background: #fff; }
.input-publish .ask { position: relative; margin: 12rpx auto; width: 700rpx; height: 56rpx; border: 1rpx solid #dcdcdc; box-sizing: border-box; -webkit-box-sizing: border-box; }
.input-publish .ask .img { position: absolute; left: 24rpx; top: 13rpx; width: 28rpx; height: 26rpx; }
.input-publish .ask .txt { position: absolute; left: 63rpx; top: 0; height: 54rpx; width: 630rpx; border: none; line-height: 54rpx; font-size: 24rpx; color: #313131; }
\ No newline at end of file
learnOnline/pages/learnSystem/home/home.js
浏览文件 @ ade1ff50
// pages/learnSystem/home/home.js
Page({
const CourseApi = require('../../../apiService/CourseApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
filter: {
studyEarly: 'down',
selectTime: 'down'
},
find: [{
name: '学期',
isShow: false,
selectIndex: 0,
key: 'semester_id',
arrItem: [ // 从后台请求
{ val: '-1', name: '全部' },
{ val: '', name: '第一学期' },
{ val: '', name: '第二学期' },
{ val: '', name: '第三学期' },
{ val: '', name: '第四学期' }
]
}, {
name: '课程类型',
isShow: false,
selectIndex: 0,
key: 'course_type',
arrItem: [
{ val: '-1', name: '全部' },
{ val: '1', name: '必修课' },
{ val: '2', name: '选修课' },
{ val: '3', name: '重修课' }
]
}],
homeList: [
// {
// id: '',
// src: '../icons/home/default.jpg',
// title: '这里是一条长的标题不要超过25个汉字标题不要超过25个汉字',
// arrTab: ['3学分', '必修课', '第一学期'],
// status: '已发布',
// time: '2016-09-10至2017-01-10',
// myStatus: '已选修',
// progress: '50%'
// }
]
},
param: {},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.showLoading({ title: '页面加载中...', mask: true })
CourseApi.getlearnFindList((_) => {
this.setData({ 'find[0].arrItem': _ })
CourseApi.getCourseList(true, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
if (!json.length) {
wx.showToast({ title: '请去选课广场选课', icon: 'none', duration: 3500 })
}
})
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
onReady: function () {},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
onHide: function () {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
onUnload: function () {},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {},
/**
* 筛选 - 最近学习顺序
*/
studyEarlyUpdate: function () {
let na = this.data.filter.studyEarly == 'up' ? 'down' : 'up'
this.setData({ 'filter.studyEarly': na })
if (na == 'down') {
this.param['order_type'] = 'learn_time'
} else if (na == 'up') {
this.param['order_type'] = '-learn_time'
}
wx.showLoading({ title: '加载中...', mask: true })
CourseApi.getCourseList(true, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
* 筛选 - 选修时间顺序
*/
onPullDownRefresh: function () {
selectTimeUpdate: function () {
let na = this.data.filter.selectTime == 'up' ? 'down' : 'up'
this.setData({ 'filter.selectTime': na })
if (na == 'down') {
this.param['order_type'] = 'join_time'
} else if (na == 'up') {
this.param['order_type'] = '-join_time'
}
wx.showLoading({ title: '加载中...', mask: true })
CourseApi.getCourseList(true, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
})
},
/**
* 页面上拉触底事件的处理函数
* 跳转 - 选课广场
*/
onReachBottom: function () {
jumpToCourseSquare: function () {
wx.navigateTo({
url: '/pages/learnSystem/courseSquare/courseSquare'
})
},
/**
* 用户点击右上角分享
* 跳转 - 课程详情页
*/
onShareAppMessage: function () {
goCourseContent: function (e) {
let id = e.currentTarget.dataset.id
let sid = e.currentTarget.dataset.sid
wx.navigateTo({
url: '/pages/learnSystem/courseContent/courseContent?id=' + id + '&sid=' + sid
})
},
/**
* 分类选择 - 显示
*/
selFindShow: function (e) {
let index = e.currentTarget.dataset.index
let json = this.data.find
/* 本来就是打开状态，再点击关闭 */
if (json[index].isShow) {
json[index].isShow = false
} else {
for(let i=0; i<json.length; i++) {
json[i].isShow = false
}
json[index].isShow = true
}
this.setData({ 'find': json })
},
/**
* 分类选择 - 隐藏
*/
selFindHide: function (e) {
let json = this.data.find
for (let i = 0; i < json.length; i++) {
json[i].isShow = false
}
this.setData({ 'find': json })
},
/**
* 分类选择 - 选中某一项
*/
selFindSelect: function (e) {
let _data = e.currentTarget.dataset, index = _data.index
let json = this.data.find
for (let i = 0; i < json.length; i++) {
if (json[i].isShow) {
json[i].selectIndex = index
json[i].isShow = false
if (_data.val == '-1') {
delete this.param[_data.key]
} else {
this.param[_data.key] = _data.val
}
break
}
}
this.setData({ 'find': json })
/* 调用接口 */
wx.showLoading({ title: '加载中...', mask: true })
CourseApi.getCourseList(true, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
})
},
/**
* 上拉加载更多
*/
loadmore: function () {
wx.showLoading({ title: '加载中...', mask: true })
CourseApi.getCourseList(true, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
wx.showToast({ title: '没有更多了', icon: 'none' })
})
},
/**
* 上拉刷新
*/
updatenew: function () {
wx.showLoading({ title: '更新中...', mask: true })
CourseApi.getCourseList(true, this.param, (json) => {
this.setData({ 'homeList': json })
wx.hideLoading()
wx.showToast({ title: '已更新', icon: 'none' })
})
}
})
\ No newline at end of file
learnOnline/pages/learnSystem/home/home.json
浏览文件 @ ade1ff50
{
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "MBA学习系统"
}
\ No newline at end of file
learnOnline/pages/learnSystem/home/home.wxml
浏览文件 @ ade1ff50
<!--pages/learnSystem/home/home.wxml-->
<view class='left'>已发布 2018-09-23 至 2019-10-21 已选修</view>
<!-- 筛选 -->
<view class='select-filter'>
<view class='sel-item' bindtap='studyEarlyUpdate'>最近学习
<image style='{{filter.studyEarly == "down" ? "" : "display: none;"}}' src='../icons/home/down.png' mode='aspectFit'></image>
<image style='{{filter.studyEarly == "up" ? "" : "display: none;"}}' src='../icons/home/up.png' mode='aspectFit'></image>
</view>
<view class='sel-item' bindtap='selectTimeUpdate'>选修时间
<image style='{{filter.selectTime == "down" ? "" : "display: none;"}}' src='../icons/home/down.png' mode='aspectFit'></image>
<image style='{{filter.selectTime == "up" ? "" : "display: none;"}}' src='../icons/home/up.png' mode='aspectFit'></image>
</view>
<view class='sel-item right' bindtap='jumpToCourseSquare'><image src='../icons/home/sel.png' mode='aspectFit'></image>选课广场</view>
</view>
<!-- 分类 -->
<view class='select-find'>
<block wx:for='{{find}}' wx:key='{{index}}'>
<view class='col-5'><view class='sel-item {{item.isShow ? "on" : ""}}' bindtap='selFindShow' data-index='{{index}}'>{{item.name}}</view></view>
<block wx:if='{{item.isShow}}'>
<view class='content'>
<block wx:for='{{item.arrItem}}' wx:key='{{index1}}' wx:for-item="item1" wx:for-index="index1">
<view class='item {{item.selectIndex == index1 ? "on" : ""}}' bindtap='selFindSelect' data-index='{{index1}}' data-key='{{item.key}}' data-val='{{item1.val}}'>{{item1.name}}</view>
</block>
</view>
</block>
</block>
</view>
<block wx:if='{{find[0].isShow || find[1].isShow}}'>
<view class='select-find-open' bindtap='selFindHide'></view>
</block>
<scroll-view class='home-scroll' scroll-y bindscrolltolower='loadmore' bindscrolltoupper='updatenew' upper-threshold='0' lower-threshold='5'>
<block wx:for='{{homeList}}' wx:key='{{index}}'>
<view class='item-list' bindtap='goCourseContent' data-id='{{item.id}}' data-sid='{{item.sid}}'>
<image class='img' src='{{item.src}}' mode='aspectFill'></image>
<view class='ctx'>
<view class='top-ctx'>
<view class='tit'>{{item.title}}</view>
<view class='tit1'>
<block wx:for='{{item.arrTab}}' wx:key='{{index}}' wx:for-item='item1'>
<view class='tit1-item'>{{item1}}</view>
</block>
</view>
</view>
<view class='bottom-ctx'>
<view class='info'>
<view class='status'>{{item.status}}</view>
<view class='time'>{{item.time}}</view>
<view class='my-status'>{{item.myStatus}}</view>
</view>
<view class='progress'><view class='cur' style='width: {{item.progress || 0}};'></view></view>
</view>
</view>
</view>
</block>
<block wx:if='{{!homeList.length}}'>
<view class='no-data'>暂无相关课程</view>
</block>
</scroll-view>
\ No newline at end of file
learnOnline/pages/learnSystem/home/home.wxss
浏览文件 @ ade1ff50
/* pages/learnSystem/home/home.wxss */
.left {margin-left: 270rpx; margin-right: 25rpx; font-size: 18rpx;}
\ No newline at end of file
/* 筛选 */
.select-filter { position: fixed; width: 698rpx; padding: 0 26rpx; border-bottom: 1rpx solid #eeeeee; overflow: hidden; }
.select-filter .sel-item { float: left; margin-right: 90rpx; font-size: 28rpx; line-height: 90rpx; color: #313131; }
.select-filter .sel-item image { float: right; margin: 35rpx 0 0 5rpx; height: 20rpx; width: 20rpx; }
.select-filter .sel-item.right { float: right; margin-right: 0; color: #b49441; }
.select-filter .sel-item.right image { float: left; margin: 30rpx 5rpx 0 0; height: 26rpx; width: 25rpx; }
/* 分类 */
.select-find { position: fixed; top: 90rpx; z-index: 2; width: 750rpx; height: 90rpx; border-bottom: 1rpx solid #dcdcdc; }
.select-find .col-5 { float: left; position: relative; z-index: 2; width: 50%; height: 100%; }
.select-find .sel-item { position: absolute; top: 17rpx; left: 50%; width: 200rpx; color: #313131; font-size: 24rpx; line-height: 56rpx; text-align: center; background: #eeeeee; border-radius: 8rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.select-find .sel-item.on { height: 70rpx; background: #fff; border: 1rpx solid #eeeeee; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select-find .content { position: absolute; z-index: 0; top: 86rpx; width: 750rpx; background: #fff; overflow: hidden; border-top: 1rpx solid #eeeeee; }
.select-find .content .item { float: left; width: 50%; padding-left: 26rpx; font-size: 26rpx; line-height: 100rpx; color: #313131; box-sizing: border-box; -webkit-box-sizing: border-box; }
.select-find .content .item.on { color: #b49441; }
.select-find-open { position: absolute; z-index: 1; top: 180rpx; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); }
/* 列表 */
.home-scroll { position: fixed; top: 182rpx; bottom: 0; left: 0; right: 0; }
.home-scroll .item-list { padding: 33rpx 25rpx 33rpx 0; border-bottom: 1rpx solid #eeeeee; overflow: hidden; }
.home-scroll .item-list .img { float: left; width: 250rpx; height: 160rpx; }
.home-scroll .item-list .ctx { position: relative; margin-left: 266rpx; height: 160rpx; }
.home-scroll .item-list .ctx .top-ctx { position: absolute; top: -2rpx; width: 100%; overflow: hidden; }
.home-scroll .item-list .ctx .top-ctx .tit { font-size: 28rpx; color: #313131; line-height: 37rpx; }
.home-scroll .item-list .ctx .top-ctx .tit1 { margin-top: 8rpx; overflow: hidden; }
.home-scroll .item-list .ctx .top-ctx .tit1 .tit1-item { float: left; font-size: 20rpx; color: #313131; padding: 0 21rpx; line-height: 20rpx; border-right: 1rpx solid #a0a0a0; }
.home-scroll .item-list .ctx .top-ctx .tit1 .tit1-item:first-child { padding-left: 0; }
.home-scroll .item-list .ctx .top-ctx .tit1 .tit1-item:last-child { border-right: none; }
.home-scroll .item-list .ctx .bottom-ctx { position: absolute; bottom: 0; width: 100%; overflow: hidden; }
.home-scroll .item-list .ctx .bottom-ctx .info { margin-bottom: 10rpx; overflow: hidden; }
.home-scroll .item-list .ctx .bottom-ctx .info .status { float: left; font-size: 18rpx; color: #a0a0a0; margin-right: 25rpx; margin-top: 4rpx; }
.home-scroll .item-list .ctx .bottom-ctx .info .time { float: left; font-size: 18rpx; color: #a0a0a0; margin-top: 4rpx; }
.home-scroll .item-list .ctx .bottom-ctx .info .my-status { float: right; font-size: 22rpx; color: #313131; }
.home-scroll .item-list .ctx .bottom-ctx .progress { position: relative; width: 100%; height: 6rpx; border-radius: 6rpx; background: #c9c9c9; }
.home-scroll .item-list .ctx .bottom-ctx .progress .cur { position: absolute; height: 100%; border-radius: 6rpx; background: #b49441; }
.home-scroll .no-data { position: absolute; top: 50%; left: 50%; font-size: 30rpx; color: #112c42; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
\ No newline at end of file
learnOnline/pages/learnSystem/message/message.js
浏览文件 @ ade1ff50
// pages/learnSystem/message/message.js
Page({
const MsgApi = require('../../../apiService/MsgApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
msgList: [
// {
// isRead: false,
// id: '1',
// text: '2017年春季班三期班第三学期课程已经正式开始，作业截止提交时间为2018年1月10日，请三期班同学们合理安排学习时间。2017年春季班三期班第三学期课程已经正式开始，作业截止提交时间为2018年1月10日，请三期班同学们合理安排学习时间。',
// time: '2015-05-22 15:51',
// isShow: false // 该字段用来做 每条信息的打开、关闭
// }
]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.showLoading({ title: '页面加载中...', mask: true })
MsgApi.getMyMsg((json) => {
this.setData({ 'msgList': json })
wx.hideLoading()
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
onReady: function () {},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
onShow: function () {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
onHide: function () {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
onUnload: function () {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
// 显示顶部刷新图标
wx.showNavigationBarLoading();
wx.showLoading({ title: '更新中...', mask: true })
MsgApi.getMyMsg((json) => {
this.setData({ 'msgList': json })
wx.hideLoading()
// 隐藏导航栏加载框
wx.hideNavigationBarLoading();
// 停止下拉动作
wx.stopPullDownRefresh();
})
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
onReachBottom: function () {},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
onShareAppMessage: function () {},
/**
* 是否可以打开查看消息
*/
canishow: function (e) {
let i = e.currentTarget.dataset.index
let cname = 'msgList[' + i + '].isShow'
this.setData({ [cname]: !this.data.msgList[i].isShow })
cname = 'msgList[' + i + '].isRead'
this.setData({ [cname]: true })
/* 如果需要，再调用已读接口 */
},
/**
* 滚动到底部，加载更多数据
*/
loadmore: function () {
let _that = this;
wx.showLoading({ title: '数据加载中...', mask: true })
setTimeout(function () {
wx.showToast({ title: '没有更多了', icon: 'none' })
wx.hideLoading()
}, 2000)
}
})
\ No newline at end of file
learnOnline/pages/learnSystem/message/message.json
浏览文件 @ ade1ff50
{
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "消息"
}
\ No newline at end of file
learnOnline/pages/learnSystem/message/message.wxml
浏览文件 @ ade1ff50
<!--pages/learnSystem/message/message.wxml-->
<text>pages/learnSystem/message/message.wxml</text>
<scroll-view class='msg-scroll' scroll-y bindscrolltolower="loadmore">
<block wx:for='{{msgList}}' wx:key='{{index}}'>
<view class='item-msg' bindtap='canishow' data-index='{{index}}'>
<view class='flag {{item.isRead ? "read" : ""}}'>{{item.isRead ? '已读' : 'new'}}</view>
<rich-text class='text {{item.isShow ? "" : "on"}}' nodes="{{item.text}}"></rich-text>
<view class='ellipsis {{item.isShow ? "on" : ""}}'>....</view>
<view class='time'>{{item.time}}</view>
</view>
</block>
<block wx:if='{{!msgList.length}}'>
<view class='no-data'>暂无消息</view>
</block>
</scroll-view>
learnOnline/pages/learnSystem/message/message.wxss
浏览文件 @ ade1ff50
/* pages/learnSystem/message/message.wxss */
.msg-scroll { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.msg-scroll .item-msg { position: relative; width: 750rpx; padding: 30rpx 26rpx 30rpx 26rpx; border-bottom: 3rpx dashed #c9c9c9; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; }
.msg-scroll .item-msg .flag { float: left; margin-bottom: 10rpx; padding: 0 10rpx; font-size: 22rpx; line-height: 40rpx; color: #fff; background: #d50000; border-radius: 4rpx; }
.msg-scroll .item-msg .flag.read { background: #a0a0a0; }
.msg-scroll .item-msg .text { float: left; width: 100%; color: #535353; font-size: 24rpx; line-height: 34rpx; text-align: justify; }
.msg-scroll .item-msg .text.on { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; word-break:break-all; }
.msg-scroll .item-msg .ellipsis { position: absolute; right: 24rpx; bottom: 72rpx; padding: 5rpx 0; color: #535353; background: #fff; font-size: 24rpx; }
.msg-scroll .item-msg .ellipsis.on { display: none; }
.msg-scroll .item-msg .time { float: left; margin-top: 20rpx; color: #a0a0a0; font-size: 20rpx; }
.msg-scroll .no-data { position: absolute; top: 50%; left: 50%; font-size: 30rpx; color: #112c42; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
\ No newline at end of file
learnOnline/pages/learnSystem/my/my.js
浏览文件 @ ade1ff50
// pages/learnSystem/my/my.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
/* 页面的初始数据 */
data: { userInfo: { nickName: '用户名', avatarUrl: '../icons/my/default.jpg' } },
/* 生命周期函数--监听页面加载 */
onLoad: function (options) { this.setData({ 'userInfo': wx.getStorageSync('userInfo') }) },
/* 生命周期函数--监听页面初次渲染完成 */
onReady: function () { },
/* 我的讨论 */
goMyDiscuss: function () { wx.navigateTo({ url: '/pages/learnSystem/myDiscuss/myDiscuss' }) },
/* 我的学分 */
goMyScore: function () { wx.navigateTo({ url: '/pages/learnSystem/myScore/myScore' }) },
/* 退出系统 */
outSystem: function () { wx.reLaunch({ url: '/pages/index/index' }) },
/* 输出信息 */
printMsg: function (detail) { console.log(detail.status) }
})
\ No newline at end of file
learnOnline/pages/learnSystem/my/my.json
浏览文件 @ ade1ff50
{
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "我的"
}
\ No newline at end of file
learnOnline/pages/learnSystem/my/my.wxml
浏览文件 @ ade1ff50
<!--pages/learnSystem/my/my.wxml-->
<text>pages/learnSystem/my/my.wxml</text>
<view class='my'>
<view class='my-info'>
<image class='img' src='{{userInfo.avatarUrl}}'></image>
<view class='name'>{{userInfo.nickName}}</view>
</view>
<view class='my-select'>
<view class='item' bindtap='goMyDiscuss'>
<image class='img' src='../icons/my/my-discuss.png' mode='aspectFit'></image>
<view class='text'>我的讨论</view>
</view>
<view class='item' bindtap='goMyScore'>
<image class='img' src='../icons/my/my-credit.png' mode='aspectFit'></image>
<view class='text'>我的学分</view>
</view>
<view class='item' bindtap='outSystem'>
<image class='img' src='../icons/my/out-system.png' mode='aspectFit'></image>
<view class='text'>退出系统</view>
</view>
<view class='item'>
<image class='img' src='../icons/my/my-waiting.png' mode='aspectFit'></image>
<view class='text'>敬请期待</view>
</view>
</view>
<!-- 增加 关联公众号组件 - 模拟器上不显示，真机没问题 -->
<view class='relative-account'>
<official-account class='item' bindload='printMsg'></official-account>
</view>
</view>
learnOnline/pages/learnSystem/my/my.wxss
浏览文件 @ ade1ff50
/* pages/learnSystem/my/my.wxss */
.my { overflow: hidden; }
.my .my-info { position: relative; display: block; width: 100%; height: 320rpx; background: #b49441; }
.my .my-info .img { position: absolute; top: 50%; left: 68rpx; width: 138rpx; height: 138rpx; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.my .my-info .name { position: absolute; top: 50%; left: 226rpx; padding-right: 25rpx; font-size: 28rpx; line-height: 32rpx; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.my .my-select { overflow: hidden; }
.my .my-select view { -webkit-box-sizing: border-box; box-sizing: border-box; }
.my .my-select .item { float: left; height: 250rpx; width: 250rpx; border-bottom: 1rpx solid #dcdcdc; border-right: 1px solid #dcdcdc; }
.my .my-select .item:nth-child(3) { border-right-color: #fff; }
.my .my-select .item .img { display: block; margin: 70rpx auto 24rpx auto; width: 73rpx; height: 73rpx; }
.my .my-select .item .text { font-size: 22rpx; color: #313131; text-align: center; }
/* 关联公众号 */
.relative-account { position: relative; margin-top: 50rpx; width: 100%; height: 172rpx; }
.relative-account .item { position: absolute; top: 0; left: 50%; width: 81%; height: 168rpx; border: 1rpx solid #dcdcdc; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
\ No newline at end of file
learnOnline/pages/learnSystem/myDiscuss/myDiscuss.js 0 → 100644
浏览文件 @ ade1ff50
// pages/learnSystem/myDiscuss/myDiscuss.js
const DiscussApi = require('../../../apiService/DiscussApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
tabs: [{
title: '我提出的问题',
isShow: true,
path: '/my'
}, {
title: '我参与的问题',
isShow: false,
path:'/involved'
}],
discussList: [
// {
// user: {
// url: '',
// name: '用户名000',
// time: '2018-2-12 15:28:47'
// },
// title: '这是一个一句话问题这是一个一句话问题这是一个一句话问题标题这是一个一句话问题',
// text: '<p>王家有三兄弟甲、乙、丙，丙幼年时送给胡某作养子，丙结婚时，胡某为其盖了新房，后因失火致使该房屋被烧毁。丙的生父母就将自己<p>',
// askCnt: 20,
// TouCnt: 100,
// courseName: '在线学习课程'
// }
]
},
param: {
limit: 10, // 默认每页显示10条
offset: 0 // 偏移量（未考虑传输时，产生新问题情况）
},
loadAjax: function () {
wx.showLoading({ title: '页面加载中...', mask: true })
let pathUrl = '';
for (let i = 0; i < this.data.tabs.length; i++) {
if (this.data.tabs[i].isShow) {
pathUrl = this.data.tabs[i].path
}
}
DiscussApi.getDiscussList(pathUrl, this.param, (json) => {
this.setData({ 'discussList': json })
wx.hideLoading()
})
},
/**
* 切换 - tab
*/
tabSelect: function (e) {
let index = e.currentTarget.dataset.index
let json = this.data.tabs
for (let i = 0; i < json.length; i++) {
json[i].isShow = false
}
json[index].isShow = true
this.setData({ 'tabs': json })
this.param.offset = 0
this.loadAjax()
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) { this.loadAjax(); },
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () { },
/**
* 生命周期函数--监听页面显示
*/
onShow: function () { this.loadAjax(); },
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () { },
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () { },
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () { },
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () { },
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () { },
/**
* 跳转到对应 问题详情页
*/
goDiscussDetail: function (e) {
let qid = e.currentTarget.dataset.id
wx.navigateTo({
url: '/pages/learnSystem/discussDetail/discussDetail?qid=' + qid
})
},
/**
* 上拉加载更多
*/
loadmore: function () {
wx.showLoading({ title: '加载中...', mask: true })
let pathUrl = '';
for (let i = 0; i < this.data.tabs.length; i++) {
if (this.data.tabs[i].isShow) {
pathUrl = this.data.tabs[i].path
}
}
let _data = this.data.discussList
this.param.offset = _data.length
DiscussApi.getDiscussList(pathUrl, this.param, (json) => {
Array.prototype.push.apply(_data, json)
json.length && this.setData({ 'discussList': _data })
wx.hideLoading()
!json.length && wx.showToast({ title: '没有更多了', icon: 'none' })
})
},
/**
* 下拉刷新
*/
updatenew: function () {
wx.showLoading({ title: '更新中...', mask: true })
let pathUrl = '';
for (let i = 0; i < this.data.tabs.length; i++) {
if (this.data.tabs[i].isShow) {
pathUrl = this.data.tabs[i].path
}
}
this.param.offset = 0
DiscussApi.getDiscussList(pathUrl, this.param, (json) => {
this.setData({ 'discussList': json })
wx.hideLoading()
wx.showToast({ title: '已更新', icon: 'none' })
})
}
})
\ No newline at end of file
learnOnline/pages/learnSystem/myDiscuss/myDiscuss.json 0 → 100644
浏览文件 @ ade1ff50
{
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "我的讨论"
}
\ No newline at end of file
learnOnline/pages/learnSystem/myDiscuss/myDiscuss.wxml 0 → 100644
浏览文件 @ ade1ff50
<!--pages/learnSystem/myDiscuss/myDiscuss.wxml-->
<view class='tab-select'>
<block wx:for='{{tabs}}' wx:key='{{index}}'>
<view class='item {{item.isShow ? "on" : ""}}' bindtap='tabSelect' data-index='{{index}}'>{{item.title}}</view>
</block>
</view>
<scroll-view class='discuss-scroll' scroll-y bindscrolltolower='loadmore' bindscrolltoupper='updatenew' upper-threshold='0' lower-threshold='0'>
<block wx:for='{{discussList}}' wx:key='{{index}}'>
<view class='item-list' bindtap='goDiscussDetail' data-id='{{item.id}}' data-index='{{index}}'>
<view class='user'>
<image class='img' src='{{item.user.url}}' mode='scaleToFill'></image>
<view class='right'>
<view class='name'>{{item.user.name}}</view>
<view class='time'>{{item.user.time}}</view>
</view>
</view>
<view class='title'>{{item.title}}</view>
<rich-text class='text {{item.isShow ? "" : "on"}}' nodes="{{item.text}}"></rich-text>
<view class='ellipsis {{item.isShow ? "on" : ""}}' style='display: {{item.title.length > 56 ? "" : "none"}};'>....</view>
<view class='result'>{{item.askCnt}} 回答<view style='display: inline-block; width: 20rpx;'></view>{{item.TouCnt}} 投票</view>
<!-- <view class='course-name'>{{item.courseName}}</view> -->
</view>
</block>
<block wx:if='{{!discussList.length}}'>
<view class='no-data'>暂无相关讨论</view>
</block>
</scroll-view>
\ No newline at end of file
learnOnline/pages/learnSystem/myDiscuss/myDiscuss.wxss 0 → 100644
浏览文件 @ ade1ff50
/* pages/learnSystem/myDiscuss/myDiscuss.wxss */
.tab-select { width: 100%; border-bottom: 1rpx solid #c9c9c9; overflow: hidden; background: #fff; }
.tab-select .item { float: left; padding: 0 30rpx; font-size: 28rpx; line-height: 60rpx; color: #191919; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; }
.tab-select .item.on { line-height: 60rpx; border-bottom: 4rpx solid #b49441; color: #b49441; }
.discuss-scroll { position: absolute; top: 67rpx; left: 0; right: 0; bottom: 0; background: #f7f7f7; }
.discuss-scroll .item-list:first-child { margin-top: 42rpx; }
.discuss-scroll .item-list { position: relative; padding: 30rpx 26rpx; margin-bottom: 20rpx; background: #fff; box-shadow: 0 2rpx 4rpx rgba(10, 4, 6, 0.1); }
.discuss-scroll .item-list .user { position: relative; overflow: hidden; }
.discuss-scroll .item-list .user .img { float: left; width: 60rpx; height: 60rpx; background: #e5e5e5; border-radius: 50%; }
.discuss-scroll .item-list .user .right { position: absolute; left: 72rpx; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.discuss-scroll .item-list .user .right .name { font-size: 20rpx; color: #313131; text-overflow: ellipsis; overflow: hidden; word-break:break-all; }
.discuss-scroll .item-list .user .right .time { margin-top: 5rpx; font-size: 18rpx; color: #a0a0a0; }
.discuss-scroll .item-list .title { margin: 15rpx 0; font-size: 28rpx; color: #313131; line-height: 40rpx; text-align: justify; }
.discuss-scroll .item-list .text { font-size: 24rpx; color: #535353; line-height: 36rpx; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; word-break:break-all; }
.discuss-scroll .item-list .ellipsis { position: absolute; right: 30rpx; bottom: 66rpx; padding: 5rpx 15rpx 5rpx 5rpx; color: #535353; background: #fff; font-size: 24rpx; }
.discuss-scroll .item-list .ellipsis.on { display: none; }
.discuss-scroll .item-list .result { margin-top: 15rpx; font-size: 20rpx; color: #313131; }
.discuss-scroll .item-list .course-name { position: absolute; right: 32rpx; bottom: 28rpx; font-size: 20rpx; color: #b49441; }
.discuss-scroll .no-data { position: absolute; top: 50%; left: 50%; font-size: 30rpx; color: #112c42; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
\ No newline at end of file
learnOnline/pages/learnSystem/myScore/myScore.js 0 → 100644
浏览文件 @ ade1ff50
// pages/learnSystem/myScore/myScore.js
const ScoreApi = require('../../../apiService/ScoreApi.js')
Page({
/**
* 页面的初始数据
*/
data: {
score: {
total: 0,
myTotal: 0,
myTotalStr: '0%',
must: 0,
myMust: 0,
myMustStr: '0%',
unmust: 0,
myUnmust: 0,
myUnmustStr: '0%'
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.showLoading({ title: '页面加载中...', mask: true })
ScoreApi.getMyScore((json) => {
this.setData({ 'score': json })
wx.hideLoading()
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
// 显示顶部刷新图标
wx.showNavigationBarLoading()
wx.showLoading({ title: '更新中...', mask: true })
ScoreApi.getMyScore((json) => {
this.setData({ 'score': json })
wx.hideLoading()
// 隐藏导航栏加载框
wx.hideNavigationBarLoading()
// 停止下拉动作
wx.stopPullDownRefresh()
})
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {}
})
\ No newline at end of file
learnOnline/pages/learnSystem/myScore/myScore.json 0 → 100644
浏览文件 @ ade1ff50
{
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "我的学分"
}
\ No newline at end of file
learnOnline/pages/learnSystem/myScore/myScore.wxml 0 → 100644
浏览文件 @ ade1ff50
<!--pages/learnSystem/myScore/myScore.wxml-->
<view class='my-score'>
<view class='title'>总计学分<view class='score'>{{score.total}}</view></view>
<view class='pro-line total'>
<view class='active' style='width: {{score.myTotalStr}};'>
<view class='text {{score.myTotal/score.total>0.2 ? "" : "left"}}'>{{score.myTotal}} ({{score.myTotalStr}})</view>
</view>
</view>
<view class='col-5'>
<view class='title'>必修学分<view class='score'>{{score.must}}</view></view>
<view class='pro-line must'>
<view class='active' style='width: {{score.myMustStr}};'>
<view class='text {{score.myMust/score.must>0.4 ? "" : "left"}}'>{{score.myMust}} ({{score.myMustStr}})</view>
</view>
</view>
</view>
<view class='col-5 right'>
<view class='title'>选修学分<view class='score'>{{score.unmust}}</view></view>
<view class='pro-line unmust'>
<view class='active' style='width: {{score.myUnmustStr}};'>
<view class='text {{score.myUnmust/score.unmust>0.4 ? "" : "left"}}'>{{score.myUnmust}} ({{score.myUnmustStr}})</view>
</view>
</view>
</view>
<view></view>
</view>
learnOnline/pages/learnSystem/myScore/myScore.wxss 0 → 100644
浏览文件 @ ade1ff50
/* pages/learnSystem/myScore/myScore.wxss */
.my-score { padding: 30rpx 26rpx 100rpx 26rpx; overflow: hidden; }
.my-score .title { padding: 0 10rpx 0 0; width: 100%; font-size: 32rpx; line-height: 50rpx; color: #313131; box-sizing: border-box; -webkit-box-sizing: border-box; }
.my-score .title .score { float: right; color: #666666; font-size: 28rpx; }
.my-score .pro-line { position: relative; width: 100%; height: 60rpx; background: #dcdcdc; }
.my-score .pro-line .active { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; }
.my-score .pro-line .active .text { position: absolute; right: 10rpx; line-height: 60rpx; font-size: 26rpx; color: #fff; word-break:keep-all; white-space:nowrap; }
.my-score .pro-line .active .text.left { left: 10rpx; right: none; }
.my-score .pro-line.total .active { background: #df9d75; }
.my-score .pro-line.must .active { background: #8ca4cf; }
.my-score .pro-line.unmust .active { background: #66c6bd; }
.my-score .col-5 { float: left; width: 49%; }
.my-score .col-5.right { float: right; }
\ No newline at end of file
learnOnline/pages/videoPlayer/contentAudio/audioCtrl.js
浏览文件 @ ade1ff50
/**
* 创建一个audio对象
* @param {[string]} selectorId [audio组件id对应选择器字符串]
* @param {[string]} src [audio组件对应音频源]
* @param {[object]} _that [当前组件所在页面对应this]
*/
var Audio = function (selectorId) {
var Audio = function (src, _that) {
if (!(this instanceof Audio)) {
return new Audio(selectorId);
return new Audio(src, _that);
} else {
this._audio = this.init(selectorId);
this._audio = this.init(src, _that);
this.currentTime = 0; // 当前时间
this.totalTime = 0; // 总时间
this.rateIndex = 2; // 取值为 RATE中的 下标 0，1，2，3，4
......@@ -25,8 +26,16 @@ var Audio = function (selectorId) {
Audio.prototype = {
constructor: Audio,
RATE: ['0.5', '0.8', '1.0', '1.25', '1.5'],
init: function (selectorId) {
return wx.createAudioContext(selectorId);
init: function (src, _that) {
let _auCtx = wx.createInnerAudioContext();
_auCtx.autoplay = false;
_auCtx.src = src;
/* 使用绑定事件，代替wxml中的事件绑定 */
_auCtx.onTimeUpdate(() => { let e = { detail: { currentTime: _auCtx.currentTime, duration: _auCtx.duration } }; _that.timeUpdate(e) })
_auCtx.onPlay(() => { _that.beginPlayVA() })
_auCtx.onError((e) => { _that.playError(e) })
_auCtx.onEnded(() => { _that.playEnded })
return _auCtx;
},
play: function () {
this._audio.play();
......@@ -48,6 +57,8 @@ Audio.prototype = {
if (this.rateIndex > 4) this.rateIndex = 0;
this._audio.playbackRate(parseFloat(this.RATE[this.rateIndex]));
}
}
module.exports = {
Audio: Audio
......
learnOnline/pages/videoPlayer/contentAudio/contentAudio.wxml
浏览文件 @ ade1ff50
......@@ -5,6 +5,6 @@
<image src='./contentAudio/icons/loading_small.gif' class='loading-image {{status.imagesLoaded && "none"}}' mode='aspectFit'/>
<image wx:if='{{image.imgUrls[image.current]}}' src='{{image.imgUrls[image.current]}}' class='slide-image' mode='aspectFill' bindload='imagesLoaded'/>
<view wx:if='{{!image.imgUrls[image.current]}}' class='slide-image'>本课程暂无PPT</view>
<audio id="my-audio" class='my-audio' src='{{audio.src}}' controls='{{false}}' bindtimeupdate='timeUpdate' binderror='playError'></audio>
<!-- <audio id="my-audio" class='my-audio' src='{{audio.src}}' controls='{{false}}' bindtimeupdate='timeUpdate' bindplay='beginPlayVA' binderror='playError' bindended='playEnded'></audio> -->
</view>
</template>
\ No newline at end of file
learnOnline/pages/videoPlayer/contentVideo/contentVideo.wxml
浏览文件 @ ade1ff50
......@@ -3,6 +3,6 @@
<view class='content-video'
style='{{status.isSet && status.isVideo ? "display: none;" : "" }} {{status.isImages && status.isVideo ? "display: none;" : "" }} {{status.isAudio ? "display: none;" : "" }} {{chapterList.isShow && status.isVideo ? "display: none;" : "" }} {{ status.isLoading ? "display: none": "" }}'
>
<video id='my-video' class='my-video' src='{{video.src}}' initial-time='{{ctrlBar.initial_time}}' show-center-play-btn='{{false}}' controls='{{false}}' bindtimeupdate='timeUpdate' bindplay='beginPlayVA' binderror='playError' autoplay='{{false}}'></video>
<video id='my-video' class='my-video' src='{{video.src}}' initial-time='{{ctrlBar.initial_time}}' show-center-play-btn='{{false}}' controls='{{false}}' bindtimeupdate='timeUpdate' autoplay='false' bindfullscreenchange='beginAndOutFullScreen' bindpause='beginPauseVA' bindplay='beginPlayVA' binderror='playError' bindended='playEnded' autoplay='{{false}}'></video>
</view>
</template>
\ No newline at end of file
learnOnline/pages/videoPlayer/controlBar/controlBar.wxml
浏览文件 @ ade1ff50
......@@ -28,9 +28,9 @@
<image class='img' src='./controlBar/icons/btn-back.png' mode='scaleToFill' data-id='{{chapterList.prevVideo.id}}' data-hasVA='{{chapterList.prevVideo.time}}' data-name='{{chapterList.prevVideo.name}}' bindtap='prevChapter'></image>
</view>
<view class='opt'>
<image class='img init-page {{initPageFlag ? "" : "none"}}' src='./controlBar/icons/loading_small.gif' mode='aspectFit'></image>
<image class='img play {{initPageFlag ? "none" : ""}} {{!ctrlBar.isPlay ? "" : "none"}}' src='./controlBar/icons/btn-play.png' mode='scaleToFill' bindtap='playVA'></image>
<image class='img pause {{initPageFlag ? "none" : ""}} {{!ctrlBar.isPlay ? "none" : ""}}' src='./controlBar/icons/btn-pause.png' mode='scaleToFill' bindtap='pauseVA'></image>
<image class='img init-page {{initVAFlag ? "" : "none"}}' src='./controlBar/icons/loading_small.gif' mode='aspectFit'></image>
<image class='img play {{initVAFlag ? "none" : ""}} {{!ctrlBar.isPlay ? "" : "none"}}' src='./controlBar/icons/btn-play.png' mode='scaleToFill' bindtap='playVA'></image>
<image class='img pause {{initVAFlag ? "none" : ""}} {{!ctrlBar.isPlay ? "none" : ""}}' src='./controlBar/icons/btn-pause.png' mode='scaleToFill' bindtap='pauseVA'></image>
</view>
<view class='btn-front'>
<image class='img' src='./controlBar/icons/btn-front.png' mode='scaleToFill' data-id='{{chapterList.nextVideo.id}}' data-hasVA='{{chapterList.nextVideo.time}}' data-name='{{chapterList.nextVideo.name}}' bindtap='nextChapter'></image>
......
learnOnline/pages/videoPlayer/selectChapterList/selectChapterList.wxml
浏览文件 @ ade1ff50
<template name='selectChapterList'>
<view class='select-chapter-list' style='{{!chapterList.isShow && "display:none;"}}'>
<view class='bg' bindtap='closeSelectChapterList'></view>
<view class="content">
<block wx:for='{{chapterList.course}}' wx:key='{{index}}'>
<scroll-view scroll-y class="content">
<block wx:for='{{chapterList.course}}' wx:key='{{index}}' wx:for-index='index'>
<view class='content-group'>
<view class='title'>{{item.title}}</view>
<block wx:for='{{item.chapters}}' wx:key='{{index}}' wx:for-item="item1">
<block wx:for='{{item.chapters}}' wx:key='{{index1}}' wx:for-item="item1" wx:for-index='index1'>
<view class='body {{item1.id === chapterList.currentChapterId && "on"}}'>
<view class='name' data-id='{{item1.id}}' data-hasVA='{{item1.time}}' data-name='{{item1.name}}' bindtap='jumpToOtherVA'>
<view class='name' data-id='{{item1.id}}' data-hasVA='{{item1.time}}' data-name='{{item1.name}}' bindtap='jumpToOtherVA' data-index='{{index}}' data-index1='{{index1}}'>
{{item1.name}}
<view class='time'>{{item1.time}}</view>
</view>
......@@ -15,6 +15,6 @@
</block>
</view>
</block>
</view>
</scroll-view>
</view>
</template>
\ No newline at end of file
learnOnline/pages/videoPlayer/selectChapterList/selectChapterList.wxss
浏览文件 @ ade1ff50
......@@ -2,7 +2,8 @@
.select-chapter-list .bg { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); }
.select-chapter-list .content { position: absolute; z-index: 2; width: 750rpx; bottom: 0; top: 418rpx; overflow: auto; background-color: #eee; padding: 33rpx 0; }
.select-chapter-list .content .content-group { padding: 0 26rpx; }
.select-chapter-list .content .content-group .title { position: relative; padding: 0 24rpx; color: #313131; font-size: 30rpx; line-height: 80rpx; background: #c9c9c9; }
.select-chapter-list .content .content-group.no-child { margin-bottom: 20rpx; }
.select-chapter-list .content .content-group .title { position: relative; padding: 20rpx 24rpx; color: #313131; font-size: 30rpx; line-height: 40rpx; background: #e5e5e5; }
.select-chapter-list .content .content-group .body { position: relative; padding: 0 24rpx; font-size: 30rpx; line-height: 42rpx; color: #505050; }
.select-chapter-list .content .content-group .body.on .name { color: #b2183e; }
.select-chapter-list .content .content-group .body .name { padding: 20rpx 70rpx 20rpx 40rpx; border-left: 2rpx solid #c9c9c9; }
......
learnOnline/pages/videoPlayer/show.js
浏览文件 @ ade1ff50
......@@ -72,11 +72,13 @@ Page({
nextVideo: {}, // 下一章 音视频对象
prevVideo: {} // 上一章音视频对象
},
/* 初始化后，切换视频源可能出现自动播放视频问题，增加字段 */
initPageFlag: false,
/* 初始化后，视频状态设置为true先播放，会增加控制等待按钮，一直等待不能进行其他操作，到达可以播放状态时，再改为false */
initVAFlag: false,
/* 从页面传过来的参数 */
options: null
},
/* 本组件当前 this */
_that: null,
/* 视频对象 */
_video: null,
/* 音频对象 */
......@@ -87,71 +89,91 @@ Page({
heartbeat: null,
/* 点击放大图时，属于特殊打开，会调用 onHide，需要特殊处理加标记 */
isBigPicShow: false,
/* 是否切换到 后台 */
isBackend: false,
/* 第一次进入时 */
firstOpen: true,
/* 切换视频时，切换视频时，可能会导致 上次的记录不会播放，这个问题没有解决。IOS 和 android都没有解决 */
switchOpen: false,
/* 存储 第一次进入 或 切换时，控制信息的相关数据 */
_cache: null,
_cacheTotalTime: 0,
/* show页面 - 页面内容初始化(首次打开时，data.status本身就是初始状态，则不用再调用statusClear方法进行初始化) - 1. 根据数据初始化音视频对象；2. 根据数据初始化到视频页面；3. 根据进度数据初始化视频进度 */
initPage: function (res, vid) {
/* setData、视频设置等 异步，需要时间，所以加个延时，为true时播放按钮不可用 */
this.setData({ 'initVAFlag': true })
/* 默认先 显示视频 */
this.setData({ 'status.isVideo': true })
let _cache = wx.getStorageSync('videoCacheCtrlBar') || {};
this._cache = { isPlay: false, initial_time: 0, currentTime: '00:00', totalTime: '00:00', progress: '0%', curRate: '1.0X', jumpFlag: false, vid: vid }
/* 加载中时，重置控制内容 全部为 0 */
this.setData({ 'ctrlBar': this._cache })
/* 一定会 存在值 */
if (res) {
this.realTimeProgress = res;
console.log(vid, _cache.vid)
if (vid != _cache.vid) {
_cache = { isPlay: false, initial_time: 0, currentTime: '00:00', totalTime: '00:00', progress: '0%', curRate: '1.0X', jumpFlag: false, vid: vid }
let tempVid = wx.getStorageSync('videoCacheCtrlBar').vid
if (vid == tempVid) {
this._cache = wx.getStorageSync('videoCacheCtrlBar') || {}
res.cpt = Math.max(this._cache.initial_time || '', res.cpt)
}
this.realTimeProgress.cpt = _cache.initial_time = (vid == _cache.vid ? Math.max(_cache.initial_time || '', res.cpt) : res.cpt);
this._cache.initial_time = res.cpt
this.realTimeProgress = res
}
wx.setStorageSync('videoCacheCtrlBar', _cache);
wx.setStorageSync('audioCacheCtrlBar', _cache);
/* 重置视频内容 */
this.setData({ 'ctrlBar': _cache });
wx.setStorageSync('videoCacheCtrlBar', this._cache);
wx.setStorageSync('audioCacheCtrlBar', this._cache);
/* 将旧的对象全部抛弃掉 */
!this._video && (this._video = objV.Video('my-video'));
!this._audio && (this._audio = objA.Audio('my-audio'));
this.playVA();
this.seekVA(_cache.initial_time);
/* 这里 设置倍速还有点问题 */
let _vObj = this._video; for (let i = 0; i < _vObj.RATE.length; i++) { let _ = _vObj.RATE[i]; if (this.data.ctrlBar.curRate.replace(/X/, '') == _) { _vObj.rateIndex = i - 1; this.setRate(); }; }
/* setData、视频设置等 异步，需要时间，所以加个延时 */
this.setData({ 'initPageFlag': true })
(!this._video && (this._video = objV.Video('my-video')));
this._audio = objA.Audio(this.data.audio.src, this);
/* 切换视频源时 */
if (this.switchOpen) { this.setData({ 'ctrlBar': this._cache }); this.pauseVA() }
/* 第一次进入时 */
if (this.firstOpen) { this.playVA() }
setTimeout(() => {
this.setData({ 'status.isLoading': false })
}, 1000);
/* 这里 设置倍速还有点问题 */
let _vObj = this._video; for (let i = 0; i < _vObj.RATE.length; i++) { let _ = _vObj.RATE[i]; if (this.data.ctrlBar.curRate.replace(/X/, '') == _) { _vObj.rateIndex = i - 1; this.setRate(); }; }
}, 200);
},
/* 页面初始入口，会 先走 AJAX 读取 章节列表数据、音视频和PPT数据、进度数据 */
ajaxInitGetInfo: function (vid) {
let cid = this.data.options.cid, did = 'jjhz92fn0.le2a6c06c9g0.thhg7ekb1f8';
ChapterApi.getChapterList(cid, vid, (json) => {
let cid = this.data.options.cid, sid = this.data.options.sid, did = 'jjhz92fn0.le2a6c06c9g0.thhg7ekb1f8';
ChapterApi.getChapterList(cid, sid, vid, (json) => {
this.setData({ 'chapterList': json })
})
ChapterApi.getCurrentChapterDetail(vid, (json) => {
this.setData({ 'video': json.video })
this.setData({ 'audio': json.audio })
this.setData({ 'image': json.image })
ChapterApi.getProgress(vid, did, (res) => {
ChapterApi.getProgress(vid, did, sid, (res) => {
res.did = did
res.vid = vid
res.cid = cid
res.sid = sid
this.initPage(res, vid)
})
})
},
onLoad: function (options) { this.data.options = options; },
onHide: function () { this.pauseVA(); clearInterval(this.heartbeat); },
onHide: function () { this.isBackend = true; this.pauseVA(); clearInterval(this.heartbeat); },
onUnload: function () { this.pauseVA(); },
onShow: function () {
/* 兼容 android 这里发现 android 打开预览大图，然后关闭 自动播放视频，而且关不掉, 兼容android强制关闭视频 */
/* 这里没有 预览大图 关闭监听，所以 isBigPicShow 状态永远为 true */
if (this.isBigPicShow) { this.pauseVA() }
if (this.isBackend) {
let tempTime = wx.getStorageSync('videoCacheCtrlBar').initial_time;
this.playVA();
/* 兼容 android 突然黑屏关闭，然后一会儿打开，播放时出现跳跃播放问题 */
this.seekVA(wx.getStorageSync('videoCacheCtrlBar').initial_time)
this.seekVA(tempTime);
/* 这里调用，跟初始化调用时保持一致，其主要也是为了解决android从后台进入前台时出现的问题 */
this.setData({ 'initVAFlag': true });
this.isBackend = false;
}
},
/* 生命周期函数--监听页面初次渲染完成 */
onReady: function () { this.ajaxInitGetInfo(this.data.options.vid); },
/* controlBar页面 - 切换音频页面 - bindTap事件 */
showContentAudio: function () {
if (!this.data.audio.src) { wx.showToast({ title: '暂无音频文件', icon: 'none' }); return ; }
if (!this.data.audio.src) { wx.showToast({ title: '暂无音频文件', icon: 'none' }); return; }
this.changeVideoAndAudio({ content: '当前视频将暂停播放，请确认？', setStorage: 'videoCacheCtrlBar', getStorage: 'audioCacheCtrlBar', isAudio: true, isVideo: false });
},
/* controlBar页面 - 切换视频页面 - bindTap事件 */
......@@ -161,17 +183,20 @@ Page({
/* controlBar页面 - 切换音视频页面:辅助方法 - 1. 关闭音频或视频；2. 需要提示；3. 初始化视频记录或音频记录 */
changeVideoAndAudio: function (obj) {
this.pauseVA();
wx.showModal({ title: '提示', content: obj.content,
wx.showModal({
title: '提示', content: obj.content,
success: (res) => {
if (res.confirm) {
wx.setStorageSync(obj.setStorage, this.data.ctrlBar);
wx.setStorageSync(obj.setStorage, obj.getStorage);
let cache = wx.getStorageSync(obj.getStorage);
this.setData({ 'ctrlBar': cache });
this.setData({ 'status.isAudio': obj.isAudio });
this.setData({ 'status.isVideo': obj.isVideo });
this.seekVA(cache.initial_time);
this.playVA();
/* 这里调用，解决VA视频初始化 */
this.setData({ 'initVAFlag': true });
}
this.pauseVA();
}
});
},
......@@ -179,7 +204,21 @@ Page({
/* controlBar页面 和 selectChapterList页面 - 切换章节列表 - bindTap事件 */
jumpToOtherVA: function (e) {
let _data = e.target.dataset;
if (!_data.hasva) { wx.showToast({ title: '暂不支持小程序中做题', icon: 'none' }); return ; };
if (!_data.hasva) {
/* 如果存在 - 课后习题类型， type:3、work_type:1 */
let i1 = _data.index, i2 = _data.index1
let _course = this.data.chapterList.course[i1]
if (_course && _course.chapters[i2] && _course.chapters[i2].homework) {
let _hw = _course.chapters[i2].homework
wx.setStorageSync('_homework', _hw)
wx.navigateTo({
url: '/pages/learnSystem/courseContent/examDetail/examDetail'
})
return;
}
wx.showToast({ title: '请在PC上使用该功能', icon: 'none' }); return;
}
this.switchOpen = true;
this.statusClear(_data.name, _data.id);
this.ajaxInitGetInfo(_data.id);
},
......@@ -195,9 +234,9 @@ Page({
wx.setNavigationBarTitle({ title: name || '音视频' });
},
/* controlBar页面 - 上一章 - bindTap事件 */
prevChapter: function (e) { if (!e.target.dataset.id) { wx.showToast({ title: '已经是第一章了.', icon: 'none' }); return ; }; this.jumpToOtherVA(e); },
prevChapter: function (e) { if (!e.target.dataset.id) { wx.showToast({ title: '已经是第一章了.', icon: 'none' }); return; }; this.jumpToOtherVA(e); },
/* controlBar页面 - 下一章 - bindTap事件 */
nextChapter: function (e) { if (!e.target.dataset.id) { wx.showToast({ title: '已经是最后一章了.', icon: 'none' }); return ; }; this.jumpToOtherVA(e); },
nextChapter: function (e) { if (!e.target.dataset.id) { wx.showToast({ title: '已经是最后一章了.', icon: 'none' }); return; }; this.jumpToOtherVA(e); },
/* controlBar页面 - 打开切换章节列表 - bindTap事件 */
openSelectChapterList: function () { this.setData({ 'chapterList.isShow': true }); },
/* controlBar页面 - 关闭切换章节列表 - bindTap事件和内部调用 */
......@@ -233,17 +272,17 @@ Page({
/* controlBar页面 - 播放音视频 - bindTap事件和内部调用 */
playVA: function () {
let _data = this.data, _status = _data.status
this.setData({ 'ctrlBar.isPlay': true })
_status.isVideo && this._video.play()
_status.isAudio && this._audio.play()
this.setData({ 'ctrlBar.isPlay': true })
this.setHeartbeat()
},
/* controlBar页面 - 暂停音视频 - bindTap事件和内部调用 */
pauseVA: function () {
let _data = this.data, _status = _data.status
this.setData({ 'ctrlBar.isPlay': false })
_status.isVideo && this._video.pause()
_status.isAudio && this._audio.pause()
this.setData({ 'ctrlBar.isPlay': false })
clearInterval(this.heartbeat)
},
/* controlBar页面 - 点击进度条跳到某个位置播放 - bindtouchstart事件 */
......@@ -259,21 +298,55 @@ Page({
/* setContent页面 - 改变播放倍率 注意：音频不支持倍速 - bindTap事件 */
setRate: function () {
let _data = this.data, _status = _data.status
if (_status.isAudio) { wx.showToast({ title: '音频暂不支持倍速', icon: 'none' }); return ; }
if (_status.isAudio) { wx.showToast({ title: '音频暂不支持倍速', icon: 'none' }); return; }
let _obj = this._video
_obj.rate()
this.setData({ 'ctrlBar.curRate': _obj.RATE[_obj.rateIndex] + 'X' })
},
/* 视频进入 或者 退出全屏时 触发 */
beginAndOutFullScreen: function (e) {},
/* VideoOrAudio标签 - 开始/继续播放时触发play事件时，触发 - bindplay事件 */
beginPlayVA: function () { if (this.data.initPageFlag) { this.pauseVA(); this.setData({ 'initPageFlag': false }); } },
beginPlayVA: function () {
if (this.data.initVAFlag) {
if (this.firstOpen) {
this.seekVA(this._cache.initial_time)
/* 由于不能直接获取视频长度，所以 延时暂停，通过 timeUpdate获取视频长度 */
setTimeout(() => {
this.pauseVA()
this.setData({ 'initVAFlag': false })
}, 260)
} else {
this.pauseVA()
this.setData({ 'initVAFlag': false })
return ;
}
}
/* 切换时 iphone 6 系统：8.4.1 会存储上一次视频，所以，再手动点击播放时，进行切换到当前位置 */
if (this.switchOpen) {
this.seekVA(this._cache.initial_time);
this.switchOpen = false
}
},
/* VideoOrAudio标签 - 暂停播放时触发pause事件时，触发 - bindpause事件 */
beginPauseVA: function () {
if (this.firstOpen) {
this.setData({ 'ctrlBar.progress': this._cache.initial_time / this._cacheTotalTime * 100 + '%' });
this.setData({ 'ctrlBar.currentTime': util.durationToTimeString(this._cache.initial_time) });
this.firstOpen = false
}
if (this.switchOpen) {
this.setData({ 'initVAFlag': false })
}
},
/* VideoOrAudio标签 - 当播放到末尾时，触发 - bindended事件 */
playEnded: function () { wx.showToast({ title: '当前音/视频播放完毕。', icon: 'none' }); this.pauseVA(); },
/* VideoOrAudio标签 - 视频播放错误时，触发 - binderror事件 */
playError: function (e) { console.log(e) },
playError: function (e) { },
/* VideoOrAudio标签 - 视频播放发生变化时 - bindtimeupdate事件 */
timeUpdate: function (e) {
let _data = this.data, _status = _data.status, _detail = e.detail, _obj = _status.isVideo ? this._video : this._audio
// console.log('AV time change: ' + parseInt(_detail.currentTime))
_obj.currentTime = parseInt(_detail.currentTime)
_obj.totalTime = parseInt(_detail.duration)
this._cacheTotalTime = _obj.totalTime = parseInt(_detail.duration)
this.setData({ 'ctrlBar.progress': _obj.currentTime / _obj.totalTime * 100 + '%' });
this.setData({ 'ctrlBar.currentTime': util.durationToTimeString(_obj.currentTime) });
this.setData({ 'ctrlBar.totalTime': util.durationToTimeString(_obj.totalTime) })
......@@ -295,7 +368,7 @@ Page({
this.heartbeat = setInterval(() => {
/* 如果是初始加载状态，就不计算时间状态 和 提交进度了 */
if (this.data.initPageFlag) return ;
if (this.data.initVAFlag) return;
let arr = _data.ctrlBar.currentTime.split(':'), tempTime = parseInt(arr[0] * 60) + parseInt(arr[1]);
this.setData({ 'ctrlBar.initial_time': tempTime })
wx.setStorageSync('videoCacheCtrlBar', _data.ctrlBar)
......
learnOnline/pages/videoPlayer/show.wxml
浏览文件 @ ade1ff50
......@@ -23,5 +23,5 @@
</block><block wx:else>
<template is='noSupport'></template>
</block>
<template is='controlBar' data='{{status, video, ctrlBar, chapterList, initPageFlag}}'></template>
<template is='controlBar' data='{{status, video, ctrlBar, chapterList, initVAFlag}}'></template>
<template is='selectChapterList' data='{{status, chapterList}}'></template>
learnOnline/project.config.json
浏览文件 @ ade1ff50
{
"description": "项目配置文件。",
"setting": {
"urlCheck": false,
"urlCheck": true,
"es6": true,
"postcss": true,
"minified": true,
"newFeature": true
},
"compileType": "miniprogram",
"libVersion": "2.2.3",
"libVersion": "2.3.0",
"appid": "wx944151f4ea4203a4",
"projectname": "learnOnline",
"isGameTourist": false,
......
learnOnline/utils/util.js
浏览文件 @ ade1ff50
......@@ -4,10 +4,10 @@
const config = {
// URL_PATH: 'http://dev.ezijing.com:3000/api', // 本地开发域名
// outSiteLink: 'https://applets.ezijing.com', // 本地测试外链
URL_PATH: 'https://api2.ezijing.com', // 测试域名
outSiteLink: 'https://kelley2.ezijing.com', // 测试外链
// URL_PATH: 'https://api.ezijing.com', // 正式域名
// outSiteLink: 'https://e-learning.ezijing.com', // 正式外链
// URL_PATH: 'https://api2.ezijing.com', // 测试域名
// outSiteLink: 'https://kelley2.ezijing.com', // 测试外链
URL_PATH: 'https://api.ezijing.com', // 正式域名
outSiteLink: 'https://e-learning.ezijing.com', // 正式外链
}
/* 请求接口统一 重定义 */
const requestApi = (obj) => {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论