Merge branch 'master_1202' into master-video-0930
# Conflicts: # src/components/VideoPlayer/index.vue # src/components/VideoPlayer/progress-bar.vue # src/views/study/coursenew.vue
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 |
@@ -1,5 +1,6 @@
|
|||||||
/**我的授课记录*/
|
/**我的授课记录*/
|
||||||
import ajax from '@/api/boe/boeApiAjax.js'
|
import ajax from '@/api/boe/boeApiAjax.js'
|
||||||
|
import ajax2 from '@/api/unionAjax.js'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import { getToken } from '@/utils/token'
|
import { getToken } from '@/utils/token'
|
||||||
const baseURL = process.env.VUE_APP_BOE_BASE_API;
|
const baseURL = process.env.VUE_APP_BOE_BASE_API;
|
||||||
@@ -60,12 +61,15 @@ const exportStudentOfTearcher = function(userId) {
|
|||||||
const courseRecordList = function(data) {
|
const courseRecordList = function(data) {
|
||||||
return ajax.postJson('/b1/system/teacher/teacher-course-list',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}&page=${data.page}&pageSize=${data.pageSize}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
courseRecordExport,
|
courseRecordExport,
|
||||||
courseRecordList,
|
courseRecordList,
|
||||||
|
getListByToken,
|
||||||
exportStudentOfCourse,
|
exportStudentOfCourse,
|
||||||
exportStudentOfTearcher
|
exportStudentOfTearcher
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
/* 案例模块的相关处理*/
|
/* 案例模块的相关处理*/
|
||||||
import ajax from '@/utils/xajax.js'
|
import ajax from '@/utils/xajax.js'
|
||||||
|
import ajaxs from '@/api/ajax.js'
|
||||||
/**首页查询
|
/**首页查询
|
||||||
* pageSize
|
* pageSize
|
||||||
* orderField
|
* orderField
|
||||||
@@ -88,6 +88,12 @@ const usernameList = function (pageSize) {
|
|||||||
const queryPraises = function (pageSize) {
|
const queryPraises = function (pageSize) {
|
||||||
return ajax.get(`/xboe/m/boe/cases/query-praises?pageSize=${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 长度
|
@param pageSize 长度
|
||||||
@@ -95,6 +101,9 @@ const queryPraises = function (pageSize) {
|
|||||||
const queryComments = function (pageSize) {
|
const queryComments = function (pageSize) {
|
||||||
return ajax.get(`/xboe/m/boe/cases/query-comments?pageSize=${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 = {}) {
|
const caseYears = function (query = {}) {
|
||||||
return ajax.post('/xboe/m/boe/cases/caseYears', 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 {
|
export default {
|
||||||
|
queryAllTimePopularityOfMajor,
|
||||||
|
getQueryRecommendRank,
|
||||||
|
queryPopularityOfMajor,
|
||||||
|
browsingHistory,
|
||||||
|
queryViewRecord,
|
||||||
|
queryFavoriteCaseOfIndex,
|
||||||
|
riseIntoRank,
|
||||||
|
cancelRiseIntoRank,
|
||||||
|
adjustRank,
|
||||||
indexList,
|
indexList,
|
||||||
queryList,
|
queryList,
|
||||||
queryListV2,
|
queryListV2,
|
||||||
@@ -202,7 +236,10 @@ export default {
|
|||||||
query,
|
query,
|
||||||
usernameList,
|
usernameList,
|
||||||
queryPraises,
|
queryPraises,
|
||||||
|
queryPraisesNew,
|
||||||
|
queryRecommendRank,
|
||||||
queryComments,
|
queryComments,
|
||||||
|
queryCommentsNew,
|
||||||
majorTypes,
|
majorTypes,
|
||||||
details,
|
details,
|
||||||
ids,
|
ids,
|
||||||
|
|||||||
@@ -389,7 +389,10 @@ const followIds=function (data){
|
|||||||
const myStudysFromES=function (data){
|
const myStudysFromES=function (data){
|
||||||
return ajax.post('/xboe/school/study/es/search',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数组*/
|
/**根据id集合查询,传入的是id数组*/
|
||||||
const findByIds=function (ids){
|
const findByIds=function (ids){
|
||||||
return ajax.postJson('/xboe/school/study/es/list-by-ids',ids);
|
return ajax.postJson('/xboe/school/study/es/list-by-ids',ids);
|
||||||
@@ -425,6 +428,7 @@ export default {
|
|||||||
myExamList2,
|
myExamList2,
|
||||||
myCourseStudy,
|
myCourseStudy,
|
||||||
myStudysFromES,
|
myStudysFromES,
|
||||||
|
homeworkExport,
|
||||||
findByIds,
|
findByIds,
|
||||||
deleteSignUp,
|
deleteSignUp,
|
||||||
ids,
|
ids,
|
||||||
|
|||||||
@@ -72,6 +72,9 @@ const querypaper = function(data) {
|
|||||||
const getPaperContent = function(id) {
|
const getPaperContent = function(id) {
|
||||||
return ajax.get('/xboe/m/exam/paper/paper-content?id=' + 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 {
|
export default {
|
||||||
detail,
|
detail,
|
||||||
update,
|
update,
|
||||||
@@ -80,6 +83,7 @@ export default {
|
|||||||
querylist,
|
querylist,
|
||||||
querypaper,
|
querypaper,
|
||||||
getPaperContent,
|
getPaperContent,
|
||||||
|
newPaperContent,
|
||||||
batchImportCount,
|
batchImportCount,
|
||||||
batchImportData
|
batchImportData
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import ajax from '@/utils/xajax.js'
|
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);
|
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){
|
const updateTeacher=function(data){
|
||||||
return ajax.postJson('/xboe/teacher/update-teacher',data);
|
return ajax.postJson('/xboe/teacher/update-teacher',data);
|
||||||
}
|
}
|
||||||
@@ -217,7 +219,7 @@ export default {
|
|||||||
update,
|
update,
|
||||||
del,
|
del,
|
||||||
detail,
|
detail,
|
||||||
findByName,
|
findByNameNew,
|
||||||
updateSysId,
|
updateSysId,
|
||||||
has,
|
has,
|
||||||
start,
|
start,
|
||||||
|
|||||||
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 |
|
Before Width: | Height: | Size: 362 KiB After Width: | Height: | Size: 69 KiB |
BIN
src/assets/images/hotforum/04.png
Normal file
|
After Width: | Height: | Size: 220 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>
|
<template>
|
||||||
<!--弹出窗口设置-->
|
<!--弹出窗口设置-->
|
||||||
<div>
|
<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" >
|
<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;">
|
<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> -->
|
<!-- <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>
|
||||||
<div class="article-info-date">
|
<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>
|
</div>
|
||||||
<div class="article-info-tools">
|
<div class="article-info-tools">
|
||||||
@@ -161,6 +164,26 @@
|
|||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
color: #999999;
|
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 {
|
i {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -637,7 +637,9 @@ export default {
|
|||||||
}
|
}
|
||||||
this.teacherList = rs.result.teachers;
|
this.teacherList = rs.result.teachers;
|
||||||
this.teacherName = 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; //计算总内容数
|
this.totalContent = rs.result.contents.length; //计算总内容数
|
||||||
if (this.courseInfo.tags != "") {
|
if (this.courseInfo.tags != "") {
|
||||||
this.showTags = this.courseInfo.tags.split(",");
|
this.showTags = this.courseInfo.tags.split(",");
|
||||||
|
|||||||
@@ -681,7 +681,9 @@ export default {
|
|||||||
}
|
}
|
||||||
this.teacherList = rs.result.teachers;
|
this.teacherList = rs.result.teachers;
|
||||||
this.teacherName = 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(",");
|
this.showTags = this.courseInfo.tags.split(",");
|
||||||
if (rs.result.course.resOwner3 == "") {
|
if (rs.result.course.resOwner3 == "") {
|
||||||
this.resOwnerArray = [
|
this.resOwnerArray = [
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
</el-input>
|
</el-input>
|
||||||
<div class="choice-box" v-if="teacherDownList.length>0">
|
<div class="choice-box" v-if="teacherDownList.length>0">
|
||||||
<ul>
|
<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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<!-- <el-select
|
<!-- <el-select
|
||||||
@@ -88,15 +88,15 @@
|
|||||||
if (this.teacherValues !== '') {
|
if (this.teacherValues !== '') {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
try {
|
try {
|
||||||
const { result, message, status } = await apiTeacher.findByName(this.teacherValues);
|
const { data, message, code } = await apiTeacher.findByNameNew(this.teacherValues);
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
if (status === 200) {
|
if (code === 200) {
|
||||||
let list = [];
|
let list = [];
|
||||||
result.forEach(item => {
|
data.forEach(item => {
|
||||||
list.push({
|
list.push({
|
||||||
teacherId: item.id,
|
teacherId: item.id,
|
||||||
teacherName: item.name,
|
teacherName: item.name,
|
||||||
teacherCode: item.code
|
teacherCode: item.mobile
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
this.teacherDownList = list;
|
this.teacherDownList = list;
|
||||||
|
|||||||
@@ -85,6 +85,28 @@
|
|||||||
<el-form-item label="考试说明">
|
<el-form-item label="考试说明">
|
||||||
<el-input type="textarea" show-word-limit v-model="examInfo.info" placeholder="关于考试的说明(限255字以内)" maxlength="255"></el-input>
|
<el-input type="textarea" show-word-limit v-model="examInfo.info" placeholder="关于考试的说明(限255字以内)" maxlength="255"></el-input>
|
||||||
</el-form-item>
|
</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>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="examInfo.paperType==1">
|
<div v-if="examInfo.paperType==1">
|
||||||
@@ -285,7 +307,9 @@
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if(!this.examInfo.randomMode){
|
||||||
|
this.examInfo.qnum = 0
|
||||||
|
}
|
||||||
this.$emit("save",this.examInfo);
|
this.$emit("save",this.examInfo);
|
||||||
},
|
},
|
||||||
deleteExam(){ //删除
|
deleteExam(){ //删除
|
||||||
@@ -294,6 +318,8 @@
|
|||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: 'warning'
|
type: 'warning'
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
|
this.examInfo.randomMode = false;
|
||||||
|
this.examInfo.qnum = 0;
|
||||||
this.$emit("remove",this.examInfo);
|
this.$emit("remove",this.examInfo);
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
|
|
||||||
|
|||||||
@@ -326,11 +326,10 @@ export default {
|
|||||||
return qitems;
|
return qitems;
|
||||||
},
|
},
|
||||||
startTest(){
|
startTest(){
|
||||||
|
apiExamPaper.newPaperContent(this.info.id).then(res=>{
|
||||||
|
if(res.error == ''&&res.result != ''){
|
||||||
if(this.info.paperType==2){
|
if(this.info.paperType==2){
|
||||||
apiExamPaper.getPaperContent(this.info.paperId).then(rs=>{
|
this.examPaper.json=res.result;
|
||||||
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);
|
let qitems=this.convertToItems(this.examPaper.json);
|
||||||
this.paper ={items:qitems};
|
this.paper ={items:qitems};
|
||||||
this.total=qitems.length;
|
this.total=qitems.length;
|
||||||
@@ -340,13 +339,8 @@ export default {
|
|||||||
this.timer=setInterval(this.changeTimer,60000);
|
this.timer=setInterval(this.changeTimer,60000);
|
||||||
this.testStart=true;
|
this.testStart=true;
|
||||||
}else{
|
}else{
|
||||||
this.$message.error('加载试卷内容失败,请与管理员联系,试卷是否已删除');
|
let paper= {items:res.result};
|
||||||
}
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
let paper= JSON.parse(this.info.paperContent);
|
|
||||||
paper.items.forEach(item=>{
|
paper.items.forEach(item=>{
|
||||||
//console.log(item);
|
|
||||||
if(item.type==101){
|
if(item.type==101){
|
||||||
item.userAnswer='';
|
item.userAnswer='';
|
||||||
}else if(item.type==102){
|
}else if(item.type==102){
|
||||||
@@ -360,7 +354,6 @@ export default {
|
|||||||
});
|
});
|
||||||
this.total=paper.items.length;
|
this.total=paper.items.length;
|
||||||
this.paper =paper;
|
this.paper =paper;
|
||||||
//console.log(this.paper);
|
|
||||||
|
|
||||||
this.curItem=paper.items[this.curIndex];
|
this.curItem=paper.items[this.curIndex];
|
||||||
this.startTime=new Date();//记录开始时间
|
this.startTime=new Date();//记录开始时间
|
||||||
@@ -368,6 +361,52 @@ export default {
|
|||||||
this.timer=setInterval(this.changeTimer,60000);
|
this.timer=setInterval(this.changeTimer,60000);
|
||||||
this.testStart=true;
|
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){
|
chooseOption(opt){
|
||||||
if(this.curItem.type==101 || this.curItem.type==103){
|
if(this.curItem.type==101 || this.curItem.type==103){
|
||||||
@@ -532,7 +571,7 @@ export default {
|
|||||||
randomMode:this.info.randomMode,
|
randomMode:this.info.randomMode,
|
||||||
score:testScore,
|
score:testScore,
|
||||||
paperJson:JSON.stringify(this.paper),//原来是对象,这里要也要对象
|
paperJson:JSON.stringify(this.paper),//原来是对象,这里要也要对象
|
||||||
//startTime:formatDate(this.startTime),//此时间需要格式化,格式化时间可以放在util中
|
startTime:formatDate(this.startTime),//此时间需要格式化,格式化时间可以放在util中
|
||||||
//endTime:formatDate(now),
|
//endTime:formatDate(now),
|
||||||
}
|
}
|
||||||
//计划考试的时长
|
//计划考试的时长
|
||||||
|
|||||||
@@ -401,6 +401,28 @@
|
|||||||
<el-form-item label="考试说明">
|
<el-form-item label="考试说明">
|
||||||
<el-input type="textarea" show-word-limit v-model="exam.info.info" placeholder="关于考试的说明(限255字以内)" maxlength="255"></el-input>
|
<el-input type="textarea" show-word-limit v-model="exam.info.info" placeholder="关于考试的说明(限255字以内)" maxlength="255"></el-input>
|
||||||
</el-form-item>
|
</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>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="exam.info.paperType==1">
|
<div v-if="exam.info.paperType==1">
|
||||||
@@ -1059,12 +1081,14 @@
|
|||||||
if(this.exam.info.paperType==2){
|
if(this.exam.info.paperType==2){
|
||||||
if(!this.exam.info.paperId){
|
if(!this.exam.info.paperId){
|
||||||
this.$message.error("您还未选择任何试卷");
|
this.$message.error("您还未选择任何试卷");
|
||||||
|
this.loading=false;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}else{
|
}else{
|
||||||
//检查是不是所有的试题都有了答案
|
//检查是不是所有的试题都有了答案
|
||||||
if(this.exam.paperJson.items.length==0){
|
if(this.exam.paperJson.items.length==0){
|
||||||
this.$message.error("您还没有添加考试的试题");
|
this.$message.error("您还没有添加考试的试题");
|
||||||
|
this.loading=false;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
let pass=true;
|
let pass=true;
|
||||||
@@ -1087,6 +1111,9 @@
|
|||||||
}
|
}
|
||||||
this.exam.info.paperContent=JSON.stringify(this.exam.paperJson);
|
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.exam=this.exam.info;
|
||||||
postData.content.contentName='考试';
|
postData.content.contentName='考试';
|
||||||
this.examChange = deepClone(this.exam);
|
this.examChange = deepClone(this.exam);
|
||||||
@@ -1152,6 +1179,8 @@
|
|||||||
postData.id=this.exam.content.id;
|
postData.id=this.exam.content.id;
|
||||||
postData.ctype=this.exam.content.contentType;
|
postData.ctype=this.exam.content.contentType;
|
||||||
curContent=this.exam.content;
|
curContent=this.exam.content;
|
||||||
|
this.exam.info.randomMode = false;
|
||||||
|
this.exam.info.qnum = 0
|
||||||
}else if(index==4){
|
}else if(index==4){
|
||||||
postData.id=this.assess.content.id;
|
postData.id=this.assess.content.id;
|
||||||
postData.ctype=this.assess.content.contentType;
|
postData.ctype=this.assess.content.contentType;
|
||||||
|
|||||||
@@ -217,13 +217,16 @@ export default {
|
|||||||
if(delIdx>-1){
|
if(delIdx>-1){
|
||||||
fileList.splice(delIdx,1);
|
fileList.splice(delIdx,1);
|
||||||
}
|
}
|
||||||
|
this.$emit("success", res);
|
||||||
} else {
|
} else {
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
//this.fileList = [];
|
if(this.limit == 1){
|
||||||
|
this.fileList = [];
|
||||||
|
}
|
||||||
this.$message({message:"上传失败",type:'error',offset:100});
|
this.$message({message:"上传失败",type:'error',offset:100});
|
||||||
}
|
}
|
||||||
|
|
||||||
this.$emit("success", res);
|
// this.$emit("success", res);
|
||||||
},
|
},
|
||||||
// 删除文件
|
// 删除文件
|
||||||
handleDelete(index) {
|
handleDelete(index) {
|
||||||
|
|||||||
@@ -8,7 +8,10 @@
|
|||||||
<span style="margin-left:28px">{{item.eventTime}}</span>
|
<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.aid == userInfo.aid" class="follow-hide pointer" style="float:right">
|
||||||
<span v-if="item.hidden">已隐藏</span>
|
<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>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
<div class="case-info-cont">
|
<div class="case-info-cont">
|
||||||
@@ -136,6 +139,22 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<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{
|
.sign-text{
|
||||||
color: #666666;
|
color: #666666;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="item-author">
|
<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> -->
|
<!-- <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> -->
|
<!-- <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>
|
<el-avatar shape="circle" size="small" :src="userAvatar" v-if="userAvatar"></el-avatar>
|
||||||
@@ -12,9 +12,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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 style="color: #333333;font-weight: 600;font-size: 16px;">{{userName}}</span>
|
||||||
<span class="author-text" v-if="userInfo && userInfo!=''"> {{userInfo}} </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>
|
</div>
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
@@ -49,6 +50,12 @@
|
|||||||
onlyAvatar:{
|
onlyAvatar:{
|
||||||
type:Boolean,
|
type:Boolean,
|
||||||
default:false
|
default:false
|
||||||
|
},
|
||||||
|
authorTags: {
|
||||||
|
type:Array,
|
||||||
|
default(){
|
||||||
|
return []
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data(){
|
data(){
|
||||||
@@ -119,6 +126,14 @@
|
|||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
.comWords {
|
||||||
|
background: #409EFF;
|
||||||
|
border-radius: 2px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
padding: 4px 10px;
|
||||||
|
}
|
||||||
.uavatar{
|
.uavatar{
|
||||||
// border: 1px solid #73adfe;
|
// border: 1px solid #73adfe;
|
||||||
width: 28px;
|
width: 28px;
|
||||||
|
|||||||
@@ -92,11 +92,19 @@
|
|||||||
<div class="comment-btns">
|
<div class="comment-btns">
|
||||||
|
|
||||||
<!-- <a><svg-icon icon-class="like"></svg-icon><span>66</span></a> -->
|
<!-- <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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
@@ -960,6 +968,28 @@
|
|||||||
line-height: 35px;
|
line-height: 35px;
|
||||||
a{
|
a{
|
||||||
margin-right:15px;
|
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{
|
span{
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
color: #8590A6;
|
color: #8590A6;
|
||||||
|
|||||||
@@ -10,7 +10,8 @@
|
|||||||
<el-tooltip effect="light" :content="type == 4 || type == 5 ?'回答':'回复'" placement="left" :visible-arrow="false" popper-class="text-tooltip">
|
<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> -->
|
<!-- <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')"> -->
|
<!-- <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>
|
</el-tooltip>
|
||||||
<span class="interact-bar-value"> {{ data.answers? data.answers:0}}</span>
|
<span class="interact-bar-value"> {{ data.answers? data.answers:0}}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -23,14 +24,16 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="comments" class="interact-bar-btn" :style="`min-width: ${nodeWidth};`" :class="{cursor:!readonly}">
|
<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">
|
<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>
|
</el-tooltip>
|
||||||
<span class="interact-bar-value"> {{data.comments? data.comments:0}}</span>
|
<span class="interact-bar-value"> {{data.comments? data.comments:0}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="praises" @click="addPraise()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
|
<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">
|
<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>
|
</el-tooltip>
|
||||||
<span class="interact-bar-value"> {{ data.praises? data.praises:0}}</span>
|
<span class="interact-bar-value"> {{ data.praises? data.praises:0}}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -38,19 +41,22 @@
|
|||||||
<div v-if="favorites" @click.stop="addFavorite()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
|
<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">
|
<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-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>
|
</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:0}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="shares" @click="addShare()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
|
<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">
|
<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>
|
</el-tooltip>
|
||||||
<span class="interact-bar-value"> {{data.shares}}</span>
|
<span class="interact-bar-value"> {{data.shares}}</span>
|
||||||
</div>
|
</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}">
|
<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">
|
<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>
|
</el-tooltip>
|
||||||
<!-- <div style="float:right;margin-left:8px"> -->
|
<!-- <div style="float:right;margin-left:8px"> -->
|
||||||
<span class="interact-bar-value eyes-view" > {{ formatNum(data.views)}}</span>
|
<span class="interact-bar-value eyes-view" > {{ formatNum(data.views)}}</span>
|
||||||
@@ -530,6 +536,7 @@ export default {
|
|||||||
this.$store.dispatch("unicomFavorites",false)
|
this.$store.dispatch("unicomFavorites",false)
|
||||||
}
|
}
|
||||||
this.$message({message:'已取消收藏',type:'success'});
|
this.$message({message:'已取消收藏',type:'success'});
|
||||||
|
this.$emit('deleteFavorite',true)
|
||||||
//this.$emit('addFavorite',res.result);//添加收藏,如果是true代表添加成功,false代表已存在
|
//this.$emit('addFavorite',res.result);//添加收藏,如果是true代表添加成功,false代表已存在
|
||||||
}else{
|
}else{
|
||||||
console.log('取消收藏失败:'+res.message);
|
console.log('取消收藏失败:'+res.message);
|
||||||
@@ -713,6 +720,77 @@ export default {
|
|||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
.interact-bar-btn {
|
.interact-bar-btn {
|
||||||
margin: 0 0 0 15px;
|
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{
|
.interact-bar-value{
|
||||||
// color:#6E7B84; ui图给的颜色,但是效果于ui图效果不一样,也没有透明度,所以找一个相近的和谐的颜色
|
// color:#6E7B84; ui图给的颜色,但是效果于ui图效果不一样,也没有透明度,所以找一个相近的和谐的颜色
|
||||||
|
|||||||
@@ -51,7 +51,8 @@
|
|||||||
<el-dropdown placement="bottom" @command="handleContributor">
|
<el-dropdown placement="bottom" @command="handleContributor">
|
||||||
<span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">贡献者大会</span>
|
<span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">贡献者大会</span>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<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-item command="two" divided>2022</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
@@ -209,7 +210,7 @@ export default {
|
|||||||
this.sex = this.userInfo.sex;
|
this.sex = this.userInfo.sex;
|
||||||
this.$store.dispatch('refrashMsg');
|
this.$store.dispatch('refrashMsg');
|
||||||
this.loadBoeData();
|
this.loadBoeData();
|
||||||
console.log('this.userInfo::',this.userInfo)
|
// console.log('this.userInfo::',this.userInfo)
|
||||||
//this.loadPopupConfig();
|
//this.loadPopupConfig();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -246,6 +247,7 @@ export default {
|
|||||||
let obj = {
|
let obj = {
|
||||||
one: urlPre + "/web/contributornew/index",
|
one: urlPre + "/web/contributornew/index",
|
||||||
two: urlPre + "/web/contributor/index",
|
two: urlPre + "/web/contributor/index",
|
||||||
|
three: urlPre + "/web/contributor_2024/index"
|
||||||
};
|
};
|
||||||
window.open(obj[val]);
|
window.open(obj[val]);
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -192,7 +192,7 @@
|
|||||||
</el-table-column>-->
|
</el-table-column>-->
|
||||||
<el-table-column label="学习人员" width="110">
|
<el-table-column label="学习人员" width="110">
|
||||||
<template slot-scope="scope">
|
<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>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@@ -292,6 +292,7 @@
|
|||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="studyContentRecordsSearch">搜索</el-button>
|
<el-button type="primary" @click="studyContentRecordsSearch">搜索</el-button>
|
||||||
</el-form-item>
|
</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-form>
|
||||||
<el-table max-height="500" border :data="learningSituation.list" style="width: 100%">
|
<el-table max-height="500" border :data="learningSituation.list" style="width: 100%">
|
||||||
<el-table-column prop="aname" label="姓名" width="180"></el-table-column>
|
<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 { mapGetters,mapActions } from 'vuex';
|
||||||
import apiUser from '@/api/system/user.js';
|
import apiUser from '@/api/system/user.js';
|
||||||
import apiStudy from '@/api/modules/courseStudy.js';
|
import apiStudy from '@/api/modules/courseStudy.js';
|
||||||
|
import { getToken } from '@/utils/token'
|
||||||
|
import axios from 'axios'
|
||||||
export default {
|
export default {
|
||||||
components: {auditCourse1,auditCourse2},
|
components: {auditCourse1,auditCourse2},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -352,7 +355,10 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
downParams: {},
|
||||||
typePress: false,
|
typePress: false,
|
||||||
|
isHomeWork: false,
|
||||||
|
isTrue: false,
|
||||||
catalogRecordTree:[],
|
catalogRecordTree:[],
|
||||||
catalogRecordList:[],
|
catalogRecordList:[],
|
||||||
resOwnerListMap:[],
|
resOwnerListMap:[],
|
||||||
@@ -377,8 +383,8 @@ export default {
|
|||||||
count: 0,
|
count: 0,
|
||||||
type: "",
|
type: "",
|
||||||
list: [],
|
list: [],
|
||||||
name: '',
|
|
||||||
status: '',
|
status: '',
|
||||||
|
name: '',
|
||||||
},
|
},
|
||||||
learningRecords: {
|
learningRecords: {
|
||||||
pageIndex: 1, //第几页
|
pageIndex: 1, //第几页
|
||||||
@@ -515,6 +521,7 @@ export default {
|
|||||||
pageIndex: this.learningSituation.pageIndex,
|
pageIndex: this.learningSituation.pageIndex,
|
||||||
pageSize: this.learningSituation.pageSize
|
pageSize: this.learningSituation.pageSize
|
||||||
};
|
};
|
||||||
|
this.downParams = params;
|
||||||
apicourseStudy.studyContentRecords(params).then(res => {
|
apicourseStudy.studyContentRecords(params).then(res => {
|
||||||
if (res.status === 200) {
|
if (res.status === 200) {
|
||||||
this.learningSituation.list = res.result.list;
|
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) {
|
handleSizeChangeSituation(val) {
|
||||||
this.learningSituation.pageSize = val;
|
this.learningSituation.pageSize = val;
|
||||||
this.learningSituation.pageIndex = 1;
|
this.learningSituation.pageIndex = 1;
|
||||||
@@ -722,11 +800,16 @@ export default {
|
|||||||
this.getSignupList();
|
this.getSignupList();
|
||||||
},
|
},
|
||||||
getCatalogue(row,type) {
|
getCatalogue(row,type) {
|
||||||
if(type=='考试'){
|
if(type==61){
|
||||||
this.typePress = true
|
this.typePress = true
|
||||||
}else{
|
}else{
|
||||||
this.typePress = true
|
this.typePress = true
|
||||||
}
|
}
|
||||||
|
if(type == 60){
|
||||||
|
this.isHomeWork = true
|
||||||
|
}else{
|
||||||
|
this.isHomeWork = false
|
||||||
|
}
|
||||||
this.contentId = row.id;
|
this.contentId = row.id;
|
||||||
this.study.catalogueShow = true;
|
this.study.catalogueShow = true;
|
||||||
this.learningSituation.pageIndex = 1;//重置为第一页
|
this.learningSituation.pageIndex = 1;//重置为第一页
|
||||||
|
|||||||
@@ -272,7 +272,7 @@ export default {
|
|||||||
},
|
},
|
||||||
isDrag:{
|
isDrag:{
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: null,
|
default: true,
|
||||||
},
|
},
|
||||||
isCrowd:{
|
isCrowd:{
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
@@ -318,7 +318,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
setInterval(() => {
|
setInterval(() => {
|
||||||
console.log('this.currentProgress::',this.currentProgress,this.isDrag)
|
//console.log('this.currentProgress::',this.currentProgress,this.isDrag,this.videoDom.currentTime , this.videoDom.duration)
|
||||||
// 视频播放时本地记录视频实时播放时长,视频设置了禁止拖动时执行
|
// 视频播放时本地记录视频实时播放时长,视频设置了禁止拖动时执行
|
||||||
if(!this.isDrag){
|
if(!this.isDrag){
|
||||||
var time = localStorage.getItem('videoProgressData')
|
var time = localStorage.getItem('videoProgressData')
|
||||||
@@ -373,6 +373,17 @@ export default {
|
|||||||
this.isCursorStatic = false;
|
this.isCursorStatic = false;
|
||||||
this.timeoutControlsHint = 2000;
|
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("fullscreenchange", () => {
|
||||||
this.isFullscreen = this.isFullScreen();
|
this.isFullscreen = this.isFullScreen();
|
||||||
|
|||||||
@@ -86,7 +86,7 @@ export default {
|
|||||||
if(current<0) current = 0;
|
if(current<0) current = 0;
|
||||||
var time = localStorage.getItem('videoProgressData');
|
var time = localStorage.getItem('videoProgressData');
|
||||||
var arr = time&&JSON.parse(time) || {}
|
var arr = time&&JSON.parse(time) || {}
|
||||||
console.log('down arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
|
//console.log('down arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
|
||||||
// 禁止拖动
|
// 禁止拖动
|
||||||
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
||||||
|
|
||||||
@@ -103,7 +103,7 @@ export default {
|
|||||||
if(current<0) current = 0;
|
if(current<0) current = 0;
|
||||||
var time = localStorage.getItem('videoProgressData');
|
var time = localStorage.getItem('videoProgressData');
|
||||||
var arr = time&&JSON.parse(time) || {}
|
var arr = time&&JSON.parse(time) || {}
|
||||||
console.log('move arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
|
//console.log('move arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
|
||||||
// 禁止拖动
|
// 禁止拖动
|
||||||
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
||||||
this.$emit("updateProgress", current);
|
this.$emit("updateProgress", current);
|
||||||
@@ -119,11 +119,12 @@ export default {
|
|||||||
if(current<0) current = 0;
|
if(current<0) current = 0;
|
||||||
var time = localStorage.getItem('videoProgressData');
|
var time = localStorage.getItem('videoProgressData');
|
||||||
var arr = time&&JSON.parse(time) || {}
|
var arr = time&&JSON.parse(time) || {}
|
||||||
console.log('up arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
|
//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;
|
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
||||||
this.$emit("updateProgress", current);
|
this.$emit("updateProgress", current);
|
||||||
this.$emit("getMouseDownStatus", false);
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -193,6 +193,20 @@ export const constantRoutes = [{
|
|||||||
name: 'caseDetail',
|
name: 'caseDetail',
|
||||||
meta: {title: '案例详情', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
|
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',
|
path: '/article',
|
||||||
hidden: true,
|
hidden: true,
|
||||||
|
|||||||
@@ -423,6 +423,7 @@ export function translate(field) {
|
|||||||
let name = '';
|
let name = '';
|
||||||
switch (field) {
|
switch (field) {
|
||||||
case 'total':name = '累计'; break;
|
case 'total':name = '累计'; break;
|
||||||
|
case 'now':name = '当前'; break;
|
||||||
case 'weeks':name = '本周'; break;
|
case 'weeks':name = '本周'; break;
|
||||||
case 'months':name = '本月'; break;
|
case 'months':name = '本月'; break;
|
||||||
case 'years':name = '本年'; break;
|
case 'years':name = '本年'; break;
|
||||||
|
|||||||
@@ -32,6 +32,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="margin: 5px 0 0 5px;">
|
||||||
|
<el-button type="primary" @click="recoRanking">推荐榜单</el-button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-table style="100%" :data="caseList" border stripe>
|
<el-table style="100%" :data="caseList" border stripe>
|
||||||
<el-table-column label="标题" prop="title" show-overflow-tooltip>
|
<el-table-column label="标题" prop="title" show-overflow-tooltip>
|
||||||
@@ -49,6 +52,7 @@
|
|||||||
<el-table-column label="操作">
|
<el-table-column label="操作">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button-group>
|
<el-button-group>
|
||||||
|
<el-button style="margin:0 5px" type="text" v-if="scope.row.recommendRank === ''" @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 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"
|
<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>
|
@click="setTop(scope.row)" icon="el-icon-top">置顶</el-button>
|
||||||
@@ -56,8 +60,12 @@
|
|||||||
@click="setTop(scope.row)" icon="el-icon-bottom">取消置顶</el-button>
|
@click="setTop(scope.row)" icon="el-icon-bottom">取消置顶</el-button>
|
||||||
<el-button type="text" icon="el-icon-medal"
|
<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.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="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>
|
</el-button-group>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -121,16 +129,91 @@
|
|||||||
</div>
|
</div>
|
||||||
<span slot="footer" class="dialog-footer"><el-button @click="recommend.dlgShow = false">关闭</el-button></span>
|
<span slot="footer" class="dialog-footer"><el-button @click="recommend.dlgShow = false">关闭</el-button></span>
|
||||||
</el-dialog>
|
</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>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import apiCase from '@/api/modules/cases.js';
|
import apiCase from '@/api/modules/cases.js';
|
||||||
import apiUser from '@/api/system/user.js'
|
import apiUser from '@/api/system/user.js'
|
||||||
|
import apiType from "@/api/modules/type.js";
|
||||||
export default {
|
export default {
|
||||||
name: 'articleItems',
|
name: 'articleItems',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
adminList: [],
|
||||||
|
caseType: process.env.VUE_APP_CASE_TYPE,
|
||||||
|
RankingShow: false,
|
||||||
|
bestYear: '',
|
||||||
|
bestOrg: '',
|
||||||
|
bestId: '',
|
||||||
|
bestTextarea: '',
|
||||||
|
bestValue: false,
|
||||||
excellent: false,
|
excellent: false,
|
||||||
queryObj: {
|
queryObj: {
|
||||||
pageIndex: 1,
|
pageIndex: 1,
|
||||||
@@ -139,6 +222,8 @@ export default {
|
|||||||
excellent: '',
|
excellent: '',
|
||||||
}, //查询对象
|
}, //查询对象
|
||||||
caseList: [], //案例列表
|
caseList: [], //案例列表
|
||||||
|
tableData: [],
|
||||||
|
caseIds: '',
|
||||||
count: 0,
|
count: 0,
|
||||||
recommend: {
|
recommend: {
|
||||||
dlgShow: false,
|
dlgShow: false,
|
||||||
@@ -171,8 +256,153 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getData();
|
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: {
|
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() {
|
importList() {
|
||||||
apiCase.exports(this.queryObj).then(res => {
|
apiCase.exports(this.queryObj).then(res => {
|
||||||
@@ -211,6 +441,11 @@ export default {
|
|||||||
message: '取消成功!'
|
message: '取消成功!'
|
||||||
});
|
});
|
||||||
this.getData()
|
this.getData()
|
||||||
|
}else{
|
||||||
|
this.$message({
|
||||||
|
type: 'error',
|
||||||
|
message: res.message
|
||||||
|
});
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
@@ -354,6 +589,12 @@ export default {
|
|||||||
this.$message({ type: 'info', message: '已取消删除', offset: 50 });
|
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) {
|
shareItem(item) {
|
||||||
this.shareItemData = { ...item }
|
this.shareItemData = { ...item }
|
||||||
@@ -467,6 +708,48 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<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 {
|
.article-status1 {
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
border: 1px dotted #1ea0fa;
|
border: 1px dotted #1ea0fa;
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
<li v-if="testPaper.deadlineTime">结束时间: {{ testPaper.deadlineTime }}</li>
|
<li v-if="testPaper.deadlineTime">结束时间: {{ testPaper.deadlineTime }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</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>
|
||||||
<div v-if="canExam" class="test-time" style="margin-top:20px" >
|
<div v-if="canExam" class="test-time" style="margin-top:20px" >
|
||||||
|
|||||||
@@ -118,7 +118,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
content: '认证讲师库(2023)';
|
content: '认证讲师库';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 25px;
|
bottom: 25px;
|
||||||
left: 180px;
|
left: 180px;
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
{img:'01',url:'1265897142383042560'},
|
{img:'01',url:'1265897142383042560'},
|
||||||
{img:'02',url:'1265697724606210048'},
|
{img:'02',url:'1265697724606210048'},
|
||||||
{img:'003',url:'1280185851054231552'},
|
{img:'003',url:'1280185851054231552'},
|
||||||
{img:'4',url:''},
|
{img:'04',url:'1321778585966247936'},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
getTeacherList() {
|
getTeacherList() {
|
||||||
addTeacher({pageNo:1,pageSize:100,keyword:''}).then(res=>{
|
addTeacher({pageNo:1,pageSize:20,keyword:''}).then(res=>{
|
||||||
this.options = res.data.map(item => {
|
this.options = res.data.map(item => {
|
||||||
return { value: item.realName, label: item.realName };
|
return { value: item.realName, label: item.realName };
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -64,7 +64,7 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
addTeacher() {
|
addTeacher() {
|
||||||
addTeacher({pageNo: 1, pageSize: 10, keyword: this.form.teacherNo}).then(res => {
|
addTeacher({pageNo: 1, pageSize: 10, userNo: this.form.teacherNo}).then(res => {
|
||||||
this.getProgress(res.data[0].id)
|
this.getProgress(res.data[0].id)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -100,7 +100,7 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
addTeacher() {
|
addTeacher() {
|
||||||
addTeacher({pageNo: 1, pageSize: 10, keyword: this.form.teacherNo}).then(res => {
|
addTeacher({pageNo: 1, pageSize: 10, userNo: this.form.teacherNo}).then(res => {
|
||||||
this.getProgress(res.data[0].id)
|
this.getProgress(res.data[0].id)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -56,7 +56,7 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
addTeacher(){
|
addTeacher(){
|
||||||
addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
|
addTeacher({pageNo:1,pageSize:10,userNo:this.form.teacherNo}).then(res=>{
|
||||||
this.getProgress(res.data[0].id)
|
this.getProgress(res.data[0].id)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -64,16 +64,17 @@ export default {
|
|||||||
getProgress({teacherId:id}).then(res=>{
|
getProgress({teacherId:id}).then(res=>{
|
||||||
this.progressData=res.data
|
this.progressData=res.data
|
||||||
if ( res.data.length>=1 ){
|
if ( res.data.length>=1 ){
|
||||||
res.data.forEach((item,index)=>{
|
const isAll = true;
|
||||||
if (item.progress==100 && index==res.data.length-1){
|
res.data.some(item => {
|
||||||
this.disabled=false
|
if (item.progress != 100) {
|
||||||
}else if (item.progress==100) {
|
this.disabled = true;
|
||||||
}else {
|
isAll = false;
|
||||||
this.disabled=true
|
return true;
|
||||||
return
|
}
|
||||||
|
});
|
||||||
|
if (isAll) {
|
||||||
|
this.disabled = false;
|
||||||
}
|
}
|
||||||
})
|
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -87,7 +87,7 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
addTeacher(){
|
addTeacher(){
|
||||||
addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
|
addTeacher({pageNo:1,pageSize:10,userNo:this.form.teacherNo}).then(res=>{
|
||||||
this.getProgress(res.data[0].id)
|
this.getProgress(res.data[0].id)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
getTeacherList() {
|
getTeacherList() {
|
||||||
addTeacher({pageNo:1,pageSize:100,keyword:''}).then(res=>{
|
addTeacher({pageNo:1,pageSize:20,keyword:''}).then(res=>{
|
||||||
this.options = res.data.map(item => {
|
this.options = res.data.map(item => {
|
||||||
return { value: item.realName, label: item.realName };
|
return { value: item.realName, label: item.realName };
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -90,7 +90,7 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
addTeacher(){
|
addTeacher(){
|
||||||
addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
|
addTeacher({pageNo:1,pageSize:10,userNo:this.form.teacherNo}).then(res=>{
|
||||||
this.getProgress(res.data[0].id)
|
this.getProgress(res.data[0].id)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -95,7 +95,7 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
addTeacher(){
|
addTeacher(){
|
||||||
addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
|
addTeacher({pageNo:1,pageSize:10,userNo:this.form.teacherNo}).then(res=>{
|
||||||
this.getProgress(res.data[0].id)
|
this.getProgress(res.data[0].id)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
242
src/views/portal/case/Charts.vue
Normal file
@@ -0,0 +1,242 @@
|
|||||||
|
<template>
|
||||||
|
<div class="charts">
|
||||||
|
<div class="charts_header">
|
||||||
|
<portal-header textColor="#fff"></portal-header>
|
||||||
|
<div class="text">
|
||||||
|
排行榜
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="charts_content">
|
||||||
|
<div class="charts_item" :style="{justifyContent:recommendRank.length>0?'':'center'}">
|
||||||
|
<div :style="{width:recommendRank.length>0?'':'600px',marginRight:recommendRank.length>0?'':'45px'}" class="charts_item_box charts_bg1">
|
||||||
|
<div class="charts_text">
|
||||||
|
<div class="text">好评榜</div>
|
||||||
|
<el-dropdown trigger="click" @command="positiveReview">
|
||||||
|
<span class="el-dropdown-link">
|
||||||
|
{{favorableName}}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||||
|
</span>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item command="total">总</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="quarter">季度</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
<ul class="charts_list">
|
||||||
|
<li v-for="(item, index) in Positive" :key="index" class="list">
|
||||||
|
<router-link style="display: flex;align-items: center;" :to="'/case/detail?id=' + item.caseId">
|
||||||
|
<img class="num" :src="require(
|
||||||
|
`../../../../public/images/${imgNumBlue(index)}.png`
|
||||||
|
)" alt="">
|
||||||
|
<span class="text">{{ item.caseTitle }}</span>
|
||||||
|
</router-link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div :style="{width:recommendRank.length>0?'':'600px'}" class="charts_item_box charts_bg2">
|
||||||
|
<div class="charts_text">
|
||||||
|
<div class="text">人气榜</div>
|
||||||
|
<el-dropdown trigger="click" @command="popularityReview">
|
||||||
|
<span class="el-dropdown-link">
|
||||||
|
{{popularityName}}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||||
|
</span>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item command="total">总</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="quarter">季度</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
<ul class="charts_list">
|
||||||
|
<li v-for="(item, index) in Popularity" :key="index" class="list">
|
||||||
|
<router-link style="display: flex;align-items: center;" :to="'/case/detail?id=' + item.caseId">
|
||||||
|
<img class="num" :src="require(
|
||||||
|
`../../../../public/images/${imgNumOrg(index)}.png`
|
||||||
|
)" alt="">
|
||||||
|
<span class="text">{{ item.caseTitle }}</span>
|
||||||
|
</router-link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div v-if="recommendRank.length > 0" class="charts_item_box charts_bg3">
|
||||||
|
<div class="charts_text">
|
||||||
|
<div class="text">推荐榜</div>
|
||||||
|
</div>
|
||||||
|
<ul class="charts_list">
|
||||||
|
<li v-for="(item, index) in recommendRank" :key="index" class="list">
|
||||||
|
<router-link style="display: flex;align-items: center;" :to="'/case/detail?id=' + item.caseId">
|
||||||
|
<img class="num" :src="require(
|
||||||
|
`../../../../public/images/${imgNumPink(index)}.png`
|
||||||
|
)" alt="">
|
||||||
|
<span class="text">{{ item.caseTitle }}</span>
|
||||||
|
</router-link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import apiCase from "@/api/modules/cases.js";
|
||||||
|
import portalHeader from '@/components/PortalHeader.vue'
|
||||||
|
export default {
|
||||||
|
name: 'charts',
|
||||||
|
components:{portalHeader},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
ankingList: [],//排行数据1
|
||||||
|
Popularity: [],//排行数据2
|
||||||
|
Positive: [],//排行数据3
|
||||||
|
recommendRank: [],
|
||||||
|
switch: {
|
||||||
|
'total': '总',
|
||||||
|
'quarter': '季度',
|
||||||
|
},
|
||||||
|
favorableName: '季度',
|
||||||
|
popularityName: '季度',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getPopularity();
|
||||||
|
this.getPositive();
|
||||||
|
this.getQueryRecommendRank()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getPopularity() {
|
||||||
|
apiCase.queryPraisesNew(10,this.popularityName == '季度' ? 1 : 2).then(res => {
|
||||||
|
if(res.status == 200) {
|
||||||
|
this.Popularity = res.result
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getPositive() {
|
||||||
|
apiCase.queryCommentsNew(10,this.favorableName == '季度' ? 3 : 4).then(res => {
|
||||||
|
if(res.status == 200) {
|
||||||
|
this.Positive = res.result
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getQueryRecommendRank(){
|
||||||
|
apiCase.queryRecommendRank(10).then(res => {
|
||||||
|
if(res.status == 200) {
|
||||||
|
this.recommendRank = res.result
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
imgNumBlue(index){
|
||||||
|
return 'listblue0' + (index+1)
|
||||||
|
},
|
||||||
|
imgNumOrg(index){
|
||||||
|
return (
|
||||||
|
index>2?'listblue0' + (index+1):'list0'+(index+1)
|
||||||
|
)
|
||||||
|
},
|
||||||
|
imgNumPink(index){
|
||||||
|
return (
|
||||||
|
index>2?'listblue0' + (index+1):'listred0'+(index+1)
|
||||||
|
)
|
||||||
|
},
|
||||||
|
positiveReview(e){
|
||||||
|
this.favorableName = this.switch[e]
|
||||||
|
this.getPositive()
|
||||||
|
},
|
||||||
|
popularityReview(e){
|
||||||
|
this.popularityName = this.switch[e]
|
||||||
|
this.getPopularity()
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.el-dropdown-link {
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
color: rgba(51,51,51,0.9);
|
||||||
|
}
|
||||||
|
.el-icon--right{
|
||||||
|
margin-left: 13px !important;
|
||||||
|
}
|
||||||
|
.charts{
|
||||||
|
min-height: 100vh;
|
||||||
|
background-color: #F2F5F7;
|
||||||
|
.charts_header{
|
||||||
|
width: 100%;
|
||||||
|
// height: 240px;
|
||||||
|
background: url('../../../../public/images/headerBack.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
padding-bottom: 37px;
|
||||||
|
.text{
|
||||||
|
margin-top: 41px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 340%;
|
||||||
|
color: #FFFFFF;
|
||||||
|
padding-left: 98px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.charts_content{
|
||||||
|
padding: 52px 91px 58px;
|
||||||
|
.charts_item{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.charts_item_box{
|
||||||
|
width: 30%;
|
||||||
|
padding: 30px;
|
||||||
|
background-color: #fff;
|
||||||
|
width: 30%;
|
||||||
|
min-height: 716px;
|
||||||
|
margin-right: 30px;
|
||||||
|
.charts_text{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 40px;
|
||||||
|
align-items: center;
|
||||||
|
.text{
|
||||||
|
font-size: 24px;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.charts_list{
|
||||||
|
.list{
|
||||||
|
cursor: pointer;
|
||||||
|
margin-top:30px;
|
||||||
|
line-height: 22px;
|
||||||
|
.num{
|
||||||
|
width: 25px;
|
||||||
|
height: 30px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #677D86;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.charts_bg1{
|
||||||
|
// width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: url('../../../../public/images/qa-box.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.charts_bg2{
|
||||||
|
// width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: url('../../../../public/images/list-or.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.charts_bg3{
|
||||||
|
// width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: url('../../../../public/images/list-pink.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -109,13 +109,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="xcontent2-minor" :style="{ display: zoomShow ? '' : 'none' }">
|
<div class="xcontent2-minor" :style="{ display: zoomShow ? '' : 'none' }">
|
||||||
<div>
|
|
||||||
<div id="fixd-box">
|
<div id="fixd-box">
|
||||||
<div class="portal-ranking ranking-bg">
|
<router-link class="the_charts" to="/case/charts">
|
||||||
|
<div class="text">排行榜</div>
|
||||||
|
<div class="icon">></div>
|
||||||
|
</router-link>
|
||||||
|
<div>
|
||||||
|
<div class="portal-ranking ranking-bg" style="padding: 20px 15px;max-height: 222px;">
|
||||||
|
<div style="display: flex;justify-content: space-between;">
|
||||||
<p class="ranking-title">好评榜</p>
|
<p class="ranking-title">好评榜</p>
|
||||||
|
<el-dropdown trigger="click" @command="positiveReview">
|
||||||
|
<span class="el-dropdown-link">
|
||||||
|
{{favorableName}}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||||
|
</span>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item command="total">总</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="quarter">季度</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
<ul class="ranking-data">
|
<ul class="ranking-data">
|
||||||
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
|
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
|
||||||
style="cursor: pointer;margin-top:30px;line-height: 22px;" @click="jumpRouter(item)">
|
style="cursor: pointer;margin-top:15px;line-height: 22px;" @click="jumpRouter(item)">
|
||||||
<span class="portal-right-text blue-one" v-if="index == 0">
|
<span class="portal-right-text blue-one" v-if="index == 0">
|
||||||
<img :src="`${webBaseUrl}/images/listblue01.png`" alt="">
|
<img :src="`${webBaseUrl}/images/listblue01.png`" alt="">
|
||||||
</span>
|
</span>
|
||||||
@@ -131,15 +146,26 @@
|
|||||||
<span class="portal-right-text" v-if="index == 4">
|
<span class="portal-right-text" v-if="index == 4">
|
||||||
<img :src="`${webBaseUrl}/images/list05.png`" alt="">
|
<img :src="`${webBaseUrl}/images/list05.png`" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
|
<span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:26px" class="portal-ranking ranking-bg1">
|
<div style="padding: 20px 15px;max-height: 222px;margin-top: 20px;" class="portal-ranking ranking-bg1">
|
||||||
|
<div style="display: flex;justify-content: space-between;">
|
||||||
<p class="ranking-title">人气榜</p>
|
<p class="ranking-title">人气榜</p>
|
||||||
|
<el-dropdown trigger="click" @command="popularityReview">
|
||||||
|
<span class="el-dropdown-link">
|
||||||
|
{{popularityName}}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||||
|
</span>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item command="total">总</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="quarter">季度</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
<ul class="ranking-data">
|
<ul class="ranking-data">
|
||||||
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis"
|
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis"
|
||||||
style="cursor: pointer;margin-top:30px;line-height: 22px;" @click="jumpRouter(item)">
|
style="cursor: pointer;margin-top:15px;line-height: 22px;" @click="jumpRouter(item)">
|
||||||
<span class="portal-right-text orange-one" v-if="index == 0">
|
<span class="portal-right-text orange-one" v-if="index == 0">
|
||||||
<img :src="`${webBaseUrl}/images/list-01.png`" alt="">
|
<img :src="`${webBaseUrl}/images/list-01.png`" alt="">
|
||||||
</span>
|
</span>
|
||||||
@@ -155,7 +181,27 @@
|
|||||||
<span class="portal-right-text" v-if="index == 4">
|
<span class="portal-right-text" v-if="index == 4">
|
||||||
<img :src="`${webBaseUrl}/images/list05.png`" alt="">
|
<img :src="`${webBaseUrl}/images/list05.png`" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
|
<span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div v-if="recommendRank.length > 0" class="portal-ranking ranking-bg2" style="padding: 20px 15px;max-height: 222px;margin-top: 20px;">
|
||||||
|
<p class="ranking-title">推荐榜</p>
|
||||||
|
<ul class="ranking-data">
|
||||||
|
<li v-for="(item, index) in recommendRank" :key="index" class="title-line-ellipsis"
|
||||||
|
style="cursor: pointer;margin-top:15px;line-height: 22px;">
|
||||||
|
<router-link :to="'/case/detail?id=' + item.caseId">
|
||||||
|
<span class="portal-right-text blue-one" v-if="index == 0">
|
||||||
|
<img :src="`${webBaseUrl}/images/listred01 .png`" alt="">
|
||||||
|
</span>
|
||||||
|
<span class="portal-right-text blue-tow" v-if="index == 1">
|
||||||
|
<img :src="`${webBaseUrl}/images/listred02.png`" alt="">
|
||||||
|
</span>
|
||||||
|
<span class="portal-right-text blue-three" v-if="index == 2">
|
||||||
|
<img :src="`${webBaseUrl}/images/listred03.png`" alt="">
|
||||||
|
</span>
|
||||||
|
<span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
|
||||||
|
</router-link>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -199,6 +245,12 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
switch: {
|
||||||
|
'total': '总',
|
||||||
|
'quarter': '季度',
|
||||||
|
},
|
||||||
|
favorableName: '季度',
|
||||||
|
popularityName: '季度',
|
||||||
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
|
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
|
||||||
resonimg: {},
|
resonimg: {},
|
||||||
Internet: 3,//1是成功 2是是失败 3是检测中
|
Internet: 3,//1是成功 2是是失败 3是检测中
|
||||||
@@ -210,6 +262,7 @@ export default {
|
|||||||
ankingList: [],
|
ankingList: [],
|
||||||
Popularity: [],
|
Popularity: [],
|
||||||
Positive: [],
|
Positive: [],
|
||||||
|
recommendRank: [],
|
||||||
resolveId: '',
|
resolveId: '',
|
||||||
basePath: process.env.VUE_APP_FILE_BASE_URL,
|
basePath: process.env.VUE_APP_FILE_BASE_URL,
|
||||||
pdfPath: '',
|
pdfPath: '',
|
||||||
@@ -271,6 +324,14 @@ export default {
|
|||||||
this.cumulativeDuration = 0;
|
this.cumulativeDuration = 0;
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
positiveReview(e){
|
||||||
|
this.favorableName = this.switch[e]
|
||||||
|
this.getPositive()
|
||||||
|
},
|
||||||
|
popularityReview(e){
|
||||||
|
this.popularityName = this.switch[e]
|
||||||
|
this.getPopularity()
|
||||||
|
},
|
||||||
endTimeRequst(caseId, recordEndTime) {
|
endTimeRequst(caseId, recordEndTime) {
|
||||||
console.log(this.dataTime);
|
console.log(this.dataTime);
|
||||||
let time = (recordEndTime - this.dataTime) / 1000 / 60
|
let time = (recordEndTime - this.dataTime) / 1000 / 60
|
||||||
@@ -297,6 +358,7 @@ export default {
|
|||||||
this.getAnkingData();
|
this.getAnkingData();
|
||||||
this.getPopularity();
|
this.getPopularity();
|
||||||
this.getPositive();
|
this.getPositive();
|
||||||
|
this.getQueryRecommendRank();
|
||||||
this.couresreso();
|
this.couresreso();
|
||||||
this.retest();
|
this.retest();
|
||||||
window.addEventListener(
|
window.addEventListener(
|
||||||
@@ -329,7 +391,7 @@ export default {
|
|||||||
timedOut = true;
|
timedOut = true;
|
||||||
xmlhttp.abort();
|
xmlhttp.abort();
|
||||||
}, 5000);
|
}, 5000);
|
||||||
xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn", true);
|
xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn/500.html", true);
|
||||||
xmlhttp.send();
|
xmlhttp.send();
|
||||||
xmlhttp.onreadystatechange = function () {
|
xmlhttp.onreadystatechange = function () {
|
||||||
if (xmlhttp.readyState == 4) {
|
if (xmlhttp.readyState == 4) {
|
||||||
@@ -442,13 +504,13 @@ export default {
|
|||||||
// location.href =`${this.webBaseUrl}/case/detail?id=${item.id}`
|
// location.href =`${this.webBaseUrl}/case/detail?id=${item.id}`
|
||||||
// this.$router.push(`/case/detail?id=${item.id}`);
|
// this.$router.push(`/case/detail?id=${item.id}`);
|
||||||
const currentRoute = this.$router.currentRoute;
|
const currentRoute = this.$router.currentRoute;
|
||||||
if (currentRoute.query.id !== item.id) {
|
if (currentRoute.query.id !== item.caseId) {
|
||||||
this.$router.push('/case/detail?id=' + item.id);
|
this.$router.push('/case/detail?id=' + item.caseId);
|
||||||
} else {
|
} else {
|
||||||
// 结束时间
|
// 结束时间
|
||||||
let recordEndTime = new Date().getTime()
|
let recordEndTime = new Date().getTime()
|
||||||
this.endTimeRequst(item.id, recordEndTime)
|
this.endTimeRequst(item.id, recordEndTime)
|
||||||
location.href = `${this.webBaseUrl}/case/detail?id=${item.id}`
|
location.href = `${this.webBaseUrl}/case/detail?id=${item.caseId}`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
goTop() {
|
goTop() {
|
||||||
@@ -489,9 +551,9 @@ export default {
|
|||||||
if (pdfTopBox.getBoundingClientRect().top < 1000) {
|
if (pdfTopBox.getBoundingClientRect().top < 1000) {
|
||||||
document.querySelector('#pdfTopBox').style.cssText = "position:static";
|
document.querySelector('#pdfTopBox').style.cssText = "position:static";
|
||||||
}
|
}
|
||||||
if (scrollTop > 630) {
|
if (scrollTop > 240) {
|
||||||
this.isTopBoxShow = true;
|
this.isTopBoxShow = true;
|
||||||
document.querySelector('#fixd-box').style.cssText = "position: fixed;top: -400px;width:" + outerWidth + "px";
|
document.querySelector('#fixd-box').style.cssText = "position: fixed;top: 10px;width:" + outerWidth + "px";
|
||||||
} else {
|
} else {
|
||||||
document.querySelector('#fixd-box').style.cssText = "position: static";
|
document.querySelector('#fixd-box').style.cssText = "position: static";
|
||||||
}
|
}
|
||||||
@@ -505,40 +567,53 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
getPopularity() {
|
getPopularity() {
|
||||||
apiCase.queryPraises(5).then(res => {
|
// apiCase.queryPraises(5).then(res => {
|
||||||
|
// if (res.status == 200) {
|
||||||
|
// this.Popularity = res.result;
|
||||||
|
// if (res.result.length < 5) {
|
||||||
|
// for (let i = 0; i = (5 - res.result.length); i++) {
|
||||||
|
// this.Popularity.push({
|
||||||
|
// authorName: '',
|
||||||
|
// count: 1,
|
||||||
|
// id: '',
|
||||||
|
// title: '',
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
apiCase.queryPraisesNew(3,this.popularityName == '季度' ? 1 : 2).then(res => {
|
||||||
if(res.status == 200) {
|
if(res.status == 200) {
|
||||||
this.Popularity = res.result;
|
this.Popularity = res.result
|
||||||
if (res.result.length < 5) {
|
}
|
||||||
for (let i = 0; i = (5 - res.result.length); i++) {
|
|
||||||
this.Popularity.push({
|
|
||||||
authorName: '',
|
|
||||||
count: 1,
|
|
||||||
id: '',
|
|
||||||
title: '',
|
|
||||||
})
|
})
|
||||||
}
|
},
|
||||||
}
|
getQueryRecommendRank(){
|
||||||
|
apiCase.queryRecommendRank(3).then(res => {
|
||||||
|
if(res.status == 200) {
|
||||||
|
this.recommendRank = res.result
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getPositive() {
|
getPositive() {
|
||||||
apiCase.queryComments(5).then(res => {
|
// apiCase.queryComments(5).then(res => {
|
||||||
|
// if (res.status == 200) {
|
||||||
|
// this.Positive = res.result;
|
||||||
|
// if (res.result.length < 5) {
|
||||||
|
// for (let i = 0; i = (5 - res.result.length); i++) {
|
||||||
|
// this.Positive.push({
|
||||||
|
// authorName: '',
|
||||||
|
// count: 1,
|
||||||
|
// id: '',
|
||||||
|
// title: '',
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
apiCase.queryCommentsNew(3,this.favorableName == '季度' ? 3 : 4).then(res => {
|
||||||
if(res.status == 200) {
|
if(res.status == 200) {
|
||||||
this.Positive = res.result;
|
this.Positive = res.result
|
||||||
if (res.result.length < 5) {
|
|
||||||
for (let i = 0; i = (5 - res.result.length); i++) {
|
|
||||||
this.Positive.push({
|
|
||||||
authorName: '',
|
|
||||||
count: 1,
|
|
||||||
id: '',
|
|
||||||
title: '',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
// console.log(this.Positive);
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -659,7 +734,32 @@ export default {
|
|||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.the_charts{
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 18px;
|
||||||
|
max-width: 400px;
|
||||||
|
min-width: 260px;
|
||||||
|
height: 47px;
|
||||||
|
background: #DDEDFF;
|
||||||
|
border-radius: 8px;
|
||||||
|
.text{
|
||||||
|
font-size: 18px;
|
||||||
|
color: #387DF7;
|
||||||
|
}
|
||||||
|
.icon{
|
||||||
|
position: absolute;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #387DF7;
|
||||||
|
right: 25px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
.pdftext {
|
.pdftext {
|
||||||
|
|
||||||
// padding: 0 20px;
|
// padding: 0 20px;
|
||||||
|
|||||||
666
src/views/portal/case/Excellent.vue
Normal file
@@ -0,0 +1,666 @@
|
|||||||
|
<template>
|
||||||
|
<div class="excellent">
|
||||||
|
<div class="charts_header">
|
||||||
|
<portal-header textColor="#fff"></portal-header>
|
||||||
|
<div class="text">
|
||||||
|
浏览TOP榜单
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ex_content">
|
||||||
|
<div class="ex_top">
|
||||||
|
<div class="ex_select">
|
||||||
|
<div class="ex_left">
|
||||||
|
<div style="margin-right: 12px;">
|
||||||
|
<el-select v-model="majorValue" @change="majorChange" placeholder="请选择专业">
|
||||||
|
<el-option
|
||||||
|
v-for="item in speciDataNew"
|
||||||
|
:key="item.name"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.code">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-select v-model="monthValue" @change="monthChange" placeholder="请选择月份">
|
||||||
|
<el-option
|
||||||
|
v-for="item in optionsMonth"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ex_right" @click="goCase">返回</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="caseList.list.length != 0" class="data-content">
|
||||||
|
<div v-for="item in caseList.list" :key="item.id" class="case-list">
|
||||||
|
<div class="case-info" style="padding-bottom: 28px;">
|
||||||
|
<div class="case-info-cont">
|
||||||
|
<div @click="toCaseDetail(item.id, item.refId)" style="cursor: pointer;">
|
||||||
|
<div class="case-info-title">
|
||||||
|
<div class="case-titdiv">
|
||||||
|
<div class="case-tittext">
|
||||||
|
<span class="title-line-ellipsis" v-html="item.title"></span>
|
||||||
|
</div>
|
||||||
|
<div class="case-activeText">
|
||||||
|
<!-- <span v-if="item.breCommend" class="comWords"
|
||||||
|
style="background-color:rgba(232, 139, 72);">荐</span>
|
||||||
|
<span v-if="item.excellent" class="comWords" style="background-color:red;">最佳</span> -->
|
||||||
|
<span v-if="item.excellentTag" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
|
||||||
|
{{item.excellentTag}}
|
||||||
|
</span>
|
||||||
|
<span v-if="item.viewRankTags.length != 0" v-for="tag in item.viewRankTags" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
|
||||||
|
{{tag.tagName}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="case-info-date portal-time">
|
||||||
|
<i class="el-icon-time"></i>
|
||||||
|
<time-show :time="item.sysCreateTime"></time-show>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="height:58px;padding-top:14px ">
|
||||||
|
<author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo"
|
||||||
|
:sex="item.authorInfo.sex" :authorTags="item.authorTags" :aid="item.authorInfo.aid">
|
||||||
|
<template>
|
||||||
|
<div v-if="item.breCommend"
|
||||||
|
style="padding-top: 6px;flex: 1;display: flex;justify-content: flex-end;color: #999;font-size: 12px;">
|
||||||
|
<span>{{ item.recommendOrgName }}推荐</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</author>
|
||||||
|
</div>
|
||||||
|
<div @click="toCaseDetail(item.id, item.refId)" style="cursor: pointer;">
|
||||||
|
<div class="keyword-text clearfix">
|
||||||
|
<div style="color:#2974D6;font-weight: 450;" v-if="item.orgDomainParent">
|
||||||
|
{{ orgDomainTranslate(item.orgDomainParent) }}
|
||||||
|
</div>
|
||||||
|
<div style="color:#2974D6;font-weight: 450;" v-for="(item, idx) in item.majorType" :key="idx">
|
||||||
|
{{ majorTypeTranslate(item) }}
|
||||||
|
</div>
|
||||||
|
<div v-if="item.keyword1">{{ item.keyword1 }}</div>
|
||||||
|
<div v-if="item.keyword2">{{ item.keyword2 }}</div>
|
||||||
|
<div v-if="item.keyword3">{{ item.keyword3 }}</div>
|
||||||
|
<div v-if="item.keyword4">{{ item.keyword4 }}</div>
|
||||||
|
<div v-if="item.keyword5">{{ item.keyword5 }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="case-info-summary two-line-ellipsis" @click="toCaseDetail(item.id, item.refId)">
|
||||||
|
{{ item.summary }}
|
||||||
|
</div>
|
||||||
|
<!-- <div style="display: flex;justify-content: flex-end;">
|
||||||
|
<div style="margin:8px 0;">
|
||||||
|
<interactBar :type="3" :data="item" :comments="false" :shares="true"></interactBar>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="caseList.showPagCount > queryCondition.pageSize">
|
||||||
|
<pagination :size="queryCondition.pageSize" :total="caseList.count" :page="queryCondition.pageIndex"
|
||||||
|
layout="total, prev, pager, next, jumper" @change-page="currentChange"></pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pagination-div" v-if="caseList.list.length == 0">
|
||||||
|
<span class="notcoures">
|
||||||
|
<img :src="`${webBaseUrl}/images/nocase.png`" alt="">
|
||||||
|
<h5>暂无案例,请优先学习其它案例吧~</h5>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div v-if="isSeach" style="height:382px">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapGetters } from "vuex";
|
||||||
|
import portalHeader from "@/components/PortalHeader.vue";
|
||||||
|
import portalFooter from "@/components/PortalFooter.vue";
|
||||||
|
import portalFloatTools from "@/components/PortalFloatTools.vue";
|
||||||
|
import interactBar from "@/components/Portal/interactBar.vue";
|
||||||
|
import timeShow from "@/components/Portal/datetimeShow.vue";
|
||||||
|
import author from "@/components/Portal/authorInfo.vue";
|
||||||
|
import apiCase from "@/api/modules/cases.js";
|
||||||
|
import apiUser from "@/api/system/user.js";
|
||||||
|
import apiSearchterm from "@/api/modules/searchterm.js";
|
||||||
|
import { deepClone } from "../../../utils";
|
||||||
|
import apiDict from "@/api/modules/dict.js";
|
||||||
|
import apiType from "@/api/modules/type.js";
|
||||||
|
import { cutFullName } from "@/utils/tools.js";
|
||||||
|
import apiPlace from "@/api/phase2/place.js"
|
||||||
|
export default {
|
||||||
|
name: 'excellent',
|
||||||
|
components: {
|
||||||
|
portalHeader,
|
||||||
|
portalFooter,
|
||||||
|
portalFloatTools,
|
||||||
|
interactBar,
|
||||||
|
timeShow,
|
||||||
|
author
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
majorId: '',
|
||||||
|
rankMonth: '',
|
||||||
|
optionsMonth: [],
|
||||||
|
majorValue: '',
|
||||||
|
monthValue: '',
|
||||||
|
caseList: {
|
||||||
|
count: 0,
|
||||||
|
list: [],
|
||||||
|
showPagCount: 0
|
||||||
|
},
|
||||||
|
isSeach: false,
|
||||||
|
domain: [],//组织领域
|
||||||
|
speciData: [],//专业分类
|
||||||
|
speciDataNew: [],
|
||||||
|
monthsObject: {},
|
||||||
|
treeList:[],
|
||||||
|
queryCondition: {
|
||||||
|
pageIndex: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
majorType: '', //专业分类code
|
||||||
|
excellent: true,
|
||||||
|
keyWord: '',
|
||||||
|
orgDomainDtos: [],
|
||||||
|
caseType: process.env.VUE_APP_CASE_TYPE,
|
||||||
|
authorName: '',
|
||||||
|
notInIds: [],
|
||||||
|
type: 'all',
|
||||||
|
userId: '',
|
||||||
|
parent: '',
|
||||||
|
children: [],
|
||||||
|
name: '',
|
||||||
|
years: [],
|
||||||
|
// 随机
|
||||||
|
notInIds: [],//重复的id
|
||||||
|
orderField: "id",
|
||||||
|
orderAsc: false,//排序
|
||||||
|
sysType1:'',
|
||||||
|
sysType2:'',
|
||||||
|
sysType3:''
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.majorValue = this.$route.query.majorName
|
||||||
|
const dateStr = this.$route.query.riseRankTime;
|
||||||
|
const year = dateStr.substring(2, 4) + '年';
|
||||||
|
const month = dateStr.substring(5, 7) + '月';
|
||||||
|
this.monthValue = year + month;
|
||||||
|
this.getCaseData()
|
||||||
|
Promise.all([apiType.treeList(1,Number(this.caseType ?? 155),1), apiCase.majorTypes(),apiCase.queryAllTimePopularityOfMajor()]).then(rs => {
|
||||||
|
if (rs[0].code == 200) {
|
||||||
|
const {records} = rs[0].data
|
||||||
|
records.forEach(item => {
|
||||||
|
item.fielclass = false;
|
||||||
|
item.type = 'org_domain';
|
||||||
|
item.list = item.children ? item.children : []
|
||||||
|
if (Array.isArray(item.children)) {
|
||||||
|
item.list.forEach(sub => {
|
||||||
|
sub.list = sub.children ? sub.children : []
|
||||||
|
sub.fielclass = false
|
||||||
|
if (Array.isArray(sub.children)) {
|
||||||
|
sub.list.forEach(three => {
|
||||||
|
three.list = three.children ? three.children : []
|
||||||
|
three.fielclass = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.domain = records;
|
||||||
|
}
|
||||||
|
if (rs[1].status == 200) {
|
||||||
|
rs[1].result.forEach(item => {
|
||||||
|
item.fielclass = false;
|
||||||
|
item.type = 'major_type';
|
||||||
|
})
|
||||||
|
this.speciData = rs[1].result;
|
||||||
|
}
|
||||||
|
if(rs[2].status == 200){
|
||||||
|
const months = Object.keys(rs[2].result)
|
||||||
|
this.monthsObject = rs[2].result
|
||||||
|
months.forEach(item=>{
|
||||||
|
rs[1].result.forEach(sub=>{
|
||||||
|
if(item == sub.code){
|
||||||
|
this.speciDataNew.push(sub)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.selectMonth(this.$route.query.majorId)
|
||||||
|
});
|
||||||
|
this.loadTypeData();//加载分类
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
tagList() { //列表属性,用于计算
|
||||||
|
let list = [];
|
||||||
|
if (this.keyWord) {
|
||||||
|
list.push({ type: '0', code: 'keyword', name: this.keyWord, checked: true })
|
||||||
|
}
|
||||||
|
this.domain.forEach(one => {
|
||||||
|
var twoChildChecked = false;//是否有下级
|
||||||
|
one.list.forEach(two => {
|
||||||
|
if (two.fielclass) {
|
||||||
|
twoChildChecked = true;
|
||||||
|
}
|
||||||
|
var threeChildChecked = false;
|
||||||
|
two.list.forEach(three => {
|
||||||
|
if (three.fielclass) {
|
||||||
|
list.push(three);
|
||||||
|
threeChildChecked = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (two.fielclass && !threeChildChecked) {
|
||||||
|
list.push(two);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (one.fielclass && !twoChildChecked) {
|
||||||
|
list.push(one);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.speciData.forEach(item => {
|
||||||
|
if (item.fielclass) {
|
||||||
|
list.push(item);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.treeList.forEach(one => {
|
||||||
|
var twoChildChecked = false;//是否有下级
|
||||||
|
one.children && one.children.forEach(two => {
|
||||||
|
if (two.checked) {
|
||||||
|
twoChildChecked = true;
|
||||||
|
}
|
||||||
|
var threeChildChecked = false;
|
||||||
|
two.children && two.children.forEach(three => {
|
||||||
|
if (three.checked) {
|
||||||
|
list.push(three);
|
||||||
|
threeChildChecked = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (two.checked && !threeChildChecked) {
|
||||||
|
list.push(two);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (one.checked && !twoChildChecked) {
|
||||||
|
list.push(one);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
return list;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
selectMonth(e){
|
||||||
|
this.optionsMonth = this.monthsObject[e].map(item=>{
|
||||||
|
return {
|
||||||
|
value: item,
|
||||||
|
label: item.split('-')[0]+'年'+item.split('-')[1]+'月'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
majorChange(e){
|
||||||
|
this.selectMonth(e)
|
||||||
|
this.majorId = e
|
||||||
|
this.rankMonth = '20' + this.optionsMonth[0].value + '-' + '20'
|
||||||
|
this.monthValue = this.optionsMonth[0].label
|
||||||
|
this.getCaseData()
|
||||||
|
},
|
||||||
|
monthChange(e){
|
||||||
|
this.rankMonth ='20' + e + '-' + '20'
|
||||||
|
this.getCaseData()
|
||||||
|
},
|
||||||
|
orgDomainTranslate(code) { // 组织领域翻译
|
||||||
|
if (code == '') {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let name = '';
|
||||||
|
let data = this.domain.find(item => {
|
||||||
|
return item.code == code;
|
||||||
|
});
|
||||||
|
if (data) {
|
||||||
|
name = data.name;
|
||||||
|
}
|
||||||
|
return name;
|
||||||
|
},
|
||||||
|
majorTypeTranslate(code) { // 专业分类翻译
|
||||||
|
let name = '';
|
||||||
|
let data = this.speciData.find(item => item.code == code);
|
||||||
|
if (data) {
|
||||||
|
name = data.name;
|
||||||
|
}
|
||||||
|
return name;
|
||||||
|
},
|
||||||
|
async loadTypeData() {
|
||||||
|
try {
|
||||||
|
const { result, status } = await apiType.tree(1);
|
||||||
|
if (status === 200) {
|
||||||
|
result.forEach(one => {
|
||||||
|
one.checked = false;
|
||||||
|
if(!one.children) one.children = []
|
||||||
|
one.children && one.children.forEach(two => {
|
||||||
|
two.checked = false;
|
||||||
|
if(!two.children) two.children = []
|
||||||
|
two.children && two.children.forEach(three => {
|
||||||
|
three.checked = false;
|
||||||
|
if(!three.children) three.children = []
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.treeList = result
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
// console.log(error);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
goCase() {
|
||||||
|
this.$router.go(-1);
|
||||||
|
},
|
||||||
|
toCaseDetail(id, refId) {
|
||||||
|
if (refId) {
|
||||||
|
apiCase.startReadTimer(refId)
|
||||||
|
}
|
||||||
|
this.$router.push({ path: '/case/detail', query: { id } });
|
||||||
|
},
|
||||||
|
getAllFielclass() { //获取全部选中的标签
|
||||||
|
let newlist = JSON.parse(JSON.stringify(this.domain))
|
||||||
|
return newlist.filter(one => {
|
||||||
|
one.list = one.list.filter(two => {
|
||||||
|
two.list = two.list.filter(three => {
|
||||||
|
return three.fielclass;
|
||||||
|
})
|
||||||
|
return two.fielclass;
|
||||||
|
});
|
||||||
|
return one.fielclass
|
||||||
|
})
|
||||||
|
},
|
||||||
|
currentChange(val) {
|
||||||
|
this.caseList.showPagCount = 0
|
||||||
|
this.queryCondition.pageIndex = val
|
||||||
|
this.getCaseData()
|
||||||
|
},
|
||||||
|
getCaseUserData(caseList) {
|
||||||
|
let ids = caseList.map((item, index) => {
|
||||||
|
return item.authorId;
|
||||||
|
});
|
||||||
|
//不能为空
|
||||||
|
if (!ids.length) return
|
||||||
|
|
||||||
|
const noReapetIds = [...new Set(ids)];
|
||||||
|
apiUser.getByIds(noReapetIds).then(res => {
|
||||||
|
if (res.status == 200) {
|
||||||
|
caseList.forEach((item, index) => {
|
||||||
|
res.result.some(author => {
|
||||||
|
if (author.aid == item.authorId) {
|
||||||
|
item.authorInfo = author;
|
||||||
|
author.orgInfo = cutFullName(author.orgInfo, 1);
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async getCaseData() {
|
||||||
|
let majorTypeList = [];
|
||||||
|
let allFielclass = JSON.parse(JSON.stringify(this.getAllFielclass()));
|
||||||
|
// 获取树状id
|
||||||
|
this.queryCondition.orgDomainDtos = allFielclass.map(item => {
|
||||||
|
item.list = item.list.map(two => {
|
||||||
|
two.list = two.list.map(three => {
|
||||||
|
return {
|
||||||
|
parent: three.code
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return {
|
||||||
|
parent: two.code,
|
||||||
|
children: two.list || []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return {
|
||||||
|
parent: item.code,
|
||||||
|
children: item.list || []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// 专业分类的id
|
||||||
|
this.tagList.forEach(tag => {
|
||||||
|
if (tag.type == '0') {
|
||||||
|
this.queryCondition.keyWord = tag.name;
|
||||||
|
} else if (tag.type == 'major_type') {
|
||||||
|
majorTypeList.push(tag.code);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.queryCondition.majorType = majorTypeList.join(',');
|
||||||
|
this.queryCondition.majorId = this.majorId || this.$route.query.majorId
|
||||||
|
this.queryCondition.rankMonth = (this.rankMonth || this.$route.query.riseRankTime) + ' 00:00:00'
|
||||||
|
await apiCase.queryPopularityOfMajor(this.queryCondition).then((res) => {
|
||||||
|
if (res.status == 200) {
|
||||||
|
if (res.result.length > 0) {
|
||||||
|
this.isSeach = false;
|
||||||
|
res.result.forEach(item => {
|
||||||
|
item.majorType = item.majorType ? item.majorType.split(",") : [];
|
||||||
|
item.isAll = false;
|
||||||
|
item.authorInfo = {
|
||||||
|
aid: "",
|
||||||
|
name: "",
|
||||||
|
orgInfo: "",
|
||||||
|
avatar: "",
|
||||||
|
sex: null
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
res.result.forEach(item=>{
|
||||||
|
item.viewRankTags = item.viewRankTags.slice(0,2)
|
||||||
|
})
|
||||||
|
this.caseList.list = res.result
|
||||||
|
if(this.caseList.length == 0){
|
||||||
|
this.isSeach = true
|
||||||
|
}else{
|
||||||
|
this.isSeach = false
|
||||||
|
}
|
||||||
|
this.getCaseUserData(res.result);
|
||||||
|
// 给所有的赋值
|
||||||
|
this.caseList.count = res.result.count;
|
||||||
|
this.caseList.showPagCount = res.result.count;
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
// console.log(err);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.keyword-text {
|
||||||
|
|
||||||
|
div {
|
||||||
|
padding: 0px 8px;
|
||||||
|
margin-top: 5px;
|
||||||
|
float: left;
|
||||||
|
line-height: 24px;
|
||||||
|
font-size: 12px;
|
||||||
|
border-radius: 2px;
|
||||||
|
margin-right: 8px;
|
||||||
|
color: #2C68FF;
|
||||||
|
height: 24px;
|
||||||
|
background: rgba(44, 104, 255, 0.06);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.case-titdiv {
|
||||||
|
line-height: 30px;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.case-tittext {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333333;
|
||||||
|
max-width: 67%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-activeText {
|
||||||
|
line-height: 27.5px;
|
||||||
|
|
||||||
|
.comWords {
|
||||||
|
color: white;
|
||||||
|
font-size: 12px;
|
||||||
|
border-radius: 2px;
|
||||||
|
padding: 2px 4px;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.excellent{
|
||||||
|
background-color: #F2F5F7;
|
||||||
|
min-height: 100vh;
|
||||||
|
.charts_header{
|
||||||
|
width: 100%;
|
||||||
|
// height: 240px;
|
||||||
|
background: url('../../../../public/images/headerBack.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
padding-bottom: 37px;
|
||||||
|
.text{
|
||||||
|
margin-top: 41px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 340%;
|
||||||
|
color: #FFFFFF;
|
||||||
|
padding-left: 98px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ex_content{
|
||||||
|
padding: 31px 90px 103px;
|
||||||
|
.ex_top{
|
||||||
|
background-color: #F2F5F7;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
.ex_text{
|
||||||
|
font-size: 20px;
|
||||||
|
color: #fff;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.ex_select{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.ex_left{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.ex_right{
|
||||||
|
width: 71px;
|
||||||
|
height: 38px;
|
||||||
|
background: #2478FF;
|
||||||
|
border-radius: 4px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 38px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.data-content {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 5px 50px;
|
||||||
|
|
||||||
|
::v-deep .interact-bar-btns {
|
||||||
|
.interact-bar-btn {
|
||||||
|
text-align: right;
|
||||||
|
min-width: 78px !important;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-list:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-list {
|
||||||
|
border-bottom: 1px solid rgba(153, 153, 153, .2);
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
padding-left: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-image {
|
||||||
|
width: 230px;
|
||||||
|
height: 170px;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-info {
|
||||||
|
.case-info-cont {
|
||||||
|
.case-info-title {
|
||||||
|
font-size: 15px;
|
||||||
|
color: #333;
|
||||||
|
font-weight: 600;
|
||||||
|
height: 30px;
|
||||||
|
|
||||||
|
.case-info-date {
|
||||||
|
flex: 1;
|
||||||
|
text-align: right;
|
||||||
|
font-weight: normal;
|
||||||
|
|
||||||
|
// font-size: 12px;
|
||||||
|
// height: 30px;
|
||||||
|
// font-weight: 200;
|
||||||
|
// color: #8590a6;
|
||||||
|
i {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-info-summary {
|
||||||
|
margin-top: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
word-break: break-all;
|
||||||
|
line-height: 24px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333330;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-info-tools {
|
||||||
|
height: 30px;
|
||||||
|
|
||||||
|
.case-info-tools-auth {
|
||||||
|
float: left;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #999999;
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin-right: 10px;
|
||||||
|
width: 30px;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
border-radius: 50%;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-info-tools-btns {
|
||||||
|
float: right;
|
||||||
|
|
||||||
|
.case-info-tools-btn {
|
||||||
|
margin: 0 0 0 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -370,7 +370,15 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if(r.content==''){
|
||||||
|
apiCourseFile.detail(r.contentRefId).then(cfrs=>{
|
||||||
|
if(cfrs.status==200){
|
||||||
|
r.content=cfrs.result.previewFilePath;
|
||||||
|
}else{
|
||||||
|
$this.$message.error('加载pdf课件文件失败');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
this.contentData = r;
|
this.contentData = r;
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -501,7 +501,7 @@
|
|||||||
}
|
}
|
||||||
treeList.push(treeNode);
|
treeList.push(treeNode);
|
||||||
});
|
});
|
||||||
console.log(treeList,'treeList')
|
// console.log(treeList,'treeList')
|
||||||
return treeList;
|
return treeList;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -652,7 +652,7 @@
|
|||||||
} else {
|
} else {
|
||||||
this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign;
|
this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign;
|
||||||
}
|
}
|
||||||
console.log('this.contentData.id:',this.contentData.id)
|
// console.log('this.contentData.id:',this.contentData.id)
|
||||||
this.blobId = this.contentData.id
|
this.blobId = this.contentData.id
|
||||||
//console.log(this.blobUrl,'this.blobUrl');
|
//console.log(this.blobUrl,'this.blobUrl');
|
||||||
},
|
},
|
||||||
@@ -818,7 +818,7 @@
|
|||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
console.log('this.contentData11:',this.contentData,this.curriculumData)
|
//console.log('this.contentData11:',this.contentData,this.curriculumData)
|
||||||
// 视频设置禁用处理逻辑,如果用户已全部观看完该视频,则设置为能全部拖动的逻辑,把isDrag设置为true即可,同时删除本地存储的数据
|
// 视频设置禁用处理逻辑,如果用户已全部观看完该视频,则设置为能全部拖动的逻辑,把isDrag设置为true即可,同时删除本地存储的数据
|
||||||
if(this.contentData.progressVideo ===1){
|
if(this.contentData.progressVideo ===1){
|
||||||
var obj = JSON.parse(this.contentData.content)
|
var obj = JSON.parse(this.contentData.content)
|
||||||
@@ -1229,7 +1229,7 @@
|
|||||||
itemId: this.contentData.studyItemId,
|
itemId: this.contentData.studyItemId,
|
||||||
videoTime: intTime
|
videoTime: intTime
|
||||||
};
|
};
|
||||||
console.log('this.courseInfo:',this.contentData)
|
//console.log('this.courseInfo:',this.contentData)
|
||||||
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
|
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
|
||||||
var time = localStorage.getItem('videoProgressData')
|
var time = localStorage.getItem('videoProgressData')
|
||||||
var arr = time&&JSON.parse(time) || {}
|
var arr = time&&JSON.parse(time) || {}
|
||||||
@@ -1281,7 +1281,7 @@
|
|||||||
itemId: this.contentData.studyItemId,
|
itemId: this.contentData.studyItemId,
|
||||||
videoTime: intTime
|
videoTime: intTime
|
||||||
};
|
};
|
||||||
console.log('this.courseInfo:',this.contentData)
|
//console.log('this.courseInfo:',this.contentData)
|
||||||
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
|
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
|
||||||
var time = localStorage.getItem('videoProgressData')
|
var time = localStorage.getItem('videoProgressData')
|
||||||
var arr = time&&JSON.parse(time) || {}
|
var arr = time&&JSON.parse(time) || {}
|
||||||
|
|||||||
@@ -23,6 +23,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-menu slot="dropdown">
|
||||||
<el-dropdown-item command="total">累计</el-dropdown-item>
|
<el-dropdown-item command="total">累计</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="now">当前</el-dropdown-item>
|
||||||
<!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
|
<!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
|
||||||
<el-dropdown-item command="months">本月</el-dropdown-item>
|
<el-dropdown-item command="months">本月</el-dropdown-item>
|
||||||
<el-dropdown-item command="years">本年</el-dropdown-item> -->
|
<el-dropdown-item command="years">本年</el-dropdown-item> -->
|
||||||
@@ -32,10 +33,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="myselftext">
|
<div class="myselftext">
|
||||||
<div class="myranking">
|
<div class="myranking">
|
||||||
当前排名 : <span> {{currentUserRankingTotalData.rankNo}}</span>
|
{{isNow ? '当前' : '累计'}}排名 : <span> {{currentUserRankingTotalData.rankNo}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="myexperience">
|
<div class="myexperience">
|
||||||
累计经验值 : <span>{{currentUserRankingTotalData.rankValue}}</span>
|
{{isNow ? '当前' : '累计'}}经验值 : <span>{{currentUserRankingTotalData.rankValue}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -116,6 +117,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-menu slot="dropdown">
|
||||||
<el-dropdown-item command="total">累计</el-dropdown-item>
|
<el-dropdown-item command="total">累计</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="now">当前</el-dropdown-item>
|
||||||
<!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
|
<!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
|
||||||
<el-dropdown-item command="months">本月</el-dropdown-item>
|
<el-dropdown-item command="months">本月</el-dropdown-item>
|
||||||
<el-dropdown-item command="years">本年</el-dropdown-item> -->
|
<el-dropdown-item command="years">本年</el-dropdown-item> -->
|
||||||
@@ -125,10 +127,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="myselftext">
|
<div class="myselftext">
|
||||||
<div class="myranking">
|
<div class="myranking">
|
||||||
当前排名 : <span> {{learningDurationTotalData.rankNo}}</span>
|
{{isStudyTime ? '当前' : '累计'}}排名 : <span> {{learningDurationTotalData.rankNo}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="myexperience">
|
<div class="myexperience">
|
||||||
累计学习时长: <span> {{formatSecondToHour(learningDurationTotalData.rankValue)}}</span> h
|
{{isStudyTime ? '当前' : '累计'}}学习时长: <span> {{formatSecondToHour(learningDurationTotalData.rankValue)}}</span> h
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="exp-table" style="margin-top:20px;">
|
<div class="exp-table" style="margin-top:20px;">
|
||||||
@@ -204,6 +206,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-menu slot="dropdown">
|
||||||
<el-dropdown-item command="total">累计</el-dropdown-item>
|
<el-dropdown-item command="total">累计</el-dropdown-item>
|
||||||
|
<!-- <el-dropdown-item command="now">当前</el-dropdown-item> -->
|
||||||
<!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
|
<!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
|
||||||
<el-dropdown-item command="months">本月</el-dropdown-item>
|
<el-dropdown-item command="months">本月</el-dropdown-item>
|
||||||
<el-dropdown-item command="years">本年</el-dropdown-item> -->
|
<el-dropdown-item command="years">本年</el-dropdown-item> -->
|
||||||
@@ -213,10 +216,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="myselftext">
|
<div class="myselftext">
|
||||||
<div class="myranking">
|
<div class="myranking">
|
||||||
当前排名 : <span> {{learningDaysTotalData.rankNo}}</span>
|
{{isStudyDay ? '当前' : '累计'}}排名 : <span> {{learningDaysTotalData.rankNo}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="myexperience">
|
<div class="myexperience">
|
||||||
累计学习天数 : <span>{{learningDaysTotalData.rankValue}}</span>
|
{{isStudyDay ? '当前' : '累计'}}学习天数 : <span>{{learningDaysTotalData.rankValue}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="exp-table" style="margin-top:20px;">
|
<div class="exp-table" style="margin-top:20px;">
|
||||||
@@ -307,8 +310,8 @@ export default {
|
|||||||
translate,
|
translate,
|
||||||
formatSecondToHour:formatSecondToHour,
|
formatSecondToHour:formatSecondToHour,
|
||||||
experience:{
|
experience:{
|
||||||
field:'total',
|
field:'now',
|
||||||
name:'累计',
|
name:'当前',
|
||||||
data:{
|
data:{
|
||||||
rankingNo:0,
|
rankingNo:0,
|
||||||
total:0
|
total:0
|
||||||
@@ -316,8 +319,8 @@ export default {
|
|||||||
list:[],
|
list:[],
|
||||||
},
|
},
|
||||||
learningDuration:{
|
learningDuration:{
|
||||||
field:'total',
|
field:'now',
|
||||||
name:'累计',
|
name:'当前',
|
||||||
data:{
|
data:{
|
||||||
rankingNo:0,
|
rankingNo:0,
|
||||||
total:0
|
total:0
|
||||||
@@ -340,7 +343,10 @@ export default {
|
|||||||
total:0
|
total:0
|
||||||
},
|
},
|
||||||
list:[],
|
list:[],
|
||||||
}
|
},
|
||||||
|
isNow: false,
|
||||||
|
isStudyTime: false,
|
||||||
|
isStudyDay: false,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -352,18 +358,21 @@ export default {
|
|||||||
|
|
||||||
// 经验值排行榜(下拉框事件)
|
// 经验值排行榜(下拉框事件)
|
||||||
experienceCommand(e) {
|
experienceCommand(e) {
|
||||||
|
this.isNow = false
|
||||||
this.experience.field = e;
|
this.experience.field = e;
|
||||||
this.experience.name = this.translate(e)
|
this.experience.name = this.translate(e)
|
||||||
this.getExperience();
|
this.getExperience();
|
||||||
},
|
},
|
||||||
// 学习时长(下拉框事件)
|
// 学习时长(下拉框事件)
|
||||||
durationCommand(e) {
|
durationCommand(e) {
|
||||||
|
this.isStudyTime = false
|
||||||
this.learningDuration.field = e;
|
this.learningDuration.field = e;
|
||||||
this.learningDuration.name = this.translate(e)
|
this.learningDuration.name = this.translate(e)
|
||||||
this.getDuration();
|
this.getDuration();
|
||||||
},
|
},
|
||||||
// 学习天数(下拉框事件)
|
// 学习天数(下拉框事件)
|
||||||
daysCommand(e) {
|
daysCommand(e) {
|
||||||
|
this.isStudyDay = false
|
||||||
this.learningDays.field = e;
|
this.learningDays.field = e;
|
||||||
this.learningDays.name = this.translate(e)
|
this.learningDays.name = this.translate(e)
|
||||||
this.getDays();
|
this.getDays();
|
||||||
@@ -371,9 +380,15 @@ export default {
|
|||||||
getExperience() {//经验值
|
getExperience() {//经验值
|
||||||
let data = {
|
let data = {
|
||||||
aid:this.userInfo.aid,// #用户id
|
aid:this.userInfo.aid,// #用户id
|
||||||
statType:20, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
statType:21, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
||||||
field:this.experience.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
field:this.experience.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
||||||
num:5,// #显示的条数
|
num:10,// #显示的条数
|
||||||
|
}
|
||||||
|
if(data.field == 'now'){
|
||||||
|
data.statType = 20
|
||||||
|
data.field = 'total'
|
||||||
|
this.experience.field = 'total'
|
||||||
|
this.isNow = true
|
||||||
}
|
}
|
||||||
apiStat.getRanking(data).then(res=>{
|
apiStat.getRanking(data).then(res=>{
|
||||||
if(res.status==200){
|
if(res.status==200){
|
||||||
@@ -406,17 +421,41 @@ export default {
|
|||||||
sex: null
|
sex: null
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.getUserData(ids,res.result.rankingData)
|
// this.getUserData(ids,res.result.rankingData)
|
||||||
this.experience.list = res.result.rankingData;
|
const noReapetIds = [...new Set(ids)];
|
||||||
|
apiUser.getByIds(noReapetIds).then(rs => {
|
||||||
|
if (rs.status == 200) {
|
||||||
|
const listData = []
|
||||||
|
rs.result.forEach((item, index) => {
|
||||||
|
res.result.rankingData.forEach(author => {
|
||||||
|
if (author.aid == item.aid) {
|
||||||
|
author.authorInfo = item;
|
||||||
|
listData.push(author)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
this.experience.list = listData.sort((a,b)=>{
|
||||||
|
return b.total-a.total
|
||||||
|
}).slice(0,5);
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getDuration() {//学习时长
|
getDuration() {//学习时长
|
||||||
let data = {
|
let data = {
|
||||||
aid:this.userInfo.aid,// #用户id
|
aid:this.userInfo.aid,// #用户id
|
||||||
statType:10, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
statType:12, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
||||||
field:this.learningDuration.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
field:this.learningDuration.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
||||||
num:5,// #显示的条数
|
num:10,// #显示的条数
|
||||||
|
}
|
||||||
|
if(data.field == 'now'){
|
||||||
|
data.statType = 10
|
||||||
|
data.field = 'total'
|
||||||
|
this.learningDuration.field = 'total'
|
||||||
|
this.isStudyTime = true
|
||||||
}
|
}
|
||||||
apiStat.getRanking(data).then(res=>{
|
apiStat.getRanking(data).then(res=>{
|
||||||
if(res.status==200){
|
if(res.status==200){
|
||||||
@@ -448,8 +487,26 @@ export default {
|
|||||||
sex: null
|
sex: null
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.getUserData(ids,res.result.rankingData)
|
// this.getUserData(ids,res.result.rankingData)
|
||||||
this.learningDuration.list = res.result.rankingData;
|
const noReapetIds = [...new Set(ids)];
|
||||||
|
apiUser.getByIds(noReapetIds).then(rs => {
|
||||||
|
if (rs.status == 200) {
|
||||||
|
const listData = []
|
||||||
|
rs.result.forEach((item, index) => {
|
||||||
|
res.result.rankingData.forEach(author => {
|
||||||
|
if (author.aid == item.aid) {
|
||||||
|
author.authorInfo = item;
|
||||||
|
listData.push(author)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
this.learningDuration.list = listData.sort((a,b)=>{
|
||||||
|
return b.total-a.total
|
||||||
|
}).slice(0,5);
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -459,7 +516,13 @@ export default {
|
|||||||
aid:this.userInfo.aid,// #用户id
|
aid:this.userInfo.aid,// #用户id
|
||||||
statType:11, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
statType:11, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
||||||
field:this.learningDays.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
field:this.learningDays.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
||||||
num:5,// #显示的条数
|
num:10,// #显示的条数
|
||||||
|
}
|
||||||
|
if(data.field == 'now'){
|
||||||
|
data.statType = 13
|
||||||
|
data.field = 'total'
|
||||||
|
this.learningDays.field = 'total'
|
||||||
|
this.isStudyDay = true
|
||||||
}
|
}
|
||||||
apiStat.getRanking(data).then(res=>{
|
apiStat.getRanking(data).then(res=>{
|
||||||
if(res.status==200){
|
if(res.status==200){
|
||||||
@@ -490,8 +553,26 @@ export default {
|
|||||||
sex: null
|
sex: null
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.getUserData(ids,res.result.rankingData)
|
// this.getUserData(ids,res.result.rankingData)
|
||||||
this.learningDays.list = res.result.rankingData;
|
const noReapetIds = [...new Set(ids)];
|
||||||
|
apiUser.getByIds(noReapetIds).then(rs => {
|
||||||
|
if (rs.status == 200) {
|
||||||
|
const listData = []
|
||||||
|
rs.result.forEach((item, index) => {
|
||||||
|
res.result.rankingData.forEach(author => {
|
||||||
|
if (author.aid == item.aid) {
|
||||||
|
author.authorInfo = item;
|
||||||
|
listData.push(author)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
this.learningDays.list = listData.sort((a,b)=>{
|
||||||
|
return b.total-a.total
|
||||||
|
}).slice(0,5);
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||