mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 20:06:44 +08:00
动态收集事件添加
This commit is contained in:
zhaofang
@@ -1,131 +1,133 @@
|
||||
<template>
|
||||
<div class="my-note">
|
||||
<div class="mynote">
|
||||
<div class="mynote-tab">
|
||||
<div @click="notetabType(1)" :class="notetab == 1 ? 'noteactive' : ' ' "> <a href="#">新增笔记</a> </div>
|
||||
<div @click="notetabType(2)" :class="notetab == 2 ? 'noteactive' : ' '"> <a href="#">我的笔记</a> </div>
|
||||
</div>
|
||||
<!-- 新增笔记 -->
|
||||
<div class="newcote-content" v-if="notetab == 1">
|
||||
<div class="newcote-time" v-if="mynoteData.playTime != 0">
|
||||
<img src="../../../public/images/coteplay.png" />
|
||||
{{formatSeconds(mynoteData.playTime)}}
|
||||
<img src="../../../public/images/cotedetel.png" @click="timeDel()"/>
|
||||
<div class="mynote-tab">
|
||||
<div @click="notetabType(1)" :class="notetab == 1 ? 'noteactive' : ' ' "> <a href="#">新增笔记</a> </div>
|
||||
<div @click="notetabType(2)" :class="notetab == 2 ? 'noteactive' : ' '"> <a href="#">我的笔记</a> </div>
|
||||
</div>
|
||||
<!-- 新增笔记 -->
|
||||
<div class="newcote-content" v-if="notetab == 1">
|
||||
<div class="newcote-time" v-if="mynoteData.playTime != 0">
|
||||
<img src="../../../public/images/coteplay.png" />
|
||||
{{formatSeconds(mynoteData.playTime)}}
|
||||
<img src="../../../public/images/cotedetel.png" @click="timeDel()" />
|
||||
</div>
|
||||
<div class="newcote-text">
|
||||
<el-input type="textarea" :autofocus="true" placeholder="好记性不如烂笔头，记录些什么吧～"
|
||||
v-model="mynoteData.content" maxlength="200" :autosize="{ minRows: 18, maxRows: 20}"
|
||||
show-word-limit>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 我的笔记 -->
|
||||
<div class="mycote-content" v-if="notetab == 2">
|
||||
<div v-if="noteList.length > 0">
|
||||
<div style="border-bottom:1px solid #4444;padding-bottom:25px;" v-for="note in noteList"
|
||||
:key="note.id">
|
||||
<span class="mycote-time">{{note.sysCreateTime}}
|
||||
<span class="sm">{{note.openType == 1?'公开':'私密'}}</span>
|
||||
<span class="more">
|
||||
<el-dropdown>
|
||||
<span class="el-dropdown-link">
|
||||
<svg-icon style="margin-right: 0;font-size:26px;" icon-class="spot"></svg-icon>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown" class="dropdown-box"
|
||||
style="background:#333333;border: none;">
|
||||
<el-dropdown-item command="a" style="color:#fff" @click.native="noteDel(note)">
|
||||
<img style="width:13px;height:18px;vertical-align: middle;"
|
||||
src="@/assets/images/icon/note-del.png" /> 删除</el-dropdown-item>
|
||||
<el-dropdown-item command="b" style="color:#fff" @click.native="noteEdit(note)">
|
||||
<img style="width:13px;height:14px;margin-right:4px;vertical-align: middle;"
|
||||
src="@/assets/images/icon/note-edit.png" />编辑</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</span>
|
||||
</span>
|
||||
<div style="margin-top:10px" class="newcote-time" v-if="note.playTime"
|
||||
@click="onPlayVideo(note.playTime)">
|
||||
<img src="../../../public/images/coteplay.png" alt="">
|
||||
{{formatSeconds(note.playTime)}}
|
||||
</div>
|
||||
<div class="newcote-text">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autofocus="true"
|
||||
placeholder="好记性不如烂笔头，记录些什么吧～"
|
||||
v-model="mynoteData.content"
|
||||
maxlength="200"
|
||||
:autosize="{ minRows: 18, maxRows: 20}"
|
||||
show-word-limit>
|
||||
</el-input>
|
||||
{{note.content}}
|
||||
</div>
|
||||
</div>
|
||||
<!-- 我的笔记 -->
|
||||
<div class="mycote-content" v-if="notetab == 2">
|
||||
<div v-if="noteList.length > 0">
|
||||
<div style="border-bottom:1px solid #4444;padding-bottom:25px;" v-for="note in noteList" :key="note.id">
|
||||
<span class="mycote-time">{{note.sysCreateTime}}
|
||||
<span class="sm">{{note.openType == 1?'公开':'私密'}}</span>
|
||||
<span class="more">
|
||||
<el-dropdown>
|
||||
<span class="el-dropdown-link">
|
||||
<svg-icon style="margin-right: 0;font-size:26px;" icon-class="spot"></svg-icon>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown" class="dropdown-box" style="background:#333333;border: none;">
|
||||
<el-dropdown-item command="a" style="color:#fff" @click.native="noteDel(note)"><img style="width:13px;height:18px;vertical-align: middle;" src="@/assets/images/icon/note-del.png" /> 删除</el-dropdown-item>
|
||||
<el-dropdown-item command="b" style="color:#fff" @click.native="noteEdit(note)"><img style="width:13px;height:14px;margin-right:4px;vertical-align: middle;" src="@/assets/images/icon/note-edit.png" />编辑</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
<div style="margin-top:10px" class="newcote-time" v-if="note.playTime" @click="onPlayVideo(note.playTime)">
|
||||
<img src="../../../public/images/coteplay.png" alt="">
|
||||
{{formatSeconds(note.playTime)}}
|
||||
</div>
|
||||
<div class="newcote-text">
|
||||
{{note.content}}
|
||||
</div>
|
||||
</div>
|
||||
<h6 class="mycote-dibu">已经到底啦</h6>
|
||||
</div>
|
||||
<div class="my-nonote" v-else>
|
||||
<img src="../../../public/images/no-note.png" alt=""/>
|
||||
<h6 style="color: #666666;font-size: 14px;">你还没有记录此课程的笔记哦～</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="newcote-bottom" v-if="notetab == 1">
|
||||
<span style="cursor: pointer;" @click="videoLocation"> <img src="../../../public/images/playtime.png" alt=""> 视频位置</span>
|
||||
<el-radio v-model="mynoteData.openType" :label="1">公开</el-radio>
|
||||
<el-radio v-model="mynoteData.openType" :label="2">私密</el-radio>
|
||||
<el-button type="primary" size="small" @click="saveNote()">保存</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="animation-box" :class="inAnimation?'animation':''" @animationend="inAnimation=false">
|
||||
<div class="box-text">
|
||||
<img src="../../../public/images/success-note.png"/>笔记保存成功，U币+2
|
||||
</div>
|
||||
</div>
|
||||
<h6 class="mycote-dibu">已经到底啦</h6>
|
||||
</div>
|
||||
<div class="my-nonote" v-else>
|
||||
<img src="../../../public/images/no-note.png" alt="" />
|
||||
<h6 style="color: #666666;font-size: 14px;">你还没有记录此课程的笔记哦～</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="newcote-bottom" v-if="notetab == 1">
|
||||
<span style="cursor: pointer;" @click="videoLocation"> <img src="../../../public/images/playtime.png"
|
||||
alt=""> 视频位置</span>
|
||||
<el-radio v-model="mynoteData.openType" :label="1">公开</el-radio>
|
||||
<el-radio v-model="mynoteData.openType" :label="2">私密</el-radio>
|
||||
<el-button type="primary" size="small" @click="saveNote()">保存</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="animation-box" :class="inAnimation?'animation':''" @animationend="inAnimation=false">
|
||||
<div class="box-text">
|
||||
<img src="../../../public/images/success-note.png" />笔记保存成功，U币+2
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import apiNote from '@/api/phase2/note.js';
|
||||
import { mapGetters } from 'vuex';
|
||||
import {formatDate,formatSeconds} from '@/utils/datetime.js';
|
||||
import {testType,correctJudgment,numberToLetter} from '@/utils/tools.js';
|
||||
export default {
|
||||
props:{
|
||||
</template>
|
||||
<script>
|
||||
import apiNote from '@/api/phase2/note.js';
|
||||
import { mapGetters } from 'vuex';
|
||||
import { formatDate, formatSeconds } from '@/utils/datetime.js';
|
||||
import { testType, correctJudgment, numberToLetter } from '@/utils/tools.js';
|
||||
export default {
|
||||
props: {
|
||||
data: {
|
||||
type: Object,
|
||||
default:()=>{}
|
||||
type: Object,
|
||||
default: () => { }
|
||||
},
|
||||
},
|
||||
name:'MyNote',
|
||||
name: 'MyNote',
|
||||
data() {
|
||||
return {
|
||||
inAnimation:false,
|
||||
radio:'1',
|
||||
notetab:1,
|
||||
autoSave:null,
|
||||
mynoteData:{
|
||||
type:1, //我发布的是1 我导入的是2
|
||||
content:'',
|
||||
playTime:'',
|
||||
courseId:'',// 课程id
|
||||
contentId:'',//课程内容id
|
||||
courseName:'',// 课程名称
|
||||
openType:1,// 1表不公开 9表完全公开
|
||||
},
|
||||
noteList:[],
|
||||
type:1, // 1自动保存 2点击保存
|
||||
};
|
||||
return {
|
||||
inAnimation: false,
|
||||
radio: '1',
|
||||
notetab: 1,
|
||||
autoSave: null,
|
||||
mynoteData: {
|
||||
type: 1, //我发布的是1 我导入的是2
|
||||
content: '',
|
||||
playTime: '',
|
||||
courseId: '',// 课程id
|
||||
contentId: '',//课程内容id
|
||||
courseName: '',// 课程名称
|
||||
openType: 1,// 1表不公开 9表完全公开
|
||||
},
|
||||
noteList: [],
|
||||
type: 1, // 1自动保存 2点击保存
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['intTimeNote','userInfo']),
|
||||
...mapGetters(['intTimeNote', 'userInfo']),
|
||||
},
|
||||
mounted() {
|
||||
this.mynoteData.courseId = this.data.courseId;
|
||||
this.mynoteData.contentId = this.data.id;
|
||||
// if(localStorage.getItem("NOTE_TEXT") !=''){
|
||||
// this.mynoteData.content = localStorage.getItem("NOTE_TEXT");
|
||||
// this.notetab = 1;
|
||||
// }
|
||||
this.getMyNote();
|
||||
// this.autoSaveNote();
|
||||
this.mynoteData.courseId = this.data.courseId;
|
||||
this.mynoteData.contentId = this.data.id;
|
||||
// if(localStorage.getItem("NOTE_TEXT") !=''){
|
||||
// this.mynoteData.content = localStorage.getItem("NOTE_TEXT");
|
||||
// this.notetab = 1;
|
||||
// }
|
||||
this.getMyNote();
|
||||
// this.autoSaveNote();
|
||||
|
||||
},
|
||||
watch:{
|
||||
watch: {
|
||||
intTimeNote(val) {
|
||||
this.mynoteData.playTime = val;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onPlayVideo(time) {
|
||||
this.$emit('onPlayVideo',time);
|
||||
this.$emit('onPlayVideo', time);
|
||||
},
|
||||
formatSeconds(value) {
|
||||
let result = parseInt(value)
|
||||
@@ -134,53 +136,53 @@
|
||||
let s = Math.floor((result % 60));
|
||||
|
||||
let res = '';
|
||||
if(h > 0){
|
||||
res += `${h}:${m}:${s}`;
|
||||
if (h > 0) {
|
||||
res += `${h}:${m}:${s}`;
|
||||
} else {
|
||||
res += `${m}:${s}`;
|
||||
res += `${m}:${s}`;
|
||||
}
|
||||
return res;
|
||||
},
|
||||
timeDel(){
|
||||
this.mynoteData.playTime = 0;
|
||||
timeDel() {
|
||||
this.mynoteData.playTime = 0;
|
||||
},
|
||||
autoSaveNote() {
|
||||
this.autoSave = setInterval(()=>{
|
||||
localStorage.setItem("NOTE_TEXT",this.mynoteData.content);
|
||||
},10000);
|
||||
this.autoSave = setInterval(() => {
|
||||
localStorage.setItem("NOTE_TEXT", this.mynoteData.content);
|
||||
}, 10000);
|
||||
},
|
||||
noteEdit(note) {
|
||||
this.mynoteData = note;
|
||||
this.notetabType(1);
|
||||
this.mynoteData = note;
|
||||
this.notetabType(1);
|
||||
},
|
||||
noteDel(note) {
|
||||
this.$confirm('您确定要删除这条笔记吗？', '删除提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async() => {
|
||||
apiNote.del(note.id).then(res=>{
|
||||
if(res.status == 200) {
|
||||
}).then(async () => {
|
||||
apiNote.del(note.id).then(res => {
|
||||
if (res.status == 200) {
|
||||
this.getMyNote();
|
||||
} else {
|
||||
} else {
|
||||
this.$message({ type: 'error', message: res.message, offset: 50 });
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch((err) => {
|
||||
this.$message({ type: 'info', message: '已取消删除', offset: 50 });
|
||||
this.$message({ type: 'info', message: '已取消删除', offset: 50 });
|
||||
});
|
||||
|
||||
},
|
||||
getMyNote() {
|
||||
apiNote.myCourse(this.mynoteData.courseId).then(res=>{
|
||||
if(res.status == 200) {
|
||||
this.noteList = res.result;
|
||||
apiNote.myCourse(this.mynoteData.courseId).then(res => {
|
||||
if (res.status == 200) {
|
||||
this.noteList = res.result;
|
||||
}
|
||||
})
|
||||
},
|
||||
videoLocation() {
|
||||
this.$emit('videoLocation');
|
||||
this.$emit('videoLocation');
|
||||
},
|
||||
notetabType(num) {
|
||||
this.notetab = num;
|
||||
@@ -189,157 +191,178 @@
|
||||
// }
|
||||
},
|
||||
saveNote() {
|
||||
if(this.mynoteData.content == '') {
|
||||
if (this.mynoteData.content == '') {
|
||||
this.$message({ type: 'info', message: '您还没有书写笔记！', offset: 50 });
|
||||
return;
|
||||
}
|
||||
apiNote.save(this.mynoteData).then(res=>{
|
||||
if(res.status == 200 ) {
|
||||
if(!this.mynoteData.id) {
|
||||
this.inAnimation = true;
|
||||
// 是编辑新增
|
||||
let event = {
|
||||
key: "PublishNote",//后台的事件key
|
||||
title: "发布公开的笔记",//事件的标题
|
||||
parameters:"",//用户自定义参数 name:value,name:value
|
||||
content: "每发布一个公开 的笔记",//事件的内容
|
||||
objId: res.result.id,//关联的id
|
||||
objType: "4",//关联的类型
|
||||
objInfo: "笔记",
|
||||
aid: this.userInfo.aid, //当前登录人的id
|
||||
aname: this.userInfo.name,//当前人的姓名
|
||||
status: 1 //状态，直接写1
|
||||
apiNote.save(this.mynoteData).then(res => {
|
||||
if (res.status == 200) {
|
||||
if (!this.mynoteData.id) {
|
||||
this.inAnimation = true;
|
||||
if(this.mynoteData.openType != 9){
|
||||
return
|
||||
}
|
||||
// 是编辑新增
|
||||
let event = {
|
||||
key: "PublishNote",//后台的事件key
|
||||
title: "发布公开的笔记",//事件的标题
|
||||
parameters: "",//用户自定义参数 name:value,name:value
|
||||
content: "每发布一个公开 的笔记",//事件的内容
|
||||
objId: res.result.id,//关联的id
|
||||
objType: "4",//关联的类型
|
||||
objInfo: "笔记",
|
||||
aid: this.userInfo.aid, //当前登录人的id
|
||||
aname: this.userInfo.name,//当前人的姓名
|
||||
status: 1 //状态，直接写1
|
||||
}
|
||||
this.$store.dispatch("userTrigger", event);
|
||||
}
|
||||
this.$store.dispatch("userTrigger", event);
|
||||
setTimeout(() => {
|
||||
localStorage.setItem("NOTE_TEXT", '');
|
||||
// clearInterval(this.autoSave);
|
||||
this.getMyNote();
|
||||
this.notetabType(2);
|
||||
this.mynoteData = {
|
||||
type: 1, //我发布的是1 我导入的是2
|
||||
content: '',
|
||||
playTime: '',
|
||||
courseId: '',// 课程id
|
||||
contentId: '',//课程内容id
|
||||
courseName: '',// 课程名称
|
||||
openType: 1,// 1表不公开 9表完全公开
|
||||
};
|
||||
}, 2000)
|
||||
}
|
||||
setTimeout(()=>{
|
||||
localStorage.setItem("NOTE_TEXT",'');
|
||||
// clearInterval(this.autoSave);
|
||||
this.getMyNote();
|
||||
this.notetabType(2);
|
||||
this.mynoteData={
|
||||
type:1, //我发布的是1 我导入的是2
|
||||
content:'',
|
||||
playTime:'',
|
||||
courseId:'',// 课程id
|
||||
contentId:'',//课程内容id
|
||||
courseName:'',// 课程名称
|
||||
openType:1,// 1表不公开 9表完全公开
|
||||
};
|
||||
},2000)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
// clearInterval(this.autoSave);
|
||||
this.autoSave = null;
|
||||
// clearInterval(this.autoSave);
|
||||
this.autoSave = null;
|
||||
},
|
||||
}
|
||||
</script>
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
::v-deep .el-dropdown-menu__item:hover{
|
||||
background: #333333;
|
||||
}
|
||||
.mynote{
|
||||
<style scoped lang="scss">
|
||||
::v-deep .el-dropdown-menu__item:hover {
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
.mynote {
|
||||
// width: 100%;
|
||||
margin: 35px 30px;
|
||||
position: relative;
|
||||
.animation{
|
||||
margin: 35px 30px;
|
||||
position: relative;
|
||||
|
||||
.animation {
|
||||
display: block !important;
|
||||
animation-name:ubAddBlock;
|
||||
animation-duration:2s;
|
||||
animation-name: ubAddBlock;
|
||||
animation-duration: 2s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
.animation-box{
|
||||
}
|
||||
|
||||
.animation-box {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right:200px;
|
||||
.box-text{
|
||||
right: 200px;
|
||||
|
||||
.box-text {
|
||||
padding: 12px 16px;
|
||||
width: 252px;
|
||||
height: 40px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 8px 20px 0px rgba(0,35,114,0.1);
|
||||
box-shadow: 0px 8px 20px 0px rgba(0, 35, 114, 0.1);
|
||||
border-radius: 2px;
|
||||
font-size: 14px;
|
||||
color: rgba(0,0,0,0.65);
|
||||
img{
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
|
||||
img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
margin-right: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.newcote-time{
|
||||
}
|
||||
|
||||
.newcote-time {
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #3379FB;
|
||||
font-size: 14px;
|
||||
color: #387DF7;;
|
||||
color: #387DF7;
|
||||
;
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
margin-bottom: 12px;
|
||||
img{
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
margin: 0 5px;
|
||||
|
||||
}
|
||||
}
|
||||
.newcote-bottom{
|
||||
span{
|
||||
}
|
||||
|
||||
.newcote-bottom {
|
||||
span {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
margin-right: 30px;
|
||||
|
||||
img {
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.newcote-text {
|
||||
// margin-top: 24px;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
margin-right: 30px;
|
||||
img{
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
height: 100%;
|
||||
|
||||
::v-deep .el-textarea__inner {
|
||||
background: #f5f5f5;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.newcote-text{
|
||||
// margin-top: 24px;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
height: 100%;
|
||||
::v-deep .el-textarea__inner{
|
||||
background: #f5f5f5;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.newcote-content{
|
||||
|
||||
.newcote-content {
|
||||
margin: 30px 0px;
|
||||
box-sizing: border-box;
|
||||
padding: 35px 30px;
|
||||
height: 474px;
|
||||
background-color: #F5F5F5 ;
|
||||
}
|
||||
.mycote-content{
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
.mycote-content {
|
||||
margin: 30px 0px;
|
||||
box-sizing: border-box;
|
||||
padding: 8px 30px;
|
||||
height: 550px;
|
||||
overflow-y: auto;
|
||||
background-color: #fff;
|
||||
.my-nonote{
|
||||
|
||||
.my-nonote {
|
||||
text-align: center;
|
||||
margin-top: 100px;
|
||||
img{
|
||||
|
||||
img {
|
||||
width: 198px;
|
||||
height: 163px;
|
||||
}
|
||||
}
|
||||
.mycote-time{
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
padding-bottom: 20px;
|
||||
.sm{
|
||||
|
||||
.mycote-time {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
padding-bottom: 20px;
|
||||
|
||||
.sm {
|
||||
width: 50px;
|
||||
height: 22px;
|
||||
border-radius: 10px;
|
||||
@@ -348,38 +371,43 @@
|
||||
font-size: 12px;
|
||||
line-height: 50px;
|
||||
margin-left: 20px;
|
||||
padding: 3px 10px;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
.more{
|
||||
|
||||
.more {
|
||||
margin-top: 12px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.mycote-dibu{
|
||||
margin: 50px 38%;
|
||||
}
|
||||
|
||||
color: #999999;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.mynote-tab{
|
||||
.mycote-dibu {
|
||||
margin: 50px 38%;
|
||||
|
||||
color: #999999;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.mynote-tab {
|
||||
width: 180px;
|
||||
margin-top: 17px;
|
||||
|
||||
display: flex;
|
||||
div{
|
||||
|
||||
div {
|
||||
font-size: 16px;
|
||||
color: #666666;
|
||||
flex: 1;
|
||||
}
|
||||
.noteactive a{
|
||||
|
||||
.noteactive a {
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
padding-bottom: 7px;
|
||||
border-bottom: 4px solid #387DF7;
|
||||
padding-bottom: 7px;
|
||||
border-bottom: 4px solid #387DF7;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
|
||||
</div>
|
||||
<div style="width: 90px;display: flex;justify-content: flex-end;">
|
||||
<el-button @click="submit()" style="height: 35px;margin-top:20px" type="primary">发布</el-button>
|
||||
<el-button @click="submit()" style="height: 52px;" type="primary">发布</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -193,7 +193,7 @@
|
||||
<el-input show-word-limit class="hideControl" type="textarea" v-model="replyInfo.content" maxlength="100" placeholder="回复内容..."></el-input>
|
||||
</div>
|
||||
<div style="width: 120px;display: flex;justify-content: flex-end;">
|
||||
<el-button @click="submitDlgReply(com)" type="primary">发布回复</el-button>
|
||||
<el-button @click="submitDlgReply(com)" type="primary">发布1回复</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -499,7 +499,20 @@
|
||||
this.list.unshift(res.result);
|
||||
this.loadAuthorInfo([res.result],[res.result.sysCreateAid]);
|
||||
this.$message.success('发布成功');
|
||||
//
|
||||
|
||||
let event = {
|
||||
key: "PublishComment",//后台的事件key 发布文章且审核通过
|
||||
title: "发表评论",//事件的标题
|
||||
parameters:"",//用户自定义参数 name:value,name:value
|
||||
content: "每发表一个评论",//事件的内容
|
||||
objId: this.resolveId,//关联的id
|
||||
objType: this.objType,//关联的类型
|
||||
objInfo: "评论",
|
||||
aid: this.userInfo.aid, //当前登录人的id
|
||||
aname: this.userInfo.name,//当前人的姓名
|
||||
status: 1 //状态，直接写1
|
||||
}
|
||||
this.$store.dispatch("userTrigger", event);
|
||||
|
||||
this.total++;
|
||||
this.$emit('success',res.result);
|
||||
@@ -569,6 +582,19 @@
|
||||
this.replyInfo.parentId='';
|
||||
this.replyInfo.content='';
|
||||
this.$message.success("发布成功");
|
||||
let event = {
|
||||
key: "ReplyComment",//后台的事件key 发布文章且审核通过
|
||||
title: "回复评论",//事件的标题
|
||||
parameters:"",//用户自定义参数 name:value,name:value
|
||||
content: "每回一个评论",//事件的内容
|
||||
objId: this.replyInfo.commentId,//关联的id
|
||||
objType: this.objType,//关联的类型
|
||||
objInfo: "评论",
|
||||
aid: this.userInfo.aid, //当前登录人的id
|
||||
aname: this.userInfo.name,//当前人的姓名
|
||||
status: 1 //状态，直接写1
|
||||
}
|
||||
this.$store.dispatch("userTrigger", event);
|
||||
}else{
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
|
||||
@@ -185,7 +185,7 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
|
||||
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
|
||||
resonimg:{},
|
||||
Internet:3,//1是成功 2是是失败 3是检测中
|
||||
noData:true,
|
||||
|
||||
@@ -489,6 +489,20 @@ export default {
|
||||
this.$message.success('打分成功，谢谢您的打分');
|
||||
that.scoreInfo.has = true;
|
||||
that.courseInfo.score = rs.result;
|
||||
let event = {
|
||||
key: "ScoreCourse",//后台的事件key 发布文章且审核通过
|
||||
title: "完成课程评分",//事件的标题
|
||||
parameters:"",//用户自定义参数 name:value,name:value
|
||||
content: "给课程评分",//事件的内容
|
||||
objId: this.resolveId,//关联的id
|
||||
objType: 1,//关联的类型
|
||||
objInfo: this.courseInfo.name,
|
||||
aid: this.userInfo.aid, //当前登录人的id
|
||||
aname: this.userInfo.name,//当前人的姓名
|
||||
status: 1 //状态，直接写1
|
||||
}
|
||||
this.$store.dispatch("userTrigger", event);
|
||||
|
||||
} else {
|
||||
this.$message.error('打分处理失败，请稍后再试');
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user