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

个人中心我分享的

Browse Source
This commit is contained in:
lmj
2022-10-13 15:37:58 +08:00
parent e30b2e8f2b
commit 453efb2d18
3 changed files with 172 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/components/Case/caseItems.vue
View File

@@ -1,6 +1,22 @@
<template> <template>
<div style=""> <div style="">
<div class="article-list" v-for="(item, idx) in items" :key="idx"> <!-- 最新 -->
<div class="case-box" v-for="(item, idx) in items" :key="idx">
<div class="coures-head">
<div class="share-name">
<span>{{ item.toAname }}</span>分享给了我
</div>
<div class="islook" v-if="item.isRead">已查看</div>
<div class="isunlook" v-else>未查看</div>
<div class="share-time">{{ item.time }}</div>
</div>
<div class="coures-content">
<span>【案例】</span>{{item.title}}
</div>
</div>
<!-- 旧版 -->
<!-- <div class="article-list" v-for="(item, idx) in items" :key="idx">
<div class="article-info" @click="jumpRouter(item)"> <div class="article-info" @click="jumpRouter(item)">
<div class="article-info-title"> <div class="article-info-title">
<span v-if="item.isRead" class="readed">【已查看】</span> <span v-if="item.isRead" class="readed">【已查看】</span>
@@ -10,21 +26,20 @@
</div> </div>
<div v-html="$keywordActiveShow(item.cases.summary,keyword)" class="article-info-summary two-line-ellipsis"> <div v-html="$keywordActiveShow(item.cases.summary,keyword)" class="article-info-summary two-line-ellipsis">
</div> </div>
<!-- v-html="$keywordActiveShow(item.summary,keyword)" -->
<div style="display:flex;justify-content: space-between;"> <div style="display:flex;justify-content: space-between;">
<div class="article-info-tools"> <div class="article-info-tools">
<!-- <authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo"></authorInfo> --> <authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo"></authorInfo>
<span style="color: #999999;">{{ item.time }}</span> <span style="color: #999999;">{{ item.time }}</span>
<span v-if="type=='myShare'" style="color: #999999;font-size: 14px;">分享给{{item.toAname}}</span> <span v-if="type=='myShare'" style="color: #999999;font-size: 14px;">分享给{{item.toAname}}</span>
<span v-else>{{item.sysCreateBy}}分享给我</span> <span v-else>{{item.sysCreateBy}}分享给我</span>
<!-- <interactBar ref="shareDialog" :type="0" :data="item" :shares="false" :views="false"></interactBar> --> <interactBar ref="shareDialog" :type="0" :data="item" :shares="false" :views="false"></interactBar>
</div> </div>
<div> <div>
<el-button style="color: #8590A6;" v-if="!item.isRead&&type=='myShare'" type="text" icon="el-icon-refresh-right" @click.stop="deleteshares(item)">撤回</el-button> <el-button style="color: #8590A6;" v-if="!item.isRead&&type=='myShare'" type="text" icon="el-icon-refresh-right" @click.stop="deleteshares(item)">撤回</el-button>
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
</template> </template>
<script> <script>
@@ -94,6 +109,57 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.case-box{
width: 100%;
padding: 30px 0;
border-bottom:1px solid #e9e9e9 ;
.coures-content{
margin-top: 20px;
font-size: 16px;
color: #333333;
font-weight: 600;
span{
font-size: 16px;
margin-left: -9px;
}
}
.coures-head{
display: flex;
.share-name{
font-size: 14px;
color: #666666;
margin-right: 17px;
}
.share-time{
font-size: 14px;
color: #666666;
line-height: 25px;
margin-left: auto;
}
.islook{
width: 46px;
height: 24px;
background: #eee;
font-size: 12px;
color: #666666;
line-height: 24px;
text-align: center;
border-radius: 2px;
}
.isunlook{
width: 46px;
height: 24px;
background: #FF6562;
border-radius: 2px;
font-size: 12px;
color: #fff;
line-height: 24px;
text-align: center;
}
}
}
.article-status1 { .article-status1 {
padding: 3px; padding: 3px;
border: 1px dotted #1ea0fa; border: 1px dotted #1ea0fa;

97
src/components/Course/shareItem.vue
View File

@@ -1,21 +1,37 @@
<template> <template>
<div style=""> <div style="">
<div class="uc-course" @click="jumpRouter(item)" v-for="(item, idx) in items" :key="idx"> <!-- 最新版设计 -->
<div class="uc-course-img" style="width: 212px;height: 119px;"> <div class="coures-box" @click="jumpRouter(item)" v-for="(item, idx) in items" :key="idx">
<course-image :course="item"></course-image> <div class="coures-head">
<!-- <img :src="imageUrl(item)" /><span class="two-line-ellipsis">{{item.title}}</span> --> <div class="share-name">
<span>{{ item.toAname }}</span>分享给了我
</div> </div>
<div class="uc-course-info"> <div class="islook" v-if="item.isRead">已查看</div>
<div class="isunlook" v-else>未查看</div>
<div class="share-time">{{ item.time }}</div>
</div>
<div class="coures-content">
<span>【课程】</span>{{item.title}}
</div>
</div>
<!-- 旧版设计 -->
<!-- <div class="uc-course" @click="jumpRouter(item)" v-for="(item, idx) in items" :key="idx"> -->
<!-- <div class="uc-course-img" style="width: 212px;height: 119px;">
<course-image :course="item"></course-image>
<img :src="imageUrl(item)" /><span class="two-line-ellipsis">{{item.title}}</span>
</div> -->
<!-- <div class="uc-course-info">
<div style="height: 100%;display: flex;justify-content:space-between;"> <div style="height: 100%;display: flex;justify-content:space-between;">
<div style="display: flex;flex-direction: column;justify-content: space-between;"> <div style="display: flex;flex-direction: column;justify-content: space-between;">
<div class="uc-course-name"> <div class="uc-course-name">
<span class="uc-course-font" :class="contentTypeFilter(item.contentType).class">{{ contentTypeFilter(item.contentType).text }}</span> <span class="uc-course-font" :class="contentTypeFilter(item.contentType).class">{{ contentTypeFilter(item.contentType).text }}</span>
<span v-html="$keywordActiveShow(item.title,keyword)"></span> <span v-html="$keywordActiveShow(item.title,keyword)"></span>
</div> </div>
<!-- <div class="uc-course-text" v-if="type=='myShare'">--> <div class="uc-course-text" v-if="type=='myShare'">
<!-- 分享给：{{ item.toAname }} 分享给：{{ item.toAname }}
</div> --> </div>
<!-- <div class="uc-course-text" v-else>分享人：{{ item.toAname }}</div> --> <div class="uc-course-text" v-else>分享人：{{ item.toAname }}</div>
<div style="display:flex;flex-direction: column;"> <div style="display:flex;flex-direction: column;">
<div class="uc-course-textTo">分享时间：{{ item.time }}</div> <div class="uc-course-textTo">分享时间：{{ item.time }}</div>
<div class="uc-course-textToInfo"> <div class="uc-course-textToInfo">
@@ -27,14 +43,12 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="btn" > --> <div class="btn" >
<!-- <span>{{item.isRead?'[已查看]':'[未查看]'}}</span> --> <span>{{item.isRead?'[已查看]':'[未查看]'}}</span>
</div>
<!-- </div> -->
</div> </div>
</div> </div> -->
</div> <!-- </div> -->
</div> </div>
</template> </template>
@@ -140,6 +154,57 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.coures-box{
width: 100%;
padding: 30px 0;
border-bottom:1px solid #e9e9e9 ;
.coures-content{
margin-top: 20px;
font-size: 16px;
color: #333333;
font-weight: 600;
span{
font-size: 16px;
margin-left: -9px;
}
}
.coures-head{
display: flex;
.share-name{
font-size: 14px;
color: #666666;
margin-right: 17px;
}
.share-time{
font-size: 14px;
color: #666666;
line-height: 25px;
margin-left: auto;
}
.islook{
width: 46px;
height: 24px;
background: #eee;
font-size: 12px;
color: #666666;
line-height: 24px;
text-align: center;
border-radius: 2px;
}
.isunlook{
width: 46px;
height: 24px;
background: #FF6562;
border-radius: 2px;
font-size: 12px;
color: #fff;
line-height: 24px;
text-align: center;
}
}
}
// .uc-course-type1 { // .uc-course-type1 {
// padding: 3px; // padding: 3px;
// border: 1px dotted #1ea0fa; // border: 1px dotted #1ea0fa;

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

@@ -2,7 +2,8 @@
<div> <div>
<!-- 分享给我的 --> <!-- 分享给我的 -->
<div style="position: relative;padding: 12px 22px 32px;"> <div style="position: relative;padding: 12px 22px 32px;">
<el-row :gutter="20"> <span class="title">分享给我的</span>
<!-- <el-row :gutter="20">
<el-col :span="4"> <el-col :span="4">
<el-select v-model="isRead" clearable placeholder="状态" style="width:100%"> <el-select v-model="isRead" clearable placeholder="状态" style="width:100%">
<el-option label="全部" :value="null"></el-option> <el-option label="全部" :value="null"></el-option>
@@ -15,10 +16,10 @@
<el-button type="primary" icon="el-icon-search" @click="queryData" style="margin-right: 10px;padding: 10px 15px;">搜索</el-button> <el-button type="primary" icon="el-icon-search" @click="queryData" style="margin-right: 10px;padding: 10px 15px;">搜索</el-button>
<el-button type="primary" @click="resData" icon="el-icon-refresh-right" style="padding: 10px 15px;">重置</el-button> <el-button type="primary" @click="resData" icon="el-icon-refresh-right" style="padding: 10px 15px;">重置</el-button>
</el-col> </el-col>
</el-row> </el-row> -->
<el-tabs v-model="tabName" @tab-click="changeTab" style="margin-top:14px"> <!-- <el-tabs v-model="tabName" @tab-click="changeTab" style="margin-top:14px"> -->
<!-- 全部 --> <!-- 全部 -->
<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="toMy" 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="toMy" v-if="item.type==3" :items="[item]" @confirm="confirm" ></case-items>
@@ -44,11 +45,10 @@
<div v-else class="zan-wu">暂无数据</div> <div v-else class="zan-wu">暂无数据</div>
</div> </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 :keyword="keyword" type="toMy" @confirm="confirm" :items="courseList.list"></course-items> <course-items :keyword="keyword" type="toMy" @confirm="confirm" :items="courseList.list"></course-items>
<!-- 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
background background
@@ -68,11 +68,10 @@
</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 :keyword="keyword" type="toMy" @confirm="confirm" :items="caseList.list"></case-items> <case-items :keyword="keyword" type="toMy" @confirm="confirm" :items="caseList.list"></case-items>
<!-- v-if="articleList.count>articleList.pageSize" -->
<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
@@ -92,11 +91,10 @@
</div> </div>
</div> </div>
</div> </div>
</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 :keyword="keyword" type="toMy" @confirm="confirm" :items="articleList.list"></article-items> <article-items :keyword="keyword" type="toMy" @confirm="confirm" :items="articleList.list"></article-items>
<!-- 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
background background
@@ -116,11 +114,10 @@
</div> </div>
</div> </div>
</div> </div>
</el-tab-pane> </el-tab-pane> -->
<el-tab-pane label="问答" name="qa"> <!-- <el-tab-pane label="问答" name="qa">
<div style="min-height: 500px;"> <div style="min-height: 500px;">
<qa-items :keyword="keyword" type="toMy" @confirm="confirm" :items="qaList.list"></qa-items> <qa-items :keyword="keyword" type="toMy" @confirm="confirm" :items="qaList.list"></qa-items>
<!-- 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
background background
@@ -140,8 +137,8 @@
</div> </div>
</div> </div>
</div> </div>
</el-tab-pane> </el-tab-pane> -->
</el-tabs> <!-- </el-tabs> -->
</div> </div>
</div> </div>
</template> </template>
@@ -476,6 +473,11 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.title{
font-size: 18px;
color: #333333;
font-weight: 600;
}
.el-col { .el-col {
padding: 0 0 0 10px !important; padding: 0 0 0 10px !important;
} }