| | |
| | | <template> |
| | | <div class="box"> |
| | | <el-row><h3 style="margin-top: 0px">{{ $route.query.title }}</h3></el-row> |
| | | <el-row |
| | | ><h3 style="margin-top: 0px">{{ $route.query.title }}</h3></el-row |
| | | > |
| | | 新闻标题:<el-input v-model="title" placeholder="请输入新闻标题"></el-input><br/><br/> |
| | | 发布日期:<el-date-picker format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" v-model="releaseTime" placeholder="请选择新闻发布日期"></el-date-picker><br/><br/> |
| | | <input type="file" @change="chooseFile"/><br/><br/> |
| | |
| | | content: '', //新闻内容 |
| | | newsCategoryId:45, |
| | | editorOption: { |
| | | placeholder: "请输入正文", |
| | | placeholder: '请输入正文', |
| | | modules: { |
| | | ImageExtend: { // 如果不作设置,即{} 则依然开启复制粘贴功能且以base64插入 |
| | | ImageExtend: { |
| | | // 如果不作设置,即{} 则依然开启复制粘贴功能且以base64插入 |
| | | name: 'file', // 图片参数名 |
| | | loading: true, |
| | | size: 10, // 可选参数 图片大小,单位为M,1M = 1024kb |
| | | action:'http://localhost:7070/uploading', |
| | | response: (res) => { |
| | | console.log(res); |
| | | response: res => { |
| | | console.log(res) |
| | | return 'http://localhost:7070/'+res.data |
| | | }, |
| | | headers: (xhr) => { |
| | | headers: xhr => { |
| | | // axios.defaults.withCredentials = true; |
| | | // xhr.setRequestHeader('Cookie','NMTID=00OVM6QOJcTDVhqDUtvgSnd-5FBxLcAAAF9nTiDHg; JSESSIONID=5ACC52D29A2434E09450CB975E08C288') |
| | | }, // 可选参数 设置请求头部 |
| | |
| | | container:[ |
| | | ['bold', 'italic', 'underline', 'strike'], //加粗,斜体,下划线,删除线 |
| | | ['blockquote', 'code-block'], //引用,代码块 |
| | | [{ 'header': 1 }, { 'header': 2 }], // 标题,键值对的形式;1、2表示字体大小 |
| | | [{ 'list': 'ordered'}, { 'list': 'bullet' }], //列表 |
| | | [{ 'script': 'sub'}, { 'script': 'super' }], // 上下标 |
| | | [{ 'indent': '-1'}, { 'indent': '+1' }], // 缩进 |
| | | [{ 'direction': 'rtl' }], // 文本方向 |
| | | [{ 'size': ['small', false, 'large', 'huge'] }], // 字体大小 |
| | | [{ 'header': [1, 2, 3, 4, 5, 6, false] }], //几级标题 |
| | | [{ 'color': [] }, { 'background': [] }], // 字体颜色,字体背景颜色 |
| | | [{ 'font': [] }], //字体 |
| | | [{ 'align': [] }], //对齐方式 |
| | | [{ header: 1 }, { header: 2 }], // 标题,键值对的形式;1、2表示字体大小 |
| | | [{ list: 'ordered' }, { list: 'bullet' }], //列表 |
| | | [{ script: 'sub' }, { script: 'super' }], // 上下标 |
| | | [{ indent: '-1' }, { indent: '+1' }], // 缩进 |
| | | [{ direction: 'rtl' }], // 文本方向 |
| | | [{ size: ['small', false, 'large', 'huge'] }], // 字体大小 |
| | | [{ header: [1, 2, 3, 4, 5, 6, false] }], //几级标题 |
| | | [{ color: [] }, { background: [] }], // 字体颜色,字体背景颜色 |
| | | [{ font: [] }], //字体 |
| | | [{ align: [] }], //对齐方式 |
| | | ['clean'], //清除字体样式 |
| | | ['image'] //上传图片、上传视频 |
| | | ], |
| | | handlers: { |
| | | 'image': function () { // 劫持原来的图片点击按钮事件 |
| | | image: function() { |
| | | // 劫持原来的图片点击按钮事件 |
| | | QuillWatch.emit(this.quill.id) |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | } , //编辑器新闻对象 |
| | | fileList:[], |
| | | fileList: [] |
| | | } |
| | | }, |
| | | created(){ |
| | |
| | | }, |
| | | methods:{ |
| | | chooseFile(file) { |
| | | this.pictureFile = file.target.files[0]; |
| | | this.pictureFile = file.target.files[0] |
| | | console.log(this.pictureFile) |
| | | console.log(file); |
| | | return false; |
| | | console.log(file) |
| | | return false |
| | | }, |
| | | submit(){ |
| | | const fd = new FormData(); |
| | | fd.append('pictureFile',this.pictureFile); |
| | | const fd = new FormData() |
| | | fd.append('pictureFile', this.pictureFile) |
| | | const data = { |
| | | newsCategoryId:this.newsCategoryId, |
| | | content:this.content, |
| | |
| | | } |
| | | // console.log(999) |
| | | add(data,fd).then(res => { |
| | | console.log(res); |
| | | console.log(this.newsCategoryId); |
| | | console.log(res) |
| | | console.log(this.newsCategoryId) |
| | | if (res.code != 200) { |
| | | return this.$message.error('发布新闻失败,请重试!') |
| | | }else{ |
| | | this.$message.success('新闻发布成功!') |
| | | console.log(this.content); |
| | | console.log(this.content) |
| | | this.$router.go(-1) |
| | | } |
| | | }) |