|
|
@ -26,7 +26,7 @@ |
|
|
v-for="item in sortType" |
|
|
v-for="item in sortType" |
|
|
:key="item.value" |
|
|
:key="item.value" |
|
|
:label="item.name" |
|
|
:label="item.name" |
|
|
:value="parseInt(item.value)"> |
|
|
:value="item.value"> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
@ -42,16 +42,28 @@ |
|
|
:inactive-value="0"> |
|
|
:inactive-value="0"> |
|
|
</el-switch> |
|
|
</el-switch> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="生效时间：" :label-width="formLabelWidth" prop="time"> |
|
|
<el-form-item label="是否展示在首页轮播：" :label-width="formLabelWidth" prop="isHomeSlideshow"> |
|
|
|
|
|
<el-switch |
|
|
|
|
|
v-model="form.isHomeSlideshow" |
|
|
|
|
|
@change="checkIsCarousel" |
|
|
|
|
|
active-color="#13ce66" |
|
|
|
|
|
inactive-color="#ff4949" |
|
|
|
|
|
:active-value="1" |
|
|
|
|
|
:inactive-value="0"> |
|
|
|
|
|
</el-switch> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="生效时间：" :label-width="formLabelWidth" prop="issueStartTime"> |
|
|
<el-date-picker |
|
|
<el-date-picker |
|
|
v-model="form.time" |
|
|
v-model="form.issueStartTime" |
|
|
type="daterange" |
|
|
|
|
|
value-format="yyyy-MM-dd" |
|
|
value-format="yyyy-MM-dd" |
|
|
range-separator="至" |
|
|
type="date" |
|
|
start-placeholder="开始日期" |
|
|
placeholder="选择日期"> |
|
|
end-placeholder="结束日期"> |
|
|
|
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="文章来源：" :label-width="formLabelWidth" prop="source"> |
|
|
|
|
|
<el-input v-model="form.source" autocomplete="off" placeholder="请输入文章来源"></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
<el-form-item label="作者：" :label-width="formLabelWidth" prop="author"> |
|
|
<el-form-item label="作者：" :label-width="formLabelWidth" prop="author"> |
|
|
<el-input v-model="form.author" autocomplete="off" placeholder="请输入作者"></el-input> |
|
|
<el-input v-model="form.author" autocomplete="off" placeholder="请输入作者"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
@ -66,6 +78,8 @@ |
|
|
id="quill-img" |
|
|
id="quill-img" |
|
|
class="avatar-uploader" |
|
|
class="avatar-uploader" |
|
|
:action="upload_action" |
|
|
:action="upload_action" |
|
|
|
|
|
:headers="upload_headers" |
|
|
|
|
|
:data="upload_data" |
|
|
:show-file-list="false" |
|
|
:show-file-list="false" |
|
|
:on-success="fileChange" |
|
|
:on-success="fileChange" |
|
|
style="display: none;width:0"> |
|
|
style="display: none;width:0"> |
|
|
@ -80,7 +94,7 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<div class="form-footer"> |
|
|
<div class="form-footer"> |
|
|
<el-button type="danger" size="mini" @click="submitForm('ruleForm')">确定</el-button> |
|
|
<el-button type="primary" size="mini" @click="submitForm('ruleForm')">确定</el-button> |
|
|
<el-button type="info" size="mini" @click="resetForm('ruleForm')">返回</el-button> |
|
|
<el-button type="info" size="mini" @click="resetForm('ruleForm')">返回</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</el-form> |
|
|
</el-form> |
|
|
@ -118,11 +132,13 @@ export default { |
|
|
title: '', |
|
|
title: '', |
|
|
imgUrl:'', |
|
|
imgUrl:'', |
|
|
type: '', |
|
|
type: '', |
|
|
time: '', |
|
|
issueStartTime: '', |
|
|
author: '', |
|
|
author: '', |
|
|
|
|
|
source:'', |
|
|
description:'', |
|
|
description:'', |
|
|
content: '', |
|
|
content: '', |
|
|
isIssue:'1', |
|
|
isIssue:'1', |
|
|
|
|
|
isHomeSlideshow:0, |
|
|
sort:'' |
|
|
sort:'' |
|
|
}, |
|
|
}, |
|
|
rules: { //form校验规则 |
|
|
rules: { //form校验规则 |
|
|
@ -132,10 +148,16 @@ export default { |
|
|
type: [ |
|
|
type: [ |
|
|
{required: true, message: '请选择公告类别', trigger: 'click'} |
|
|
{required: true, message: '请选择公告类别', trigger: 'click'} |
|
|
], |
|
|
], |
|
|
isIssue: [ |
|
|
// isIssue: [ |
|
|
{required: true} |
|
|
// {required: true} |
|
|
|
|
|
// ], |
|
|
|
|
|
// isHomeSlideshow: [ |
|
|
|
|
|
// {required: true} |
|
|
|
|
|
// ], |
|
|
|
|
|
imgUrl: [ |
|
|
|
|
|
{required: false, message: '请上传标题图片', trigger: 'blur'} |
|
|
], |
|
|
], |
|
|
time: [ |
|
|
issueStartTime: [ |
|
|
{required: true, message: '请选择生效日期', trigger: 'click'} |
|
|
{required: true, message: '请选择生效日期', trigger: 'click'} |
|
|
], |
|
|
], |
|
|
sort: [ |
|
|
sort: [ |
|
|
@ -221,7 +243,6 @@ export default { |
|
|
if (res.data) { |
|
|
if (res.data) { |
|
|
this.form = res.data |
|
|
this.form = res.data |
|
|
if(this.form.imgUrl) this.titleUrl = this.form.imgUrl |
|
|
if(this.form.imgUrl) this.titleUrl = this.form.imgUrl |
|
|
this.form.time = [this.form.issueStartTime, this.form.issueEndTime] |
|
|
|
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
@ -236,7 +257,8 @@ export default { |
|
|
// 获取光标所在位置 |
|
|
// 获取光标所在位置 |
|
|
let length = quill.getSelection().index; |
|
|
let length = quill.getSelection().index; |
|
|
// 插入图片 res为服务器返回的图片地址 |
|
|
// 插入图片 res为服务器返回的图片地址 |
|
|
quill.insertEmbed(length, 'image', config.SHOW_URL + res) |
|
|
let picUrl = 'http://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg' |
|
|
|
|
|
quill.insertEmbed(length, 'image', picUrl) |
|
|
// 调整光标到最后 |
|
|
// 调整光标到最后 |
|
|
quill.setSelection(length + 1) |
|
|
quill.setSelection(length + 1) |
|
|
} else { |
|
|
} else { |
|
|
@ -249,15 +271,21 @@ export default { |
|
|
const param = { |
|
|
const param = { |
|
|
title: this.form.title, |
|
|
title: this.form.title, |
|
|
type: this.form.type, |
|
|
type: this.form.type, |
|
|
issueStartTime: this.form.time[0], |
|
|
issueStartTime: this.form.issueStartTime, |
|
|
issueEndTime: this.form.time[1], |
|
|
|
|
|
author: this.form.author, |
|
|
author: this.form.author, |
|
|
|
|
|
source:this.form.source, |
|
|
imgUrl:this.form.imgUrl, |
|
|
imgUrl:this.form.imgUrl, |
|
|
description: this.form.description, |
|
|
description: this.form.description, |
|
|
content: this.form.content, |
|
|
content: this.form.content, |
|
|
isIssue:this.form.isIssue, |
|
|
isIssue:this.form.isIssue, |
|
|
|
|
|
isHomeSlideshow:this.form.isHomeSlideshow, |
|
|
sort:this.form.sort |
|
|
sort:this.form.sort |
|
|
} |
|
|
} |
|
|
|
|
|
let temp1 = this.sortType.filter(item => { |
|
|
|
|
|
if(item.value == this.form.type) |
|
|
|
|
|
return item |
|
|
|
|
|
}) |
|
|
|
|
|
param.typeName = temp1[0].name |
|
|
addNoticeInfo(param).then(res => { |
|
|
addNoticeInfo(param).then(res => { |
|
|
this.$message({ |
|
|
this.$message({ |
|
|
message: '添加成功！', |
|
|
message: '添加成功！', |
|
|
@ -268,10 +296,12 @@ export default { |
|
|
}, |
|
|
}, |
|
|
//发送修改请求 |
|
|
//发送修改请求 |
|
|
editNotice() { |
|
|
editNotice() { |
|
|
this.form.issueStartTime = this.form.time[0] |
|
|
|
|
|
this.form.issueEndTime = this.form.time[1] |
|
|
|
|
|
let params = JSON.parse(JSON.stringify(this.form)) |
|
|
let params = JSON.parse(JSON.stringify(this.form)) |
|
|
delete(params.time) |
|
|
let temp1 = this.sortType.filter(item => { |
|
|
|
|
|
if(item.value == this.form.type) |
|
|
|
|
|
return item |
|
|
|
|
|
}) |
|
|
|
|
|
params.typeName = temp1[0].name |
|
|
editNoticeInfo(params).then(res => { |
|
|
editNoticeInfo(params).then(res => { |
|
|
this.$message({ |
|
|
this.$message({ |
|
|
message: '修改成功！', |
|
|
message: '修改成功！', |
|
|
@ -314,6 +344,14 @@ export default { |
|
|
} |
|
|
} |
|
|
return isLt2M; |
|
|
return isLt2M; |
|
|
}, |
|
|
}, |
|
|
|
|
|
checkIsCarousel(value){ |
|
|
|
|
|
if(value) |
|
|
|
|
|
{ |
|
|
|
|
|
this.rules.imgUrl = [ |
|
|
|
|
|
{required: true, message: '请上传标题图片', trigger: 'blur'} |
|
|
|
|
|
] |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
DESKTOP-00SUCB6\Administrator
4 years ago