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

修改

Browse Source
This commit is contained in:
lmj
2022-09-14 17:04:05 +08:00
parent 03c7d17095
commit ab293c17ac
1 changed files with 110 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/views/user/Mynotes.vue
View File

@@ -12,35 +12,37 @@
class="el-buttons"
v-model="value1"
type="daterange"
start-placeholder="开始"
end-placeholder="结束"
>
</el-date-picker>
<!-- <i class="el-icon-arrow-down"></i> -->
<el-button class="el-buttons">全部课程 <i class="el-icon-arrow-down"></i></el-button>
<el-button class="el-buttons">发布时间 <i class="el-icon-arrow-down"></i></el-button>
<el-button class="el-buttons">点赞次数 <i class="el-icon-arrow-down"></i></el-button>
<el-button class="el-buttons el-dropdown-link">全部课程 <i class="el-icon-arrow-down"></i></el-button>
<el-button class="el-buttons">发布时间 <i class="el-icon-bottom"></i></el-button>
<el-button class="el-buttons">点赞次数 <i class="el-icon-bottom"></i></el-button>
</div>
<div class="note-tab">
<div class="tabcontent">
<span :class=" num == 1 ? 'tab-textactive':''" >全部</span>
<span :class=" num == 2 ? 'tab-textactive':''" >线上笔记</span>
<span :class=" num == 3 ? 'tab-textactive':''" >导入笔记</span>
<span @click="noteData(null)" :class=" num == null ? 'tab-textactive':''" >全部</span>
<span @click="noteData(1)" :class=" num == 1 ? 'tab-textactive':''" >线上笔记</span>
<span @click="noteData(2)" :class=" num == 2 ? 'tab-textactive':''" >导入笔记</span>
</div>
</div>
<div class="note-all" v-if="num == 1">
<div class="note-all-info">
<div class="note-all" v-if="num == null" >
<div class="note-all-info" v-for="(item,idx) in datalist" :key="idx">
<div class="all-title">
<h3> 《高效能人士的7个习惯》</h3>
<div><img src="../../../public/images/coteplay.png" alt="">8:40</div>
<h3> {{ item.courseName }} </h3>
<div><img src="../../../public/images/coteplay.png" alt=""> {{ getHMS(item.playTime) }} </div>
<span>私密</span>
<h6>2022/05/21 16:28</h6>
<h6>{{ item.sysUpdateTime }}</h6>
</div>
<div class="all-content">
我见过的策划们，不管是甲方企业的，还是广告代理都经常犯三大错误：找一个营销理论，做策略时直接向上套。不管是什么行业、企业处在什么发展阶段，都要照着这个理论的要求，做策略时直接向上套。不管是什么行业、企业处在什么来实。不管是么行业、企业处在什什么行业、企业处在发展发发发施营销传播，写PPT时 也要照着这个理论的框架来写。施营销传播，写PPT时 也要照着这个理论的框架来写施营销传播，写PPT时 也要照论。
{{ item.content }}
</div>
<div class="all-footer">
<div>
<div class="textbut-box">
<interactBar nodeWidth="60px" :readonly="true" :type="4" :data="qa" @addAnswers="qaAnswer(qa)" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar>
<!-- <interactBar nodeWidth="60px" :readonly="true" :type="4" :data="datalist" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar> -->
<el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
</div>
</div>
@@ -60,7 +62,7 @@
<div class="all-footer">
<div>
<div class="textbut-box">
<!-- <interactBar nodeWidth="60px" :readonly="true" :type="4" :data="qa" @addAnswers="qaAnswer(qa)" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar> -->
<!-- <interactBar nodeWidth="60px" :readonly="true" :type="4" :data="datalist" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar> -->
<el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
</div>
</div>
@@ -91,6 +93,53 @@
</div>
<div class="note-all" v-if="num == 1" >
<div class="note-all-info" v-for="(item,idx) in datalist" :key="idx">
<div class="all-title">
<h3> {{ item.courseName }} </h3>
<div><img src="../../../public/images/coteplay.png" alt="">{{ getHMS(item.playTime) }}</div>
<span>私密</span>
<h6>{{ item.sysUpdateTime }}</h6>
</div>
<div class="all-content">
{{ item.content }}
</div>
<div class="all-footer">
<div>
<div class="textbut-box">
<!-- <interactBar nodeWidth="60px" :readonly="true" :type="4" :data="datalist" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar> -->
<el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
</div>
</div>
</div>
</div>
</div>
<div class="note-all" v-if="num == 2" >
<div class="note-all-info" v-for="(item,idx) in datalist" :key="idx">
<div class="all-title">
<h3> {{ item.courseName }} </h3>
<div><img src="../../../public/images/coteplay.png" alt="">{{ getHMS(item.playTime) }}</div>
<span v-if="item.openType == 1">私密</span>
<h6>{{ item.sysUpdateTime }}</h6>
</div>
<div class="all-content">
{{ item.content }}
</div>
<div class="all-footer">
<div>
<div class="textbut-box">
<!-- <interactBar nodeWidth="60px" :readonly="true" :type="4" :data="datalist" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar> -->
<el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
</div>
</div>
</div>
</div>
</div>
<el-dialog
width="860px"
title="王明"
@@ -141,17 +190,29 @@
</template>
<script>
import apiNote from '@/api/phase2/note.js'
import interactBar from '@/components/Portal/interactBar.vue';
export default {
components:{interactBar},
data(){
return{
value1: '起止时间',
num :1,
dialogVisible: false,
num :null,
dialogVisible: false,
pageIndex:1,
paegSize:1,
orderType:'',
orderField:'praises',
courseId:'',
endTime:'',
endTime:'',
datalist:[ ],
}
},
mounted(){
this.noteData(null)
},
methods: {
handleClose(done) {
@@ -163,7 +224,37 @@ export default {
this.$router.push({ path: '/user/Noteedit' });
}
},
noteData(tab){
console.log(tab)
this.num = tab
let data = {
pageIndex:this.pageIndex,
paegsize:this.paegSize,
orderType:this.orderType,
orderField:this.orderField,
courseId:this.courseId,
type:this.num,
startTime:this.endTime,
endTime:this.endTime
}
apiNote.query(data).then(res=>{
console.log(res);
this.datalist = res.result.list
console.log(this.datalist,'111lmj')
})
},
// 根据秒数转换成对应的时分秒
getHMS(time) {
const hour = parseInt(time / 3600) < 10 ? '0' + parseInt(time / 3600) : parseInt(time / 3600)
const min = parseInt(time % 3600 / 60) < 10 ? '0' + parseInt(time % 3600 / 60) : parseInt(time % 3600 / 60)
const sec = parseInt(time % 3600 % 60) < 10 ? '0' + parseInt(time % 3600 % 60) : parseInt(time % 3600 % 60)
console.log(hour + ':' + min + ':' + sec)
return hour + ':' + min + ':' + sec
}
}
}
</script>
@@ -177,6 +268,7 @@ export default {
}
.all-title{
height: 50px;
display: flex;
.daoru{
width: 80px;
height: 30px;
@@ -185,6 +277,7 @@ export default {
}
h6{
margin: 0;
margin-left: auto;
float: right;
font-size: 14px;
color: #999999;