Compare commits
384 Commits
compulsory
...
2025-912-h
| Author | SHA1 | Date | |
|---|---|---|---|
| 3860087fac | |||
| 046509f70d | |||
| bf0ae91184 | |||
| f61742a0b9 | |||
|
|
c886a80193 | ||
| 05ad90b025 | |||
| f3833a23fa | |||
| d957a8d44b | |||
|
|
89ed79828f | ||
|
|
b926590edc | ||
| 19bc757dc2 | |||
| f3a1036b64 | |||
| 3c1650b751 | |||
| ff2bdb4ae5 | |||
|
|
14fb53ccd3 | ||
|
|
72f9661150 | ||
|
|
7806afc5f7 | ||
| e1af233c5f | |||
| 2738493030 | |||
| 480a4f5564 | |||
|
|
205bf5469f | ||
|
|
30897a1fa5 | ||
|
|
1c59cffd3e | ||
|
|
6e9f93d6c9 | ||
|
|
3ee4a2fd6e | ||
|
|
1b442ef040 | ||
|
|
4693cb0db1 | ||
|
|
92fecbec80 | ||
|
|
be63f5a1aa | ||
|
|
c9899eda6b | ||
|
|
0f52a69beb | ||
|
|
3410afedcf | ||
|
|
33866c0f49 | ||
|
|
c9e51fc21f | ||
|
|
a42668c929 | ||
|
|
01d4bc0536 | ||
|
|
d52e8b389b | ||
|
|
e9a86d0364 | ||
|
|
0e43ca5e82 | ||
|
|
0771460f60 | ||
|
|
1a2829d70a | ||
|
|
68eda7efcc | ||
|
|
8c7569ae4e | ||
|
|
56f565cbf3 | ||
|
|
c15f52e325 | ||
|
|
98c10e703e | ||
|
|
2078c128c9 | ||
|
|
e8fe7b4fd3 | ||
|
|
029d5b0791 | ||
|
|
12a6ed8fea | ||
|
|
363492866f | ||
|
|
d237dc99ee | ||
|
|
995933ae56 | ||
|
|
dff81df91d | ||
|
|
0864704c4c | ||
|
|
58fc6264fe | ||
|
|
5276813eba | ||
|
|
3485435c9e | ||
|
|
2ee3daedf6 | ||
|
|
5d0d64abbf | ||
|
|
ea97aee4af | ||
|
|
a968062936 | ||
|
|
6d11475456 | ||
|
|
a7396e0a6a | ||
|
|
ac236e8d7c | ||
|
|
f537608e4f | ||
|
|
c7f4a224ff | ||
|
|
a4d088a3ae | ||
|
|
3cd2c5f433 | ||
|
|
8c69fac9be | ||
|
|
4033eb2294 | ||
|
|
ec469db72a | ||
|
|
5e1ea2469b | ||
|
|
2baa5c61a4 | ||
|
|
b627398b7d | ||
|
|
7be5c072d9 | ||
|
|
de14f9f561 | ||
|
|
44f79c93a5 | ||
|
|
e501b8d23f | ||
|
|
ea8143db2b | ||
|
|
89277f8868 | ||
|
|
13af8ba4e0 | ||
|
|
e3735e4b92 | ||
|
|
f4c9b921bb | ||
|
|
ed899cdd2c | ||
|
|
c24b54957a | ||
|
|
1dc9c941d7 | ||
|
|
33c9d2140f | ||
|
|
afd1bec458 | ||
|
|
202bf7b123 | ||
|
|
ce1d662350 | ||
|
|
81602506c7 | ||
|
|
053a2a60b2 | ||
|
|
b9f23eb657 | ||
|
|
ceeb3efcf5 | ||
|
|
147366f738 | ||
|
|
4ac09a8793 | ||
|
|
9c768337c6 | ||
|
|
e202946fe7 | ||
|
|
fbddf6806a | ||
|
|
3cfa3ffec3 | ||
|
|
a8bcd3832b | ||
|
|
d9f69001a5 | ||
|
|
93e769be42 | ||
|
|
206f0e825d | ||
|
|
3bb4b519f1 | ||
|
|
fe790389ca | ||
|
|
44a5baec18 | ||
|
|
ee8a76c4df | ||
|
|
12c1bdb1a8 | ||
|
|
df0e1ad0ed | ||
|
|
ea54ea2c20 | ||
|
|
5fe9d2eb96 | ||
|
|
b6562e5c9c | ||
|
|
a0dcd27f8c | ||
|
|
8bc2bc96a8 | ||
|
|
ab2ac961f5 | ||
|
|
6727dd838b | ||
|
|
28aa639e1c | ||
|
|
05d48f5313 | ||
|
|
7a67aca620 | ||
|
|
a810da8978 | ||
|
|
b4538150df | ||
|
|
e79abe7aee | ||
|
|
65dfa4f0e3 | ||
|
|
4784b02ca4 | ||
|
|
45e006a4e7 | ||
|
|
577357ccd0 | ||
|
|
f92954aa6b | ||
|
|
d59b5a9e06 | ||
|
|
4be009a6d8 | ||
|
|
b5f01c6357 | ||
|
|
78cbb21155 | ||
|
|
adc33e5892 | ||
|
|
a9de4ad77c | ||
|
|
a3c85cbd19 | ||
|
|
9a6727e52f | ||
|
|
7cee4b5ad1 | ||
|
|
c3b5f1baf0 | ||
|
|
213990a7b0 | ||
|
|
505e3ce00c | ||
|
|
ff908554fd | ||
|
|
e031dcd935 | ||
|
|
2139e15813 | ||
|
|
8497deea52 | ||
|
|
8746904cb9 | ||
|
|
213e5abce3 | ||
|
|
dc7f942303 | ||
|
|
4c1c370879 | ||
|
|
ffbc4ef808 | ||
|
|
5936183912 | ||
|
|
702881c100 | ||
|
|
b0229f6cde | ||
|
|
9c6c1708fc | ||
|
|
b67d7f4311 | ||
|
|
c5e54f0170 | ||
|
|
5c5a71ec55 | ||
|
|
b6a3a32412 | ||
|
|
d6fd44830b | ||
|
|
d01fd6f07b | ||
|
|
f9e332ab7c | ||
|
|
0989360183 | ||
|
|
5e31f7d1a8 | ||
|
|
eaa7f04cd6 | ||
|
|
0d7a2ad353 | ||
|
|
9d9d663591 | ||
|
|
90b53a54b2 | ||
|
|
b89a8266e5 | ||
|
|
49137387f6 | ||
|
|
812c09d65c | ||
|
|
57a87db016 | ||
|
|
2536fca503 | ||
|
|
047b1f9bae | ||
|
|
7162d329ee | ||
|
|
d7d80e8244 | ||
|
|
af208d0a6d | ||
|
|
713f258c14 | ||
|
|
def3892edc | ||
|
|
51a8da4bdb | ||
|
|
6536e36857 | ||
|
|
1bf9398177 | ||
|
|
a5333952c9 | ||
|
|
127f191776 | ||
|
|
e9b9a14b69 | ||
|
|
11a1065df9 | ||
|
|
001452fa2e | ||
|
|
988a7a1e17 | ||
|
|
7fed1a3991 | ||
|
|
5448a9724d | ||
|
|
23928a0865 | ||
|
|
797c08d8fc | ||
|
|
a8d44d0169 | ||
|
|
567bed812b | ||
|
|
2e0fe475f2 | ||
|
|
04ecf6a971 | ||
|
|
5381416a05 | ||
|
|
216141dbd3 | ||
|
|
1dad88c59b | ||
|
|
0f3c53cb31 | ||
|
|
1f4416e9b1 | ||
|
|
2ffe9c1872 | ||
|
|
e74f14baa0 | ||
|
|
aa0fcf6ff0 | ||
|
|
9fba452d2d | ||
|
|
d33e27b3d0 | ||
|
|
3d3f2ebc6e | ||
|
|
b679502553 | ||
|
|
d027a4c56a | ||
|
|
c6b2c46311 | ||
|
|
181892de67 | ||
|
|
a2809f5347 | ||
|
|
609902aeb8 | ||
|
|
6399aa3352 | ||
|
|
23ffd002a7 | ||
|
|
96e0c0fb70 | ||
|
|
6382f6b04d | ||
|
|
4d783ce94d | ||
|
|
b686a9e2a2 | ||
|
|
b52ad264da | ||
|
|
511b3179f6 | ||
|
|
cc48f52fea | ||
|
|
5f230a6543 | ||
|
|
a78f6a0152 | ||
|
|
7c20a11687 | ||
|
|
5b5d73c905 | ||
|
|
09f06b1679 | ||
|
|
c0562c41c0 | ||
|
|
24a34fa779 | ||
|
|
987f69dc64 | ||
|
|
15e15ae5d2 | ||
|
|
5126636193 | ||
|
|
4dd02dcbc6 | ||
|
|
2456cf72ed | ||
|
|
315b01999d | ||
|
|
2b45e63c54 | ||
|
|
1927b5b67f | ||
|
|
1843c9e6aa | ||
|
|
ca25bd9d76 | ||
|
|
091c09204f | ||
|
|
31be7b053e | ||
|
|
178431e7df | ||
|
|
efbf778d80 | ||
|
|
14fdadcec3 | ||
|
|
33feddbe3a | ||
|
|
7756c28679 | ||
|
|
bb45487264 | ||
|
|
df77e5c7dc | ||
|
|
b22dc4539a | ||
|
|
db024ebc2a | ||
|
|
5e7580a936 | ||
|
|
00d272c3d0 | ||
|
|
398bbc675b | ||
|
|
d0a6807d2c | ||
|
|
f01283f530 | ||
|
|
b9ec8ed534 | ||
|
|
5f9da5cf03 | ||
|
|
1b3064f2ab | ||
|
|
24be910b83 | ||
|
|
6153daa98a | ||
|
|
c5f6f5c83e | ||
|
|
4d0cae9346 | ||
|
|
5be181df8c | ||
|
|
67f2ff3e86 | ||
|
|
3588ef3e67 | ||
|
|
7fab8bb062 | ||
|
|
977af999a3 | ||
|
|
cc0362380e | ||
|
|
45027ca77e | ||
|
|
83838b2c1a | ||
|
|
acbacac737 | ||
|
|
f98fda4f78 | ||
|
|
1ad2c80c9b | ||
|
|
21afc82036 | ||
|
|
3e137990b7 | ||
|
|
602a49e292 | ||
|
|
0397b4c310 | ||
|
|
6bf278c148 | ||
|
|
3080303fa3 | ||
|
|
50dca2caa9 | ||
|
|
2576fdd070 | ||
|
|
548d891be3 | ||
|
|
0dc3884d46 | ||
|
|
633ddbd51c | ||
|
|
22861dadf2 | ||
|
|
493ebfa05b | ||
|
|
78e75db403 | ||
|
|
0ebbb0399f | ||
|
|
61cdd7c821 | ||
|
|
90ca7e4750 | ||
|
|
14a94d1fb1 | ||
|
|
e44279c92f | ||
|
|
88b09f1252 | ||
|
|
6b6e8a4096 | ||
|
|
590da41c59 | ||
|
|
cbedc3f880 | ||
|
|
979deec1a4 | ||
|
|
2e51ef1a2f | ||
|
|
2fc835ca8d | ||
|
|
dc01a523f7 | ||
|
|
ea910687f5 | ||
|
|
f27d82c536 | ||
|
|
f6c4e984df | ||
|
|
14bf033539 | ||
|
|
2fa1226004 | ||
|
|
25187601cc | ||
|
|
bb89315102 | ||
|
|
75eba179d1 | ||
|
|
3b90fd3597 | ||
|
|
54435b91d1 | ||
|
|
14eb6abc0d | ||
|
|
73cca9ce75 | ||
|
|
c5c7aa175d | ||
|
|
14b6fb59f9 | ||
|
|
05a3d9b874 | ||
|
|
7d98bb4ddf | ||
|
|
336d692ea9 | ||
|
|
b8d84c3be6 | ||
|
|
1e867452bd | ||
|
|
56634f8117 | ||
|
|
6a60787eda | ||
|
|
daf6d5fa23 | ||
|
|
32c43ada27 | ||
|
|
f1a1d45328 | ||
|
|
8af7198863 | ||
|
|
c4f5d94135 | ||
|
|
4668a593a4 | ||
|
|
024c6d3b96 | ||
|
|
3c6d8539f5 | ||
|
|
533a30e138 | ||
|
|
53073fd8ff | ||
|
|
eb6c845d00 | ||
|
|
7f581272d5 | ||
|
|
95de64a5ee | ||
|
|
af1b7040ea | ||
|
|
5d6b2b6532 | ||
|
|
f39a1417b6 | ||
|
|
1278260812 | ||
|
|
a59d1cea93 | ||
|
|
978c7ca1c7 | ||
|
|
8e6c00d266 | ||
|
|
6a1cbe69c2 | ||
|
|
1635eb83b7 | ||
|
|
6eab4333af | ||
|
|
08422c5d69 | ||
|
|
4bf22cdd69 | ||
|
|
38d2300255 | ||
|
|
9ef5b5a6a3 | ||
|
|
019ba29b03 | ||
|
|
5df77cd3b1 | ||
|
|
5978332d9d | ||
|
|
4049791529 | ||
|
|
b80690d07d | ||
|
|
915ac94f57 | ||
|
|
ad08ac8a58 | ||
|
|
5321716653 | ||
|
|
cd3f693b44 | ||
|
|
8d4a6800d8 | ||
|
|
184427d331 | ||
|
|
7b6993e58d | ||
|
|
30c4899ebc | ||
|
|
c1a0fe988f | ||
|
|
c0833c56d8 | ||
|
|
6bf754b5dc | ||
|
|
485c401943 | ||
|
|
35010c7dd6 | ||
|
|
37b9dc8b50 | ||
|
|
2ad7225afd | ||
|
|
40170ed786 | ||
|
|
d382b4f07d | ||
|
|
10d1e5fda8 | ||
|
|
a6a2ba574e | ||
|
|
0bec37eb8d | ||
|
|
e858021565 | ||
|
|
02174f0793 | ||
|
|
96a11b24e5 | ||
|
|
f8b74fa723 | ||
|
|
f96dc808d0 | ||
|
|
12af7714d0 | ||
|
|
bc57a9fb15 | ||
|
|
0ce5fcfd27 | ||
|
|
c8a72140af | ||
|
|
7ceb605844 | ||
|
|
26f2d3f9d3 | ||
|
|
f193857ec7 |
@@ -41,6 +41,7 @@ VUE_APP_PUBLIC_PATH='/pc'
|
||||
VUE_APP_MANAGER_PATH='/manage'
|
||||
VUE_APP_STUDENT_PATH='/fe-student'
|
||||
VUE_APP_MANAGER_API_PATH='/manageApi'
|
||||
VUE_APP_GROWTH_API_PATH=''
|
||||
|
||||
# 路由懒加载
|
||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
||||
|
||||
@@ -37,6 +37,7 @@ VUE_APP_PUBLIC_PATH='/pc-release'
|
||||
VUE_APP_MANAGER_PATH='/manage-release'
|
||||
VUE_APP_STUDENT_PATH='/fe-student-release'
|
||||
VUE_APP_MANAGER_API_PATH='/manageApi-release'
|
||||
VUE_APP_GROWTH_API_PATH='/growth'
|
||||
|
||||
# 登录地址
|
||||
VUE_APP_LOGIN_URL='https://u.boe.com/web-release/'
|
||||
|
||||
@@ -37,6 +37,7 @@ VUE_APP_PUBLIC_PATH='/pc'
|
||||
VUE_APP_MANAGER_PATH='/manage'
|
||||
VUE_APP_STUDENT_PATH='/fe-student'
|
||||
VUE_APP_MANAGER_API_PATH='/manageApi'
|
||||
VUE_APP_GROWTH_API_PATH='/growth'
|
||||
|
||||
# 登录地址
|
||||
VUE_APP_LOGIN_URL='https://u.boe.com/web/'
|
||||
|
||||
@@ -36,6 +36,7 @@ VUE_APP_PUBLIC_PATH='/pc'
|
||||
VUE_APP_MANAGER_PATH='/manage'
|
||||
VUE_APP_STUDENT_PATH='/fe-student'
|
||||
VUE_APP_MANAGER_API_PATH='/manageApi'
|
||||
VUE_APP_GROWTH_API_PATH='/growth'
|
||||
|
||||
# 登录地址
|
||||
VUE_APP_LOGIN_URL='https://u-pre.boe.com/web/'
|
||||
|
||||
16369
package-lock.json
generated
BIN
public/images/browse.png
Normal file
|
After Width: | Height: | Size: 689 B |
BIN
public/images/collect.png
Normal file
|
After Width: | Height: | Size: 665 B |
BIN
public/images/headerBack.png
Normal file
|
After Width: | Height: | Size: 169 KiB |
BIN
public/images/list01.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
public/images/listred01.png
Normal file
|
After Width: | Height: | Size: 957 B |
@@ -16,9 +16,9 @@
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin"/>
|
||||
<link rel="icon" href="<%= BASE_URL %>logo/favicon.ico">
|
||||
<title>京东方大学堂</title>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
// if(window.top != window.self){
|
||||
// window.top.location=window.self.location;
|
||||
// }
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
/**我的授课记录*/
|
||||
import ajax from '@/api/boe/boeApiAjax.js'
|
||||
import ajax2 from '@/api/unionAjax.js'
|
||||
import axios from 'axios'
|
||||
import { getToken } from '@/utils/token'
|
||||
const baseURL = process.env.VUE_APP_BOE_BASE_API;
|
||||
@@ -60,13 +61,63 @@ const exportStudentOfTearcher = function(userId) {
|
||||
const courseRecordList = function(data) {
|
||||
return ajax.postJson('/b1/system/teacher/teacher-course-list',data);
|
||||
}
|
||||
const getListByToken = function(data) {
|
||||
return ajax2.get('/manageApi',`/admin/teacherRecord/getListByToken?courseName=${data.courseName}&pageNo=${data.pageNo}&pageSize=${data.pageSize}`);
|
||||
}
|
||||
|
||||
/**
|
||||
* 导出授课记录
|
||||
*
|
||||
* @param {Object} data
|
||||
*/
|
||||
const courseRecordExport2 = function(data) {
|
||||
return axios.request({
|
||||
baseURL: "/manageApi",
|
||||
url: '/admin/export/exportInTeacherRecord',
|
||||
method: 'get',
|
||||
data:data,
|
||||
headers:{'Content-Type':'application/json;charset=utf-8'},
|
||||
responseType: 'blob'
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 导出课程下的学员信息
|
||||
*
|
||||
*/
|
||||
const exportStudentOfCourse2 = function(courseId,courseType) {
|
||||
return axios.request({
|
||||
baseURL: "/manageApi",
|
||||
url: '/admin/export/exportTeacherRecordStudentInfo?courseId='+courseId+'&courseType='+courseType,
|
||||
method: 'get'
|
||||
// headers:{'Content-Type':'application/json;charset=utf-8'},
|
||||
// responseType: 'blob'
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 导出教师下的所有授课记录下的学员信息
|
||||
*
|
||||
*/
|
||||
const exportStudentOfTearcher2 = function(userId) {
|
||||
return axios.request({
|
||||
baseURL: "/manageApi",
|
||||
url: '/b1/system/teacher/teacher-course-student-export?userId='+userId,
|
||||
method: 'post',
|
||||
headers:{'Content-Type':'application/json;charset=utf-8'},
|
||||
responseType: 'blob'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export default {
|
||||
courseRecordExport,
|
||||
courseRecordExport2,
|
||||
courseRecordList,
|
||||
getListByToken,
|
||||
exportStudentOfCourse,
|
||||
exportStudentOfTearcher
|
||||
exportStudentOfCourse2,
|
||||
exportStudentOfTearcher,
|
||||
exportStudentOfTearcher2,
|
||||
|
||||
}
|
||||
|
||||
8
src/api/growth/growthpath.js
Normal file
@@ -0,0 +1,8 @@
|
||||
// import ajax from '@/utils/xajax.js'
|
||||
import ajax from '../ajax';
|
||||
// const baseURL = process.env.VUE_APP_GROWTH_API_PATH;
|
||||
const baseURL = '/growth';
|
||||
// 查询专业力必修列表
|
||||
export const listData = (obj) => ajax.get(baseURL, '/professional/student/studentGrowthList', { params: obj })
|
||||
// 查询专业力统计
|
||||
export const getTotalGrowthTaskDetail = (obj) => ajax.get(baseURL, '/professional/student/getTotalGrowthTaskDetail', { params: obj })
|
||||
208
src/api/httpAjax.js
Normal file
@@ -0,0 +1,208 @@
|
||||
import axios from 'axios'
|
||||
import qs from 'qs'
|
||||
import {Notification, MessageBox, Message} from 'element-ui'
|
||||
import store from '@/store'
|
||||
import {getToken} from '@/utils/token'
|
||||
import errorCode from '@/utils/errorCode'
|
||||
|
||||
/**
|
||||
*request请求 axios.request(config)
|
||||
*requestJson请求 axios.request(config)
|
||||
*get请求 axios.get(url[, config])
|
||||
*post请求 axios.post(url[, data[, config]])
|
||||
*postJson请求 axios.post(url[, data[, config]])
|
||||
*put请求 axios.put(url[, data[, config]])
|
||||
*putJson请求 axios.put(url[, data[, config]])
|
||||
*patch请求 axios.patch(url[, data[, config]])
|
||||
*patchJson请求 axios.patch(url[, data[, config]])
|
||||
*delete请求 axios.delete(url[, config])
|
||||
*/
|
||||
|
||||
|
||||
// const ReLoginUrl=process.env.VUE_APP_LOGIN_URL;
|
||||
const TokenName = 'token';
|
||||
/**axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'**/
|
||||
//只是用于发送json对象数据时使用post,put,patch
|
||||
/**axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'**/
|
||||
//只是用于发送json对象数据时使用post,put,patch
|
||||
//用于普通的发送请求
|
||||
const formRequest = axios.create({
|
||||
//headers:{'Content-Type':'application/x-www-form-urlencoded'},
|
||||
// axios中请求配置有baseURL选项,表示请求URL公共部分
|
||||
// baseURL: process.env.VUE_APP_CESOURCE_BASE_API,
|
||||
//超时
|
||||
timeout: 10000,
|
||||
})
|
||||
//发送json对象的拦截器
|
||||
formRequest.interceptors.request.use(config => {
|
||||
//是否需要设置 token
|
||||
const isToken = (config.headers || {}).isToken === false
|
||||
let curToken = getToken();
|
||||
//curToken='eyJ0eXBlIjoidG9rZW4iLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC91LmJvZS5jb20iLCJpYXQiOjE2NzIzMTE2MTIsImV4cCI6MTY3MjMxODgxMiwiR2l2ZW5OYW1lIjoiYm9ldSIsInVzZXJJZCI6IjZCMDQ5RkFGLUMzMTQtN0NDRi0wRDI4LTBEMjNGNEM0MjUzMSIsInVJZCI6Ijk2NTM0MjAyNzQ5NzYwNzE2OCIsInBlcm1pc3Npb24iOiIifQ==.a4f41376e994c5fcd3ab537ce17572ef4c633863f87785cf7b6ffa353e2ed51c';
|
||||
if (curToken && !isToken) {
|
||||
config.headers[TokenName] = curToken // 让每个请求携带自定义token 请根据实际情况自行修改
|
||||
}
|
||||
return config
|
||||
}, error => {
|
||||
console.log(error)
|
||||
Promise.reject(error)
|
||||
});
|
||||
formRequest.interceptors.response.use(res => {
|
||||
//console.log(res);
|
||||
const code = res.data.status || 200;
|
||||
if (code === 200) {
|
||||
return res.data
|
||||
} else {
|
||||
if (code === 401) {
|
||||
// store.dispatch('LogOut').then(() => {
|
||||
// location.href = this.webBaseUrl + ReLoginUrl;
|
||||
// })
|
||||
console.error('', res.data);
|
||||
return Promise.reject(new Error('接口返回未登录'))
|
||||
} else if (code === 403) {
|
||||
var msg = '当前操作没有权限';
|
||||
Message({message: msg, type: 'error'});
|
||||
return Promise.reject(new Error(msg))
|
||||
} else {
|
||||
//Message({message: res.data.message, type: 'error'});
|
||||
//console.log('err' + res.data.error);
|
||||
return res.data
|
||||
}
|
||||
}
|
||||
},
|
||||
error => {
|
||||
console.log('err', error)
|
||||
let {message} = error;
|
||||
if (message == "Network Error") {
|
||||
message = "网络异常,请稍后重试";
|
||||
} else if (message.includes("timeout")) {
|
||||
message = "网络异常或接口错误,请求超时";
|
||||
} else if (message.includes("Request failed with status code")) {
|
||||
message = "系统接口" + message.substr(message.length - 3) + "异常";
|
||||
}
|
||||
Message({
|
||||
message: message,
|
||||
type: 'error',
|
||||
duration: 5 * 1000
|
||||
})
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
/**
|
||||
* request请求,可以自定义参数
|
||||
*/
|
||||
const request = formRequest.request;
|
||||
|
||||
/**
|
||||
* get请求 ,只有url
|
||||
*/
|
||||
const get = function (baseURL, url) {
|
||||
return request({
|
||||
baseURL,
|
||||
url: url,
|
||||
method: 'get',
|
||||
headers: {'Content-Type': 'application/json'}
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* post请求
|
||||
* @param {Object} url
|
||||
* @param {Object} postData
|
||||
*/
|
||||
const post = function (baseURL, url, postData) {
|
||||
// if (postData) {
|
||||
// postData = qs.stringify(postData);
|
||||
// }
|
||||
return request({
|
||||
baseURL,
|
||||
url: url,
|
||||
method: 'post',
|
||||
data: postData,
|
||||
headers: {'Content-Type': 'application/json'}
|
||||
})
|
||||
}
|
||||
//post请求
|
||||
const postForm = function (baseURL, url, data) {
|
||||
return request({
|
||||
baseURL,
|
||||
url,
|
||||
data,
|
||||
method: 'post',
|
||||
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
|
||||
});
|
||||
}
|
||||
// const postJson=jsonRequest.post;
|
||||
|
||||
const postJson = function (baseURL, url, postData) {
|
||||
return request({
|
||||
baseURL,
|
||||
url: url,
|
||||
method: 'post',
|
||||
data: postData,
|
||||
headers: {'Content-Type': 'application/json;charset=utf-8'},
|
||||
})
|
||||
}
|
||||
|
||||
// 导出文件请求定义
|
||||
const postJsonToFile = function (baseURL, url, postData) {
|
||||
return request({
|
||||
baseURL,
|
||||
url: url,
|
||||
method: 'post',
|
||||
data: postData,
|
||||
headers: {'Content-Type': 'application/json;charset=utf-8'},
|
||||
responseType: 'blob'
|
||||
})
|
||||
}
|
||||
|
||||
const getJsonToFile = function (baseURL, url, postData) {
|
||||
return request({
|
||||
baseURL,
|
||||
url: url,
|
||||
method: 'get',
|
||||
data: postData,
|
||||
headers: {'Content-Type': 'application/json;charset=utf-8'},
|
||||
responseType: 'blob'
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* put请求
|
||||
*/
|
||||
const put = function (baseURL, url, data) {
|
||||
if (data) {
|
||||
data = qs.stringify(data);
|
||||
}
|
||||
return request({
|
||||
baseURL,
|
||||
url: url,
|
||||
method: 'put',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
|
||||
})
|
||||
}
|
||||
|
||||
const putJson = function (baseURL, url, data) {
|
||||
return request({
|
||||
baseURL,
|
||||
url: url,
|
||||
method: 'put',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json;charset=utf-8'},
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export default {
|
||||
tokenName: TokenName,
|
||||
request,
|
||||
get,
|
||||
post,
|
||||
postJson,
|
||||
postJsonToFile,
|
||||
put,
|
||||
putJson,
|
||||
getJsonToFile
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
/* 案例模块的相关处理*/
|
||||
import ajax from '@/utils/xajax.js'
|
||||
|
||||
import ajaxs from '@/api/ajax.js'
|
||||
/**首页查询
|
||||
* pageSize
|
||||
* orderField
|
||||
@@ -88,6 +88,12 @@ const usernameList = function (pageSize) {
|
||||
const queryPraises = function (pageSize) {
|
||||
return ajax.get(`/xboe/m/boe/cases/query-praises?pageSize=${pageSize}`);
|
||||
}
|
||||
const queryPraisesNew = function (pageSize,rankType) {
|
||||
return ajax.get(`/xboe/m/boe/cases/queryPopularity?pageSize=${pageSize}&rankType=${rankType}`);
|
||||
}
|
||||
const queryRecommendRank = function (pageSize) {
|
||||
return ajax.get(`/xboe/m/boe/cases/queryRecommendRank?pageSize=${pageSize}`);
|
||||
}
|
||||
/*
|
||||
好评榜
|
||||
@param pageSize 长度
|
||||
@@ -95,6 +101,9 @@ const queryPraises = function (pageSize) {
|
||||
const queryComments = function (pageSize) {
|
||||
return ajax.get(`/xboe/m/boe/cases/query-comments?pageSize=${pageSize}`);
|
||||
}
|
||||
const queryCommentsNew = function (pageSize,rankType) {
|
||||
return ajax.get(`/xboe/m/boe/cases/queryHighOpinion?pageSize=${pageSize}&rankType=${rankType}`);
|
||||
}
|
||||
|
||||
/**
|
||||
* 专业分类
|
||||
@@ -186,11 +195,36 @@ const endReadTimer = (data)=> ajax.postJson('/xboe/m/boe/cases/recommend/record
|
||||
const caseYears = function (query = {}) {
|
||||
return ajax.post('/xboe/m/boe/cases/caseYears', query);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//案例推荐榜单
|
||||
const getQueryRecommendRank = function (params) {
|
||||
return ajax.get(`/xboe/m/boe/cases/queryRecommendRank?pageSize=${params.pageSize}`)
|
||||
}
|
||||
//案例上榜
|
||||
const riseIntoRank = (data) => ajax.post(`/xboe/m/boe/cases/riseIntoRank?caseId=${data.caseId}`)
|
||||
//取消上榜
|
||||
const cancelRiseIntoRank = (data) => ajax.post(`/xboe/m/boe/cases/cancelRiseIntoRank?caseId=${data.caseId}`)
|
||||
//调整榜单
|
||||
const adjustRank = (data) => ajax.post(`/xboe/m/boe/cases/adjustRank?caseIds=${data.caseIds}`)
|
||||
//收藏案例
|
||||
const queryFavoriteCaseOfIndex = (params) => ajax.get(`/xboe/m/boe/cases/queryFavoriteCaseOfIndex?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&orderField=${params.orderField}&orderAsc=${params.orderAsc}`)
|
||||
//浏览记录
|
||||
const queryViewRecord = (data) => ajaxs.post(`/statApi/xboe/m/stat/userdynamic/list?pageIndex=${data.pageIndex}&pageSize=${data.pageSize}&contentType=${data.contentType}&aid=${data.aid}&hidden=${data.hidden}&eventKey=${data.eventKey}`)
|
||||
//浏览量TOP榜单
|
||||
const queryPopularityOfMajor = (params) => ajax.get(`/xboe/m/boe/cases/queryPopularityOfMajor?pageSize=${params.pageSize}&rankMonth=${params.rankMonth}&majorId=${params.majorId}`)
|
||||
//浏览记录新
|
||||
const browsingHistory = (params) => ajax.get(`/xboe/m/boe/cases/browsingHistory?pageIndex=${params.pageIndex}&pageSize=5`)
|
||||
//获取所有的专业月份
|
||||
const queryAllTimePopularityOfMajor = () => ajax.get('/xboe/m/boe/cases/queryAllTimePopularityOfMajor')
|
||||
export default {
|
||||
queryAllTimePopularityOfMajor,
|
||||
getQueryRecommendRank,
|
||||
queryPopularityOfMajor,
|
||||
browsingHistory,
|
||||
queryViewRecord,
|
||||
queryFavoriteCaseOfIndex,
|
||||
riseIntoRank,
|
||||
cancelRiseIntoRank,
|
||||
adjustRank,
|
||||
indexList,
|
||||
queryList,
|
||||
queryListV2,
|
||||
@@ -202,7 +236,10 @@ export default {
|
||||
query,
|
||||
usernameList,
|
||||
queryPraises,
|
||||
queryPraisesNew,
|
||||
queryRecommendRank,
|
||||
queryComments,
|
||||
queryCommentsNew,
|
||||
majorTypes,
|
||||
details,
|
||||
ids,
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
/**
|
||||
* 课程的操作,课程的添加,修改,列表查询,课程的审核发布等操作。
|
||||
* 针对于管理员,教师的功能
|
||||
*
|
||||
*
|
||||
**/
|
||||
import ajax from '@/utils/xajax.js'
|
||||
|
||||
@@ -170,7 +170,9 @@ const updateContentOrders = function(cid,items) {
|
||||
const detail = function(id) {
|
||||
return ajax.get('/xboe/m/course/manage/detail?id=' + id);
|
||||
}
|
||||
|
||||
const getDictIds = function(pid,type) {
|
||||
return ajax.get(`/xboe/m/course/manage/getDictIds?pid=${pid}&type=${type}`);
|
||||
}
|
||||
/**
|
||||
* 更新内容的名称
|
||||
* @param {Object} data
|
||||
@@ -274,7 +276,7 @@ const countWaitAudit = function() {
|
||||
}
|
||||
|
||||
/**
|
||||
* [已用courseAudit中的hrbpAuditList替换]
|
||||
* [已用courseAudit中的hrbpAuditList替换]
|
||||
* 当前用户需要审核的课程列表
|
||||
* @param {Object} query 同pageList
|
||||
*/
|
||||
@@ -283,9 +285,9 @@ const auditList = function(query) {
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 【已移到courseAudit中】
|
||||
* 教师需要审核的课程列表
|
||||
/**
|
||||
* 【已移到courseAudit中】
|
||||
* 教师需要审核的课程列表
|
||||
*/
|
||||
const teacherAuditList = function(query) {
|
||||
return ajax.post('/xboe/m/course/audit/teacher-course', query);
|
||||
@@ -446,6 +448,7 @@ export default {
|
||||
findUpdateLogs,
|
||||
getUpdateLog,
|
||||
detail,
|
||||
getDictIds,
|
||||
saveContent,
|
||||
pageList,
|
||||
setEnabled,
|
||||
|
||||
@@ -10,7 +10,7 @@ import ajax from '@/utils/xajax.js'
|
||||
* 返回 检查报名状态
|
||||
*/
|
||||
const hasSignup = function(courseId) {
|
||||
return ajax.get('/xboe/school/study/signup/has?cid='+courseId);
|
||||
return ajax.get('/xboe/school/study/signup/has?cid='+courseId);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -25,7 +25,7 @@ const hasSignup = function(courseId) {
|
||||
}
|
||||
*/
|
||||
const signup = function(data) {
|
||||
return ajax.post('/xboe/school/study/signup/self', data);
|
||||
return ajax.post('/xboe/school/study/signup/self', data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -38,7 +38,7 @@ const signup = function(data) {
|
||||
}
|
||||
*/
|
||||
const findSignup = function(data) {
|
||||
return ajax.post('/xboe/school/study/signup/pagelist', data);
|
||||
return ajax.post('/xboe/school/study/signup/pagelist', data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -46,7 +46,7 @@ const findSignup = function(data) {
|
||||
* @param {Object} id 报名的id
|
||||
*/
|
||||
const deleteSignup = function(id) {
|
||||
return ajax.post('/xboe/school/study/signup/delete?id='+id);
|
||||
return ajax.post('/xboe/school/study/signup/delete?id='+id);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -55,7 +55,7 @@ const deleteSignup = function(id) {
|
||||
* Signup 对象集合, list
|
||||
*/
|
||||
const importSignup = function(data) {
|
||||
return ajax.post('/xboe/school/study/signup/import',data);
|
||||
return ajax.post('/xboe/school/study/signup/import',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -63,11 +63,11 @@ const importSignup = function(data) {
|
||||
* @param {Object} courseId 课程 的id
|
||||
*/
|
||||
const countSignup = function(courseId) {
|
||||
return ajax.post('/xboe/school/study/signup/count-by-course',{courseId});
|
||||
return ajax.post('/xboe/school/study/signup/count-by-course',{courseId});
|
||||
}
|
||||
|
||||
const studyIndex = function(courseId) {
|
||||
return ajax.get('/xboe/school/study/course/studyIndex?cid='+courseId+'&addView=true');
|
||||
return ajax.get('/xboe/school/study/course/studyIndex?cid='+courseId+'&addView=true');
|
||||
}
|
||||
/**
|
||||
*
|
||||
@@ -80,7 +80,7 @@ const studyIndex = function(courseId) {
|
||||
* @returns
|
||||
*/
|
||||
const studyIndexPost = function(data) {
|
||||
return ajax.post('/xboe/school/study/course/studyIndex',data);
|
||||
return ajax.post('/xboe/school/study/course/studyIndex',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -88,7 +88,7 @@ const studyIndexPost = function(data) {
|
||||
* @param {Object} courseId
|
||||
*/
|
||||
const studyInfo = function(courseId) {
|
||||
return ajax.get('/xboe/school/study/course/info?cid='+courseId);
|
||||
return ajax.get('/xboe/school/study/course/info?cid='+courseId);
|
||||
}
|
||||
|
||||
|
||||
@@ -98,7 +98,7 @@ const studyInfo = function(courseId) {
|
||||
* @param {Object} contentId
|
||||
*/
|
||||
const getStudyContentItem = function(studyId,contentId) {
|
||||
return ajax.post('/xboe/school/study/course/study-course-content',{studyId,contentId});
|
||||
return ajax.post('/xboe/school/study/course/study-course-content',{studyId,contentId});
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -111,7 +111,11 @@ const getStudyContentItem = function(studyId,contentId) {
|
||||
* @returns
|
||||
*/
|
||||
const studyVideoTime = function(data) {
|
||||
return ajax.post('/xboe/school/study/course/study-video-time',data);
|
||||
return ajax.post('/xboe/school/study/course/study-video-time',data);
|
||||
}
|
||||
|
||||
const updateStudyVideoTime = function(data) {
|
||||
return ajax.post('/xboe/school/study/course/updateStudyVideoTime',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -119,7 +123,7 @@ const studyVideoTime = function(data) {
|
||||
* @returns
|
||||
*/
|
||||
const lastStudy = function() {
|
||||
return ajax.get('/xboe/school/study/course/last-study');
|
||||
return ajax.get('/xboe/school/study/course/last-study');
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -136,7 +140,7 @@ const lastStudy = function() {
|
||||
*
|
||||
*/
|
||||
const studyContent = function(data) {
|
||||
return ajax.postJson('/xboe/school/study/course/study',data);
|
||||
return ajax.postJson('/xboe/school/study/course/study',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -150,7 +154,7 @@ const studyContent = function(data) {
|
||||
*
|
||||
*/
|
||||
const appendStudyTime = function(data) {
|
||||
return ajax.post('/xboe/school/study/course/appendtime',data);
|
||||
return ajax.post('/xboe/school/study/course/appendtime',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -161,7 +165,7 @@ const appendStudyTime = function(data) {
|
||||
* name: 学习人的姓名
|
||||
*/
|
||||
const studyRecords = function(data) {
|
||||
return ajax.post('/xboe/school/study/course/pagelist',data);
|
||||
return ajax.post('/xboe/school/study/course/pagelist',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -173,7 +177,7 @@ const studyRecords = function(data) {
|
||||
* name: 学习人的姓名
|
||||
*/
|
||||
const studyContentRecords = function(data) {
|
||||
return ajax.post('/xboe/school/study/course/contents',data);
|
||||
return ajax.post('/xboe/school/study/course/contents',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -185,7 +189,7 @@ const studyContentRecords = function(data) {
|
||||
}
|
||||
*/
|
||||
const studyExport = function(data) {
|
||||
return ajax.post('/xboe/school/study/course/export',data);
|
||||
return ajax.post('/xboe/school/study/course/export',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -200,7 +204,7 @@ const studyExport = function(data) {
|
||||
}
|
||||
*/
|
||||
const myStudyList = function(query) {
|
||||
return ajax.post('/xboe/school/study/course/mylist',query);
|
||||
return ajax.post('/xboe/school/study/course/mylist',query);
|
||||
}
|
||||
/**
|
||||
* 当前课程学习记录
|
||||
@@ -216,7 +220,7 @@ const myStudyList = function(query) {
|
||||
}
|
||||
*/
|
||||
const myCourseStudy = function(query) {
|
||||
return ajax.post('/xboe/school/study/course/course-users',query);
|
||||
return ajax.post('/xboe/school/study/course/course-users',query);
|
||||
}
|
||||
|
||||
|
||||
@@ -241,7 +245,7 @@ const myCourseStudy = function(query) {
|
||||
* answerJson
|
||||
*/
|
||||
const saveExam = function(data) {
|
||||
return ajax.postJson('/xboe/school/study/exam/save',data);
|
||||
return ajax.postJson('/xboe/school/study/exam/save',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -261,7 +265,7 @@ const saveExam = function(data) {
|
||||
* hwAnswer: 文本提交的信息
|
||||
*/
|
||||
const saveHomework = function(data) {
|
||||
return ajax.postJson('/xboe/school/study/homework/save',data);
|
||||
return ajax.postJson('/xboe/school/study/homework/save',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -279,7 +283,7 @@ const saveHomework = function(data) {
|
||||
* asScore:评估得分
|
||||
*/
|
||||
const saveAssess = function(data) {
|
||||
return ajax.postJson('/xboe/school/study/assess/save',data);
|
||||
return ajax.postJson('/xboe/school/study/assess/save',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -288,7 +292,7 @@ const saveAssess = function(data) {
|
||||
* id:记录的id
|
||||
*/
|
||||
const myHomework = function(id) {
|
||||
return ajax.post('/xboe/school/study/homework/detail?id='+id);
|
||||
return ajax.post('/xboe/school/study/homework/detail?id='+id);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -297,7 +301,7 @@ const myHomework = function(id) {
|
||||
* id:记录的id
|
||||
*/
|
||||
const myExamPaper = function(id) {
|
||||
return ajax.get('/xboe/school/study/exam/detail?id='+id);
|
||||
return ajax.get('/xboe/school/study/exam/detail?id='+id);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -306,7 +310,7 @@ const myExamPaper = function(id) {
|
||||
* id:记录的id
|
||||
*/
|
||||
const myAssess = function(id) {
|
||||
return ajax.get('/xboe/school/study/assess/detail?id='+id);
|
||||
return ajax.get('/xboe/school/study/assess/detail?id='+id);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -318,7 +322,7 @@ const myAssess = function(id) {
|
||||
}
|
||||
*/
|
||||
const myHomeworkList = function(data) {
|
||||
return ajax.post('/xboe/school/study/homework/list-study',data);
|
||||
return ajax.post('/xboe/school/study/homework/list-study',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -327,7 +331,7 @@ const myHomeworkList = function(data) {
|
||||
* 对应的提交记录的id,
|
||||
*/
|
||||
const myExamList = function(itemId) {
|
||||
return ajax.post('/xboe/school/study/exam/list',{itemId});
|
||||
return ajax.post('/xboe/school/study/exam/list',{itemId});
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -338,8 +342,8 @@ const myExamList = function(itemId) {
|
||||
contentId:''
|
||||
}
|
||||
*/
|
||||
const myExamList2 = function(data) {
|
||||
return ajax.post('/xboe/school/study/exam/list-study',data);
|
||||
const myExamList2 = function(data) {
|
||||
return ajax.post('/xboe/school/study/exam/list-study',data);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -351,7 +355,7 @@ const myExamList = function(itemId) {
|
||||
}
|
||||
*/
|
||||
const myAssessList = function(data) {
|
||||
return ajax.post('/xboe/school/study/assess/list-study',data);
|
||||
return ajax.post('/xboe/school/study/assess/list-study',data);
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -360,7 +364,7 @@ const myAssessList = function(data) {
|
||||
@param courseId 课程id 用于删除课程报名信息和修改课程学习人数
|
||||
*/
|
||||
const deleteSignUp=function(id,courseId){
|
||||
return ajax.post(`/xboe/school/study/course/delete-signup?id=${id}&couserId=${courseId}`);
|
||||
return ajax.post(`/xboe/school/study/course/delete-signup?id=${id}&couserId=${courseId}`);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -389,44 +393,49 @@ const followIds=function (data){
|
||||
const myStudysFromES=function (data){
|
||||
return ajax.post('/xboe/school/study/es/search',data);
|
||||
}
|
||||
|
||||
//导出作业
|
||||
const homeworkExport=function (data){
|
||||
return ajax.get(`/xboe/m/course/portal/export?contentId=${data.contentId}&courseName=${data.courseName}`);
|
||||
}
|
||||
/**根据id集合查询,传入的是id数组*/
|
||||
const findByIds=function (ids){
|
||||
return ajax.postJson('/xboe/school/study/es/list-by-ids',ids);
|
||||
}
|
||||
|
||||
export default {
|
||||
hasSignup,
|
||||
signup,
|
||||
findSignup,
|
||||
deleteSignup,
|
||||
importSignup,
|
||||
countSignup,
|
||||
studyIndex,
|
||||
studyInfo,
|
||||
studyVideoTime,
|
||||
lastStudy,
|
||||
studyContent,
|
||||
appendStudyTime,
|
||||
studyRecords,
|
||||
studyContentRecords,
|
||||
getStudyContentItem,
|
||||
studyExport,
|
||||
myStudyList,
|
||||
saveHomework,
|
||||
saveExam,
|
||||
saveAssess,
|
||||
myHomework,
|
||||
myExamPaper,
|
||||
myAssess,
|
||||
myHomeworkList,
|
||||
myExamList,
|
||||
myAssessList,
|
||||
myExamList2,
|
||||
myCourseStudy,
|
||||
hasSignup,
|
||||
signup,
|
||||
findSignup,
|
||||
deleteSignup,
|
||||
importSignup,
|
||||
countSignup,
|
||||
studyIndex,
|
||||
studyInfo,
|
||||
studyVideoTime,
|
||||
updateStudyVideoTime,
|
||||
lastStudy,
|
||||
studyContent,
|
||||
appendStudyTime,
|
||||
studyRecords,
|
||||
studyContentRecords,
|
||||
getStudyContentItem,
|
||||
studyExport,
|
||||
myStudyList,
|
||||
saveHomework,
|
||||
saveExam,
|
||||
saveAssess,
|
||||
myHomework,
|
||||
myExamPaper,
|
||||
myAssess,
|
||||
myHomeworkList,
|
||||
myExamList,
|
||||
myAssessList,
|
||||
myExamList2,
|
||||
myCourseStudy,
|
||||
myStudysFromES,
|
||||
homeworkExport,
|
||||
findByIds,
|
||||
deleteSignUp,
|
||||
deleteSignUp,
|
||||
ids,
|
||||
followIds,
|
||||
studyIndexPost
|
||||
|
||||
@@ -72,6 +72,9 @@ const querypaper = function(data) {
|
||||
const getPaperContent = function(id) {
|
||||
return ajax.get('/xboe/m/exam/paper/paper-content?id=' + id);
|
||||
}
|
||||
const newPaperContent = function(id){
|
||||
return ajax.get('/xboe/m/course/content/exam/paper-content?courseExamId='+id);
|
||||
}
|
||||
export default {
|
||||
detail,
|
||||
update,
|
||||
@@ -80,6 +83,7 @@ export default {
|
||||
querylist,
|
||||
querypaper,
|
||||
getPaperContent,
|
||||
newPaperContent,
|
||||
batchImportCount,
|
||||
batchImportData
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import ajax from '@/utils/xajax.js'
|
||||
|
||||
import ajax2 from '../unionAjax.js';
|
||||
|
||||
/**
|
||||
* 按名称查询
|
||||
@@ -9,7 +9,9 @@ const findByName = function(name) {
|
||||
return ajax.get('/xboe/teacher/name?name=' + name);
|
||||
}
|
||||
|
||||
|
||||
const findByNameNew = function(name) {
|
||||
return ajax2.get('/manageApi/admin/teacher/selectTeacher?name=' + name);
|
||||
}
|
||||
const updateTeacher=function(data){
|
||||
return ajax.postJson('/xboe/teacher/update-teacher',data);
|
||||
}
|
||||
@@ -36,7 +38,7 @@ const detailTeacher=function (id){
|
||||
* tlevelId级别
|
||||
* salaryId发薪地
|
||||
* tsystemId
|
||||
|
||||
|
||||
* } query
|
||||
* @returns
|
||||
*/
|
||||
@@ -217,7 +219,7 @@ export default {
|
||||
update,
|
||||
del,
|
||||
detail,
|
||||
findByName,
|
||||
findByNameNew,
|
||||
updateSysId,
|
||||
has,
|
||||
start,
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
import ajax from '@/utils/xajax.js'
|
||||
import http from '../unionAjax'
|
||||
import httpAjax from '../httpAjax'
|
||||
|
||||
const baseURL = process.env.VUE_APP_MANAGER_API_PATH;
|
||||
|
||||
|
||||
@@ -47,6 +49,18 @@ const articlelist=function (type){
|
||||
const courselist=function (data){
|
||||
return ajax.post('/xboe/portal/index/courselist',data);
|
||||
}
|
||||
// 精品课信息列表
|
||||
const qualitylist=function (data){
|
||||
return httpAjax.post(baseURL,'/quality/home/qualityItem',data);
|
||||
}
|
||||
// 精品课分页查询
|
||||
export const qualityPageList=function (data){
|
||||
return httpAjax.post(baseURL,'/quality/home/qualityPages',data);
|
||||
}
|
||||
// 课程精品课标记时间年份列表
|
||||
export const qualityCourseTimeMark=function (){
|
||||
return httpAjax.post(baseURL,'/quality/manage/qualityYearList',{});
|
||||
}
|
||||
/**
|
||||
* 首页新课程推荐列表
|
||||
*/
|
||||
@@ -61,5 +75,7 @@ export default {
|
||||
articlelist,
|
||||
courselist,
|
||||
newCases,
|
||||
getRecommendList
|
||||
getRecommendList,
|
||||
qualitylist,
|
||||
qualityPageList
|
||||
}
|
||||
|
||||
BIN
src/assets/images/asterisk.png
Normal file
|
After Width: | Height: | Size: 360 B |
BIN
src/assets/images/case/Frame(1).png
Normal file
|
After Width: | Height: | Size: 467 B |
BIN
src/assets/images/case/Frame(10).png
Normal file
|
After Width: | Height: | Size: 412 B |
BIN
src/assets/images/case/Frame(11).png
Normal file
|
After Width: | Height: | Size: 474 B |
BIN
src/assets/images/case/Frame(12).png
Normal file
|
After Width: | Height: | Size: 427 B |
BIN
src/assets/images/case/Frame(13).png
Normal file
|
After Width: | Height: | Size: 471 B |
BIN
src/assets/images/case/Frame(14).png
Normal file
|
After Width: | Height: | Size: 424 B |
BIN
src/assets/images/case/Frame(15).png
Normal file
|
After Width: | Height: | Size: 461 B |
BIN
src/assets/images/case/Frame(16).png
Normal file
|
After Width: | Height: | Size: 689 B |
BIN
src/assets/images/case/Frame(17).png
Normal file
|
After Width: | Height: | Size: 625 B |
BIN
src/assets/images/case/Frame(2).png
Normal file
|
After Width: | Height: | Size: 514 B |
BIN
src/assets/images/case/Frame(3).png
Normal file
|
After Width: | Height: | Size: 665 B |
BIN
src/assets/images/case/Frame(4).png
Normal file
|
After Width: | Height: | Size: 576 B |
BIN
src/assets/images/case/Frame(5).png
Normal file
|
After Width: | Height: | Size: 475 B |
BIN
src/assets/images/case/Frame(6).png
Normal file
|
After Width: | Height: | Size: 528 B |
BIN
src/assets/images/case/Frame(7).png
Normal file
|
After Width: | Height: | Size: 476 B |
BIN
src/assets/images/case/Frame(8).png
Normal file
|
After Width: | Height: | Size: 540 B |
BIN
src/assets/images/case/Frame(9).png
Normal file
|
After Width: | Height: | Size: 387 B |
BIN
src/assets/images/case/Frame.png
Normal file
|
After Width: | Height: | Size: 413 B |
BIN
src/assets/images/case/wight.png
Normal file
|
After Width: | Height: | Size: 425 B |
BIN
src/assets/images/case/wighttime.png
Normal file
|
After Width: | Height: | Size: 398 B |
BIN
src/assets/images/collect.png
Normal file
|
After Width: | Height: | Size: 4.9 KiB |
BIN
src/assets/images/collect_active.png
Normal file
|
After Width: | Height: | Size: 6.6 KiB |
BIN
src/assets/images/course/courseBackground.png
Normal file
|
After Width: | Height: | Size: 166 KiB |
BIN
src/assets/images/course/courseTag.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
src/assets/images/course/courseTitle.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 362 KiB After Width: | Height: | Size: 69 KiB |
BIN
src/assets/images/grateful/gratefulFooter20250613.png
Normal file
|
After Width: | Height: | Size: 657 KiB |
BIN
src/assets/images/growth/growth-bg-icon.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
src/assets/images/growth/growth-bg.png
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
src/assets/images/hotforum/04.png
Normal file
|
After Width: | Height: | Size: 220 KiB |
BIN
src/assets/images/hotforum/2024.png
Normal file
|
After Width: | Height: | Size: 84 KiB |
BIN
src/assets/images/hotforum/2025.png
Normal file
|
After Width: | Height: | Size: 111 KiB |
BIN
src/assets/images/hotforum/2501.jpg
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
src/assets/images/hotforum/2502.png
Normal file
|
After Width: | Height: | Size: 244 KiB |
BIN
src/assets/images/hotforum/2503.png
Normal file
|
After Width: | Height: | Size: 186 KiB |
BIN
src/assets/images/hotforum/back25.png
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
src/assets/images/hotforum/line.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
src/assets/images/jindu.jpg
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/assets/images/myGrowth.jpg
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/assets/images/shuoming.jpg
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/assets/images/time.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
src/assets/images/time_active.png
Normal file
|
After Width: | Height: | Size: 5.5 KiB |
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<!--弹出窗口设置-->
|
||||
<div>
|
||||
<div v-for="pop in popupList" :key="pop.id">wwww
|
||||
<div v-for="pop in popupList" :key="pop.id">
|
||||
<el-dialog :close-on-press-escape="false" :close-on-click-modal="false" class="medalbox" :visible.sync="pop.show" :append-to-body="true" >
|
||||
<div style="text-align: center;position: relative;">
|
||||
<!-- <span style="float: right;" @click="pop.show = false"><i style="font-size: 28px;color: #000000;" class="el-icon-close"></i></span> -->
|
||||
|
||||
@@ -8,7 +8,10 @@
|
||||
|
||||
</div>
|
||||
<div class="article-info-date">
|
||||
<el-button @click="delItem(item)" type="text" style="color: #8590A6;font-size:14px" icon="el-icon-star-on">取消收藏</el-button>
|
||||
<div class="box">
|
||||
<div class="image"></div>
|
||||
<el-button @click="delItem(item)" type="text" style="color: #8590A6;font-size:14px">取消收藏</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-info-tools">
|
||||
@@ -161,6 +164,26 @@
|
||||
line-height: 40px;
|
||||
font-weight: 200;
|
||||
color: #999999;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
.box{
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
.image{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background: url('../../assets/images/case/Frame(5).png') no-repeat;
|
||||
background-size: 100%;
|
||||
margin-right: 10px;
|
||||
}
|
||||
&:hover{
|
||||
.image{
|
||||
background: url('../../assets/images/case/Frame(12).png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
@@ -637,7 +637,9 @@ export default {
|
||||
}
|
||||
this.teacherList = rs.result.teachers;
|
||||
this.teacherName = rs.result.teachers;
|
||||
this.teacher = rs.result.teachers.map(res => res.teacherName);
|
||||
this.teacher = rs.result.teachers.map(item => {
|
||||
return `${item.teacherName}(${item.userNo})`
|
||||
});
|
||||
this.totalContent = rs.result.contents.length; //计算总内容数
|
||||
if (this.courseInfo.tags != "") {
|
||||
this.showTags = this.courseInfo.tags.split(",");
|
||||
|
||||
@@ -681,7 +681,9 @@ export default {
|
||||
}
|
||||
this.teacherList = rs.result.teachers;
|
||||
this.teacherName = rs.result.teachers;
|
||||
this.teacher = rs.result.teachers.map(item => item.teacherName);
|
||||
this.teacher = rs.result.teachers.map(item => {
|
||||
return `${item.teacherName}(${item.userNo})`
|
||||
});
|
||||
this.showTags = this.courseInfo.tags.split(",");
|
||||
if (rs.result.course.resOwner3 == "") {
|
||||
this.resOwnerArray = [
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
</el-input>
|
||||
<div class="choice-box" v-if="teacherDownList.length>0">
|
||||
<ul>
|
||||
<li v-for="te in teacherDownList" :key="te.key" @click="changeTeachers(te)">{{te.teacherName + te.teacherCode}}</li>
|
||||
<li v-for="te in teacherDownList" :key="te.key" @click="changeTeachers(te)">{{te.teacherName + '(' + te.teacherCode + ')'}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- <el-select
|
||||
@@ -88,15 +88,15 @@
|
||||
if (this.teacherValues !== '') {
|
||||
this.loading = true;
|
||||
try {
|
||||
const { result, message, status } = await apiTeacher.findByName(this.teacherValues);
|
||||
const { data, message, code } = await apiTeacher.findByNameNew(this.teacherValues);
|
||||
this.loading = false;
|
||||
if (status === 200) {
|
||||
if (code === 200) {
|
||||
let list = [];
|
||||
result.forEach(item => {
|
||||
data.forEach(item => {
|
||||
list.push({
|
||||
teacherId: item.id,
|
||||
teacherName: item.name,
|
||||
teacherCode: item.code
|
||||
teacherCode: item.mobile
|
||||
});
|
||||
});
|
||||
this.teacherDownList = list;
|
||||
|
||||
@@ -85,6 +85,28 @@
|
||||
<el-form-item label="考试说明">
|
||||
<el-input type="textarea" show-word-limit v-model="examInfo.info" placeholder="关于考试的说明(限255字以内)" maxlength="255"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="随机模式">
|
||||
<el-col :span="4">
|
||||
<el-radio-group v-model="examInfo.randomMode">
|
||||
<el-radio :label="true">是</el-radio>
|
||||
<el-radio :label="false">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-col>
|
||||
<el-col :span="20" v-if="examInfo.randomMode&&examInfo.paperType==1">
|
||||
<el-form-item label="数量">
|
||||
<el-input-number v-model="examInfo.qnum" :min="1" :max="examPaper.items.length" label="数量"></el-input-number>
|
||||
<span style="margin-left:10px;" v-if="examPaper.items.length==0">先添加试题</span>
|
||||
<span style="margin-left:10px;" v-if="examPaper.items.length>0">试卷有 {{examPaper.items.length}} 道试题</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20" v-if="examInfo.randomMode&&examInfo.paperType==2">
|
||||
<el-form-item label="数量">
|
||||
<el-input-number v-model="examInfo.qnum" :min="1" :max="usePaper.counts" label="数量"></el-input-number>
|
||||
<span style="margin-left:10px;" v-if="usePaper.counts==0">先选择试卷</span>
|
||||
<span style="margin-left:10px;" v-if="usePaper.counts>0">试卷有 {{usePaper.counts}} 道试题</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div v-if="examInfo.paperType==1">
|
||||
@@ -285,7 +307,9 @@
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if(!this.examInfo.randomMode){
|
||||
this.examInfo.qnum = 0
|
||||
}
|
||||
this.$emit("save",this.examInfo);
|
||||
},
|
||||
deleteExam(){ //删除
|
||||
@@ -294,6 +318,8 @@
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.examInfo.randomMode = false;
|
||||
this.examInfo.qnum = 0;
|
||||
this.$emit("remove",this.examInfo);
|
||||
}).catch(() => {
|
||||
|
||||
|
||||
@@ -141,6 +141,7 @@
|
||||
<el-radio style="margin-right: 10px;" v-model="courseInfo.device" :label="1">PC端可见</el-radio>
|
||||
<el-radio style="margin-right: 10px;" v-model="courseInfo.device" :label="2">移动端可见</el-radio>
|
||||
<el-radio style="margin-right: 10px;" v-model="courseInfo.device" :label="3">多端可见</el-radio>
|
||||
<el-radio style="margin-right: 10px;" v-model="courseInfo.device" v-if="isPermission" :label="4">仅内网访问</el-radio>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="!weike.onlyRequired" label="课程来源">
|
||||
<el-radio-group v-model="courseInfo.source">
|
||||
@@ -305,6 +306,7 @@
|
||||
<el-radio v-model="courseInfo.device" :label="1">PC端可见</el-radio>
|
||||
<el-radio v-model="courseInfo.device" :label="2">移动端可见</el-radio>
|
||||
<el-radio v-model="courseInfo.device" :label="3">多端可见</el-radio>
|
||||
<el-radio style="margin-right: 10px;" v-model="courseInfo.device" v-if="isPermission" :label="4">仅内网访问</el-radio>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-form-item label="课程来源">
|
||||
@@ -488,6 +490,8 @@ export default {
|
||||
refType:''
|
||||
},
|
||||
visibleShow:false,
|
||||
isPermission:false,
|
||||
dicts:[],
|
||||
extendRefId:'',
|
||||
extendRefType:'',
|
||||
courseTeachers: [], //课程的老师
|
||||
@@ -527,7 +531,11 @@ export default {
|
||||
dlgShow: false
|
||||
},
|
||||
rightTypeId: {},
|
||||
catalogSortDialogShow: false
|
||||
catalogSortDialogShow: false,
|
||||
selectedOrg: {
|
||||
orgId: null,
|
||||
name: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -552,14 +560,18 @@ export default {
|
||||
},
|
||||
watch: {
|
||||
courseInfo: {
|
||||
handler(newVal) {
|
||||
//需要保存
|
||||
handler(newVal, oldVal) {
|
||||
// 需要保存
|
||||
this.requireSaveCourse = true;
|
||||
|
||||
console.log("--- watch比较 = ", oldVal.orgId, newVal.orgId);
|
||||
this.checkOrgPermission(newVal.orgId);
|
||||
},
|
||||
deep: true
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getDictIds();
|
||||
let extendFlag=this.$route.query.f; //是否是管理端过来的
|
||||
this.extendRefId=this.$route.query.refId;
|
||||
this.extendRefType=this.$route.query.refType;
|
||||
@@ -581,6 +593,19 @@ export default {
|
||||
this.loadUserGroup();
|
||||
},
|
||||
methods: {
|
||||
// 检查机构权限
|
||||
checkOrgPermission(orgId) {
|
||||
console.log("--- 监测组织id orgId = ",orgId)
|
||||
console.log("--- this.isPermission = ",this.isPermission)
|
||||
console.log("--- device = ",this.courseInfo.device)
|
||||
if (!orgId) {
|
||||
this.isPermission = false;
|
||||
return;
|
||||
}
|
||||
console.log("--- this.dicts = ",this.dicts)
|
||||
this.isPermission = this.dicts.includes(orgId);
|
||||
console.log("--- 监听结束 this.isPermission = ",this.isPermission)
|
||||
},
|
||||
// 关键字的更改
|
||||
changeKeywords(option){
|
||||
if(option.target.value){
|
||||
@@ -885,11 +910,27 @@ export default {
|
||||
this.courseCoverurl = '';
|
||||
this.courseInfo.coverImg = '';
|
||||
},
|
||||
//获取字典信息
|
||||
async getDictIds() {
|
||||
console.log("--- 获取字典信息 1 = ", this.dicts);
|
||||
try {
|
||||
const response = await apiCourse.getDictIds(637, 1); // 确保返回 Promise
|
||||
console.log("--- 获取字典信息 2 result= ", response);
|
||||
|
||||
if (response.status === 200) {
|
||||
this.dicts = response.result.dicts; // 正确提取 dicts
|
||||
console.log("--- 获取字典信息 3 = ", this.dicts);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("获取字典信息失败:", error);
|
||||
}
|
||||
},
|
||||
//获取课程信息
|
||||
async getDetail(id) {
|
||||
this.curCourseId = id;
|
||||
this.orgName='';
|
||||
let $this = this;
|
||||
this.isPermission = false;
|
||||
let $this = this;
|
||||
try {
|
||||
const { result, status } = await apiCourse.detail(id);
|
||||
if (status === 200) {
|
||||
@@ -906,7 +947,10 @@ export default {
|
||||
this.contentInfo.list = result.contents;
|
||||
this.sectionInfo.list = result.sections;
|
||||
this.courseTeachers = result.teachers; //课程的老师信息
|
||||
|
||||
this.isPermission = result.isPermission; //课程的老师信息
|
||||
this.dicts = result.dicts; //课程的老师信息
|
||||
console.log("--- 编辑查看 this.isPermission = ",this.isPermission)
|
||||
console.log("--- 编辑查看 this.dicts = ",this.dicts)
|
||||
if(!this.courseInfo.orgId){
|
||||
//根据课程创建者获取机构id
|
||||
apiUser.getOrgSimpleByUserId(result.course.sysCreateAid).then(ors=>{
|
||||
|
||||
@@ -326,48 +326,91 @@ export default {
|
||||
return qitems;
|
||||
},
|
||||
startTest(){
|
||||
if(this.info.paperType==2){
|
||||
apiExamPaper.getPaperContent(this.info.paperId).then(rs=>{
|
||||
if(rs.status=200){
|
||||
this.examPaper.json=JSON.parse(rs.result);
|
||||
//console.log(this.examPaper.json,'this.examPaper.json');
|
||||
let qitems=this.convertToItems(this.examPaper.json);
|
||||
apiExamPaper.newPaperContent(this.info.id).then(res=>{
|
||||
if(!res.error&&res.result != ''){
|
||||
if(this.info.paperType==2){
|
||||
//TODO1
|
||||
console.log("调用开始考试 if paperType == 2")
|
||||
this.examPaper.json=res.result;
|
||||
let qitems=this.convertToItems(this.examPaper.json);
|
||||
this.paper ={items:qitems};
|
||||
this.total=qitems.length;
|
||||
this.curItem=qitems[this.curIndex];
|
||||
this.startTime=new Date();//记录开始时间
|
||||
this.timerValue=this.info.testDuration;
|
||||
this.content.status=1;
|
||||
this.timer=setInterval(this.changeTimer,60000);
|
||||
this.testStart=true;
|
||||
}else{
|
||||
this.$message.error('加载试卷内容失败,请与管理员联系,试卷是否已删除');
|
||||
}
|
||||
})
|
||||
}else{
|
||||
let paper= JSON.parse(this.info.paperContent);
|
||||
paper.items.forEach(item=>{
|
||||
//console.log(item);
|
||||
if(item.type==101){
|
||||
item.userAnswer='';
|
||||
}else if(item.type==102){
|
||||
item.userAnswer=[];
|
||||
}else{
|
||||
item.userAnswer=''
|
||||
}
|
||||
item.options.forEach(opt=>{
|
||||
opt.checked=false;
|
||||
})
|
||||
});
|
||||
this.total=paper.items.length;
|
||||
this.paper =paper;
|
||||
//console.log(this.paper);
|
||||
console.log("调用开始考试 else paperType != 2")
|
||||
let paper= {items:res.result};
|
||||
paper.items.forEach(item=>{
|
||||
if(item.type==101){
|
||||
item.userAnswer='';
|
||||
}else if(item.type==102){
|
||||
item.userAnswer=[];
|
||||
}else{
|
||||
item.userAnswer=''
|
||||
}
|
||||
item.options.forEach(opt=>{
|
||||
opt.checked=false;
|
||||
})
|
||||
});
|
||||
this.total=paper.items.length;
|
||||
this.paper =paper;
|
||||
|
||||
this.curItem=paper.items[this.curIndex];
|
||||
this.startTime=new Date();//记录开始时间
|
||||
this.timerValue=this.info.testDuration;
|
||||
this.timer=setInterval(this.changeTimer,60000);
|
||||
this.testStart=true;
|
||||
}
|
||||
this.curItem=paper.items[this.curIndex];
|
||||
this.startTime=new Date();//记录开始时间
|
||||
this.timerValue=this.info.testDuration;
|
||||
this.timer=setInterval(this.changeTimer,60000);
|
||||
this.testStart=true;
|
||||
}
|
||||
}else{
|
||||
this.$message.error('加载试卷内容失败,请与管理员联系,试卷是否已删除');
|
||||
}
|
||||
})
|
||||
// if(this.info.paperType==2){
|
||||
// apiExamPaper.getPaperContent(this.info.paperId).then(rs=>{
|
||||
// if(rs.status=200){
|
||||
// this.examPaper.json=JSON.parse(rs.result);
|
||||
// //console.log(this.examPaper.json,'this.examPaper.json');
|
||||
// let qitems=this.convertToItems(this.examPaper.json);
|
||||
// this.paper ={items:qitems};
|
||||
// this.total=qitems.length;
|
||||
// this.curItem=qitems[this.curIndex];
|
||||
// this.startTime=new Date();//记录开始时间
|
||||
// this.timerValue=this.info.testDuration;
|
||||
// this.timer=setInterval(this.changeTimer,60000);
|
||||
// this.testStart=true;
|
||||
// }else{
|
||||
// this.$message.error('加载试卷内容失败,请与管理员联系,试卷是否已删除');
|
||||
// }
|
||||
// })
|
||||
// }else{
|
||||
// let paper= JSON.parse(this.info.paperContent);
|
||||
// paper.items.forEach(item=>{
|
||||
// //console.log(item);
|
||||
// if(item.type==101){
|
||||
// item.userAnswer='';
|
||||
// }else if(item.type==102){
|
||||
// item.userAnswer=[];
|
||||
// }else{
|
||||
// item.userAnswer=''
|
||||
// }
|
||||
// item.options.forEach(opt=>{
|
||||
// opt.checked=false;
|
||||
// })
|
||||
// });
|
||||
// this.total=paper.items.length;
|
||||
// this.paper =paper;
|
||||
// //console.log(this.paper);
|
||||
|
||||
// this.curItem=paper.items[this.curIndex];
|
||||
// this.startTime=new Date();//记录开始时间
|
||||
// this.timerValue=this.info.testDuration;
|
||||
// this.timer=setInterval(this.changeTimer,60000);
|
||||
// this.testStart=true;
|
||||
// }
|
||||
},
|
||||
chooseOption(opt){
|
||||
if(this.curItem.type==101 || this.curItem.type==103){
|
||||
@@ -532,7 +575,7 @@ export default {
|
||||
randomMode:this.info.randomMode,
|
||||
score:testScore,
|
||||
paperJson:JSON.stringify(this.paper),//原来是对象,这里要也要对象
|
||||
//startTime:formatDate(this.startTime),//此时间需要格式化,格式化时间可以放在util中
|
||||
startTime:formatDate(this.startTime),//此时间需要格式化,格式化时间可以放在util中
|
||||
//endTime:formatDate(now),
|
||||
}
|
||||
//计划考试的时长
|
||||
@@ -543,8 +586,15 @@ export default {
|
||||
apiStudy.saveExam(postData).then(res=>{
|
||||
this.thisTrue = true
|
||||
if(res.status == 200) {
|
||||
console.log("获取数据结果 考试 res ==>",res)
|
||||
this.records.push(res.result);
|
||||
this.content.status=9;//表已学习完,判断上级的章是否已完成
|
||||
//TODO 评分更改 最终完成
|
||||
if(res.result.score > res.result.passLine){
|
||||
this.content.status=9;//表已学习完,判断上级的章是否已完成
|
||||
}else{
|
||||
this.content.status=1;
|
||||
}
|
||||
|
||||
this.studyItemId=res.result.studyItemId;//第一次保存时是没有的,所以这里要赋值
|
||||
this.$alert('您本次考试得分:'+this.lastScore, '考试成绩', {
|
||||
confirmButtonText: '确定',
|
||||
|
||||
@@ -1,61 +1,61 @@
|
||||
<template>
|
||||
<div>
|
||||
<div v-if="has" class="homework-div">
|
||||
<div>
|
||||
<div class="homework-title">作业名称</div>
|
||||
<div class="homework-content">{{info.name}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="homework-title">内容</div>
|
||||
<div class="homework-content">{{info.content}}</div>
|
||||
</div>
|
||||
<div v-if="info.file">
|
||||
<div class="homework-title">附件</div>
|
||||
<div class="homework-content" style="color: blue">
|
||||
<a :href="fileBaseUrl+info.file" target="_blank">下载作业附件</a></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="homework-title">截止时间</div>
|
||||
<div class="homework-content" :style="{color:close? 'red':''}">{{info.deadTime}}</div>
|
||||
</div>
|
||||
<div v-show="!close && showSubmit">
|
||||
<div v-if="info.submitMode>1">
|
||||
<div class="homework-title">作业内容</div>
|
||||
<div class="homework-content">
|
||||
<el-input type="textarea" rows="5" show-word-limit maxlength="255" v-model="answer" placeholder="(限255个字)"></el-input>
|
||||
<div>
|
||||
<div v-if="has" class="homework-div">
|
||||
<div>
|
||||
<div class="homework-title">作业名称</div>
|
||||
<div class="homework-content">{{info.name}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="homework-title">内容</div>
|
||||
<div class="homework-content">{{info.content}}</div>
|
||||
</div>
|
||||
<div v-if="info.file">
|
||||
<div class="homework-title">附件</div>
|
||||
<div class="homework-content" style="color: blue">
|
||||
<a :href="fileBaseUrl+info.file" target="_blank">下载作业附件</a></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="homework-title">截止时间</div>
|
||||
<div class="homework-content" :style="{color:close? 'red':''}">{{info.deadTime}}</div>
|
||||
</div>
|
||||
<div v-show="!close && showSubmit">
|
||||
<div v-if="info.submitMode>1">
|
||||
<div class="homework-title">作业内容</div>
|
||||
<div class="homework-content">
|
||||
<el-input type="textarea" rows="5" show-word-limit maxlength="255" v-model="answer" placeholder="(限255个字)"></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="info.submitMode==1 || info.submitMode==3">
|
||||
<div class="homework-title">上传作业</div>
|
||||
<div class="homework-content">
|
||||
<div v-if="filePath!=''">
|
||||
<el-tag closable type="success" @close="removeHomeworkFile">作业附件</el-tag><span style="margin-left: 10px;">请点击下面的提交</span>
|
||||
</div>
|
||||
<div v-else >
|
||||
<file-upload dir="files" :isShowTip="false" @success="uploadHomeworkFile" @remove="removeHomeworkFile"></file-upload>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center;padding-bottom: 10px;">
|
||||
<el-button type="primary" :disabled="isSubmit" @click="submitHomework()">{{records.length>0?'重新提交':'提交'}}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="showRecord"><!--作业提交记录-->
|
||||
<el-table :data="records" style="width: 100%" border>
|
||||
<el-table-column prop="endTime" label="提交时间" width="100" align="center"></el-table-column>
|
||||
<el-table-column label="内容">
|
||||
<template slot-scope="scope">
|
||||
<div>{{scope.row.hwAnswer}}</div>
|
||||
<div style="padding-top: 5px;" v-if="scope.row.filePath!=''">
|
||||
<a :href="fileBaseUrl+scope.row.filePath" target="_blank">下载上传的作业文件</a>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else style="text-align: center;padding-top: 20px;color: red;">此课程无作业</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="info.submitMode==1 || info.submitMode==3">
|
||||
<div class="homework-title">上传作业</div>
|
||||
<div class="homework-content">
|
||||
<div v-if="filePath!=''">
|
||||
<el-tag closable type="success" @close="removeHomeworkFile">作业附件</el-tag><span style="margin-left: 10px;">请点击下面的提交</span>
|
||||
</div>
|
||||
<div v-else >
|
||||
<file-upload dir="files" :isShowTip="false" @success="uploadHomeworkFile" @remove="removeHomeworkFile"></file-upload>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center;padding-bottom: 10px;">
|
||||
<el-button type="primary" :disabled="isSubmit" @click="submitHomework()">{{records.length>0?'重新提交':'提交'}}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="showRecord"><!--作业提交记录-->
|
||||
<el-table :data="records" style="width: 100%" border>
|
||||
<el-table-column prop="endTime" label="提交时间" width="100" align="center"></el-table-column>
|
||||
<el-table-column label="内容">
|
||||
<template slot-scope="scope">
|
||||
<div>{{scope.row.hwAnswer}}</div>
|
||||
<div style="padding-top: 5px;" v-if="scope.row.filePath!=''">
|
||||
<a :href="fileBaseUrl+scope.row.filePath" target="_blank">下载上传的作业文件</a>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else style="text-align: center;padding-top: 20px;color: red;">此课程无作业</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -65,21 +65,21 @@ import FileUpload from '@/components/FileUpload/index.vue';
|
||||
export default {
|
||||
components: { FileUpload },
|
||||
props:{
|
||||
studyId: {
|
||||
type: String,
|
||||
},
|
||||
showRecord:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
},
|
||||
showSubmit:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
},
|
||||
content: {
|
||||
type: Object,
|
||||
default:()=>{}
|
||||
}
|
||||
studyId: {
|
||||
type: String,
|
||||
},
|
||||
showRecord:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
},
|
||||
showSubmit:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
},
|
||||
content: {
|
||||
type: Object,
|
||||
default:()=>{}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -106,26 +106,26 @@ export default {
|
||||
methods: {
|
||||
loadHomeworkInfo(){
|
||||
apiCourse.getHomework(this.content.id).then(res=>{
|
||||
if(res.status==200){
|
||||
this.info=res.result;
|
||||
//检查是否过期
|
||||
if(res.result.deadTime!=''){
|
||||
var d = new Date(res.result.deadTime);
|
||||
var now=new Date();
|
||||
if(now.getTime() > d.getTime()){
|
||||
this.close=true;
|
||||
} else {
|
||||
this.close=false;
|
||||
if(res.status==200){
|
||||
this.info=res.result;
|
||||
//检查是否过期
|
||||
if(res.result.deadTime!='' && res.result.deadTime != null){
|
||||
var d = new Date(res.result.deadTime);
|
||||
var now=new Date();
|
||||
if(now.getTime() > d.getTime()){
|
||||
this.close=true;
|
||||
} else {
|
||||
this.close=false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if(!this.showTest && this.showRecord){
|
||||
this.loadRecord();
|
||||
}
|
||||
}else if(res.status==404){
|
||||
//没有找到作业信息
|
||||
}else{
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
if(!this.showTest && this.showRecord){
|
||||
this.loadRecord();
|
||||
}
|
||||
}else if(res.status==404){
|
||||
//没有找到作业信息
|
||||
}else{
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
});
|
||||
//
|
||||
},
|
||||
@@ -149,15 +149,15 @@ export default {
|
||||
this.filePath = res.result.filePath;
|
||||
},
|
||||
removeHomeworkFile(){
|
||||
this.$confirm('您确定要删除已上传的附件吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.filePath='';
|
||||
//从服务器端删除
|
||||
this.$message({ type: 'success', message: '删除成功!' });
|
||||
})
|
||||
this.$confirm('您确定要删除已上传的附件吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.filePath='';
|
||||
//从服务器端删除
|
||||
this.$message({ type: 'success', message: '删除成功!' });
|
||||
})
|
||||
|
||||
},
|
||||
submitHomework() {//提交作业
|
||||
@@ -192,16 +192,16 @@ export default {
|
||||
}
|
||||
apiCourseStudy.saveHomework(pamars).then(res=>{
|
||||
this.isSubmit = false
|
||||
if(res.status==200){
|
||||
this.$message.success("作业已提交");
|
||||
this.filePath='';
|
||||
this.answer='';
|
||||
this.studyItemId=res.result.id;
|
||||
this.records=[res.result];
|
||||
this.$emit("submit", this.content);
|
||||
}else {
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
if(res.status==200){
|
||||
this.$message.success("作业已提交");
|
||||
this.filePath='';
|
||||
this.answer='';
|
||||
this.studyItemId=res.result.id;
|
||||
this.records=[res.result];
|
||||
this.$emit("submit", this.content);
|
||||
}else {
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
@@ -210,27 +210,27 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.homework-div {
|
||||
border: 1px solid #dadada;
|
||||
min-height: 500px;
|
||||
padding: 20px;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
>div{
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
.homework-title {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.homework-content {
|
||||
color: #666;
|
||||
margin-bottom: 10px;
|
||||
.homework-div {
|
||||
border: 1px solid #dadada;
|
||||
min-height: 500px;
|
||||
padding: 20px;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
>div{
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
.homework-title {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.homework-content {
|
||||
color: #666;
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -401,6 +401,28 @@
|
||||
<el-form-item label="考试说明">
|
||||
<el-input type="textarea" show-word-limit v-model="exam.info.info" placeholder="关于考试的说明(限255字以内)" maxlength="255"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="随机模式">
|
||||
<el-col :span="4">
|
||||
<el-radio-group v-model="exam.info.randomMode">
|
||||
<el-radio :label="true">是</el-radio>
|
||||
<el-radio :label="false">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-col>
|
||||
<el-col :span="20" v-if="exam.info.randomMode&&exam.info.paperType==1">
|
||||
<el-form-item label="数量">
|
||||
<el-input-number v-model="exam.info.qnum" :min="1" :max="exam.paperJson.items.length" label="数量"></el-input-number>
|
||||
<span style="margin-left:10px;" v-if="exam.paperJson.items.length==0">先添加试题</span>
|
||||
<span style="margin-left:10px;" v-if="exam.paperJson.items.length>0">试卷有 {{exam.paperJson.items.length}} 道试题</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20" v-if="exam.info.randomMode&&exam.info.paperType==2">
|
||||
<el-form-item label="数量">
|
||||
<el-input-number v-model="exam.info.qnum" :min="1" :max="usePaper.counts" label="数量"></el-input-number>
|
||||
<span style="margin-left:10px;" v-if="usePaper.counts==0">先选择试卷</span>
|
||||
<span style="margin-left:10px;" v-if="usePaper.counts>0">试卷有 {{usePaper.counts}} 道试题</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div v-if="exam.info.paperType==1">
|
||||
@@ -1059,12 +1081,14 @@
|
||||
if(this.exam.info.paperType==2){
|
||||
if(!this.exam.info.paperId){
|
||||
this.$message.error("您还未选择任何试卷");
|
||||
this.loading=false;
|
||||
return;
|
||||
}
|
||||
}else{
|
||||
//检查是不是所有的试题都有了答案
|
||||
if(this.exam.paperJson.items.length==0){
|
||||
this.$message.error("您还没有添加考试的试题");
|
||||
this.loading=false;
|
||||
return;
|
||||
}
|
||||
let pass=true;
|
||||
@@ -1087,6 +1111,9 @@
|
||||
}
|
||||
this.exam.info.paperContent=JSON.stringify(this.exam.paperJson);
|
||||
}
|
||||
if(!this.exam.info.randomMode){
|
||||
this.exam.info.qnum = 0
|
||||
}
|
||||
postData.exam=this.exam.info;
|
||||
postData.content.contentName='考试';
|
||||
this.examChange = deepClone(this.exam);
|
||||
@@ -1152,6 +1179,8 @@
|
||||
postData.id=this.exam.content.id;
|
||||
postData.ctype=this.exam.content.contentType;
|
||||
curContent=this.exam.content;
|
||||
this.exam.info.randomMode = false;
|
||||
this.exam.info.qnum = 0
|
||||
}else if(index==4){
|
||||
postData.id=this.assess.content.id;
|
||||
postData.ctype=this.assess.content.contentType;
|
||||
|
||||
@@ -217,13 +217,16 @@ export default {
|
||||
if(delIdx>-1){
|
||||
fileList.splice(delIdx,1);
|
||||
}
|
||||
this.$emit("success", res);
|
||||
} else {
|
||||
this.isLoading = false;
|
||||
//this.fileList = [];
|
||||
if(this.limit == 1){
|
||||
this.fileList = [];
|
||||
}
|
||||
this.$message({message:"上传失败",type:'error',offset:100});
|
||||
}
|
||||
|
||||
this.$emit("success", res);
|
||||
// this.$emit("success", res);
|
||||
},
|
||||
// 删除文件
|
||||
handleDelete(index) {
|
||||
|
||||
@@ -8,7 +8,10 @@
|
||||
<span style="margin-left:28px">{{item.eventTime}}</span>
|
||||
<span v-if="item.aid == userInfo.aid" class="follow-hide pointer" style="float:right">
|
||||
<span v-if="item.hidden">已隐藏</span>
|
||||
<span v-else @click="emitHide(item.id)"> <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏 </span>
|
||||
<span class="span_hidden" v-else @click="emitHide(item.id)">
|
||||
<!-- <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon> -->
|
||||
<div class="is_hidden"></div>
|
||||
隐藏 </span>
|
||||
</span>
|
||||
</p>
|
||||
<div class="case-info-cont">
|
||||
@@ -136,6 +139,22 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.span_hidden{
|
||||
display: flex;
|
||||
&:hover{
|
||||
.is_hidden{
|
||||
background: url('../../assets/images/case/Frame(12).png');
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
.is_hidden{
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url('../../assets/images/case/Frame(5).png');
|
||||
background-size: 100%;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.sign-text{
|
||||
color: #666666;
|
||||
font-size: 14px;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="item-author">
|
||||
<div @click="toHome()">
|
||||
<div v-if="userName" @click="toHome()">
|
||||
<!-- <el-avatar shape="square" size="small" :src="userAvatar" v-if="userAvatar"></el-avatar> -->
|
||||
<!-- <div v-else class="uavatar"><span class="uavatar-text">{{avatarText}}</span></div> -->
|
||||
<el-avatar shape="circle" size="small" :src="userAvatar" v-if="userAvatar"></el-avatar>
|
||||
@@ -12,9 +12,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!onlyAvatar" style="padding-left: 14px;padding-top: 6px;font-size: 14px;">
|
||||
<div v-if="!onlyAvatar&&userName" style="padding-left: 14px;padding-top: 6px;font-size: 14px;">
|
||||
<span style="color: #333333;font-weight: 600;font-size: 16px;">{{userName}}</span>
|
||||
<span class="author-text" v-if="userInfo && userInfo!=''"> {{userInfo}} </span>
|
||||
<span style="margin-left: 15px;" class="comWords" v-if="authorTags.length != 0" v-for="tag in authorTags">{{tag}}</span>
|
||||
</div>
|
||||
<slot />
|
||||
</div>
|
||||
@@ -49,6 +50,12 @@
|
||||
onlyAvatar:{
|
||||
type:Boolean,
|
||||
default:false
|
||||
},
|
||||
authorTags: {
|
||||
type:Array,
|
||||
default(){
|
||||
return []
|
||||
}
|
||||
}
|
||||
},
|
||||
data(){
|
||||
@@ -119,6 +126,14 @@
|
||||
font-weight: 300;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.comWords {
|
||||
background: #409EFF;
|
||||
border-radius: 2px;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #FFFFFF;
|
||||
padding: 4px 10px;
|
||||
}
|
||||
.uavatar{
|
||||
// border: 1px solid #73adfe;
|
||||
width: 28px;
|
||||
|
||||
@@ -92,11 +92,19 @@
|
||||
<div class="comment-btns">
|
||||
|
||||
<!-- <a><svg-icon icon-class="like"></svg-icon><span>66</span></a> -->
|
||||
<div v-show="btnsShowRowId==com.id">
|
||||
<div style="display: flex" v-show="btnsShowRowId==com.id">
|
||||
|
||||
<a @click="showReply(com)"><svg-icon icon-class="comment" style="margin-right: 0px;font-size: 16px;"></svg-icon><span>回复</span></a>
|
||||
<a style="display: flex;align-items: center;" @click="showReply(com)">
|
||||
<!-- <svg-icon icon-class="comment" style="margin-right: 0px;font-size: 16px;"></svg-icon> -->
|
||||
<div class="is_comment"></div>
|
||||
<span>回复</span>
|
||||
</a>
|
||||
<!--必须当前登录人是一个人-->
|
||||
<a v-if="userInfo.aid==com.sysCreateAid" @click="delCommnet(com,comIdx)"><svg-icon icon-class="remove" style="margin-right: 0px;font-size: 16px;"></svg-icon><span>删除</span></a>
|
||||
<a style="display: flex;align-items: center;" v-if="userInfo.aid==com.sysCreateAid" @click="delCommnet(com,comIdx)">
|
||||
<!-- <svg-icon icon-class="remove" style="margin-right: 0px;font-size: 16px;"></svg-icon> -->
|
||||
<div class="is_remove"></div>
|
||||
<span>删除</span>
|
||||
</a>
|
||||
<a v-if="com.replyList && com.replyList.length==5" @click="showMoreReply(com)" ><svg-icon icon-class="all" style="margin-right: 0px;font-size: 16px;"></svg-icon><span>全部</span></a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -960,6 +968,28 @@
|
||||
line-height: 35px;
|
||||
a{
|
||||
margin-right:15px;
|
||||
&:hover{
|
||||
.is_comment{
|
||||
background: url('../../assets/images/case/Frame(9).png');
|
||||
background-size: 100%;
|
||||
}
|
||||
.is_remove{
|
||||
background: url('../../assets/images/case/Frame(15).png');
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
.is_comment{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url('../../assets/images/case/Frame.png');
|
||||
background-size: 100%;
|
||||
}
|
||||
.is_remove{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url('../../assets/images/case/Frame(8).png');
|
||||
background-size: 100%;
|
||||
}
|
||||
span{
|
||||
margin-left: 6px;
|
||||
color: #8590A6;
|
||||
|
||||
@@ -10,7 +10,8 @@
|
||||
<el-tooltip effect="light" :content="type == 4 || type == 5 ?'回答':'回复'" placement="left" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<!-- <svg-icon style="margin-right: 0;" icon-class="comment"></svg-icon> -->
|
||||
<!-- <img style="width:16px;height:14px;vertical-align: middle;" :src="require('@/assets/images/icon/answers.png')"> -->
|
||||
<svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon>
|
||||
<!-- <svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon> -->
|
||||
<div class="is_comment"></div>
|
||||
</el-tooltip>
|
||||
<span class="interact-bar-value"> {{ data.answers? data.answers:0}}</span>
|
||||
</div>
|
||||
@@ -23,14 +24,16 @@
|
||||
</div>
|
||||
<div v-if="comments" class="interact-bar-btn" :style="`min-width: ${nodeWidth};`" :class="{cursor:!readonly}">
|
||||
<el-tooltip effect="light" content="评论" placement="left" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon>
|
||||
<!-- <svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon> -->
|
||||
<div class="is_comment"></div>
|
||||
</el-tooltip>
|
||||
<span class="interact-bar-value"> {{data.comments? data.comments:0}}</span>
|
||||
</div>
|
||||
|
||||
<div v-if="praises" @click="addPraise()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
|
||||
<el-tooltip effect="light" content="点赞" placement="top" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<svg-icon style="margin-right: 0;font-size: 14px;" :icon-class="isPraise?'praised':'like'"></svg-icon>
|
||||
<!-- <svg-icon style="margin-right: 0;font-size: 14px;" :icon-class="isPraise?'praised':'like'"></svg-icon> -->
|
||||
<div class="is_praise" :class="isPraise?'is_praise_a':'is_praise'"></div>
|
||||
</el-tooltip>
|
||||
<span class="interact-bar-value"> {{ data.praises? data.praises:0}}</span>
|
||||
</div>
|
||||
@@ -38,19 +41,22 @@
|
||||
<div v-if="favorites" @click.stop="addFavorite()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
|
||||
<el-tooltip effect="light" content="收藏" placement="top" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<svg-icon v-if="courseExclusive" style="font-size: 32px;margin-right: 0;" :icon-class="isFavorite?'collectedCourse':'collectionCourse'"></svg-icon>
|
||||
<svg-icon v-else style="margin-right: 0;" :style="{'font-size':(size+2)+'px'}" :icon-class="isFavorite?'scactive2':'xihuan'"></svg-icon>
|
||||
<!-- <svg-icon v-else style="margin-right: 0;" :style="{'font-size':(size+2)+'px'}" :icon-class="isFavorite?'scactive2':'xihuan'"></svg-icon> -->
|
||||
<div v-else class="is_favorite" :class="isFavorite?'is_favorite_a':'is_favorite'"></div>
|
||||
</el-tooltip>
|
||||
<span v-if="!courseExclusive" class="interact-bar-value"> {{ data.favorites? data.favorites:0}}</span>
|
||||
<span v-if="!courseExclusive" class="interact-bar-value"> {{ data.favorites? data.favorites:data.hasCollect?number(data.hasCollect):1}}</span>
|
||||
</div>
|
||||
<div v-if="shares" @click="addShare()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
|
||||
<el-tooltip effect="light" content="分享" placement="top" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<svg-icon icon-class="share" style="margin-right: 0;" :style="{'font-size':(size+2)+'px'}"></svg-icon>
|
||||
<!-- <svg-icon icon-class="share" style="margin-right: 0;" :style="{'font-size':(size+2)+'px'}"></svg-icon> -->
|
||||
<div class="is_share"></div>
|
||||
</el-tooltip>
|
||||
<span class="interact-bar-value"> {{data.shares}}</span>
|
||||
</div>
|
||||
<div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};margin-left:${data.views>1000? '20px':'20px'}`" class="interact-bar-btn ese-view" :class="{cursor:!readonly}">
|
||||
<el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip">
|
||||
<svg-icon style="margin-right: 0; font-size:22px;" icon-class="eyes"></svg-icon>
|
||||
<!-- <svg-icon style="margin-right: 0; font-size:22px;" icon-class="eyes"></svg-icon> -->
|
||||
<div class="is_view"></div>
|
||||
</el-tooltip>
|
||||
<!-- <div style="float:right;margin-left:8px"> -->
|
||||
<span class="interact-bar-value eyes-view" > {{ formatNum(data.views)}}</span>
|
||||
@@ -108,6 +114,8 @@ export default {
|
||||
shares:0,
|
||||
praises:0,
|
||||
views:0,
|
||||
courseId:'',
|
||||
courseName:''
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -228,7 +236,7 @@ export default {
|
||||
created(){
|
||||
},
|
||||
mounted() {
|
||||
if(this.data && this.data.id && !this.readonly){
|
||||
if(this.data && (this.data.id||this.data.courseId) && !this.readonly){
|
||||
this.checkHas();
|
||||
}
|
||||
|
||||
@@ -302,7 +310,7 @@ export default {
|
||||
}
|
||||
let msgPageParams=this.pageParams;
|
||||
if(!msgPageParams){
|
||||
msgPageParams=this.data.id;
|
||||
msgPageParams=this.data.id ?this.data.id: this.data.courseId;
|
||||
}
|
||||
let message={
|
||||
content,
|
||||
@@ -325,9 +333,9 @@ export default {
|
||||
})
|
||||
},
|
||||
checkHas(){
|
||||
if(this.type>0 && !this.readonly && this.data.id){
|
||||
if(this.type>0 && !this.readonly && (this.data.id||this.data.courseId)){
|
||||
if(this.favorites){
|
||||
apiFavorites.has(this.type,this.data.id).then(rs=>{
|
||||
apiFavorites.has(this.type,(this.data.id || this.data.courseId)).then(rs=>{
|
||||
if(rs.status==200 && rs.result){
|
||||
this.isFavorite=true;
|
||||
}else{
|
||||
@@ -500,9 +508,11 @@ export default {
|
||||
return;
|
||||
}
|
||||
//需要判断是否已点赞,已点赞的不再加
|
||||
console.log(this.data,'---------------');
|
||||
|
||||
let postData={
|
||||
objType:this.type,
|
||||
objId:this.data.id,
|
||||
objId:this.data.id ?this.data.id: this.data.courseId,
|
||||
title:'',
|
||||
}
|
||||
if(this.loading) {
|
||||
@@ -510,7 +520,7 @@ export default {
|
||||
}
|
||||
this.loading=true;
|
||||
if(this.type==1){
|
||||
postData.title=this.data.name;
|
||||
postData.title=this.data.name?this.data.name:this.data.courseName;
|
||||
}else if(this.type==60){
|
||||
postData.title=this.data.content;
|
||||
} else if(this.type==5){
|
||||
@@ -519,7 +529,7 @@ export default {
|
||||
postData.title=this.data.title;
|
||||
}
|
||||
if(this.isFavorite) {// 已经收藏,再次点击取消收藏
|
||||
apiFavorites.remove(this.type,this.data.id).then(res=>{
|
||||
apiFavorites.remove(this.type,this.data.id ?this.data.id: this.data.courseId).then(res=>{
|
||||
this.loading=false;
|
||||
if(res.status==200){
|
||||
this.isFavorite=false;
|
||||
@@ -530,6 +540,7 @@ export default {
|
||||
this.$store.dispatch("unicomFavorites",false)
|
||||
}
|
||||
this.$message({message:'已取消收藏',type:'success'});
|
||||
this.$emit('deleteFavorite',true)
|
||||
//this.$emit('addFavorite',res.result);//添加收藏,如果是true代表添加成功,false代表已存在
|
||||
}else{
|
||||
console.log('取消收藏失败:'+res.message);
|
||||
@@ -547,7 +558,7 @@ export default {
|
||||
this.$store.dispatch("unicomFavorites",true)
|
||||
}
|
||||
//if(this.type===2||this.type===4){
|
||||
this.messageSave(this.data.id,this.data.title,this.userInfo.name,this.data.sysCreateBy,this.data.sysCreateAid,'收藏了我发布的');
|
||||
this.messageSave(this.data.id ?this.data.id: this.data.courseId,this.data.title,this.userInfo.name,this.data.sysCreateBy,this.data.sysCreateAid,'收藏了我发布的');
|
||||
//}
|
||||
this.$message({message:'已加入收藏',type:'success'});
|
||||
//this.$emit('addFavorite',res.result);//添加收藏,如果是true代表添加成功,false代表已存在
|
||||
@@ -713,6 +724,77 @@ export default {
|
||||
justify-content: flex-end;
|
||||
.interact-bar-btn {
|
||||
margin: 0 0 0 15px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
&:hover{
|
||||
.is_praise{
|
||||
background: url('../../assets/images/case/Frame\(10\).png');
|
||||
}
|
||||
.is_favorite{
|
||||
background: url('../../assets/images/case/Frame\(11\).png');
|
||||
background-size: 100%;
|
||||
}
|
||||
.is_share{
|
||||
background: url('../../assets/images/case/Frame\(14\).png');
|
||||
background-size: 100%;
|
||||
}
|
||||
.is_view{
|
||||
background: url('../../assets/images/case/Frame\(12\).png');
|
||||
background-size: 100%;
|
||||
}
|
||||
.is_comment{
|
||||
background: url('../../assets/images/case/Frame\(9\).png');
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
.is_comment{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url('../../assets/images/case/Frame.png');
|
||||
background-size: 100%;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.is_view{
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
background: url('../../assets/images/case/Frame\(5\).png');
|
||||
background-size: 100%;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.is_share{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url('../../assets/images/case/Frame\(7\).png');
|
||||
background-size: 100%;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.is_praise{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background: url('../../assets/images/case/Frame\(1\).png');
|
||||
margin-right: 4px;
|
||||
}
|
||||
.is_praise_a{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background: url('../../assets/images/case/Frame\(10\).png');
|
||||
margin-right: 4px;
|
||||
}
|
||||
.is_favorite{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url('../../assets/images/case/Frame\(2\).png');
|
||||
background-size: 100%;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.is_favorite_a{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url('../../assets/images/case/Frame\(11\).png');
|
||||
background-size: 100%;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
.interact-bar-value{
|
||||
// color:#6E7B84; ui图给的颜色,但是效果于ui图效果不一样,也没有透明度,所以找一个相近的和谐的颜色
|
||||
|
||||
@@ -13,9 +13,9 @@
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="top-nav" :style="{color:textColor}" :class="current == 'course' ? activeNav : ''">
|
||||
<router-link to="/course">课程
|
||||
<a @click="handleChangeCourse">课程
|
||||
<div :class="current == 'course' ? 'nav-bottbor' : ''"></div>
|
||||
</router-link>
|
||||
</a>
|
||||
</div>
|
||||
<div class="top-nav" :style="{color:textColor}" :class="current == 'case' ? activeNav : ''">
|
||||
<router-link to="/case">案例
|
||||
@@ -51,7 +51,8 @@
|
||||
<el-dropdown placement="bottom" @command="handleContributor">
|
||||
<span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">贡献者大会</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="one">2023</el-dropdown-item>
|
||||
<el-dropdown-item command="three">2024</el-dropdown-item>
|
||||
<el-dropdown-item command="one" divided>2023</el-dropdown-item>
|
||||
<el-dropdown-item command="two" divided>2022</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
@@ -209,10 +210,16 @@ export default {
|
||||
this.sex = this.userInfo.sex;
|
||||
this.$store.dispatch('refrashMsg');
|
||||
this.loadBoeData();
|
||||
console.log('this.userInfo::',this.userInfo)
|
||||
// console.log('this.userInfo::',this.userInfo)
|
||||
//this.loadPopupConfig();
|
||||
},
|
||||
methods: {
|
||||
handleChangeCourse() {
|
||||
const paths = ["/course","/qualityCourse"]
|
||||
// 如果是 课程 和 精品课程, 那么就不再重定向
|
||||
const needReload = paths.findIndex(e=> e === this.$route.path) === -1
|
||||
if (needReload) this.$router.push({path: paths[0]})
|
||||
},
|
||||
|
||||
setCurIdentity(iden){
|
||||
this.$store.dispatch('SetCurIdentity',iden);
|
||||
@@ -246,6 +253,7 @@ export default {
|
||||
let obj = {
|
||||
one: urlPre + "/web/contributornew/index",
|
||||
two: urlPre + "/web/contributor/index",
|
||||
three: urlPre + "/web/contributor_2024/index"
|
||||
};
|
||||
window.open(obj[val]);
|
||||
},
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
</div>
|
||||
<!-- <div style="color: red;">下面的表格标题及内容需要调整完善</div> -->
|
||||
<div>
|
||||
<el-tabs v-model="tabName" @tab-click="handleTabClick">
|
||||
<el-tabs style="width: 100%;" v-model="tabName" @tab-click="handleTabClick">
|
||||
<el-tab-pane label="报名管理" name="second">
|
||||
<!-- <div>已报名{{study.list.length}}人,共有0人报名未成功,共有{{study.list.length}}人通过审核</div> -->
|
||||
<el-row style="margin: 20px 0;" :gutter="20">
|
||||
@@ -192,7 +192,7 @@
|
||||
</el-table-column>-->
|
||||
<el-table-column label="学习人员" width="110">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="info" @click="getCatalogue(scope.row,scope.row.contentName)" >学习人员</el-button>
|
||||
<el-button size="mini" type="info" @click="getCatalogue(scope.row,scope.row.contentType)" >学习人员</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -292,6 +292,7 @@
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="studyContentRecordsSearch">搜索</el-button>
|
||||
</el-form-item>
|
||||
<el-button v-if="isHomeWork" :disabled="isTrue" style="padding:10px 15px;margin-bottom: 10px;" type="primary" @click="downLoad">导出全部作业</el-button>
|
||||
</el-form>
|
||||
<el-table max-height="500" border :data="learningSituation.list" style="width: 100%">
|
||||
<el-table-column prop="aname" label="姓名" width="180"></el-table-column>
|
||||
@@ -335,6 +336,8 @@ import apiCoursePortal from "@/api/modules/coursePortal.js";
|
||||
import { mapGetters,mapActions } from 'vuex';
|
||||
import apiUser from '@/api/system/user.js';
|
||||
import apiStudy from '@/api/modules/courseStudy.js';
|
||||
import { getToken } from '@/utils/token'
|
||||
import axios from 'axios'
|
||||
export default {
|
||||
components: {auditCourse1,auditCourse2},
|
||||
computed: {
|
||||
@@ -352,7 +355,10 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
downParams: {},
|
||||
typePress: false,
|
||||
isHomeWork: false,
|
||||
isTrue: false,
|
||||
catalogRecordTree:[],
|
||||
catalogRecordList:[],
|
||||
resOwnerListMap:[],
|
||||
@@ -377,8 +383,8 @@ export default {
|
||||
count: 0,
|
||||
type: "",
|
||||
list: [],
|
||||
name: '',
|
||||
status: '',
|
||||
name: '',
|
||||
},
|
||||
learningRecords: {
|
||||
pageIndex: 1, //第几页
|
||||
@@ -515,6 +521,7 @@ export default {
|
||||
pageIndex: this.learningSituation.pageIndex,
|
||||
pageSize: this.learningSituation.pageSize
|
||||
};
|
||||
this.downParams = params;
|
||||
apicourseStudy.studyContentRecords(params).then(res => {
|
||||
if (res.status === 200) {
|
||||
this.learningSituation.list = res.result.list;
|
||||
@@ -524,6 +531,77 @@ export default {
|
||||
}
|
||||
});
|
||||
},
|
||||
downLoad(){
|
||||
if(this.learningSituation.list.length == 0){
|
||||
this.$message.warning('暂无数据');
|
||||
return
|
||||
}
|
||||
this.isTrue = true;
|
||||
let params = {
|
||||
courseName:this.manageStudyData.name,
|
||||
courseId: this.manageStudyData.id,
|
||||
status: this.downParams.status || '',
|
||||
name: this.downParams.name || '',
|
||||
contentId: this.contentId,
|
||||
}
|
||||
// window.open(`/systemapi/xboe/m/course/portal/export?contentId=${params.contentId}&courseName=${params.courseName}&courseId=${params.courseId}&status=${params.status}&name=${params.name}`)
|
||||
const url = `/systemapi/xboe/m/course/portal/export?contentId=${params.contentId}&courseName=${params.courseName}&courseId=${params.courseId}&status=${params.status}&name=${params.name}`
|
||||
axios({
|
||||
method: 'get',
|
||||
url: url,
|
||||
// responseType: 'blob',
|
||||
headers: { 'X-Access-Token': getToken() }
|
||||
}).then((res) => {
|
||||
this.isTrue = false;
|
||||
if(res.data.status == 200){
|
||||
if(res.data.result.includes('upload')){
|
||||
window.open('/upload'+res.data.result.split('upload')[1])
|
||||
}else{
|
||||
this.$message.warning(res.data.result)
|
||||
}
|
||||
}
|
||||
}).catch(err=>{
|
||||
this.isTrue = false;
|
||||
this.$message.error(err.response.data.message)
|
||||
})
|
||||
// axios({
|
||||
// method: 'get',
|
||||
// url: url,
|
||||
// responseType: 'blob',
|
||||
// headers: { 'X-Access-Token': getToken() }
|
||||
// }).then((response) => {
|
||||
// if (response.status === 200) {
|
||||
// this.isTrue = false;
|
||||
// if (!(response.headers['content-type']).startsWith('application/json')) {
|
||||
// this.resolveBlob(response, 'application/zip', `${params.courseName}【作业】`);
|
||||
// } else {
|
||||
// console.log(response,'response')
|
||||
// const reader = new FileReader();
|
||||
// reader.onload = (e) => {
|
||||
// const errorData = JSON.parse(e.target.result)
|
||||
// this.$message.error(errorData.result)
|
||||
// };
|
||||
// reader.readAsText(response.data);
|
||||
// }
|
||||
// }
|
||||
// }).catch((error) => {
|
||||
// this.isTrue = false;
|
||||
// // 错误处理
|
||||
// console.log(error);
|
||||
// this.$message.error(error.data ? error.data.message : error.toString());
|
||||
// });
|
||||
},
|
||||
resolveBlob(res, mimeType,filename) {
|
||||
const link = document.createElement('a');// 创建a标签
|
||||
let blob = new Blob([res.data], { type: mimeType }); // 设置文件类型
|
||||
link.style.display = "none";
|
||||
link.href = URL.createObjectURL(blob); // 创建URL
|
||||
link.setAttribute("download", `${filename}`);
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
URL.revokeObjectURL(link.href);
|
||||
document.body.removeChild(link);
|
||||
},
|
||||
handleSizeChangeSituation(val) {
|
||||
this.learningSituation.pageSize = val;
|
||||
this.learningSituation.pageIndex = 1;
|
||||
@@ -722,11 +800,16 @@ export default {
|
||||
this.getSignupList();
|
||||
},
|
||||
getCatalogue(row,type) {
|
||||
if(type=='考试'){
|
||||
if(type==61){
|
||||
this.typePress = true
|
||||
}else{
|
||||
this.typePress = true
|
||||
}
|
||||
if(type == 60){
|
||||
this.isHomeWork = true
|
||||
}else{
|
||||
this.isHomeWork = false
|
||||
}
|
||||
this.contentId = row.id;
|
||||
this.study.catalogueShow = true;
|
||||
this.learningSituation.pageIndex = 1;//重置为第一页
|
||||
@@ -780,4 +863,19 @@ export default {
|
||||
height: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.el-tabs__nav-wrap::after {
|
||||
display: none; /* 隐藏滚动条轨道 */
|
||||
}
|
||||
|
||||
.el-tabs__nav-scroll {
|
||||
overflow: hidden; /* 隐藏滚动条滑块 */
|
||||
}
|
||||
|
||||
/* 隐藏垂直滚动条 */
|
||||
.el-table .el-table__body-wrapper::-webkit-scrollbar {
|
||||
display: none; /* Chrome, Safari, Opera*/
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
:default-active="activeMenu"
|
||||
router
|
||||
active-text-color="#3379FB"
|
||||
:default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','lecturer','myqa','notice','mystudy', 'course', 'exam', 'u001', 'u002', 'u003', 'u004','mylecnotes','mycaseRecord']"
|
||||
:default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','lecturer','myqa','notice','mystudy','myGrowth', 'course', 'exam', 'u001', 'u002', 'u003', 'u004','mylecnotes','mycaseRecord']"
|
||||
class="el-menu-vertical"
|
||||
@open="handleOpen"
|
||||
@close="handleClose"
|
||||
@@ -242,6 +242,20 @@
|
||||
<svg-icon :icon-class="activeMenu == '/user/medal'?'myxunzhang-active':'myxunzhang'"></svg-icon>
|
||||
<span slot="title">我的勋章</span>
|
||||
</el-menu-item>
|
||||
<template v-if="showGrowthNav">
|
||||
<el-submenu index="myGrowth" v-show="curIdentity == 1">
|
||||
<template slot="title">
|
||||
<!-- <i class="el-icon-s-grid"></i> -->
|
||||
<img src="../../assets/images/myGrowth.jpg" style="width: 1em;height: 1em;margin-right: 8px;"></img>
|
||||
<span>我的必修</span>
|
||||
</template>
|
||||
<el-menu-item index="/growth/growthPage">
|
||||
<!-- <i class="el-icon-menu"></i> -->
|
||||
<span slot="title" class="study textl">专业力必修</span>
|
||||
</el-menu-item>
|
||||
</el-submenu>
|
||||
</template>
|
||||
|
||||
<el-submenu index="mystudy" v-show="curIdentity == 1">
|
||||
<template slot="title">
|
||||
<!-- <i class="el-icon-s-grid"></i> -->
|
||||
@@ -385,6 +399,7 @@ import { mapGetters } from 'vuex';
|
||||
import apicourseStudy from "../../api/modules/courseStudy.js"
|
||||
import {pageList} from "@/api/modules/lecturer"
|
||||
import courseImage from "@/components/Course/courseImage.vue"
|
||||
import { listData } from "@/api/growth/growthpath"
|
||||
import testUser from '@/utils/testUsers.js'
|
||||
export default {
|
||||
name: 'UcMenu',
|
||||
@@ -413,7 +428,8 @@ export default {
|
||||
isCollapse: false,
|
||||
lastStudy:{},
|
||||
overlayShow: false,
|
||||
instructor:0
|
||||
instructor:0,
|
||||
showGrowthNav: false
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -422,6 +438,11 @@ export default {
|
||||
this.getLastStudy();
|
||||
//获取讲师认证中条数
|
||||
this.instructorCertification()
|
||||
console.log(this.userInfo,'userInfouserInfo')
|
||||
//如果专业力必修没有学习任务则隐藏“我的必修按钮”
|
||||
listData().then(res => {
|
||||
this.showGrowthNav = !!res.data.length
|
||||
})
|
||||
},
|
||||
mounted() {
|
||||
//console.log(this.userInfo.loginName,'this.userInfo.loginName');
|
||||
|
||||
@@ -18,7 +18,6 @@
|
||||
@keydown.right.prevent="forwardCurrentTime"
|
||||
@keydown.up.prevent="increaseVolume"
|
||||
@keydown.down.prevent="lowerVolume"
|
||||
@keydown.esc.prevent="toggleFullScreen"
|
||||
tabindex="0"
|
||||
width="100%"
|
||||
height="100%"
|
||||
@@ -40,12 +39,12 @@
|
||||
:isPlaying="isPlaying"
|
||||
:biBarrageXml="biBarrageXml"
|
||||
/>
|
||||
<!-- 加载动画 -->
|
||||
<div v-show="isShowLoading && isCrowd && isShowPlayer" class="player-loading" @click="videoDom.focus({preventScroll: true})">
|
||||
<!-- 加载动画(应该当前视频没有缓存时显示加载动画) && isCrowd && isShowPlayer -->
|
||||
<div v-show="isShowLoading" class="player-loading" @click="videoDom.focus({preventScroll: true})">
|
||||
<img src="@/components/VideoPlayer/images/loading.svg" alt="loading"/>
|
||||
</div>
|
||||
<!-- 控制栏 -->
|
||||
<div v-show="!isShowLoading && isCrowd" class="player-controls-container" @click="videoDom.focus({preventScroll: true})">
|
||||
<div v-show="isCrowd" class="player-controls-container" @click="videoDom.focus({preventScroll: true})">
|
||||
<div v-show="isShowVolumeHint" class="player-volumeHint">
|
||||
<span class="player-volumeHint-text">当前音量:{{volumePercent}}%</span>
|
||||
</div>
|
||||
@@ -71,6 +70,7 @@
|
||||
<div :class="{'player-controls': true, 'cursor-lasting-static': isCursorStatic}">
|
||||
<div class="player-progress-bar">
|
||||
<progressBar
|
||||
:blobId="blobId"
|
||||
:currentProgress="currentProgress"
|
||||
v-on:updateProgress="updateProgressByClickBar"
|
||||
v-on:getMouseDownStatus="getMouseDownStatusOfProgressBar"
|
||||
@@ -241,6 +241,11 @@ export default {
|
||||
type: String,
|
||||
default: null,
|
||||
},
|
||||
// 视频链接对应的content Id
|
||||
blobId: {
|
||||
type: String,
|
||||
default: null,
|
||||
},
|
||||
// 主题色
|
||||
primaryColor: {
|
||||
type: String,
|
||||
@@ -266,7 +271,7 @@ export default {
|
||||
},
|
||||
isDrag:{
|
||||
type: Boolean,
|
||||
default: null,
|
||||
default: true,
|
||||
},
|
||||
isCrowd:{
|
||||
type: Boolean,
|
||||
@@ -312,6 +317,17 @@ export default {
|
||||
}
|
||||
|
||||
setInterval(() => {
|
||||
console.log('当前状态:',this.currentProgress,this.isDrag,this.videoDom.currentTime , this.videoDom.duration)
|
||||
// 视频播放时本地记录视频实时播放时长,视频设置了禁止拖动时执行
|
||||
if(!this.isDrag){
|
||||
var time = localStorage.getItem('videoProgressData')
|
||||
var arr = time&&JSON.parse(time) || {}
|
||||
if(arr[this.blobId] < this.currentProgress || !arr[this.blobId]){
|
||||
arr[this.blobId] = parseFloat((this.currentProgress).toFixed(8))
|
||||
if(arr[this.blobId]) localStorage.setItem('videoProgressData',JSON.stringify(arr))
|
||||
}
|
||||
}
|
||||
|
||||
// 定时更新进度条
|
||||
if (this.isPlaying && !this.isMousedownProgress) {
|
||||
this.currentProgress =
|
||||
@@ -348,6 +364,11 @@ export default {
|
||||
}
|
||||
// 根据视频的readyState判断下一帧是否已加载,并控制loading的显示
|
||||
this.isShowLoading = this.videoDom.readyState < 3;
|
||||
console.log("当前缓存:"+this.videoDom.readyState)
|
||||
if (this.videoDom.readyState < 3){
|
||||
console.log("详细信息",this.videoDom)
|
||||
console.log("卡了",this.videoDom.readyState)
|
||||
}
|
||||
//if()
|
||||
//console.log(this.videoDom.readyState,'this.videoDom.readyState');
|
||||
}, 1000);
|
||||
@@ -356,20 +377,50 @@ export default {
|
||||
this.isCursorStatic = false;
|
||||
this.timeoutControlsHint = 2000;
|
||||
});
|
||||
this.videoDom.addEventListener('loadstart', function(){
|
||||
console.log('\x1b[34m%s\x1b[0m','*****************视频加载中**************')
|
||||
})
|
||||
|
||||
this.videoDom.addEventListener('loadeddata', function(){
|
||||
console.log('\x1b[32m%s\x1b[0m','*****************加载完毕*************')
|
||||
})
|
||||
|
||||
this.videoDom.addEventListener('error', function(){
|
||||
console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
|
||||
})
|
||||
// 监听全屏事件的变化,保存数据
|
||||
window.addEventListener("fullscreenchange", () => {
|
||||
window.addEventListener("F", () => {
|
||||
this.isFullscreen = this.isFullScreen();
|
||||
});
|
||||
document.addEventListener('fullscreenchange',this.handleFullscreenChange);
|
||||
document.addEventListener('webkitfullscreenchange',this.handleFullscreenChange );
|
||||
// this.videoDom.addEventListener('keydown', function(e){
|
||||
// //console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
|
||||
// console.log("video is exit");
|
||||
// if(e.key === "Escape"){
|
||||
// console.log("按键 退出全屏 执行")
|
||||
// }
|
||||
// })
|
||||
|
||||
// this.videoDom.addEventListener("keydown", (e) => {
|
||||
// console.log("是否监听到");
|
||||
// if(e.keyCode == 27){
|
||||
// console.log("是否监听到 esc");
|
||||
// this.toggleFullScreen();
|
||||
// }
|
||||
// });
|
||||
},
|
||||
methods: {
|
||||
//当视频由于需要缓冲下一帧而停止,解决一直计时的问题
|
||||
onWaiting(){
|
||||
console.log('触发了onWairing');
|
||||
this.isShowLoading = true
|
||||
this.$emit('onPlayerPause', {})
|
||||
},
|
||||
//当音频/视频在已因缓冲而暂停或停止后已就绪时
|
||||
onPlaying(){
|
||||
console.log('触发缓存结束onPlaying');
|
||||
this.isShowLoading = false
|
||||
if(this.videoDom.paused){
|
||||
this.$emit('onPlayerPause', {})
|
||||
}else{
|
||||
@@ -460,6 +511,14 @@ export default {
|
||||
updateProgressBySetTime(newCurrentTime) {
|
||||
this.currentProgress = newCurrentTime / this.videoDom.duration;
|
||||
},
|
||||
/* 点击进度条更新视频播放进度2
|
||||
*/
|
||||
updateProgressByClickBar2(newCurrentTime,progressVideo) {
|
||||
this.currentProgress = progressVideo;
|
||||
this.barrageTimelineStart = newCurrentTime;
|
||||
this.videoDom.currentTime = newCurrentTime;
|
||||
this.updateProgressText();
|
||||
},
|
||||
/* 提高视频音量
|
||||
*/
|
||||
increaseVolume() {
|
||||
@@ -510,6 +569,7 @@ export default {
|
||||
/* 切换“全屏”和“非全屏”模式
|
||||
*/
|
||||
toggleFullScreen() {
|
||||
console.log("toggleFullScreen 执行 ",this.isFullScreen())
|
||||
let element = this.$refs.area;
|
||||
if (!this.isFullScreen()) {
|
||||
if (element.requestFullscreen) {
|
||||
@@ -566,6 +626,24 @@ export default {
|
||||
const currentTime = this.$refs.video.currentTime;
|
||||
this.$emit('onTimeUpdate', currentTime);
|
||||
},
|
||||
/**
|
||||
* 监听全屏变化
|
||||
*/
|
||||
handleFullscreenChange() {
|
||||
console.log("handleFullscreenChange gx this.isFullScreen()",this.isFullScreen())
|
||||
console.log("handleFullscreenChange gx this.isFullscreen",this.isFullscreen)
|
||||
|
||||
if(this.isFullscreen){
|
||||
this.isFullscreen = !!document.fullscreenElement;
|
||||
if (!this.isFullscreen) {
|
||||
// 退出全屏后的逻辑(如暂停视频、更新 UI 等)
|
||||
console.log('ESC 已退出全屏 handleFullscreenChange',this.isFullscreen);
|
||||
this.$emit('onFullscreen',false);//全屏
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
currentVolume: function () {
|
||||
|
||||
@@ -37,7 +37,9 @@ export default {
|
||||
},
|
||||
isDrag:{
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
blobId:{
|
||||
type: String,
|
||||
}
|
||||
},
|
||||
data() {
|
||||
@@ -57,10 +59,12 @@ export default {
|
||||
window.addEventListener("mousemove", (e) => {
|
||||
if (this.is_mousedown_progress) {
|
||||
this.move(e);
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
window.addEventListener("mouseup", (e) => {
|
||||
this.up(e);
|
||||
e.preventDefault();
|
||||
});
|
||||
},
|
||||
beforeDestroy() {
|
||||
@@ -68,7 +72,7 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
down(e) {
|
||||
if(this.isDrag) {
|
||||
// if(this.isDrag) {
|
||||
this.$emit("getMouseDownStatus", true);
|
||||
this.is_mousedown_progress = true;
|
||||
// 获取完整进度条的clientX(dom左上角)
|
||||
@@ -76,30 +80,50 @@ export default {
|
||||
// 计算调整后的当前进度条的长度
|
||||
this.current_width_px = e.clientX - init_clientX;
|
||||
// 设置当前的播放进度(同时作用于当前进度条的样式)
|
||||
let current =
|
||||
(e.clientX - init_clientX) / this.dom_full.clientWidth;
|
||||
let current = (e.clientX - init_clientX) / this.dom_full.clientWidth;
|
||||
if(current>1) current = 1;
|
||||
if(current<0) current = 0;
|
||||
var time = localStorage.getItem('videoProgressData');
|
||||
var arr = time&&JSON.parse(time) || {}
|
||||
//console.log('down arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
|
||||
// 禁止拖动
|
||||
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
||||
|
||||
this.$emit("updateProgress", current);
|
||||
}
|
||||
|
||||
// }
|
||||
|
||||
},
|
||||
move(e) {
|
||||
if (this.is_mousedown_progress && this.isDrag) {
|
||||
if (this.is_mousedown_progress) {
|
||||
let init_clientX = this.dom_full.getBoundingClientRect().left;
|
||||
this.current_width_px = e.clientX - init_clientX;
|
||||
let current =
|
||||
(e.clientX - init_clientX) / this.dom_full.clientWidth;
|
||||
let current = (e.clientX - init_clientX) / this.dom_full.clientWidth;
|
||||
if(current>1) current = 1;
|
||||
if(current<0) current = 0;
|
||||
var time = localStorage.getItem('videoProgressData');
|
||||
var arr = time&&JSON.parse(time) || {}
|
||||
//console.log('move arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
|
||||
// 禁止拖动
|
||||
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
||||
this.$emit("updateProgress", current);
|
||||
}
|
||||
},
|
||||
up() {
|
||||
if (this.is_mousedown_progress && this.isDrag) {
|
||||
if (this.is_mousedown_progress) {
|
||||
// 标记鼠标不处于按下的状态了
|
||||
this.is_mousedown_progress = false;
|
||||
// 松开鼠标后,即调整进度条后,此时的进度(0-1)
|
||||
let current =
|
||||
this.current_width_px / this.dom_full.clientWidth;
|
||||
this.$emit("updateProgress", current);
|
||||
let current = this.current_width_px / this.dom_full.clientWidth;
|
||||
if(current>1) current = 1;
|
||||
if(current<0) current = 0;
|
||||
var time = localStorage.getItem('videoProgressData');
|
||||
var arr = time&&JSON.parse(time) || {}
|
||||
//console.log('up arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
|
||||
this.$emit("getMouseDownStatus", false);
|
||||
// 禁止拖动
|
||||
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
||||
this.$emit("updateProgress", current);
|
||||
|
||||
}
|
||||
},
|
||||
},
|
||||
@@ -151,4 +175,4 @@ export default {
|
||||
.progress-bar:hover .progress-current::after {
|
||||
opacity: 1;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -82,6 +82,9 @@ export const pages=[
|
||||
{title:'学习路径图',path:'path',component:'study/StudyPath',hidden:false},
|
||||
{title:'学习项目',path:'project',component:'study/StudyProject',hidden:false}
|
||||
]},
|
||||
{title:'我的必修',path:'/growth',hidden:false,children:[
|
||||
{title:'专业力必修',path:'growthPage',component:'growth/index',hidden:false},
|
||||
]},
|
||||
{title:'个人中心',path:'/uc',hidden:false,children:[
|
||||
{title:'首页',path:'index',component:'StudyIndex',hidden:false}
|
||||
]},
|
||||
|
||||
@@ -6,7 +6,10 @@
|
||||
<!-- <div style="height: 20px;"></div> -->
|
||||
</div>
|
||||
<!-- width: 990px; -->
|
||||
<div class="main-body" style="padding: 30px 20px;flex:1; background-color: #fff;margin-left: 20px;">
|
||||
<div class="main-body" :style="{
|
||||
backgroundColor: bgColor,
|
||||
padding
|
||||
}" style="flex:1; margin-left: 20px;">
|
||||
<!-- <div style="margin-bottom: 10px;padding:10px; border-bottom: 1px solid #dbdbdb;"> -->
|
||||
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
|
||||
<el-breadcrumb-item :to="{ path: '/uc/index' }"><i class="el-icon-arrow-right"></i>个人中心</el-breadcrumb-item>
|
||||
@@ -15,10 +18,12 @@
|
||||
<!-- </div> -->
|
||||
<transition name="fade-transform" mode="out-in">
|
||||
<keep-alive :include="cachedViews">
|
||||
<div style="background-color: #FFFFFF;min-height: 600px;padding-bottom: 50px;">
|
||||
<div :style="{
|
||||
backgroundColor: bgColor
|
||||
}" style="min-height: 600px;padding-bottom: 50px;">
|
||||
<router-view :key="key" />
|
||||
</div>
|
||||
</keep-alive>
|
||||
</keep-alive>
|
||||
</transition>
|
||||
</div>
|
||||
</div>
|
||||
@@ -39,7 +44,14 @@ export default {
|
||||
return this.$route.meta.title;
|
||||
},
|
||||
key() {
|
||||
console.log(this.$route)
|
||||
return this.$route.path
|
||||
},
|
||||
bgColor() {
|
||||
return this.$route.path === "/growth/growthPage" ? "rgba(0,0,0,0)" : "#fff";
|
||||
},
|
||||
padding(){
|
||||
return this.$route.path === "/growth/growthPage" ? "0" : "30px 20px";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,6 @@ import Vue from 'vue'
|
||||
import VueRouter from 'vue-router'
|
||||
/* Layout */
|
||||
import Layout from '@/layout/index'
|
||||
import LayoutPortal from '@/layout/portal'
|
||||
import Grateful from '@/views/grateful'
|
||||
|
||||
Vue.use(VueRouter)
|
||||
@@ -193,6 +192,20 @@ export const constantRoutes = [{
|
||||
name: 'caseDetail',
|
||||
meta: {title: '案例详情', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
|
||||
},
|
||||
{
|
||||
path: '/case/charts',
|
||||
hidden: true,
|
||||
component: (resolve) => require(['@/views/portal/case/Charts'], resolve),
|
||||
name: 'caseCharts',
|
||||
meta: {title: '排行榜', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
|
||||
},
|
||||
{
|
||||
path: '/case/excellent',
|
||||
hidden: true,
|
||||
component: (resolve) => require(['@/views/portal/case/Excellent'], resolve),
|
||||
name: 'caseExcellent',
|
||||
meta: {title: '浏览量榜单', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
|
||||
},
|
||||
{
|
||||
path: '/article',
|
||||
hidden: true,
|
||||
@@ -327,6 +340,13 @@ export const constantRoutes = [{
|
||||
name: 'hotforum',
|
||||
meta: {title: '热点论坛', icon: 'dashboard', noCache: true, affix: true},
|
||||
},
|
||||
{
|
||||
path: '/lexiang',
|
||||
hidden: true,
|
||||
component: (resolve) => require(['@/views/sso/lexiang'], resolve),
|
||||
name: 'lexiang',
|
||||
meta: {title: '单点登录', icon: 'dashboard', noCache: true, affix: true},
|
||||
},
|
||||
{
|
||||
path: '/404',
|
||||
component: (resolve) => require(['@/views/error/404'], resolve),
|
||||
@@ -341,7 +361,15 @@ export const constantRoutes = [{
|
||||
path: '/500',
|
||||
component: (resolve) => require(['@/views/error/500'], resolve),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/qualityCourse',
|
||||
hidden: true,
|
||||
component: (resolve) => require(['@/views/portal/course/qualityCourse'], resolve),
|
||||
name: 'qualityCourse',
|
||||
meta: {title: '精品课课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false},
|
||||
}
|
||||
|
||||
]
|
||||
|
||||
const router = new VueRouter({
|
||||
|
||||
@@ -423,6 +423,7 @@ export function translate(field) {
|
||||
let name = '';
|
||||
switch (field) {
|
||||
case 'total':name = '累计'; break;
|
||||
case 'now':name = '当前'; break;
|
||||
case 'weeks':name = '本周'; break;
|
||||
case 'months':name = '本月'; break;
|
||||
case 'years':name = '本年'; break;
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="box" :class="{ incl: url.includes('projectdetails') }">
|
||||
<portal-header style="background: #387DF7;" :hideSearch="true" textColor="#ffffff"></portal-header>
|
||||
<iframe :src="url" style="width: 100%;height: 100%;" frameborder="0" ref="iframe"></iframe>
|
||||
<portal-footer></portal-footer>
|
||||
<portal-footer v-if="isShowFooter"></portal-footer>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -16,7 +16,8 @@ import portalFooter from "@/components/PortalFooter.vue";
|
||||
data(){
|
||||
return {
|
||||
url: "",
|
||||
boeUrl:process.env.VUE_APP_BOE_WEB_URL
|
||||
boeUrl:process.env.VUE_APP_BOE_WEB_URL,
|
||||
isShowFooter:true
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
@@ -24,6 +25,10 @@ import portalFooter from "@/components/PortalFooter.vue";
|
||||
let to = this.$route.query.to;//跳转的地址,以 /开头的地址
|
||||
let urlPre=window.location.protocol+'//'+window.location.host;
|
||||
this.url=urlPre+to
|
||||
|
||||
if(to.includes('growthList')){
|
||||
this.isShowFooter = false
|
||||
}
|
||||
if(params){
|
||||
this.url=this.url+'?'+params;
|
||||
}
|
||||
|
||||
@@ -153,9 +153,85 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="xindex-content">
|
||||
|
||||
<!-- 推荐课程 -->
|
||||
<div class="modules xcontent2">
|
||||
<!-- <div class="xcontent2-main"> -->
|
||||
<!--内容块-->
|
||||
|
||||
<!-- </div> -->
|
||||
<!-- 精品课模块 -->
|
||||
<div class="xcontent2-main">
|
||||
<div class="modules-title xindex-main">
|
||||
<!-- <span class="modules-text" style="color: #3D86F4;">精品课</span> -->
|
||||
<span class="quyer-tag" style="margin-left: 0px;">
|
||||
<!-- <img src="../assets/images/tutoring1.pn" alt=""> -->
|
||||
<img class="modules-text" style="height: 24px;" src="../assets/images/course/courseTitle.png" alt="">
|
||||
</span>
|
||||
<span class="more">
|
||||
<router-link to="/qualityCourse">查看更多>></router-link>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div
|
||||
v-for="(course, eIndex) in exquisiteList"
|
||||
:key="'cc' + eIndex"
|
||||
class="xindex-course courseBg"
|
||||
style="position: relative;margin-top: 20px;"
|
||||
>
|
||||
<div style="position: absolute; right: 25px; bottom: 72px">
|
||||
<interactBar
|
||||
nodeWidth="20px"
|
||||
:courseExclusive="true"
|
||||
:type="1"
|
||||
:data="course"
|
||||
:comments="false"
|
||||
:praises="false"
|
||||
:shares="false"
|
||||
:views="false"
|
||||
>
|
||||
</interactBar>
|
||||
<!-- <svg-icon style="font-size: 32px;margin-top: -5px;" icon-class="collectedCourse"></svg-icon> -->
|
||||
</div>
|
||||
<a @click="toCourseDetail(course)">
|
||||
<div class="xindex-course-image">
|
||||
<course-image :course="course"></course-image>
|
||||
<!-- <span v-if="course.type == 20 || 10" class="course-type"
|
||||
>录播课</span
|
||||
> -->
|
||||
<img v-if="course.type == 20 || 10" src="../assets/images/course/courseTag.png" class="course-type" style="background: none;" alt="">
|
||||
</div>
|
||||
<div
|
||||
style="width: 80%"
|
||||
:title="course.courseName"
|
||||
class="course-title portal-title-tow two-line-ellipsis"
|
||||
>
|
||||
{{ course.courseName }}
|
||||
</div>
|
||||
<div class="course-author">
|
||||
<div class="course-author-left">
|
||||
{{ course.authorInfo.name }}
|
||||
|
||||
<span class="study-num"
|
||||
>{{ formatNum(course.studyNum) }}人学习</span
|
||||
>
|
||||
</div>
|
||||
<div style="display: flex">
|
||||
<div v-if="course.courseScore">
|
||||
<span class="course-score-value" style="margin-left: 10px"
|
||||
>{{ toScore(course.courseScore) }}分</span
|
||||
>
|
||||
</div>
|
||||
<div v-else class="course-score-no">未评分</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--内容块-->
|
||||
<div class="modules-title xindex-main">
|
||||
<span class="modules-text">推荐课程</span>
|
||||
@@ -1137,6 +1213,9 @@ export default {
|
||||
orderType: 2,
|
||||
list: [],
|
||||
},
|
||||
qusisityList: {
|
||||
list: [],
|
||||
},
|
||||
// 推荐课程
|
||||
recommendedList:{
|
||||
list: [],
|
||||
@@ -1164,6 +1243,7 @@ export default {
|
||||
},
|
||||
mounted() {
|
||||
this.getCourseData(1);
|
||||
this.getEsqusiteList();
|
||||
this.getRecommendList();
|
||||
this.getPositive()
|
||||
this.getCaseData();
|
||||
@@ -1227,6 +1307,10 @@ export default {
|
||||
courseComputedTwoList(){
|
||||
return this.courseList.list.slice(3)
|
||||
},
|
||||
// 精品课展示
|
||||
exquisiteList() {
|
||||
return this.qusisityList.list.slice(0,3)
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
getPositive() {
|
||||
@@ -1421,21 +1505,27 @@ export default {
|
||||
//二期调整,直接改成一个地址
|
||||
//return this.webBaseUrl + '/course/detail?id=' + item.id;
|
||||
let $this = this;
|
||||
let cId = "";
|
||||
if (item.id) {
|
||||
cId = item.id;
|
||||
} else {
|
||||
cId = item.courseId;
|
||||
}
|
||||
if (item.type == 10) {
|
||||
//return this.webBaseUrl + "/course/studyindex?id=" + item.id;
|
||||
//console.log("直接进入学习页面");
|
||||
this.$router.push("/course/studyindex?id=" + item.id);
|
||||
this.$router.push("/course/studyindex?id=" + cId);
|
||||
} else if (item.type == 20) {
|
||||
apiCourseStudy.hasSignup(item.id).then((rs) => {
|
||||
apiCourseStudy.hasSignup(cId).then((rs) => {
|
||||
if (rs.status == 200) {
|
||||
//return $this.webBaseUrl + "/course/studyindex?id=" + item.id;
|
||||
this.$router.push("/course/studyindex?id=" + item.id);
|
||||
//return $this.webBaseUrl + "/course/studyindex?id=" + cId;
|
||||
this.$router.push("/course/studyindex?id=" + cId);
|
||||
} else {
|
||||
//return $this.webBaseUrl + "/course/detail?id=" + item.id;
|
||||
this.$router.push("/course/detail?id=" + item.id);
|
||||
//return $this.webBaseUrl + "/course/detail?id=" + cId;
|
||||
this.$router.push("/course/detail?id=" + cId);
|
||||
}
|
||||
});
|
||||
//return $this.webBaseUrl + "/course/detail?id=" + item.id;
|
||||
//return $this.webBaseUrl + "/course/detail?id=" + cId;
|
||||
}
|
||||
},
|
||||
orderTypeFilter(val) {
|
||||
@@ -1472,6 +1562,29 @@ export default {
|
||||
}
|
||||
})
|
||||
},
|
||||
//精品课展示
|
||||
getEsqusiteList(){
|
||||
let course = {
|
||||
aid: this.userInfo.aid,
|
||||
}
|
||||
apiIndex.qualitylist(course).then((res) => {
|
||||
let courseIds = [];
|
||||
res.data.result.forEach((item) => {
|
||||
item.authorInfo = {
|
||||
aid: "",
|
||||
name: "",
|
||||
orgInfo: "",
|
||||
avatar: "",
|
||||
code: "",
|
||||
sex: null,
|
||||
};
|
||||
courseIds.push(item.id);
|
||||
});
|
||||
this.loadCouserTeacher(res.data.result, courseIds);
|
||||
console.log(res.data.result,'--------------------------');
|
||||
this.qusisityList.list = res.data.result;
|
||||
})
|
||||
},
|
||||
getCourseData(pageIndex) {
|
||||
this.isNext = false;
|
||||
let { orderType, num } = this.courseList;
|
||||
@@ -2661,6 +2774,7 @@ export default {
|
||||
// padding-bottom: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.course-author-left {
|
||||
font-size: 14px;
|
||||
@@ -3009,4 +3123,17 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.courseBg{
|
||||
// width: 332px;
|
||||
// height: 323px;
|
||||
// background: url("../assets/images/course/courseBackground.png") no-repeat;
|
||||
// background-size: 100% 100%; /* 或 use 'contain' */
|
||||
// background-position: center;
|
||||
// border: none;
|
||||
border-radius: 12px;
|
||||
background: linear-gradient(135deg, #e6f7ff, #f0f8ff, #ffffff);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
|
||||
border: 1px solid #d9edf7;
|
||||
//overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
<!--
|
||||
<template>
|
||||
<div class="login" :style="`background: url(${webBaseUrl}/temp/background.jpg) no-repeat`">
|
||||
<el-form :model="form" ref="form" :rules="rules">
|
||||
@@ -24,7 +25,7 @@
|
||||
<el-form-item>
|
||||
<section>
|
||||
<el-checkbox v-model="rememberMe">记住密码</el-checkbox>
|
||||
<!-- <span>忘记密码</span> -->
|
||||
<!– <span>忘记密码</span> –>
|
||||
</section>
|
||||
</el-form-item>
|
||||
<el-form-item><el-button type="primary" @click="loginSubmit">点击登录</el-button></el-form-item>
|
||||
@@ -194,3 +195,4 @@
|
||||
}
|
||||
}
|
||||
</style>
|
||||
-->
|
||||
|
||||
@@ -32,6 +32,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin: 5px 0 0 5px;">
|
||||
<el-button type="primary" @click="recoRanking">推荐榜单</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table style="100%" :data="caseList" border stripe>
|
||||
<el-table-column label="标题" prop="title" show-overflow-tooltip>
|
||||
@@ -49,6 +52,7 @@
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button-group>
|
||||
<el-button style="margin:0 5px" type="text" v-if="scope.row.recommendRank === ''||scope.row.recommendRank === null" @click="suggest(scope.row)" icon="el-icon-medal">榜单推荐</el-button>
|
||||
<!-- <el-button type="text" @click="shareItem(scope.row)" icon="el-icon-share" style="margin:0 5px">推荐</el-button> -->
|
||||
<el-button style="margin:0 5px" v-if="!scope.row.isTop && scope.row.confidentialityLevel == '内部'" type="text"
|
||||
@click="setTop(scope.row)" icon="el-icon-top">置顶</el-button>
|
||||
@@ -56,8 +60,12 @@
|
||||
@click="setTop(scope.row)" icon="el-icon-bottom">取消置顶</el-button>
|
||||
<el-button type="text" icon="el-icon-medal"
|
||||
v-if="scope.row.filePath && scope.row.confidentialityLevel == '内部'"><span @click="cancal(scope.row)"
|
||||
v-if="scope.row.excellent">取消最佳</span><span @click="open(scope.row)" v-else>最佳案例</span></el-button>
|
||||
v-if="scope.row.excellent">取消最佳</span>
|
||||
<!-- <span @click="open(scope.row)" v-else>最佳案例</span> -->
|
||||
<span @click="theBest(scope.row)" v-else>最佳</span>
|
||||
</el-button>
|
||||
<el-button style="margin:0 5px" type="text" @click="delItem(scope.row)" icon="el-icon-delete">删除</el-button>
|
||||
<!-- <el-button style="margin:0 5px" type="text" @click="theBest(scope.row)" icon="el-icon-delete">最佳</el-button> -->
|
||||
</el-button-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -121,16 +129,91 @@
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer"><el-button @click="recommend.dlgShow = false">关闭</el-button></span>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
title="最佳案例"
|
||||
:visible.sync="bestValue"
|
||||
width="36%">
|
||||
<div class="best_card">
|
||||
<div class="card_item">
|
||||
<div class="card_title">
|
||||
<i class="icon"></i>
|
||||
<span class="text">年度</span>
|
||||
</div>
|
||||
<el-input style="width:190px" disabled v-model="bestYear" placeholder="请输入年度"></el-input>
|
||||
</div>
|
||||
<div class="card_item">
|
||||
<div class="card_title">
|
||||
<i class="icon"></i>
|
||||
<span class="text">组织领域</span>
|
||||
</div>
|
||||
<el-input disabled v-model="bestOrg" placeholder="请输入组织领域"></el-input>
|
||||
</div>
|
||||
<div class="card_item">
|
||||
<div class="card_title">
|
||||
<span class="text">最佳理由</span>
|
||||
</div>
|
||||
<el-input type="textarea"
|
||||
placeholder="请输入内容"
|
||||
v-model="bestTextarea"
|
||||
maxlength="200"
|
||||
show-word-limit></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="notBest">取 消</el-button>
|
||||
<el-button type="primary" @click="parameBest">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<el-drawer
|
||||
title="推荐榜单"
|
||||
:visible.sync="RankingShow"
|
||||
size="80%">
|
||||
<div style="padding: 10px 20px 80px">
|
||||
<el-table :data="tableData" border stripe>
|
||||
<el-table-column
|
||||
type="index"
|
||||
width="50"
|
||||
label="排序">
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="案例标题" prop="caseTitle"></el-table-column>
|
||||
<el-table-column width="150px" label="作者名称" prop="caseAuthor"></el-table-column>
|
||||
<el-table-column width="150px" label="上榜人" prop="caseAuthor"></el-table-column>
|
||||
<el-table-column width="250px" label="上榜时间" prop="recommendRankPusTime"></el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button-group>
|
||||
<el-button style="margin:0 5px" type="text" @click="handleNotRank(scope.row)" icon="el-icon-delete">取消推荐</el-button>
|
||||
<el-button style="margin:0 5px" type="text" @click="moveUp(scope.row,scope.$index)" icon="el-icon-top">上移排序</el-button>
|
||||
<el-button style="margin:0 5px" type="text" @click="moveDown(scope.row,scope.$index)" icon="el-icon-bottom">下移排序</el-button>
|
||||
</el-button-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="rank_footer">
|
||||
<el-button @click="closeDrawer" style="width: 130px;height:40px;margin-right: 30px;" type="default">取消</el-button>
|
||||
<el-button @click="queryList" style="width: 130px;height:40px;margin-right: 15px;" type="primary">确定</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import apiCase from '@/api/modules/cases.js';
|
||||
import apiUser from '@/api/system/user.js'
|
||||
import apiType from "@/api/modules/type.js";
|
||||
export default {
|
||||
name: 'articleItems',
|
||||
data() {
|
||||
return {
|
||||
adminList: [],
|
||||
caseType: process.env.VUE_APP_CASE_TYPE,
|
||||
RankingShow: false,
|
||||
bestYear: '',
|
||||
bestOrg: '',
|
||||
bestId: '',
|
||||
bestTextarea: '',
|
||||
bestValue: false,
|
||||
excellent: false,
|
||||
queryObj: {
|
||||
pageIndex: 1,
|
||||
@@ -139,6 +222,8 @@ export default {
|
||||
excellent: '',
|
||||
}, //查询对象
|
||||
caseList: [], //案例列表
|
||||
tableData: [],
|
||||
caseIds: '',
|
||||
count: 0,
|
||||
recommend: {
|
||||
dlgShow: false,
|
||||
@@ -171,8 +256,153 @@ export default {
|
||||
},
|
||||
mounted() {
|
||||
this.getData();
|
||||
this.getList();
|
||||
apiType.treeList(1,Number(this.caseType ?? 155),1).then(res=>{
|
||||
if(res.code == 200){
|
||||
this.adminList = res.data.records;
|
||||
}
|
||||
})
|
||||
},
|
||||
watch:{
|
||||
RankingShow(val){
|
||||
if(val){
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
orgDomainTranslate(code) { // 组织领域翻译
|
||||
if (code == '') {
|
||||
return
|
||||
}
|
||||
let name = '';
|
||||
let data = this.adminList.find(item => {
|
||||
return item.code == code;
|
||||
});
|
||||
if (data) {
|
||||
name = data.name;
|
||||
}
|
||||
return name;
|
||||
},
|
||||
suggest(record){
|
||||
if(this.tableData.length == 10){
|
||||
this.$message.error('最多推荐10个')
|
||||
return
|
||||
}
|
||||
this.$confirm('你确认要推荐此案例吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
apiCase.riseIntoRank({caseId:record.id}).then(res=>{
|
||||
if(res.status == 200 ){
|
||||
this.$message.success('推荐成功')
|
||||
this.getData()
|
||||
this.getList()
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
handleNotRank(record){
|
||||
this.$confirm('你确认要取消推荐吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
apiCase.cancelRiseIntoRank({caseId:record?.caseId}).then(res=>{
|
||||
if(res.status == 200){
|
||||
this.$message.success('取消推荐成功')
|
||||
this.getList()
|
||||
this.getData()
|
||||
}
|
||||
}).catch(()=>{
|
||||
this.$message.error('取消推荐失败')
|
||||
})
|
||||
})
|
||||
},
|
||||
moveUp(row,index){
|
||||
console.log(row,index,'index')
|
||||
if(index == 0){
|
||||
this.$message.error('已经排到第一位了')
|
||||
return
|
||||
}
|
||||
this.swapArray(this.tableData,index,index-1)
|
||||
},
|
||||
moveDown(row,index){
|
||||
if(index == this.tableData.length - 1){
|
||||
this.$message.error('已经排到最后一位了')
|
||||
return
|
||||
}
|
||||
this.swapArray(this.tableData,index,index+1)
|
||||
},
|
||||
swapArray(arr, index1, index2){
|
||||
const temp = arr[index1];
|
||||
arr.splice(index1, 1);
|
||||
arr.splice(index2, 0, temp);
|
||||
},
|
||||
getList(){
|
||||
apiCase.getQueryRecommendRank({pageSize:10}).then(res=>{
|
||||
console.log(res,'res')
|
||||
if(res.status == 200){
|
||||
this.tableData = res.result
|
||||
this.caseIds = res.result.map(item=>item.caseId).join(',')
|
||||
}
|
||||
})
|
||||
},
|
||||
notBest(){
|
||||
this.bestValue = false
|
||||
this.bestYear = ''
|
||||
this.bestOrg = ''
|
||||
this.bestId = ''
|
||||
this.bestTextarea = ''
|
||||
},
|
||||
parameBest(){
|
||||
this.excellent = true;
|
||||
let data = {
|
||||
id: this.bestId,
|
||||
excellent: this.excellent,
|
||||
excellentReason: this.bestTextarea
|
||||
}
|
||||
apiCase.excellent(data).then(res=>{
|
||||
if (res.status == 200) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '设置最佳案例成功!'
|
||||
});
|
||||
this.getData()
|
||||
}else{
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: res.message
|
||||
});
|
||||
}
|
||||
this.notBest()
|
||||
})
|
||||
},
|
||||
recoRanking(){
|
||||
this.RankingShow = true
|
||||
},
|
||||
closeDrawer(){
|
||||
this.RankingShow = false
|
||||
},
|
||||
queryList(){
|
||||
if(this.caseIds != this.tableData.map(item=>item.caseId).join(',')){
|
||||
apiCase.adjustRank({caseIds:this.tableData.map(item=>item.caseId).join(',')}).then(res=>{
|
||||
if(res.status == 200){
|
||||
this.$message({
|
||||
message: '调整成功',
|
||||
type: 'success'
|
||||
})
|
||||
}
|
||||
}).catch(()=>{
|
||||
this.$message({
|
||||
message: '调整失败',
|
||||
type: 'error'
|
||||
})
|
||||
})
|
||||
}
|
||||
this.RankingShow = false
|
||||
},
|
||||
// 导出
|
||||
importList() {
|
||||
apiCase.exports(this.queryObj).then(res => {
|
||||
@@ -211,6 +441,11 @@ export default {
|
||||
message: '取消成功!'
|
||||
});
|
||||
this.getData()
|
||||
}else{
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: res.message
|
||||
});
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
@@ -354,6 +589,12 @@ export default {
|
||||
this.$message({ type: 'info', message: '已取消删除', offset: 50 });
|
||||
});
|
||||
},
|
||||
theBest(item){
|
||||
this.bestValue = true
|
||||
this.bestId = item.id
|
||||
this.bestOrg = this.orgDomainTranslate(item.orgDomainParent)
|
||||
this.bestYear = item.sysCreateTime.split('-')[0]
|
||||
},
|
||||
//添加推荐
|
||||
shareItem(item) {
|
||||
this.shareItemData = { ...item }
|
||||
@@ -467,6 +708,48 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.rank_footer{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding-right: 20px;
|
||||
}
|
||||
::v-deep .el-dialog__header{
|
||||
border-bottom: 1px solid #f0f0f1;
|
||||
}
|
||||
::v-deep .el-textarea__inner{
|
||||
height: 100px !important;
|
||||
}
|
||||
.best_card{
|
||||
.card_item{
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
margin-bottom: 20px;
|
||||
.card_title{
|
||||
width: 94px;
|
||||
min-width: 94px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: end;
|
||||
margin-right: 14px;
|
||||
.icon{
|
||||
width:8px;
|
||||
height: 8px;
|
||||
background: url('../../assets/images/asterisk.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.text{
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.article-status1 {
|
||||
padding: 3px;
|
||||
border: 1px dotted #1ea0fa;
|
||||
|
||||
@@ -195,7 +195,15 @@
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!--课程管理-->
|
||||
<el-dialog custom-class="g-dialog" title="课程学习管理" width="900px" :visible.sync="manageStudy.dlgShow" :close-on-click-modal="false">
|
||||
<el-dialog
|
||||
custom-class="g-dialog"
|
||||
title="课程学习管理"
|
||||
width="900px"
|
||||
height="900px"
|
||||
:visible.sync="manageStudy.dlgShow"
|
||||
:close-on-click-modal="false"
|
||||
|
||||
>
|
||||
<manager :manageStudyData="manageStudyData" :isShowDialog="manageStudy.dlgShow"></manager>
|
||||
<template #footer>
|
||||
<el-button @click="manageStudy.dlgShow = false">关闭</el-button>
|
||||
@@ -668,8 +676,10 @@ export default {
|
||||
}
|
||||
apiCourse.pageList(this.params).then(rs=>{
|
||||
if(rs.status==200){
|
||||
this.pageData = rs.result.list;
|
||||
this.pageData = rs.result.list ? rs.result.list : [];
|
||||
// this.pageData = rs.result.list;
|
||||
this.page.count = rs.result.count;
|
||||
this.page.pageSize = rs.result.pageSize;
|
||||
}else{
|
||||
return this.$message.error(rs.message);
|
||||
}
|
||||
@@ -939,4 +949,8 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-dialog__body {
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,80 +1,146 @@
|
||||
<template>
|
||||
<div style="padding: 12px 32px 10px 12px;">
|
||||
<div style="display: flex;justify-content: flex-start;">
|
||||
<div style="padding: 12px 32px 10px 12px;">
|
||||
<div style="display: flex;justify-content: flex-start;">
|
||||
|
||||
<div><el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input></div>
|
||||
<div style="padding-left: 10px;"><el-button @click="recordList()" type="primary" icon="el-icon-search">搜索</el-button></div>
|
||||
<div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" @click="keyword = ''" type="primary" >重置</el-button></div>
|
||||
<div style="padding: 0px 5px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div>
|
||||
<div style="padding: 0px 5px;"><el-button type="primary" @click="exportStudentOfTearcher()" icon="el-icon-search" size="small" round>导出学员信息</el-button></div>
|
||||
<div>
|
||||
<el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input>
|
||||
</div>
|
||||
<div class="Export">
|
||||
<!-- <div style="padding-left: 10px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div> -->
|
||||
<!-- <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" size="small" round>导出学员信息</el-button></div> -->
|
||||
<div style="padding-left: 10px;">
|
||||
<el-button @click="recordList()" type="primary" icon="el-icon-search">搜索</el-button>
|
||||
</div>
|
||||
<div style="margin-top:20px;">
|
||||
<el-table :data="pageData" border stripe>
|
||||
<el-table-column
|
||||
label="课程时间"
|
||||
prop="courseTime"
|
||||
width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="课程名称"
|
||||
prop="courseName"
|
||||
width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="开课场地"
|
||||
prop="address"
|
||||
width="240px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="所属课程"
|
||||
prop="parentCourse"
|
||||
width="120px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="所属项目"
|
||||
prop="parentProject"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="所属路径"
|
||||
prop="parentRoute"
|
||||
width="200px"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="学习总人数"
|
||||
prop="studentNumber"
|
||||
width="100px"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="时长(分钟)"
|
||||
width="100px"
|
||||
prop="period"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="评分"
|
||||
width="100px"
|
||||
prop="score"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
width="150px"
|
||||
prop="cz"
|
||||
fixed="right"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="exportStudentOfCourse(scope.row.courseId)" size="small">导出学员信息</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div style="padding: 0px 5px;">
|
||||
<el-button icon="el-icon-refresh-right" @click="keyword = ''" type="primary">重置</el-button>
|
||||
</div>
|
||||
<div style="padding: 0px 5px;">
|
||||
<el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button>
|
||||
</div>
|
||||
<!-- <div style="padding: 0px 5px;">-->
|
||||
<!-- <el-button type="primary" @click="exportStudentOfTearcher()" icon="el-icon-search" size="small" round>-->
|
||||
<!-- 导出学员信息-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div class="Export">
|
||||
<!-- <div style="padding-left: 10px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div> -->
|
||||
<!-- <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" size="small" round>导出学员信息</el-button></div> -->
|
||||
</div>
|
||||
<div style="margin-top:20px;">
|
||||
<el-table :data="pageData" border stripe>
|
||||
<el-table-column
|
||||
label="序号"
|
||||
prop="index"
|
||||
width="100px">
|
||||
<template v-slot="scope">
|
||||
<span>{{ scope.$index + 1 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="讲师工号"
|
||||
prop="userNo"
|
||||
width="100px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="讲师姓名"
|
||||
prop="teacherName"
|
||||
width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="课程名称"
|
||||
prop="courseName"
|
||||
width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="培训发生组织"
|
||||
prop="trainOrgName"
|
||||
width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column label="课程类型" prop="type" width="120px">
|
||||
<template v-slot="scope">
|
||||
<span>{{
|
||||
{
|
||||
"0": "在线课",
|
||||
"1": "面授课",
|
||||
"2": "课程开发",
|
||||
"3": "作业员入模培训",
|
||||
"4": "其他",
|
||||
}[scope.row.type + '']
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="授课/课程日期"
|
||||
prop="teachingDate"
|
||||
width="200px">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="内容分类"
|
||||
prop="courseTypeName"
|
||||
width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column label="开课状态" width="100px" prop="courseStatus">
|
||||
<template v-slot="scope">
|
||||
<span>{{
|
||||
{
|
||||
"0": "未开课",
|
||||
"1": "已开课",
|
||||
}[scope.row.courseStatus + '']
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="授课时长(分钟)"
|
||||
prop="teaching"
|
||||
width="120px"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="参训人数"
|
||||
prop="studys"
|
||||
width="120px"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="评分"
|
||||
prop="score"
|
||||
width="100px"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="是否生成讲师费"
|
||||
prop="createdFee"
|
||||
width="100px"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<span>{{
|
||||
{
|
||||
"0": "否",
|
||||
"1": "是",
|
||||
}[scope.row.createdFee + '']
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="备注"
|
||||
width="200px"
|
||||
prop="remark"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
width="150px"
|
||||
prop="cz"
|
||||
fixed="right"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="exportStudentOfCourse(scope.row.courseId, scope.row.type)"
|
||||
size="small">导出学员信息
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; margin-top:57px">
|
||||
<el-pagination
|
||||
background
|
||||
<el-pagination
|
||||
background
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="pageInfo.page"
|
||||
@@ -83,123 +149,127 @@
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageInfo.total"
|
||||
></el-pagination>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import apiCourse from '../../api/boe/courseRecord.js';
|
||||
import { mapGetters } from 'vuex';
|
||||
import {mapGetters} from 'vuex';
|
||||
|
||||
export default {
|
||||
data(){
|
||||
data() {
|
||||
return {
|
||||
pageData:[],
|
||||
keyword:'',
|
||||
pageInfo:{},
|
||||
pageData: [],
|
||||
keyword: '',
|
||||
pageInfo: {
|
||||
pageIndex:1,
|
||||
pageSize:10,
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.recordList(1);
|
||||
|
||||
this.recordList();
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['userInfo'])
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 导出所有记录
|
||||
exportFile() {
|
||||
// let req = {
|
||||
// }
|
||||
// apiCourse.courseRecordExport2(req).then(res => {
|
||||
// const link = document.createElement('a');// 创建a标签
|
||||
// let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'}); // 设置文件类型
|
||||
// link.style.display = "none";
|
||||
// link.href = URL.createObjectURL(blob); // 创建URL
|
||||
// link.setAttribute("download", "授课记录.xls");
|
||||
// document.body.appendChild(link);
|
||||
// link.click();
|
||||
// document.body.removeChild(link);
|
||||
// })
|
||||
// 取pageData记录第一条
|
||||
if (this.pageData.length > 0) {
|
||||
let teacherId = this.pageData[0].teacherId;
|
||||
window.open(
|
||||
`/manageApi/admin/export/exportInTeacherRecord?teacherId=${teacherId}`
|
||||
);
|
||||
}
|
||||
},
|
||||
|
||||
// 导出所有记录
|
||||
exportFile(){
|
||||
let req = {
|
||||
userId: this.userInfo.sysId
|
||||
// userId:"70F80F4E-34BA-10AB-894A-8FA812B19637"
|
||||
// 导出课程下的学员信息
|
||||
exportStudentOfCourse(courseId, courseType) {
|
||||
// apiCourse.exportStudentOfCourse2(courseId, courseType).then(res => {
|
||||
// const link = document.createElement('a');// 创建a标签
|
||||
// let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'}); // 设置文件类型
|
||||
// link.style.display = "none";
|
||||
// link.href = URL.createObjectURL(blob); // 创建URL
|
||||
// link.setAttribute("download", "授课记录.xls");
|
||||
// document.body.appendChild(link);
|
||||
// link.click();
|
||||
// document.body.removeChild(link);
|
||||
// })
|
||||
|
||||
window.open(
|
||||
`/manageApi/admin/export/exportTeacherRecordStudentInfo?courseId=${courseId}&courseType=${courseType}`
|
||||
);
|
||||
},
|
||||
|
||||
// 导出教师下的所有授课记录下的学员信息
|
||||
exportStudentOfTearcher() {
|
||||
let userId = this.userInfo.sysId;
|
||||
apiCourse.exportStudentOfTearcher2(userId).then(res => {
|
||||
const link = document.createElement('a');// 创建a标签
|
||||
let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'}); // 设置文件类型
|
||||
link.style.display = "none";
|
||||
link.href = URL.createObjectURL(blob); // 创建URL
|
||||
link.setAttribute("download", "授课记录.xls");
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
document.body.removeChild(link);
|
||||
})
|
||||
},
|
||||
|
||||
recordList() {
|
||||
let req = {
|
||||
courseName: this.keyword,
|
||||
pageNo: this.pageInfo.pageIndex,
|
||||
pageSize: this.pageInfo.pageSize
|
||||
}
|
||||
apiCourse.getListByToken(req).then(res => {
|
||||
if (res.status == 200) {
|
||||
this.pageData = res.data.records;
|
||||
this.pageInfo.pageSize = Number(res.data.size);
|
||||
this.pageInfo.total = Number(res.data.total);
|
||||
this.pageInfo.page = Number(res.data.current);
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: res.message
|
||||
});
|
||||
}
|
||||
apiCourse.courseRecordExport(req).then(res=>{
|
||||
const link = document.createElement('a');// 创建a标签
|
||||
let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
|
||||
link.style.display = "none";
|
||||
link.href = URL.createObjectURL(blob); // 创建URL
|
||||
link.setAttribute("download", "授课记录.xls");
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
document.body.removeChild(link);
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
// 导出课程下的学员信息
|
||||
exportStudentOfCourse(courseId){
|
||||
let userId = this.userInfo.sysId;
|
||||
apiCourse.exportStudentOfCourse(userId,courseId).then(res=>{
|
||||
const link = document.createElement('a');// 创建a标签
|
||||
let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
|
||||
link.style.display = "none";
|
||||
link.href = URL.createObjectURL(blob); // 创建URL
|
||||
link.setAttribute("download", "授课记录.xls");
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
document.body.removeChild(link);
|
||||
})
|
||||
},
|
||||
|
||||
// 导出教师下的所有授课记录下的学员信息
|
||||
exportStudentOfTearcher(){
|
||||
let userId = this.userInfo.sysId;
|
||||
// let userId = '5D36C207-64F4-C512-312D-C9598257695C';
|
||||
apiCourse.exportStudentOfTearcher(userId).then(res=>{
|
||||
const link = document.createElement('a');// 创建a标签
|
||||
let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
|
||||
link.style.display = "none";
|
||||
link.href = URL.createObjectURL(blob); // 创建URL
|
||||
link.setAttribute("download", "授课记录.xls");
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
document.body.removeChild(link);
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
recordList(pageIndex){
|
||||
let req = {
|
||||
// userId:"6B049FAF-C314-7CCF-0D28-0D23F4C42531",
|
||||
userId: this.userInfo.sysId,
|
||||
keyword:this.keyword,
|
||||
page:pageIndex,
|
||||
pageSize:10
|
||||
}
|
||||
apiCourse.courseRecordList(req).then(res=>{
|
||||
if(res.status == 200) {
|
||||
this.pageData = res.result.list;
|
||||
this.pageInfo = res.result.pageInfo;
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: res.message
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 每页显示的条数事件
|
||||
handleSizeChange(val){
|
||||
this.pageInfo.pageSize = val;
|
||||
this.recordList(1);
|
||||
},
|
||||
// 显示制定页的数据
|
||||
handleCurrentChange(val){
|
||||
this.pageInfo.pageIndex = val;
|
||||
this.recordList(this.pageInfo.pageIndex);
|
||||
},
|
||||
})
|
||||
},
|
||||
|
||||
// 每页显示的条数事件
|
||||
handleSizeChange(val) {
|
||||
this.pageInfo.pageIndex = 1;
|
||||
this.pageInfo.pageSize = val;
|
||||
this.recordList();
|
||||
},
|
||||
// 显示制定页的数据
|
||||
handleCurrentChange(val) {
|
||||
this.pageInfo.pageIndex = val;
|
||||
this.recordList(this.pageInfo.pageIndex);
|
||||
},
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.Export{
|
||||
.Export {
|
||||
display: flex;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
@@ -954,7 +954,7 @@ export default {
|
||||
},
|
||||
findPapers() {
|
||||
let params={
|
||||
pageSize:200,
|
||||
pageSize:10000,
|
||||
name:''
|
||||
}
|
||||
apiPaper.querypaper(params).then((res) => {
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
<li v-if="testPaper.deadlineTime">结束时间: {{ testPaper.deadlineTime }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-if="testPaper.testFront" style="padding: 20px;text-align: center;" v-html="testPaper.testFront">
|
||||
<div v-if="testPaper.testFront && testPaper.testFront != 'null'" style="padding: 20px;text-align: center;" v-html="testPaper.testFront">
|
||||
<!--考前说明-->
|
||||
</div>
|
||||
<div v-if="canExam" class="test-time" style="margin-top:20px" >
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
<!-- 当轮播图等于一张时 -->
|
||||
<swiper :options="swiperOptiontwo">
|
||||
<swiper-slide style="margin: 0 auto" v-for="(item, idx) in resonimg" :key="'a' + idx"
|
||||
class="swiper-slide games pointer">
|
||||
<div class="bannbox" :style="{
|
||||
class="swiper-slide games pointer" >
|
||||
<div class="bannbox" @click="handleCarouselClick(item)" :style="{
|
||||
background: `url(${fileBaseUrl + item.image
|
||||
}) center center no-repeat`,
|
||||
}"></div>
|
||||
@@ -17,8 +17,8 @@
|
||||
<div id="container" style="z-index: 99" v-else>
|
||||
<swiper :options="swiperOption" ref="mySwiper" v-if="resonimg.length > 1">
|
||||
<swiper-slide style="margin: 0 auto" v-for="(item, idx) in resonimg" :key="'b' + idx"
|
||||
class="swiper-slide games pointer">
|
||||
<div class="bannbox" :style="{
|
||||
class="swiper-slide games pointer" >
|
||||
<div class="bannbox" @click="handleCarouselClick(item)" :style="{
|
||||
background: `url(${fileBaseUrl + item.image
|
||||
}) center center no-repeat`,
|
||||
}"></div>
|
||||
@@ -220,7 +220,7 @@ export default {
|
||||
autoplay: false,
|
||||
// noSwiping: true,
|
||||
},
|
||||
resonimg: [],
|
||||
// resonimg: [],
|
||||
swiperOption: {
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
@@ -249,6 +249,13 @@ export default {
|
||||
this.getToolData()
|
||||
},
|
||||
methods: {
|
||||
// 添加点击轮播图跳转的方法
|
||||
handleCarouselClick(item) {
|
||||
if (item.url) {
|
||||
window.open(item.url, '_blank');
|
||||
}
|
||||
},
|
||||
|
||||
downTool(toolInfo) {
|
||||
console.log(toolInfo);
|
||||
window.open(`/activityApi/xboe/m/boe/tools/url/download?urlStr=${process.env.VUE_APP_BOE_WEB_URL}/upload${toolInfo.filePath}&fileName=${toolInfo.name}`)
|
||||
|
||||
@@ -118,7 +118,7 @@ export default {
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '认证讲师库(2023)';
|
||||
content: '认证讲师库';
|
||||
position: absolute;
|
||||
bottom: 25px;
|
||||
left: 180px;
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<!-- </div> -->
|
||||
<!-- 底部 -->
|
||||
<div class="grateful">
|
||||
<img src="../../assets/images/grateful/gratefulFooter.png" alt="" />
|
||||
<img src="../../assets/images/grateful/gratefulFooter20250613.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
390
src/views/growth/index.vue
Normal file
@@ -0,0 +1,390 @@
|
||||
<template>
|
||||
<div class="growth" v-loading="loading" id="scrollContainer">
|
||||
<div class="growth-left">
|
||||
<div class="navbar">
|
||||
<div style="display: flex; flex: 1">
|
||||
<div class="nav-title">我的专业力必修</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="growth-item" v-for="item of list" :id="item.id">
|
||||
<div class="growth-nav">
|
||||
<div class="growth-name">{{ item.growthName }}</div>
|
||||
<div class="f-a-c">
|
||||
<div
|
||||
class="growth-state"
|
||||
:style="{
|
||||
color:
|
||||
item.learningState === 0
|
||||
? '#999999'
|
||||
: item.learningState === 1
|
||||
? '#6ba158'
|
||||
: '#F2903D',
|
||||
}"
|
||||
>
|
||||
{{
|
||||
item.learningState === 0
|
||||
? "未开始"
|
||||
: item.learningState === 1
|
||||
? "已完成"
|
||||
: "进行中"
|
||||
}}
|
||||
</div>
|
||||
<div class="growth-btn" @click="jumpRouter(item)">去学习</div>
|
||||
</div>
|
||||
</div>
|
||||
<template v-if="item.description">
|
||||
<div class="tip-title">说明</div>
|
||||
<div class="tip-content">
|
||||
{{ item.description || "暂无说明" }}
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<div class="progress-title">学习进度</div>
|
||||
|
||||
<div class="progress-content">
|
||||
<div class="f-j-b" style="margin-bottom: 10px">
|
||||
<div class="f-a-c">
|
||||
<div style="font-size: 16px; color: #333333">必修进度</div>
|
||||
<div style="font-size: 18px; color: #999999; margin-left: 12px">
|
||||
{{ item.requiredTaskCompletedNum }}/{{ item.requiredTaskNum }}
|
||||
</div>
|
||||
</div>
|
||||
<div style="font-size: 18px; color: #0077ec">
|
||||
{{ requiredTaskCompletionRate(item) }}%
|
||||
</div>
|
||||
</div>
|
||||
<el-progress
|
||||
:stroke-width="6"
|
||||
:show-text="false"
|
||||
:percentage="requiredTaskCompletionRate(item)"
|
||||
color="#0077EC"
|
||||
></el-progress>
|
||||
</div>
|
||||
<template v-if="item.electiveTaskNum !== 0">
|
||||
<div class="progress-content">
|
||||
<div class="f-j-b" style="margin-bottom: 10px">
|
||||
<div class="f-a-c">
|
||||
<div style="font-size: 16px; color: #333333">选修进度</div>
|
||||
<div style="font-size: 18px; color: #999999; margin-left: 12px">
|
||||
{{ item.electiveTaskCompletedNum }}/{{ item.electiveTaskNum }}
|
||||
</div>
|
||||
<el-tooltip
|
||||
class="item"
|
||||
effect="light"
|
||||
:content="`还需完成${item.electivePoorNum}个选修任务`"
|
||||
placement="top-start"
|
||||
>
|
||||
<i class="el-icon-question"></i>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div style="font-size: 18px; color: #0077ec">
|
||||
{{ electiveTaskCompletionRate(item) }}%
|
||||
</div>
|
||||
</div>
|
||||
<el-progress
|
||||
:stroke-width="6"
|
||||
:show-text="false"
|
||||
color="#0077EC"
|
||||
:percentage="electiveTaskCompletionRate(item)"
|
||||
></el-progress>
|
||||
</div>
|
||||
</template>
|
||||
<div class="progress-content">
|
||||
<div class="f-j-b" style="margin-bottom: 10px">
|
||||
<div class="f-a-c">
|
||||
<div style="font-size: 16px; color: #333333">总进度</div>
|
||||
<div style="font-size: 18px; color: #999999; margin-left: 12px">
|
||||
{{ item.totalTaskCompletedNum }}/{{ item.totalTaskNum }}
|
||||
</div>
|
||||
</div>
|
||||
<div style="font-size: 18px; color: #0077ec">
|
||||
{{ totalTaskCompletionRate(item) }}%
|
||||
</div>
|
||||
</div>
|
||||
<el-progress
|
||||
:stroke-width="6"
|
||||
:show-text="false"
|
||||
color="#0077EC"
|
||||
:percentage="totalTaskCompletionRate(item)"
|
||||
></el-progress>
|
||||
</div>
|
||||
<div class="growth-bg-icon">
|
||||
<img src="@/assets/images/growth/growth-bg-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
<template v-if="!list.length">
|
||||
<div class="empty">
|
||||
<el-empty :image-size="200"></el-empty>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<!-- <template v-if="!list || list.length < 2">
|
||||
<div class="growth-right">
|
||||
<div class="title">专业力必修</div>
|
||||
<div
|
||||
:key="item.id"
|
||||
class="item-growth"
|
||||
:class="activeItem.id == item.id ? 'active' : ''"
|
||||
v-for="item of list"
|
||||
>
|
||||
<div class="icon"></div>
|
||||
<div @click="handlerAnchor(item)">
|
||||
{{ item.growthName }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template> -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { listData, getTotalGrowthTaskDetail } from "@/api/growth/growthpath";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
loading: false,
|
||||
totalData: {},
|
||||
activeItem: {},
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
// 完成进度
|
||||
totalTaskCompletionRate() {
|
||||
return (item) => {
|
||||
if (item.totalTaskCompletedNum && item.totalTaskNum) {
|
||||
let num = item.totalTaskCompletedNum / item.totalTaskNum;
|
||||
num = num * 100;
|
||||
num = num.toFixed(0);
|
||||
return Number(num);
|
||||
} else {
|
||||
return 0;
|
||||
}
|
||||
};
|
||||
},
|
||||
// 选修进度
|
||||
electiveTaskCompletionRate() {
|
||||
return (item) => {
|
||||
if (item.electiveTaskCompletedNum && item.electiveTaskNum) {
|
||||
let num = item.electiveTaskCompletedNum / item.electiveTaskNum;
|
||||
num = num * 100;
|
||||
num = num.toFixed(0);
|
||||
return Number(num);
|
||||
} else if (item.electiveTaskNum == 0) {
|
||||
return 100;
|
||||
} else {
|
||||
return 0;
|
||||
}
|
||||
};
|
||||
},
|
||||
// 必修进度
|
||||
requiredTaskCompletionRate() {
|
||||
return (item) => {
|
||||
if (item.requiredTaskCompletedNum && item.requiredTaskNum) {
|
||||
let num = item.requiredTaskCompletedNum / item.requiredTaskNum;
|
||||
num = num * 100;
|
||||
num = num.toFixed(0);
|
||||
return Number(num);
|
||||
} else {
|
||||
return 0;
|
||||
}
|
||||
};
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
select(item) {},
|
||||
jumpRouter(item) {
|
||||
let studentPath = process.env.VUE_APP_STUDENT_PATH;
|
||||
let params = encodeURIComponent("routerId=" + item.id);
|
||||
this.$router.push(
|
||||
"/forward?to=" + studentPath + "/growthList¶ms=" + params
|
||||
);
|
||||
},
|
||||
|
||||
handlerAnchor(item, index) {
|
||||
this.activeItem = item;
|
||||
let dom = document.getElementById(`${item.id}`);
|
||||
dom.classList.add("handler-add-padding");
|
||||
dom.scrollIntoView({ behavior: "smooth" });
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.loading = true;
|
||||
listData().then((res) => {
|
||||
this.activeItem = res.data[0];
|
||||
this.list = res.data;
|
||||
this.loading = false;
|
||||
});
|
||||
getTotalGrowthTaskDetail().then((res) => {
|
||||
this.totalData = res.data;
|
||||
});
|
||||
// 处理滚动事件的代码
|
||||
let that = this;
|
||||
window.addEventListener("scroll", function () {
|
||||
let dom = document.getElementById(`${that.activeItem.id}`);
|
||||
if (dom) {
|
||||
dom.classList.remove("handler-add-padding");
|
||||
}
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.f-a-c {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.f-j-b {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.f-j-c {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.growth {
|
||||
.empty {
|
||||
height: 600px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.el-icon-question {
|
||||
color: #387df7;
|
||||
font-size: 16px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.handler-add-padding {
|
||||
padding: 100px 38px 66px 40px !important;
|
||||
margin-top: -80px;
|
||||
}
|
||||
display: flex;
|
||||
.growth-left {
|
||||
margin-right: 10px;
|
||||
|
||||
flex: 1;
|
||||
.growth-item {
|
||||
background: #ffffff;
|
||||
padding: 30px 38px 66px 40px;
|
||||
margin-bottom: 35px;
|
||||
position: relative;
|
||||
.growth-bg-icon {
|
||||
position: absolute;
|
||||
right: 92px;
|
||||
bottom: 0;
|
||||
}
|
||||
.progress-title {
|
||||
// font-weight: 700;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
margin: 28px 0 20px 0;
|
||||
}
|
||||
.progress-content {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
.tip-title {
|
||||
// font-weight: 700;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
margin: 30px 0 10px 0;
|
||||
}
|
||||
.tip-content {
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
line-height: 30px;
|
||||
}
|
||||
.growth-nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: 28px;
|
||||
border-bottom: 2px solid #f5f5f5;
|
||||
}
|
||||
.growth-name {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
color: #0071ed;
|
||||
}
|
||||
.growth-state {
|
||||
font-size: 15px;
|
||||
margin-right: 18px;
|
||||
}
|
||||
.growth-btn {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 120px;
|
||||
height: 36px;
|
||||
background: #f2903d;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.navbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 90px;
|
||||
padding-left: 40px;
|
||||
margin-bottom: 10px;
|
||||
color: #ffffff;
|
||||
background-image: url(../../assets/images/growth/growth-bg.png);
|
||||
background-size: 100% 100%;
|
||||
.nav-title {
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
margin-right: 10%;
|
||||
}
|
||||
.nav-total {
|
||||
// margin-left: 15%;
|
||||
width: 20%;
|
||||
}
|
||||
.total-num {
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.growth-right {
|
||||
width: 30%;
|
||||
max-width: 464px;
|
||||
margin-bottom: 35px;
|
||||
background-color: #ffffff;
|
||||
padding: 35px 20px 20px 30px;
|
||||
.title {
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
font-weight: 700;
|
||||
margin-bottom: 30px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.item-growth {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
padding: 10px 20px 10px 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icon {
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background: #4c5564;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.active {
|
||||
background: #e3edfe;
|
||||
color: #000;
|
||||
.icon {
|
||||
background: #0077ec;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||