@ -20,9 +20,9 @@
< template v-for ="(item, i) in detailStyle" > < template v-for ="(item, i) in detailStyle" >
< li v-if ="item.id !== column.detailStyle" :key="i" @click="form.articleTemplate = item.id" > < li v-if ="item.id !== column.detailStyle" :key="i" @click="form.articleTemplate = item.id" >
< div class = "review" > < div class = "review" >
< img : src = "require('@/assets/images/article' + item.id + '.png')" alt = "" > <!-- < img : src = "require('@/assets/images/article' + item.id + '.png')" alt = "" > -- >
< / div > < / div >
< el -radio v-model ="form.articleTemplate" :label="item.id" > {{ item.nam e }} < / el -radio > < el -radio v-model ="form.articleTemplate" :label="item.id" > {{ item.styl e }} < / el -radio >
< / li > < / li >
< / template > < / template >
< / ul > < / ul >
@ -47,7 +47,20 @@
: props = "columnProps" : props = "columnProps"
clearable > < / e l - c a s c a d e r > clearable > < / e l - c a s c a d e r >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item prop = "releaseTime" label = "发布日期" > < el -form -item v-if ="form.articleTemplate === 25" prop="classificationId" label="所属分类" >
< el -select style = "width: 234px;" v-model ="form.classificationId" >
< template v-for ="item in classifications" >
< el -option
v - if = "item.classificationName"
: key = "item.id"
: label = "item.classificationName"
: value = "item.id" >
< / e l - o p t i o n >
< / template >
< / e l - s e l e c t >
< el -button class = "set-btn" type = "primary" @click ="setClass" > 设置 < / el -button >
< / e l - f o r m - i t e m >
< el -form -item v -else prop = "releaseTime" label = "发布日期" >
< el -date -picker < el -date -picker
v - model = "form.releaseTime" v - model = "form.releaseTime"
type = "date" type = "date"
@ -63,31 +76,58 @@
placeholder = "请输入来源" placeholder = "请输入来源"
v - model . trim = "form.source" v - model . trim = "form.source"
clearable clearable
maxlength = "1 5" maxlength = "50 "
class = "inline-input" class = "inline-input"
@ change = "nameChange"
> < / e l - i n p u t > > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item prop = "author" label = "作者" > < el -form -item v-if ="form.articleTemplate === 25" prop="time" label="起止时间" >
< el -date -picker
style = "width: 300px"
v - model = "form.time"
type = "datetimerange"
range - separator = "~"
start - placeholder = "开始日期"
end - placeholder = "结束日期" >
< / e l - d a t e - p i c k e r >
< / e l - f o r m - i t e m >
< el -form -item v -else prop = "author" label = "作者" >
< el -input < el -input
placeholder = "请输入作者" placeholder = "请输入作者"
v - model . trim = "form.author" v - model . trim = "form.author"
clearable clearable
maxlength = "200" maxlength = "200"
class = "inline-input" class = "inline-input"
@ change = "nameChange"
> < / e l - i n p u t > > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / div > < / div >
< div class = "item-line" > < div v-if ="form.articleTemplate === 25" class="item-line" >
< el -form -item prop = "lectureSeries" label = "演讲系列" >
< el -input
placeholder = "请输入演讲系列"
v - model . trim = "form.lectureSeries"
clearable
maxlength = "50"
class = "inline-input"
> < / e l - i n p u t >
< / e l - f o r m - i t e m >
< el -form -item prop = "onlineLocation" label = "线上地点" >
< el -input
placeholder = "请输入线上地点"
v - model . trim = "form.onlineLocation"
clearable
maxlength = "50"
class = "inline-input"
> < / e l - i n p u t >
< / e l - f o r m - i t e m >
< / div >
< div v-if ="form.articleTemplate === 22" class="item-line" >
< el -form -item prop = "edit" label = "编辑" > < el -form -item prop = "edit" label = "编辑" >
< el -input < el -input
placeholder = "请输入编辑" placeholder = "请输入编辑"
v - model . trim = "form.edit" v - model . trim = "form.edit"
clearable clearable
maxlength = "15" maxlength = "50 "
class = "inline-input" class = "inline-input"
@ change = "nameChange"
> < / e l - i n p u t > > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item prop = "audit" label = "审核" > < el -form -item prop = "audit" label = "审核" >
@ -95,13 +135,42 @@
placeholder = "请输入审核" placeholder = "请输入审核"
v - model . trim = "form.audit" v - model . trim = "form.audit"
clearable clearable
maxlength = "1 5" maxlength = "50 "
class = "inline-input" class = "inline-input"
@ change = "nameChange"
> < / e l - i n p u t > > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / div > < / div >
< div class = "item-line" > < template v-if ="form.articleTemplate === 25" >
< el -form -item prop = "offlineLocation" label = "线下地点" >
< el -input
style = "width: 940px"
placeholder = "请输入线下地点"
v - model = "form.offlineLocation"
clearable
maxlength = "100"
> < / e l - i n p u t >
< / e l - f o r m - i t e m >
< el -form -item prop = "keynoteSpeaker" label = "主讲人" >
< el -input
style = "width: 940px"
placeholder = "请输入主讲人"
v - model = "form.keynoteSpeaker"
clearable
maxlength = "100"
> < / e l - i n p u t >
< / e l - f o r m - i t e m >
< el -form -item prop = "eventProfile" label = "活动简介" >
< el -input
style = "width: 940px"
placeholder = "请输入活动简介"
v - model = "form.eventProfile"
type = "textarea"
clearable
> < / e l - i n p u t >
< / e l - f o r m - i t e m >
< / template >
< div v-if ="form.articleTemplate === 22" class="item-line" >
< el -form -item prop = "source" label = "所属分类" > < el -form -item prop = "source" label = "所属分类" >
< el -select style = "width: 234px;" v-model ="form.classificationId" > < el -select style = "width: 234px;" v-model ="form.classificationId" >
< template v-for ="item in classifications" > < template v-for ="item in classifications" >
@ -129,7 +198,7 @@
< el -button class = "set-btn" type = "primary" @click ="setLabel" > 设置 < / el -button > < el -button class = "set-btn" type = "primary" @click ="setLabel" > 设置 < / el -button >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / div > < / div >
< el -form -item prop = "summary" label = "摘要" > < el -form -item v-if ="form.articleTemplate === 22" prop="summary" label="摘要" >
< el -input < el -input
style = "width: 940px" style = "width: 940px"
type = "textarea" type = "textarea"
@ -138,7 +207,7 @@
clearable clearable
> < / e l - i n p u t > > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item prop = "titleImg" label = "封面图" > < el -form -item prop = "titleImg" : label = "form.articleTemplate === 25 ? '标题图' : ' 封面图' " >
< el -upload < el -upload
class = "avatar-uploader" class = "avatar-uploader"
accept = ".jpg,.png,.jpeg,.gif" accept = ".jpg,.png,.jpeg,.gif"
@ -170,27 +239,25 @@
< / div > < / div >
< / e l - u p l o a d > < / e l - u p l o a d >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< template v-if ="!form.templateStatus || (form.templateStatus && form.articleTemplate === 2)" > < el -form -item v-if ="form.articleTemplate === 22 || form.articleTemplate === 25" prop="mainBody" label="正文" >
< el -form -item prop = "mainBody" label = "正文" > < Editor api -key = ' rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda ' v -model = " form.mainBody " :init ="editorConfig" / >
< Editor api -key = ' rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda ' v -model = " form.mainBody " :init ="editorConfig" / > < / e l - f o r m - i t e m >
< / e l - f o r m - i t e m > < el -form -item v-if ="form.articleTemplate === 22 || form.articleTemplate === 25" prop="file" label="文件上传" >
< el -form -item prop = "file" label = "文件上传" > < el -upload
< el -upload : on - remove = "handleRemove"
: on - remove = "handleRemove" : on - success = "uploadSuccessFile"
: on - success = "uploadSuccessFile" : action = "this.api.upload"
: action = "this.api.upload" : file - list = "fileList"
: file - list = "fileList" : data = " {
: data = " { quote : form . title ,
quote : form . title , site : site . siteName ,
site : site . siteName , uploader : userName
uploader : userName } "
} " >
> < el -button > 上传 < / e l - b u t t o n >
< el -button > 上传 < / e l - b u t t o n > < / e l - u p l o a d >
< / e l - u p l o a d > < / e l - f o r m - i t e m >
< / e l - f o r m - i t e m > < template v-if ="form.articleTemplate === 24" >
< / template >
< template v-if ="form.articleTemplate === 3" >
< el -form -item prop = "connectionType" label = "连接类型" > < el -form -item prop = "connectionType" label = "连接类型" >
< el -radio -group v-model ="form.connectionType" > < el -radio -group v-model ="form.connectionType" >
< el -radio :label ="1" > 站内链接 < / e l - r a d i o > < el -radio :label ="1" > 站内链接 < / e l - r a d i o >
@ -232,13 +299,6 @@
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / template > < / template >
< / template > < / template >
< el -form -item v-show ="form.typeId === 4" prop="showWithDetails" label="栏目" >
< el -switch
v - model = "form.showWithDetails"
: active - value = "1"
: inactive - value = "0" >
< / e l - s w i t c h >
< / e l - f o r m - i t e m >
< / e l - f o r m > < / e l - f o r m >
< div class = "btns" > < div class = "btns" >
< el -button type = "primary" @click ="submit(1)" > 发布 < / el -button > < el -button type = "primary" @click ="submit(1)" > 发布 < / el -button >
@ -337,10 +397,8 @@ export default {
site : this . $store . state . content . site , site : this . $store . state . content . site ,
userId : this . $store . state . user . userId , userId : this . $store . state . user . userId ,
nameRepeat : false , nameRepeat : false ,
types : ColumnConst . types ,
templates : ColumnConst . templates ,
sites : ColumnConst . sites , sites : ColumnConst . sites ,
detailStyle : ColumnConst . detailStyle , detailStyle : [ ] ,
columns : [ ] , columns : [ ] ,
columnProps : { columnProps : {
checkStrictly : true , checkStrictly : true ,
@ -355,17 +413,30 @@ export default {
editorId : this . $store . state . user . userId , editorId : this . $store . state . user . userId ,
templateStatus : 0 , templateStatus : 0 ,
articleTemplate : '' , articleTemplate : '' ,
doi : '' ,
quote : '' ,
publicationTypeId : '' ,
publicationYear : '' ,
activityEndTime : '' ,
activityStartTime : '' ,
time : '' ,
lectureSeries : '' ,
onlineLocation : '' ,
offlineLocation : '' ,
keynoteSpeaker : '' ,
eventProfile : '' ,
author : '' , author : '' ,
edit : '' , edit : '' ,
audit : '' , audit : '' ,
bannerImg : '' , bannerImg : '' ,
lableId : '' , lableId : [ ] ,
classificationId : '' , classificationId : '' ,
columnId : + this . $route . query . columnId , columnId : + this . $route . query . columnId ,
file : '' , file : '' ,
isRelease : 0 , isRelease : 0 ,
mainBody : '' , mainBody : '' ,
releaseTime : new Date ( ) , releaseTime : new Date ( ) ,
/ / r e l e a s e T i m e : ' ' ,
source : '' , source : '' ,
summary : '' , summary : '' ,
title : '' , title : '' ,
@ -381,6 +452,18 @@ export default {
columnId : [ columnId : [
{ required : true , message : '请选择所属栏目' , trigger : 'change' } { required : true , message : '请选择所属栏目' , trigger : 'change' }
] , ] ,
time : [
{ required : true , message : '请选择起始时间' , trigger : 'change' }
] ,
classificationId : [
{ required : false , message : '请选择所属分类' , trigger : 'change' }
] ,
keynoteSpeaker : [
{ required : true , message : '请输入主讲人' , trigger : 'blur' }
] ,
eventProfile : [
{ required : true , message : '请输入活动简介' , trigger : 'blur' }
] ,
releaseTime : [ releaseTime : [
{ required : true , message : '请选择发布日期' , trigger : 'change' } { required : true , message : '请选择发布日期' , trigger : 'change' }
] , ] ,
@ -394,6 +477,7 @@ export default {
{ required : true , message : '请选择连接类型' , trigger : 'blur' } { required : true , message : '请选择连接类型' , trigger : 'blur' }
] , ] ,
} , } ,
columnInfo : { } ,
fileList : [ ] , fileList : [ ] ,
editorConfig , editorConfig ,
submiting : false , / / 新 增 编 辑 防 抖 标 识 submiting : false , / / 新 增 编 辑 防 抖 标 识
@ -466,14 +550,17 @@ export default {
name : '文章管理' , name : '文章管理' ,
route : '/article' route : '/article'
} , } ,
{
name : this . $route . query . columnName
} ,
{ {
name : this . $route . query . id ? '编辑' : '新增' name : this . $route . query . id ? '编辑' : '新增'
} }
] ) ] )
this . getList ( ) this . getList ( )
this . form . id && this . getData ( ) this . form . id ? this . getData ( ) : this . getColumn ( )
this . getClassification ( )
this . getLabel ( ) this . getLabel ( )
this . getTemplate ( )
} , } ,
methods : { methods : {
/ / 获 取 栏 目 / / 获 取 栏 目
@ -516,21 +603,51 @@ export default {
e . children . length ? this . getId ( e . children , e . ids ) : delete e . children e . children . length ? this . getId ( e . children , e . ids ) : delete e . children
} ) } )
} , } ,
/ / 获 取 详 情 / / 获 取 文 章 详 情
getData ( ) { getData ( ) {
this . $post ( ` ${ this . api . findArticle } ?id= ${ this . form . id } ` ) . then ( ( { data } ) => { this . $post ( ` ${ this . api . findArticle } ?id= ${ this . form . id } ` ) . then ( ( { data } ) => {
data . lableId = data . lableId . split ( ',' ) . map ( e => + e ) data . lableId = data . lableId . split ( ',' ) . map ( e => + e )
if ( data . activityStartTime && data . activityEndTime ) data . time = [ data . activityStartTime , data . activityEndTime ]
this . form = data this . form = data
if ( data . articleTemplate === 3 && data . connectionType !== 2 && data . linkAddress ) this . links = data . linkAddress . split ( ',' ) . map ( e => + e ) / / i f ( d a t a . a r t i c l e T e m p l a t e = = = 3 & & d a t a . c o n n e c t i o n T y p e ! = = 2 & & d a t a . l i n k A d d r e s s ) t h i s . l i n k s = d a t a . l i n k A d d r e s s . s p l i t ( ' , ' ) . m a p ( e = > + e )
this . originalName = data . title this . originalName = data . title
this . getColumn ( )
/ / c o n s t { f i l e } = d a t a / / c o n s t { f i l e } = d a t a
/ / i f ( f i l e ) t h i s . f i l e L i s t = [ { n a m e : f i l e , u r l : f i l e } ] / / 文 件 上 传 回 显 / / i f ( f i l e ) t h i s . f i l e L i s t = [ { n a m e : f i l e , u r l : f i l e } ] / / 文 件 上 传 回 显
this . getFile ( ) this . getFile ( )
} ) . catch ( err => { } ) } ) . catch ( err => { } )
} , } ,
/ / 获 取 栏 目 详 情
getColumn ( ) {
this . $post ( ` ${ this . api . findColumn } ?id= ${ this . $route . query . columnId } ` ) . then ( ( { data } ) => {
this . columnInfo = data
const { form } = this
/ / 如 果 独 立 文 章 模 板 未 启 用 ， 并 且 该 栏 目 的 类 型 为 常 规 / 子 级 优 先 ， 则 把 栏 目 所 选 的 详 情 样 式 赋 值 到 文 章 模 板 ； 如 果 栏 目 类 型 为 长 页 或 者 链 接 ， 则 文 章 模 板 默 认 为 文 章 （ 2 3 ）
if ( ! form . templateStatus ) {
form . articleTemplate = ( data . typeId === 1 || data . typeId === 4 ) ? data . detailStyleId : 23
}
/ / 会 议 活 动
if ( form . articleTemplate === 25 ) {
this . rules . titleImg [ 0 ] . required = false
this . rules . classificationId [ 0 ] . required = true
}
this . getClassification ( )
} ) . catch ( err => { } )
} ,
/ / 获 取 所 有 模 板
getTemplate ( ) {
this . $post ( this . api . individualTemplateDetailsStyle ) . then ( ( { data } ) => {
const result = [ ]
data . map ( e => {
result . find ( n => n . style === e . style ) || result . push ( e )
} )
this . detailStyle = result
console . log ( "🚀 ~ file: index.vue ~ line 642 ~ this.$post ~ data" , result )
} ) . catch ( err => { } )
} ,
/ / 获 取 所 属 分 类 / / 获 取 所 属 分 类
getClassification ( ) { getClassification ( ) {
this . $post ( ` ${ this . api . queryClassif } ?siteId= ${ this . site . id } ` ) . then ( ( { data } ) => { this . $post ( ` ${ this . api . queryClassif } ?siteId= ${ this . site . id } &templateId= ${ this . columnInfo . templateId } ` ) . then ( ( { data } ) => {
this . classifications = data this . classifications = data
} ) . catch ( err => { } ) } ) . catch ( err => { } )
} , } ,
@ -571,6 +688,7 @@ export default {
this . $post ( ` ${ this . api . checkClassif } ?classificationName= ${ row . classificationName } &siteId= ${ this . site . id } &classificationId= ${ row . id } ` ) . then ( res => { this . $post ( ` ${ this . api . checkClassif } ?classificationName= ${ row . classificationName } &siteId= ${ this . site . id } &classificationId= ${ row . id } ` ) . then ( res => {
this . $post ( this . api [ row . id ? 'updateClassif' : 'saveClassif' ] , { this . $post ( this . api [ row . id ? 'updateClassif' : 'saveClassif' ] , {
classificationName : row . classificationName , classificationName : row . classificationName ,
templateId : this . columnInfo . templateId ,
id : row . id , id : row . id ,
siteId : this . site . id , siteId : this . site . id ,
editorId : this . userId , editorId : this . userId ,
@ -754,7 +872,6 @@ export default {
} , } ,
/ / 附 件 删 除 / / 附 件 删 除
handleRemove ( e ) { handleRemove ( e ) {
console . log ( "🚀 ~ file: index.vue ~ line 740 ~ handleRemove ~ e" , e )
this . $post ( ` ${ this . api . delContentFile } ?id= ${ e . id } ` ) . then ( res => { } ) . catch ( res => { } ) this . $post ( ` ${ this . api . delContentFile } ?id= ${ e . id } ` ) . then ( res => { } ) . catch ( res => { } )
} , } ,
/ / b a n n e r 上 传 成 功 / / b a n n e r 上 传 成 功
@ -813,16 +930,21 @@ export default {
const form = JSON . parse ( JSON . stringify ( this . form ) ) const form = JSON . parse ( JSON . stringify ( this . form ) )
if ( ! form . title ) return util . errorMsg ( '请填写标题' ) if ( ! form . title ) return util . errorMsg ( '请填写标题' )
if ( this . nameRepeat ) return util . errorMsg ( '该标题已重复!' ) if ( this . nameRepeat ) return util . errorMsg ( '该标题已重复!' )
if ( ! form . releaseTime && isRelease ) return util . errorMsg ( '请选择发布日期' ) / / i f ( ! f o r m . r e l e a s e T i m e & & i s R e l e a s e ) r e t u r n u t i l . e r r o r M s g ( ' 请 选 择 发 布 日 期 ' )
if ( ! form . titleImg && isRelease ) return util . errorMsg ( '请上传封面' ) / / i f ( ! f o r m . t i t l e I m g & & i s R e l e a s e ) r e t u r n u t i l . e r r o r M s g ( ' 请 上 传 封 面 ' )
if ( typeof form . fatherId === 'object' ) form . fatherId = form . fatherId [ form . fatherId . length - 1 ] if ( typeof form . fatherId === 'object' ) form . fatherId = form . fatherId [ form . fatherId . length - 1 ]
if ( form . articleTemplate === 3 && form . connectionType !== 2 ) { / / i f ( f o r m . a r t i c l e T e m p l a t e = = = 2 4 & & f o r m . c o n n e c t i o n T y p e ! = = 2 ) {
const { links } = this / / c o n s t { l i n k s } = t h i s
if ( ! links . length && form . connectionType === 1 && isRelease ) return util . errorMsg ( '请选择站内链接' ) / / i f ( ! l i n k s . l e n g t h & & f o r m . c o n n e c t i o n T y p e = = = 1 & & i s R e l e a s e ) r e t u r n u t i l . e r r o r M s g ( ' 请 选 择 站 内 链 接 ' )
if ( ! links . length && form . connectionType === 3 && isRelease ) return util . errorMsg ( '请选择栏目' ) / / i f ( ! l i n k s . l e n g t h & & f o r m . c o n n e c t i o n T y p e = = = 3 & & i s R e l e a s e ) r e t u r n u t i l . e r r o r M s g ( ' 请 选 择 栏 目 ' )
form . linkAddress = links . join ( ) / / f o r m . l i n k A d d r e s s = l i n k s . j o i n ( )
/ / }
/ / i f ( ( ( f o r m . t e m p l a t e S t a t u s & & f o r m . a r t i c l e T e m p l a t e = = = 2 ) | | ! f o r m . t e m p l a t e S t a t u s ) & & ! f o r m . m a i n B o d y & & i s R e l e a s e ) r e t u r n u t i l . e r r o r M s g ( ' 请 输 入 正 文 ' )
if ( form . articleTemplate === 25 ) {
if ( ! form . time . length && isRelease ) return util . errorMsg ( '请选择起止时间' )
form . activityStartTime = form . time [ 0 ]
form . activityEndTime = form . time [ 1 ]
} }
if ( ( ( form . templateStatus && form . articleTemplate === 2 ) || ! form . templateStatus ) && ! form . mainBody && isRelease ) return util . errorMsg ( '请输入正文' )
const { columnId , bannerImg , file , titleImg } = form const { columnId , bannerImg , file , titleImg } = form
const fileId = [ ] const fileId = [ ]
if ( typeof columnId === 'object' ) form . columnId = columnId [ columnId . length - 1 ] / / 如 果 更 换 了 栏 目 i d ， 值 会 变 成 数 组 ， 需 要 手 动 获 取 最 后 一 个 if ( typeof columnId === 'object' ) form . columnId = columnId [ columnId . length - 1 ] / / 如 果 更 换 了 栏 目 i d ， 值 会 变 成 数 组 ， 需 要 手 动 获 取 最 后 一 个
@ -942,9 +1064,13 @@ $upload-lg-height: 102px;
} }
. styles { . styles {
display : flex ; display : flex ;
flex - wrap : wrap ;
width : 955 px ;
height : 320 px ;
margin - top : 20 px ; margin - top : 20 px ;
overflow : auto ;
li { li {
margin - right : 20 px ; margin : 0 20 px 10 px 0 ;
text - align : center ; text - align : center ;
cursor : pointer ; cursor : pointer ;
& : hover . review { & : hover . review {
