hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-09 02:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

回退

Browse Source
This commit is contained in:
nisen
2024-09-05 15:27:37 +08:00
parent 38d2300255
commit 4bf22cdd69
21 changed files with 47 additions and 1438 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/browse.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 689 B

BIN
public/images/collect.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 665 B

BIN
public/images/headerBack.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 169 KiB

BIN
public/images/list01.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

BIN
public/images/listred01.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 957 B

6
src/api/modules/courseStudy.js
View File

@@ -389,10 +389,7 @@ const followIds=function (data){
const myStudysFromES=function (data){
return ajax.post('/xboe/school/study/es/search',data);
}
//导出作业
const homeworkExport=function (data){
return ajax.get(`/xboe/m/course/portal/export?contentId=${data.contentId}&courseName=${data.courseName}`);
}
/**根据id集合查询，传入的是id数组*/
const findByIds=function (ids){
return ajax.postJson('/xboe/school/study/es/list-by-ids',ids);
@@ -428,7 +425,6 @@ export default {
myExamList2,
myCourseStudy,
myStudysFromES,
homeworkExport,
findByIds,
deleteSignUp,
ids,

BIN
src/assets/images/asterisk.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 360 B

BIN
src/assets/images/collect.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.9 KiB

BIN
src/assets/images/collect_active.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.6 KiB

BIN
src/assets/images/hotforum/003.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
src/assets/images/time.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

BIN
src/assets/images/time_active.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.5 KiB

4
src/assets/styles/portal.scss
View File

@@ -110,7 +110,7 @@ body {margin: 0px;padding: 0px;}
padding-bottom:12px
}
.ranking-data{
min-height: 196px;
min-height: 246px;
margin: 0px;
overflow-y: auto;
}
@@ -130,7 +130,7 @@ body {margin: 0px;padding: 0px;}
padding-bottom:12px
}
.ranking-data{
min-height: 196px;
min-height: 246px;
margin: 0px;
// overflow-y: auto;
}

9
src/components/Portal/authorInfo.vue
View File

@@ -15,7 +15,6 @@
<div v-if="!onlyAvatar" style="padding-left: 14px;padding-top: 6px;font-size: 14px;">
<span style="color: #333333;font-weight: 600;font-size: 16px;">{{userName}}</span>
<span class="author-text" v-if="userInfo && userInfo!=''"> {{userInfo}} </span>
<span class="comWords">20篇最佳案例</span>
</div>
<slot />
</div>
@@ -120,14 +119,6 @@
font-weight: 300;
margin-left: 4px;
}
.comWords {
background: #409EFF;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
padding: 3px 10px 4px 8px;
}
.uavatar{
// border: 1px solid #73adfe;
width: 28px;

87
src/components/Study/manager.vue
View File

@@ -192,7 +192,7 @@
</el-table-column>-->
<el-table-column label="学习人员" width="110">
<template slot-scope="scope">
<el-button size="mini" type="info" @click="getCatalogue(scope.row,scope.row.contentType)" >学习人员</el-button>
<el-button size="mini" type="info" @click="getCatalogue(scope.row,scope.row.contentName)" >学习人员</el-button>
</template>
</el-table-column>
</el-table>
@@ -292,7 +292,6 @@
<el-form-item>
<el-button type="primary" @click="studyContentRecordsSearch">搜索</el-button>
</el-form-item>
<el-button v-if="isHomeWork" :disabled="isTrue" style="padding:10px 15px;margin-bottom: 10px;" type="primary" @click="downLoad">导出全部作业</el-button>
</el-form>
<el-table max-height="500" border :data="learningSituation.list" style="width: 100%">
<el-table-column prop="aname" label="姓名" width="180"></el-table-column>
@@ -336,8 +335,6 @@ import apiCoursePortal from "@/api/modules/coursePortal.js";
import { mapGetters,mapActions } from 'vuex';
import apiUser from '@/api/system/user.js';
import apiStudy from '@/api/modules/courseStudy.js';
import { getToken } from '@/utils/token'
import axios from 'axios'
export default {
components: {auditCourse1,auditCourse2},
computed: {
@@ -355,10 +352,7 @@ export default {
},
data() {
return {
downParams: {},
typePress: false,
isHomeWork: false,
isTrue: false,
catalogRecordTree:[],
catalogRecordList:[],
resOwnerListMap:[],
@@ -521,7 +515,6 @@ export default {
pageIndex: this.learningSituation.pageIndex,
pageSize: this.learningSituation.pageSize
};
this.downParams = params;
apicourseStudy.studyContentRecords(params).then(res => {
if (res.status === 200) {
this.learningSituation.list = res.result.list;
@@ -531,77 +524,6 @@ 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.data.message)
})
// axios({
// method: 'get',
// url: url,
// responseType: 'blob',
// headers: { 'X-Access-Token': getToken() }
// }).then((response) => {
// if (response.status === 200) {
// this.isTrue = false;
// if (!(response.headers['content-type']).startsWith('application/json')) {
// this.resolveBlob(response, 'application/zip', `${params.courseName}【作业】`);
// } else {
// console.log(response,'response')
// const reader = new FileReader();
// reader.onload = (e) => {
// const errorData = JSON.parse(e.target.result)
// this.$message.error(errorData.result)
// };
// reader.readAsText(response.data);
// }
// }
// }).catch((error) => {
// this.isTrue = false;
// // 错误处理
// console.log(error);
// this.$message.error(error.data ? error.data.message : error.toString());
// });
},
resolveBlob(res, mimeType,filename) {
const link = document.createElement('a');// 创建a标签
let blob = new Blob([res.data], { type: mimeType }); // 设置文件类型
link.style.display = "none";
link.href = URL.createObjectURL(blob); // 创建URL
link.setAttribute("download", `${filename}`);
document.body.appendChild(link);
link.click();
URL.revokeObjectURL(link.href);
document.body.removeChild(link);
},
handleSizeChangeSituation(val) {
this.learningSituation.pageSize = val;
this.learningSituation.pageIndex = 1;
@@ -800,16 +722,11 @@ export default {
this.getSignupList();
},
getCatalogue(row,type) {
if(type==61){
if(type=='考试'){
this.typePress = true
}else{
this.typePress = true
}
if(type == 60){
this.isHomeWork = true
}else{
this.isHomeWork = false
}
this.contentId = row.id;
this.study.catalogueShow = true;
this.learningSituation.pageIndex = 1;//重置为第一页

14
src/router/index.js
View File

@@ -193,20 +193,6 @@ export const constantRoutes = [{
name: 'caseDetail',
meta: {title: '案例详情', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
},
{
path: '/case/charts',
hidden: true,
component: (resolve) => require(['@/views/portal/case/Charts'], resolve),
name: 'caseCharts',
meta: {title: '排行榜', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
},
{
path: '/case/excellent',
hidden: true,
component: (resolve) => require(['@/views/portal/case/Excellent'], resolve),
name: 'caseExcellent',
meta: {title: '浏览量榜单', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
},
{
path: '/article',
hidden: true,

82
src/views/case/ManageList.vue
View File

@@ -58,7 +58,6 @@
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>
<el-button style="margin:0 5px" type="text" @click="delItem(scope.row)" icon="el-icon-delete">删除</el-button>
<el-button style="margin:0 5px" type="text" @click="theBest(scope.row)" icon="el-icon-delete">最佳</el-button>
</el-button-group>
</template>
</el-table-column>
@@ -122,41 +121,6 @@
</div>
<span slot="footer" class="dialog-footer"><el-button @click="recommend.dlgShow = false">关闭</el-button></span>
</el-dialog>
<el-dialog
title="最佳案例"
:visible.sync="bestValue"
width="36%">
<div class="best_card">
<div class="card_item">
<div class="card_title">
<i class="icon"></i>
<i class="text">年度</i>
</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>
<i class="text">组织领域</i>
</div>
<el-input disabled v-model="bestOrg" placeholder="请输入组织领域"></el-input>
</div>
<div class="card_item">
<div class="card_title">
<i class="text">最佳理由</i>
</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>
</div>
</template>
@@ -167,10 +131,6 @@ export default {
name: 'articleItems',
data() {
return {
bestYear: '',
bestOrg: '',
bestTextarea: '',
bestValue: false,
excellent: false,
queryObj: {
pageIndex: 1,
@@ -213,15 +173,6 @@ export default {
this.getData();
},
methods: {
notBest(){
this.bestValue = false
this.bestYear = ''
this.bestOrg = ''
this.bestTextarea = ''
},
parameBest(){
this.notBest()
},
// 导出
importList() {
apiCase.exports(this.queryObj).then(res => {
@@ -403,9 +354,6 @@ export default {
this.$message({ type: 'info', message: '已取消删除', offset: 50 });
});
},
theBest(item){
this.bestValue = true
},
//添加推荐
shareItem(item) {
this.shareItemData = { ...item }
@@ -519,36 +467,6 @@ export default {
</script>
<style lang="scss" scoped>
::v-deep .el-dialog__header{
border-bottom: 1px solid #909399;
}
::v-deep .el-textarea__inner{
height: 100px !important;
}
.best_card{
.card_item{
display: flex;
justify-content: start;
margin-bottom: 20px;
.card_title{
width: 94px;
min-width: 94px;
display: flex;
align-items: center;
justify-content: end;
margin-right: 14px;
.icon{
width:8px;
height: 8px;
background: url('../../assets/images/asterisk.png') no-repeat;
background-size: 100%;
}
.text{
}
}
}
}
.article-status1 {
padding: 3px;
border: 1px dotted #1ea0fa;

2
src/views/hotforum/Index.vue
View File

@@ -21,7 +21,7 @@
imgData:[
{img:'01',url:'1265897142383042560'},
{img:'02',url:'1265697724606210048'},
{img:'03',url:''},
{img:'003',url:'1280185851054231552'},
{img:'4',url:''},
],
}

231
src/views/portal/case/Charts.vue
View File

@@ -1,231 +0,0 @@
<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">
<div 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.id">
<img class="num" :src="require(
`../../../../public/images/${imgNumBlue(index)}.png`
)" alt="">
<span class="text">{{ item.title }}</span>
</router-link>
</li>
</ul>
</div>
<div 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.id">
<img class="num" :src="require(
`../../../../public/images/${imgNumOrg(index)}.png`
)" alt="">
<span class="text">{{ item.title }}</span>
</router-link>
</li>
</ul>
</div>
<div 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 Positive" :key="index" class="list">
<router-link style="display: flex;align-items: center;" :to="'/case/detail?id=' + item.id">
<img class="num" :src="require(
`../../../../public/images/${imgNumPink(index)}.png`
)" alt="">
<span class="text">{{ item.title }}</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
switch: {
'total': '总',
'quarter': '季度',
},
favorableName: '季度',
popularityName: '季度',
}
},
mounted() {
this.getPopularity();
this.getPositive();
},
methods: {
getPopularity() {
apiCase.queryPraises(5).then(res => {
if (res.status == 200) {
this.Popularity = [...res.result,...res.result];
}
});
},
getPositive() {
apiCase.queryComments(5).then(res => {
if (res.status == 200) {
this.Positive = [...res.result,...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]
},
popularityReview(e){
this.popularityName = this.switch[e]
},
},
}
</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: 500px;
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>

647
src/views/portal/case/Excellent.vue
View File

@@ -1,647 +0,0 @@
<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 clearable v-model="majorValue" @change="majorChange" placeholder="请选择专业">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div>
<el-select clearable 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" @click.stop="toExcellent(item)">
<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 class="comWords" style="background-color:orange">2024年度最佳</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" :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 {
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
optionsMonth:
[...Array(12)].map((item,i)=>{
return{
value: i+1,
label: (i+1)+'月'
}
})
,
majorValue: '',
monthValue: '',
caseList: {
count: 0,
list: [],
showPagCount: 0
},
isSeach: false,
domain: [],//组织领域
speciData: [],//专业分类
treeList:[],
queryCondition: {
pageIndex: 1,
pageSize: 5,
majorType: '', //专业分类code
excellent: true,
keyWord: '',
orgDomainDtos: [],
caseType: '',
authorName: '',
notInIds: [],
type: 'all',
userId: '',
parent: '',
children: [],
name: '',
years: [],
// 随机
notInIds: [],//重复的id
orderField: "id",
orderAsc: false,//排序
sysType1:'',
sysType2:'',
sysType3:''
},
}
},
mounted() {
this.getCaseData()
Promise.all([apiType.treeList(1,Number(this.caseType ?? 155),1), apiCase.majorTypes()]).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;
}
});
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);
}
})
console.log(list,'计算属性');
return list;
},
},
methods: {
majorChange(e){
},
monthChange(e){
// console.log(e,'xixixix')
},
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(',');
await apiCase.queryListV2(this.queryCondition).then((res) => {
if (res.status == 200) {
if (res.result.list.length > 0) {
this.isSeach = false;
res.result.list.forEach(item => {
item.majorType = item.majorType ? item.majorType.split(",") : [];
item.isAll = false;
item.authorInfo = {
aid: "",
name: "",
orgInfo: "",
avatar: "",
sex: null
};
});
}
console.log(res?.result?.list ,'有没有数据');
this.caseList.list = res.result.list
if(this.caseList.list.length == 0){
this.isSeach = true
}else{
this.isSeach = false
}
this.getCaseUserData(res.result.list);
// 给所有的赋值
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>

403
src/views/portal/case/Index.vue
View File

@@ -139,53 +139,23 @@
<div style="height:30px;background-color:#f6f7fc;"></div>
<div class="order-div" style="border-bottom:none">
<span class="quyer-tag">
<el-button type="text" class="order-class" @click="searchexcellent('all')"
:class="{ actice: queryCondition.type == 'all' }">全部</el-button>
<el-button type="text" class="order-class" @click="searchexcellent('excellent')"
:class="{ actice: queryCondition.type == 'excellent' }">年度最佳</el-button>
:class="{ actice: queryCondition.type == 'excellent' }">最佳案例</el-button>
<el-button type="text" class="order-class" @click="searchexcellent('recommend')"
:class="{ actice: queryCondition.type == 'recommend' }">推荐案例</el-button>
<!-- <el-button type="text" class="order-class" @click="searchexcellent('hot')"
<el-button type="text" class="order-class" @click="searchexcellent('hot')"
:class="{ actice: queryCondition.type == 'hot' }">最热</el-button>
<el-button type="text" class="order-class" @click="searchexcellent('new')"
:class="{ actice: queryCondition.type == 'new' }">最新</el-button> -->
:class="{ actice: queryCondition.type == 'new' }">最新</el-button>
</span>
<div style="flex: 1; display: flex; justify-content: flex-end;align-items: center;">
<!-- <div style="margin-right: 20px;color: #6E7B84;font-size: 14px;">当前已检索 <span style="color:#387DF7;">
{{ caseList.count }}</span> 条数据</div> -->
<div class="pub_time" @click="searchTime">
<div class="text">发布时间</div>
<div class="triangle">
<div :style="{borderBottomColor:pubTimeNum===2?'#387DF7':'#DCDFE6'}" class="up-triangle"></div>
<div :style="{borderTopColor:pubTimeNum===1?'#387DF7':'#DCDFE6'}" class="down-triangle"></div>
</div>
</div>
<div class="pub_time" @click="searchPageView">
<div class="text">浏览量</div>
<div class="triangle">
<div :style="{borderBottomColor:pageViewNum===2?'#387DF7':'#DCDFE6'}" class="up-triangle"></div>
<div :style="{borderTopColor:pageViewNum===1?'#387DF7':'#DCDFE6'}" class="down-triangle"></div>
</div>
</div>
<div style="margin-right: 20px;color: #6E7B84;font-size: 14px;">当前已检索 <span style="color:#387DF7;">
{{ caseList.count }}</span> 条数据</div>
<el-select v-model="years" multiple collapse-tags
style=" width: 147px; border-radius:20px !important;" placeholder="全部年份">
style="margin-left: 20px; width: 147px; border-radius:20px !important;" placeholder="全部年份">
<el-option v-for="item in caseYears" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<div :class="queryCondition.type == 'collect' ? 'collect_active': 'collect'" @click="searchexcellent('collect')">
<div class="png"></div>
<div class="text">收藏案例</div>
</div>
<div :class="queryCondition.type == 'time' ? 'time_active': 'time'" @click="searchexcellent('time')">
<div class="png"></div>
<div class="text">浏览记录</div>
</div>
</div>
</div>
<div class="back_num">
<div class="search_div_num">
当前已检索 <span style="color:#FF4040 ;">
{{ caseList.count }}</span> 条数据
</div>
</div>
<div class="data-content">
@@ -199,13 +169,10 @@
<div class="case-tittext">
<span class="title-line-ellipsis" v-html="item.title"></span>
</div>
<div class="case-activeText" @click.stop="toExcellent(item)">
<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 class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 3px 12px 4px 9px;">
2024年度最佳
</span>
</div>
<div class="case-info-date portal-time">
<i class="el-icon-time"></i>
@@ -283,24 +250,9 @@
</div>
<!-- 打开排行榜 -->
<div class="xcontent2-minor">
<router-link class="the_charts" to="/case/charts">
<div class="text">排行榜</div>
<div class="icon">></div>
</router-link>
<div id="fixd-box">
<div class="portal-ranking ranking-bg">
<div style="display: flex;justify-content: space-between;">
<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>
<p class="ranking-title">好评榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
style="cursor: pointer;margin-top:30px;line-height: 22px;">
@@ -314,30 +266,19 @@
<span class="portal-right-text blue-three" v-if="index == 2">
<img :src="`${webBaseUrl}/images/listblue03.png`" alt="">
</span>
<!-- <span class="portal-right-text" v-if="index == 3">
<span class="portal-right-text" v-if="index == 3">
<img :src="`${webBaseUrl}/images/list04.png`" alt="">
</span>
<span class="portal-right-text" v-if="index == 4">
<img :src="`${webBaseUrl}/images/list05.png`" alt="">
</span> -->
</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
</router-link>
</li>
</ul>
</div>
<div class="portal-ranking ranking-bg1" style="margin-top:26px">
<div style="display: flex;justify-content: space-between;">
<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>
<p class="ranking-title">人气榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis"
style="cursor: pointer;margin-top:30px;line-height: 22px;">
@@ -362,26 +303,6 @@
</li>
</ul>
</div>
<div class="portal-ranking ranking-bg2" style="margin-top:26px">
<p class="ranking-title">推荐榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
style="cursor: pointer;margin-top:30px;line-height: 22px;">
<router-link :to="'/case/detail?id=' + item.id">
<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.title }}</span>
</router-link>
</li>
</ul>
</div>
</div>
</div>
<div style="height: 50px;"></div>
@@ -478,14 +399,6 @@ export default {
},
data() {
return {
switch: {
'total': '总',
'quarter': '季度',
},
favorableName: '季度',
popularityName: '季度',
pubTimeNum: 0,
pageViewNum: 0,
twoId:'',
treeList:[],
caseType:process.env.VUE_APP_CASE_TYPE,//类型
@@ -822,12 +735,6 @@ export default {
},
methods: {
positiveReview(e){
this.favorableName = this.switch[e]
},
popularityReview(e){
this.popularityName = this.switch[e]
},
handleType(msg){
this.queryCondition.type = msg
},
@@ -911,10 +818,6 @@ export default {
}
this.$router.push({ path: '/case/detail', query: { id } });
},
toExcellent(item){
console.log(item,'xixi')
this.$router.push({path:'/case/excellent',query:{id:item.id}})
},
tylClick() {
window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
},
@@ -1143,14 +1046,14 @@ export default {
// }
// });
// },
// getPositive() {
// apiCase.queryComments(5).then(res => {
// if (res.status == 200) {
// this.Positive = res.result;
// console.log(res);
// }
// });
// },
getPositive() {
apiCase.queryComments(5).then(res => {
if (res.status == 200) {
this.Positive = res.result;
console.log(res);
}
});
},
// 无用
async getdomain() {
let key = "org_domain";
@@ -1216,26 +1119,6 @@ export default {
this.isSeach = true;
this.search(true);
},
searchTime(){
this.pubTimeNum++
if(this.pubTimeNum>2){
this.pubTimeNum = 0;
}
if(this.pubTimeNum != 0){
this.pageViewNum = 0;
}
this.search(true);
},
searchPageView(){
this.pageViewNum++
if(this.pageViewNum>2){
this.pageViewNum = 0;
}
if(this.pageViewNum != 0){
this.pubTimeNum = 0;
}
this.search(true);
},
searchexcellent(num) {
if(this.queryCondition.type==num){
this.queryCondition.excellent =false;
@@ -1406,8 +1289,6 @@ export default {
// this.caseList.list = [];
// }
this.moreState = 2;
this.queryCondition.pubTimeNum = this.pubTimeNum
this.queryCondition.pageViewNum = this.pageViewNum
await apiCase.queryListV2(this.queryCondition).then((res) => {
if (res.status == 200) {
if (res.result.list.length > 0) {
@@ -1586,17 +1467,17 @@ export default {
getPopularity() {
apiCase.queryPraises(5).then(res => {
if (res.status == 200) {
this.Popularity = res.result.slice(0,3);
// if (res.result.length < 5) {
// for (let i = 0; i = (5 - res.result.length); i++) {
// this.Popularity.push({
// authorName: '',
// count: 1,
// id: '',
// title: '',
// })
// }
// }
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: '',
})
}
}
}
});
@@ -1604,18 +1485,18 @@ export default {
getPositive() {
apiCase.queryComments(5).then(res => {
if (res.status == 200) {
this.Positive = res.result.slice(0,3);
// if (res.result.length < 5) {
// for (let i = 0; i = (5 - res.result.length); i++) {
// this.Positive.push({
// authorName: '',
// count: 1,
// id: '',
// title: '',
// })
// }
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: '',
})
}
// }
}
}
});
},
@@ -1629,41 +1510,6 @@ export default {
</script>
<style scoped lang="scss">
.el-dropdown-link {
cursor: pointer;
font-weight: 400;
font-size: 14px;
color: rgba(51,51,51,0.9);
}
.el-icon--right{
margin-left: 14px !important;
}
.the_charts{
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
font-size: 18px;
max-width: 400px;
min-width: 300px;
height: 67px;
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%);
}
}
// 课程分类
.course-title-style {
position: relative;
@@ -2249,175 +2095,8 @@ export default {
display: flex;
align-items: center;
// margin-bottom: ;
.pub_time{
display: flex;
margin-right: 25px;
align-items: center;
cursor: pointer;
.text{
font-size: 14px;
color: #333333;
}
.triangle{
margin-left: 5px;
.up-triangle{
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 6px solid #DCDFE6;
margin-bottom: 2px;
}
.down-triangle{
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #DCDFE6;
}
}
}
.time{
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-left: 15px;
width: 116px;
height: 38px;
border-radius: 4px;
// background: #04243C;
&:hover{
background: #387DF7;
.text{
color: #fff;
}
}
.png{
width: 18px;
height: 18px;
background: url('../../../../public/images/browse.png') no-repeat;
background-size: 100%;
margin-right: 9px;
}
.text{
font-size: 14px;
color: #333333;
}
}
.time::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #04243C;
opacity: 0.05;
z-index: 1;
border-radius: 4px;
}
.time_active{
display: flex;
justify-content: center;
align-items: center;
margin-left: 15px;
width: 116px;
height: 38px;
background: #387DF7;
border-radius: 4px;
.png{
width: 20px;
height: 20px;
background: url('../../../../public/images/browse.png') no-repeat;
background-size: 100%;
margin-right: 9px;
}
.text{
font-size: 14px;
color: #fff;
}
}
.collect{
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-left: 15px;
width: 116px;
height: 38px;
border-radius: 4px;
// background: #04243C;
&:hover{
background: #387DF7;
.text{
color: #fff;
}
}
.png{
width: 18px;
height: 18px;
background: url('../../../../public/images/collect.png') no-repeat;
background-size: 100%;
margin-right: 9px;
}
.text{
font-size: 14px;
color: #333333;
}
}
.collect::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #04243C;
opacity: 0.05;
z-index: 1;
border-radius: 4px;
}
.collect_active{
display: flex;
justify-content: center;
align-items: center;
margin-left: 15px;
width: 116px;
height: 38px;
background: #387DF7;
border-radius: 4px;
.png{
width: 18px;
height: 18px;
background: url('../../../../public/images/collect.png') no-repeat;
background-size: 100%;
margin-right: 9px;
}
.text{
font-size: 14px;
color: #fff;
}
}
}
.back_num{
background: #FFFFFF;
display: flex;
justify-content: center;
padding: 0 40px;
.search_div_num{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 38px;
background: #DDEDFF;
border-radius: 4px;
border: 1px solid #387DF7;
color: #387DF7;
}
}
.data-content {
background-color: #fff;
padding: 5px 50px;