|
|
@@ -93,6 +93,7 @@
|
|
|
authorWordNumber: 8, //图文作者剩余字数
|
|
|
descWordNumber: 54, //摘要
|
|
|
editor: null, //富文本实例
|
|
|
+ editorCurrentContent: null, //当前百度编辑器输入的内容
|
|
|
articleForm: {
|
|
|
basicTitle: '', //标题
|
|
|
articleAuthor: '', //作者
|
|
|
@@ -113,49 +114,22 @@
|
|
|
},
|
|
|
deep:true,
|
|
|
},
|
|
|
+ editorCurrentContent:function(n,o){
|
|
|
+
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
open:function(material){
|
|
|
menuVue.menuActive = '新建图文';
|
|
|
- if(material && material.newsId>0){
|
|
|
- // 编辑
|
|
|
- this.subArticleList = material.articleList;
|
|
|
- console.log('子',material.articleList);
|
|
|
- this.mainArticle = material.newsArticle
|
|
|
- // 默认显示头文章的详情
|
|
|
- this.articleForm.basicTitle = material.newsArticle.basicTitle
|
|
|
- this.articleForm.articleAuthor = material.newsArticle.articleAuthor
|
|
|
- this.articleForm.basicDescription = material.newsArticle.basicDescription
|
|
|
- this.articleForm.articleContent = material.newsArticle.articleContent
|
|
|
- this.thumbnailShow = true
|
|
|
- this.thumbnailUrl = material.newsArticle.basicPic
|
|
|
- this.editor.setContent(material.newsArticle.articleContent)
|
|
|
- this.$forceUpdate();
|
|
|
- }else{
|
|
|
- // 新增
|
|
|
- console.log('this.defaultArticleForm',this.defaultArticleForm);
|
|
|
- this.editor.setContent('')
|
|
|
- this.thumbnailShow = false
|
|
|
- this.thumbnailUrl = ''
|
|
|
- this.articleForm = {}
|
|
|
- this.subArticleList = [];
|
|
|
- this.mainArticle = {}
|
|
|
- }
|
|
|
- console.log('"material',material);
|
|
|
+ material && material.newsId>0 ? this.resetForm(material) : this.resetForm()
|
|
|
},
|
|
|
- // 图片上传之前的钩子
|
|
|
+ // 图片上传之前进行数据校验
|
|
|
beforeBasicPicUpload:function(file){
|
|
|
- var fileType = false;
|
|
|
- if(file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg'){
|
|
|
- fileType = true;
|
|
|
- }
|
|
|
- const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
- if (!fileType) {
|
|
|
- this.$message.error('文章配图只能是 JPG、JPEG、PNG 格式!');
|
|
|
- }
|
|
|
- if (!isLt2M) {
|
|
|
- this.$message.error('文章配图大小不能超过 2MB!');
|
|
|
- }
|
|
|
+ var fileType = null;
|
|
|
+ ['image/jpeg','image/png','image/jpg'].indexOf(file.type)>-1 ? fileType = true : fileType = false
|
|
|
+ var isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
+ !fileType && this.$message.error('文章配图只能是 JPG、JPEG、PNG 格式!');
|
|
|
+ !isLt2M && this.$message.error('文章配图大小不能超过 2MB!');
|
|
|
return fileType && isLt2M;
|
|
|
},
|
|
|
// 图片上传成功函数
|
|
|
@@ -163,7 +137,6 @@
|
|
|
this.thumbnailShow = this.uploadDisable = true
|
|
|
this.thumbnailUrl = ms.web + url
|
|
|
this.mainArticle.basicPic = this.thumbnailUrl
|
|
|
-
|
|
|
},
|
|
|
// 添加文章
|
|
|
addArticle: function() {
|
|
|
@@ -188,16 +161,11 @@
|
|
|
},
|
|
|
// 计算剩余字数
|
|
|
resetWordNum: function(type,limit) {
|
|
|
- var result = event.target.value;
|
|
|
- if(type.indexOf('Title') > -1){
|
|
|
- this.titleWordNumber = limit - result.length
|
|
|
- }else{
|
|
|
- this.authorWordNumber = limit - result.length
|
|
|
- }
|
|
|
- if(result.length >= limit){
|
|
|
+ type.indexOf('Title') > -1 ? this.titleWordNumber = limit - event.target.value.length : this.authorWordNumber = limit - event.target.value.length
|
|
|
+ if(event.target.value.length >= limit){
|
|
|
this.$message.error('超出字数限制，请输入不超过'+limit+'字符');
|
|
|
this.$nextTick(function(){
|
|
|
- this.articleForm[type] = result.slice(0,limit);
|
|
|
+ this.articleForm[type] = event.target.value.slice(0,limit);
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
@@ -207,9 +175,9 @@
|
|
|
console.log('that.articleForm',that.articleForm);
|
|
|
console.log('that.articleList',that.articleList);
|
|
|
// 获取百度编辑器内容
|
|
|
- this.editor.getContent();
|
|
|
+ // this.editorCurrentContent = ''
|
|
|
ms.http.post(ms.manager + "/weixin/news/save.do",{
|
|
|
- newsArticleBean:that.mainArticle,
|
|
|
+ newsArticle:that.mainArticle,
|
|
|
articleList:JSON.stringify(that.articleList),
|
|
|
newsCategoryId:that.newsCategoryId,
|
|
|
newsIsSyn:false,
|
|
|
@@ -219,6 +187,25 @@
|
|
|
}, function (err) {
|
|
|
that.$message.error(err);
|
|
|
})
|
|
|
+ },
|
|
|
+ // 表单重置
|
|
|
+ resetForm:function(material){
|
|
|
+ this.thumbnailShow = material ? true : false
|
|
|
+ this.thumbnailUrl = material ? material.newsArticle.basicPic : ''
|
|
|
+
|
|
|
+ this.mainArticle.basicPic = material ? material.newsArticle.basicPic : ''
|
|
|
+ this.mainArticle.basicTitle = material ? material.newsArticle.basicTitle : ''
|
|
|
+
|
|
|
+ // 打开界面默认显示主文章详情
|
|
|
+ this.articleForm.basicTitle = material ? material.newsArticle.basicTitle : ''
|
|
|
+ this.articleForm.articleAuthor = material ? material.newsArticle.articleAuthor : ''
|
|
|
+ this.articleForm.basicDescription = material ? material.newsArticle.basicDescription : ''
|
|
|
+ var result = '';
|
|
|
+ result = (material && material.newsArticle.articleContent) ? material.newsArticle.articleContent : ''
|
|
|
+ this.editor.setContent(result)
|
|
|
+
|
|
|
+ this.subArticleList = material ? material.articleList : [];
|
|
|
+ this.$forceUpdate();
|
|
|
}
|
|
|
},
|
|
|
mounted: function() {
|
|
|
@@ -257,6 +244,10 @@
|
|
|
"<style>.ms-webkit-scrollbar::-webkit-scrollbar,::-webkit-scrollbar{width:10px;/*滚动条宽度*/height:1.5%;/*滚动条高度*/}/*定义滚动条轨道内阴影+圆角*/.ms-webkit-scrollbar::-webkit-scrollbar-track,::-webkit-scrollbar-track{border-radius:10px;/*滚动条的背景区域的圆角*/background-color:#eeeeee;/*滚动条的背景颜色*/}.ms-task-content::-webkit-scrollbar-track{border-radius:10px;background-color:#FFFFFF;}/*定义滑块内阴影+圆角*/.ms-webkit-scrollbar::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{border-radius:10px;/*滚动条的圆角*/background-color:#dddddd;/*滚动条的背景颜色*/}</style>"
|
|
|
);
|
|
|
});
|
|
|
+ this.editor.addListener('contentChange',function() {
|
|
|
+ that.editorCurrentContent = that.editor.getContent();
|
|
|
+ that.$message.success(that.editor.getContent());
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
})
|
yinxr
