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

我分享的撤回

Browse Source
This commit is contained in:
zhaofang
2022-06-09 15:28:31 +08:00
parent 447f73ad81
commit c9d8b320d1
3 changed files with 99 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -52,9 +52,7 @@
<el-radio-button v-for="item in Profess" :key="item.code" :label="item.name" > {{ item.name }} </el-radio-button> <el-radio-button v-for="item in Profess" :key="item.code" :label="item.name" > {{ item.name }} </el-radio-button>
</el-radio-group> </el-radio-group>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@@ -80,45 +78,33 @@
<div class="case-info-cont"> <div class="case-info-cont">
<router-link :to="'/case/detail?id='+item.id"> <router-link :to="'/case/detail?id='+item.id">
<div class="case-info-title"> <div class="case-info-title">
<div class="case-titdiv">
<!-- <span v-if="i % 2 == 0" style="color:red;margin-right:5px">[组织推荐]</span> --> <span class="case-tittext" v-html="item.title"></span>
<div class="case-titdiv"> <div class="case-info-date">
<span class="case-tittext" v-html="item.title"></span> <i class="el-icon-time"></i>
<div class="case-info-date"> <time-show :time="item.sysCreateTime"></time-show>
<i class="el-icon-time"></i> </div>
<time-show :time="item.sysCreateTime"></time-show> </div>
</div>
</div>
</div> </div>
</router-link> <div style="height:35px; ">
<author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author>
<div style="height:35px; "> </div>
<author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author> <div class="keyword-text">
<span v-if="item.keyword1">{{ item.keyword1 }}</span>
</div> <span v-if="item.keyword2">{{ item.keyword2 }}</span>
<router-link :to="'/case/detail?id='+item.id"> <span v-if="item.keyword3">{{ item.keyword3 }}</span>
<div class="keyword-text"> <span v-if="item.keyword4">{{ item.keyword4 }}</span>
<span v-if="item.keyword1">{{ item.keyword1 }}</span> <span v-if="item.keyword5">{{ item.keyword5 }}</span>
<span v-if="item.keyword2">{{ item.keyword2 }}</span> </div>
<span v-if="item.keyword3">{{ item.keyword3 }}</span> </router-link>
<span v-if="item.keyword4">{{ item.keyword4 }}</span>
<span v-if="item.keyword5">{{ item.keyword5 }}</span>
</div>
<div class="case-info-summary"> <div class="case-info-summary">
<router-link :to="'/case/detail?id='+item.id">
{{displayAll(item)}} {{displayAll(item)}}
</router-link>
<span style="color:#588afc;cursor:pointer;" v-if="item.summary.length>190" @click.stop="changeIsAll(item)">
<span style="color:#588afc" v-if="item.summary.length>190" @click.stop="changeIsAll(item)">
{{item.isAll?'收起':'展开'}} {{item.isAll?'收起':'展开'}}
</span> </span>
</div> </div>
</router-link>
<div style="display: flex;justify-content: space-between;"> <div style="display: flex;justify-content: space-between;">
<div style="margin:8px 0;"> <div style="margin:8px 0;">
<interactBar :type="0" :shares="false" :data="item" :readonly="true"></interactBar> </div> <interactBar :type="0" :shares="false" :data="item" :readonly="true"></interactBar> </div>
@@ -134,10 +120,8 @@
<span class="pag-text-msg" v-else-if="isSeach">没有查询到相关内容</span> <span class="pag-text-msg" v-else-if="isSeach">没有查询到相关内容</span>
</div> </div>
<div v-if="isSeach" style="height:382px"> <div v-if="isSeach" style="height:382px">
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@@ -308,8 +292,8 @@ export default {
orderField: "comments", orderField: "comments",
// breCommend:null, // breCommend:null,
keyWord: "", keyWord: "",
majorType: '', //专业分类 majorType: "", //专业分类
orgDomain: '', // 组织领域 orgDomain: "", // 组织领域
orderAsc: false orderAsc: false
}, },
keyWord: "", keyWord: "",
@@ -358,20 +342,20 @@ export default {
window.removeEventListener("scroll", this.handleScroll); window.removeEventListener("scroll", this.handleScroll);
}, },
methods: { methods: {
debounce(func, wait) {// 非立即执行 debounce(func, wait) {
// 非立即执行
let timeout; let timeout;
return function () { return function() {
let context = this; let context = this;
let args = arguments; let args = arguments;
if (timeout) clearTimeout(timeout); if (timeout) clearTimeout(timeout);
timeout = setTimeout(() => { timeout = setTimeout(() => {
func.apply(context, args) func.apply(context, args);
}, wait); }, wait);
} };
}, },
//展示全部 //展示全部
displayAll(item) { displayAll(item) {
if (!item.isAll && item.summary && item.summary.length > 180) { if (!item.isAll && item.summary && item.summary.length > 180) {
return item.summary.slice(0, 180) + "..."; return item.summary.slice(0, 180) + "...";
} }
@@ -398,7 +382,7 @@ export default {
apiCase.usernameList(5).then(res => { apiCase.usernameList(5).then(res => {
if (res.status == 200) { if (res.status == 200) {
this.ankingList = res.result; this.ankingList = res.result;
console.log(res) console.log(res);
} }
}); });
}, },
@@ -453,7 +437,7 @@ export default {
let scrollTop = document.documentElement.scrollTop; let scrollTop = document.documentElement.scrollTop;
if (outerHeight + scrollTop + 350 >= innerHeight) { if (outerHeight + scrollTop + 350 >= innerHeight) {
if (this.moreState == 1) { if (this.moreState == 1) {
this.debounce(this.loadMore(),5000); this.debounce(this.loadMore(), 5000);
} }
} }
if (scrollTop > 630) { if (scrollTop > 630) {
@@ -571,9 +555,9 @@ export default {
if (i == "orgDomain") { if (i == "orgDomain") {
this.queryCondition.orgDomain = null; this.queryCondition.orgDomain = null;
} }
if(i == "keyWord"){ if (i == "keyWord") {
this.queryCondition.keyWord = ''; this.queryCondition.keyWord = "";
this.keyWord = ''; this.keyWord = "";
} }
this.queryCondition[i] = ""; this.queryCondition[i] = "";
this.searchTags.splice(index, 1); this.searchTags.splice(index, 1);
@@ -633,40 +617,38 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
::v-deep .el-button{ ::v-deep .el-button {
border-radius: 0px; border-radius: 0px;
} }
.case-titdiv{ .case-titdiv {
line-height: 25px; line-height: 25px;
display: flex; display: flex;
.case-tittext{ .case-tittext {
font-size: 18px; font-size: 18px;
width: 80%; width: 80%;
display: -webkit-box; display: -webkit-box;
overflow: hidden; overflow: hidden;
word-break: break-all; word-break: break-all;
text-overflow: ellipsis; text-overflow: ellipsis;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
box-sizing: border-box; box-sizing: border-box;
} }
} }
::v-deep .interact-bar .interact-bar-btns .interact-bar-btn{ ::v-deep .interact-bar .interact-bar-btns .interact-bar-btn {
margin-left: 0; margin-left: 0;
margin-right:20px; margin-right: 20px;
} }
.keyword-text{ .keyword-text {
span{ span {
line-height: 30px; line-height: 30px;
font-size:12px; font-size: 12px;
color: #9c9c9c; color: #9c9c9c;
border: 1px solid #c2c3c8; border: 1px solid #c2c3c8;
padding: 2px 5px; padding: 2px 5px;
border-radius: 2px; border-radius: 2px;
margin-right: 8px; margin-right: 8px;
} }
} }
.searBox { .searBox {
text-align: center; text-align: center;
@@ -838,9 +820,7 @@ export default {
} }
.case-info { .case-info {
.case-info-cont {
.case-info-cont {
.case-info-title { .case-info-title {
font-size: 15px; font-size: 15px;
color: #333; color: #333;
@@ -860,11 +840,11 @@ export default {
} }
.case-info-summary { .case-info-summary {
margin-bottom: 5px; margin-bottom: 5px;
word-break: break-all; word-break: break-all;
line-height: 25px; line-height: 25px;
font-size: 15px; font-size: 15px;
color: #121212; color: #121212;
font-weight: 400;; font-weight: 400;
} }
.case-info-tools { .case-info-tools {
height: 30px; height: 30px;
@@ -888,7 +868,6 @@ export default {
} }
} }
} }
} }
} }
.search-div { .search-div {

69
src/views/share/MyList.vue
View File

@@ -27,13 +27,13 @@
<!-- 全部 --> <!-- 全部 -->
<el-tab-pane label="全部" name="all"> <el-tab-pane label="全部" name="all">
<div v-for="(item, index) in dataList.list"> <div v-for="(item, index) in dataList.list">
<course-items type="toMy" v-if="item.type==1" :items="[item]" @confirm="confirm"></course-items> <course-items type="myShare" v-if="item.type==1" :items="[item]" @confirm="confirm"></course-items>
<case-items type="toMy" v-if="item.type==3" :items="[item]" @confirm="confirm" ></case-items> <case-items type="myShare" v-if="item.type==3" :items="[item]" @confirm="confirm" ></case-items>
<article-items type="toMy" v-if="item.type==2" @confirm="confirm" :items="[item]"></article-items> <article-items type="myShare" v-if="item.type==2" @confirm="confirm" :items="[item]"></article-items>
<qa-items type="toMy" v-if="item.type==4" :items="[item]" @confirm="confirm" :collect="true" :share="false" :remove="false" :edit="false"></qa-items> <qa-items type="myShare" v-if="item.type==4" :items="[item]" @confirm="confirm" :collect="true" :share="false" :remove="false" :edit="false"></qa-items>
</div> </div>
<!-- v-if="courseList.count>courseList.pageSize" --> <!-- v-if="courseList.count>courseList.pageSize" -->
<div style="text-align: center;margin-top:57px"> <div style="text-align: center;margin-top:57px" v-if="dataList.list.length > 0">
<el-pagination <el-pagination
background background
@size-change="handleSizeChange" @size-change="handleSizeChange"
@@ -45,12 +45,18 @@
:total="dataList.count" :total="dataList.count"
></el-pagination> ></el-pagination>
</div> </div>
<div v-else>
<div v-if="dataList.list.length == 0">
<div v-if="isSearh" class="zan-wu">没有查询到相关内容</div>
<div v-else class="zan-wu">暂无数据</div>
</div>
</div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="课程" name="course"> <el-tab-pane label="课程" name="course">
<div style="min-height: 500px;"> <div style="min-height: 500px;">
<course-items @confirm="confirm" type="toMy" :items="courseList.list"></course-items> <course-items @confirm="confirm" type="myShare" :items="courseList.list"></course-items>
<!-- v-if="courseList.count>courseList.pageSize" --> <!-- v-if="courseList.count>courseList.pageSize" -->
<div v-if="courseList.list.length > 0" style="text-align: center;margin-top:57px"> <div v-if="courseList.list.length > 0" style="text-align: center;margin-top:57px">
<el-pagination <el-pagination
@@ -68,15 +74,15 @@
<div v-else> <div v-else>
<div v-if="caseList.list.length == 0"> <div v-if="caseList.list.length == 0">
<div v-if="isSearh" class="zan-wu">没有查询到相关内容</div> <div v-if="isSearh" class="zan-wu">没有查询到相关内容</div>
<div v-else class="zan-wu">暂无数据</div> <div v-else class="zan-wu">暂无数据</div>
</div> </div>
</div> </div>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="案例" name="case"> <el-tab-pane label="案例" name="case">
<div style="min-height: 500px;"> <div style="min-height: 500px;">
<case-items @confirm="confirm" type="toMy" :items="caseList.list"></case-items> <case-items @confirm="confirm" type="myShare" :items="caseList.list"></case-items>
<div v-if="caseList.list.length > 0" style="text-align: center;margin-top:57px;"> <div v-if="caseList.list.length > 0" style="text-align: center;margin-top:57px;">
<el-pagination <el-pagination
background background
@@ -99,7 +105,7 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="文章" name="article"> <el-tab-pane label="文章" name="article">
<div style="min-height: 500px;"> <div style="min-height: 500px;">
<article-items @confirm="confirm" type="toMy" :items="articleList.list"></article-items> <article-items @confirm="confirm" type="myShare" :items="articleList.list"></article-items>
<!-- v-if="articleList.count>articleList.pageSize" --> <!-- v-if="articleList.count>articleList.pageSize" -->
<div v-if="articleList.list.length > 0" style="text-align: center;margin-top:57px;"> <div v-if="articleList.list.length > 0" style="text-align: center;margin-top:57px;">
<el-pagination <el-pagination
@@ -123,7 +129,7 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="问答" name="qa"> <el-tab-pane label="问答" name="qa">
<div> <div>
<qa-items @confirm="confirm" type="toMy" :items="qaList.list"></qa-items> <qa-items @confirm="confirm" type="myShare" :items="qaList.list"></qa-items>
<!-- v-if="qaList.count>qaList.pageSize" --> <!-- v-if="qaList.count>qaList.pageSize" -->
<div v-if="qaList.list.length > 0" style="text-align: center;margin-top:57px;"> <div v-if="qaList.list.length > 0" style="text-align: center;margin-top:57px;">
<el-pagination <el-pagination
@@ -210,7 +216,6 @@
let query = { pageIndex, pageSize, keyword: this.keyword, isRead: this.isRead }; let query = { pageIndex, pageSize, keyword: this.keyword, isRead: this.isRead };
apiShares.findMeShare(query).then(res=>{ apiShares.findMeShare(query).then(res=>{
if(res.status == 200){ if(res.status == 200){
console.log(res);
this.dataList.count = res.result.count; this.dataList.count = res.result.count;
res.result.list.forEach(item => { res.result.list.forEach(item => {
if(item.type == 4) { if(item.type == 4) {
@@ -447,21 +452,35 @@
}); });
}, },
confirm(item) { confirm(item) {
apiShares.deleteshares(item.id).then(res=>{ let id = '';
if (this.tabName == 'all') {
id = item.shareId;
} else {
id = item.id;
}
apiShares.deleteshares(id).then(res=>{
if(res.status == 200){ if(res.status == 200){
this.$message.success('撤回成功'); if(res.result) {
if (this.tabName == 'qa') { this.$message.success('撤回成功');
this.findQa(); if (this.tabName == 'qa') {
} this.findQa();
if (this.tabName == 'article') { }
this.findArticle(); if (this.tabName == 'article') {
} this.findArticle();
if (this.tabName == 'course') { }
this.findCourse(); if (this.tabName == 'course') {
} this.findCourse();
if (this.tabName == 'case') { }
this.findCase(); if (this.tabName == 'case') {
this.findCase();
}
if (this.tabName == 'all') {
this.findAll();
}
} else {
this.$message.warning(res.message);
} }
}else{ }else{
this.$message.error('撤回失败'); this.$message.error('撤回失败');
} }

8
src/views/share/ToList.vue
View File

@@ -26,7 +26,7 @@
<qa-items type="toMy" v-if="item.type==4" :items="[item]" @confirm="confirm" :collect="true" :share="false" :remove="false" :edit="false"></qa-items> <qa-items type="toMy" v-if="item.type==4" :items="[item]" @confirm="confirm" :collect="true" :share="false" :remove="false" :edit="false"></qa-items>
</div> </div>
<!-- v-if="courseList.count>courseList.pageSize" --> <!-- v-if="courseList.count>courseList.pageSize" -->
<div style="text-align: center;margin-top:57px"> <div style="text-align: center;margin-top:57px" v-if="dataList.list.length > 0">
<el-pagination <el-pagination
background background
@size-change="handleSizeChange" @size-change="handleSizeChange"
@@ -38,6 +38,12 @@
:total="dataList.count" :total="dataList.count"
></el-pagination> ></el-pagination>
</div> </div>
<div v-else>
<div v-if="dataList.list.length == 0">
<div v-if="isSearh" class="zan-wu">没有查询到相关内容</div>
<div v-else class="zan-wu">暂无数据</div>
</div>
</div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="课程" name="course"> <el-tab-pane label="课程" name="course">
<div style="min-height: 500px;"> <div style="min-height: 500px;">