|
|
|
@ -1,55 +1,67 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="page"> |
|
|
|
<div class="page"> |
|
|
|
<p class="page-name mb">文章详情</p> |
|
|
|
<p class="page-name mb">文章详情</p> |
|
|
|
<el-form :model="form" :rules="rules" class="input-form model" label-width="140px"> |
|
|
|
<el-form :model="form" |
|
|
|
<el-form-item v-if="!isPublication" class="lg" prop="articleTemplate" label="独立文章模板"> |
|
|
|
:rules="rules" |
|
|
|
<el-popover |
|
|
|
class="input-form model" |
|
|
|
placement="top-start" |
|
|
|
label-width="140px"> |
|
|
|
|
|
|
|
<el-form-item v-if="!isPublication" |
|
|
|
|
|
|
|
class="lg" |
|
|
|
|
|
|
|
prop="articleTemplate" |
|
|
|
|
|
|
|
label="独立文章模板"> |
|
|
|
|
|
|
|
<el-popover placement="top-start" |
|
|
|
trigger="hover" |
|
|
|
trigger="hover" |
|
|
|
content="默认使用栏目中设置的文章样式，如果需要为该篇文章指定专门的模板样式，可以设置此项"> |
|
|
|
content="默认使用栏目中设置的文章样式，如果需要为该篇文章指定专门的模板样式，可以设置此项"> |
|
|
|
<img slot="reference" class="info" src="@/assets/images/ques.png" alt=""> |
|
|
|
<img slot="reference" |
|
|
|
|
|
|
|
class="info" |
|
|
|
|
|
|
|
src="@/assets/images/ques.png" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
</el-popover> |
|
|
|
</el-popover> |
|
|
|
<div style="width: 940px;text-align: right;"> |
|
|
|
<div style="width: 940px;text-align: right;"> |
|
|
|
<el-switch |
|
|
|
<el-switch v-model="form.templateStatus" |
|
|
|
v-model="form.templateStatus" |
|
|
|
|
|
|
|
:active-value="1" |
|
|
|
:active-value="1" |
|
|
|
:inactive-value="0"> |
|
|
|
:inactive-value="0"> |
|
|
|
</el-switch> |
|
|
|
</el-switch> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<ul v-if="form.templateStatus" class="styles"> |
|
|
|
<ul v-if="form.templateStatus" |
|
|
|
|
|
|
|
class="styles"> |
|
|
|
<template v-for="(item, i) in detailStyle"> |
|
|
|
<template v-for="(item, i) in detailStyle"> |
|
|
|
<li v-if="item.id !== column.detailStyle" :key="i" @click="styleChange(item.id)"> |
|
|
|
<li v-if="item.id !== column.detailStyle" |
|
|
|
|
|
|
|
:key="i" |
|
|
|
|
|
|
|
@click="styleChange(item.id)"> |
|
|
|
<div class="review"> |
|
|
|
<div class="review"> |
|
|
|
<img :class="{'is-link': item.id == 24}" :src="require('@/assets/images/style/' + item.id + '.png')" alt=""> |
|
|
|
<img :class="{'is-link': item.id == 24}" |
|
|
|
|
|
|
|
:src="require('@/assets/images/style/' + item.id + '.png')" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-radio v-model="form.articleTemplate" :label="item.id">{{ item.style }}</el-radio> |
|
|
|
<el-radio v-model="form.articleTemplate" |
|
|
|
|
|
|
|
:label="item.id">{{ item.style }}</el-radio> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="title" label="标题"> |
|
|
|
<el-form-item prop="title" |
|
|
|
<el-input |
|
|
|
label="标题"> |
|
|
|
id="articleTitle" |
|
|
|
<el-input id="articleTitle" |
|
|
|
style="width: 940px" |
|
|
|
style="width: 940px" |
|
|
|
placeholder="请输入标题" |
|
|
|
placeholder="请输入标题" |
|
|
|
v-model="form.title" |
|
|
|
v-model="form.title" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="100" |
|
|
|
maxlength="100" |
|
|
|
@change="nameChange" |
|
|
|
@change="nameChange"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<div class="item-line"> |
|
|
|
<div class="item-line"> |
|
|
|
<el-form-item prop="columnId" label="所属栏目"> |
|
|
|
<el-form-item prop="columnId" |
|
|
|
<el-cascader |
|
|
|
label="所属栏目"> |
|
|
|
ref="column" |
|
|
|
<el-cascader ref="column" |
|
|
|
v-model="form.columnId" |
|
|
|
v-model="form.columnId" |
|
|
|
:options="columns" |
|
|
|
:options="columns" |
|
|
|
:props="columnProps" |
|
|
|
:props="columnProps" |
|
|
|
@change="columnChange"></el-cascader> |
|
|
|
@change="columnChange"></el-cascader> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="releaseTime" label="发布日期"> |
|
|
|
<el-form-item prop="releaseTime" |
|
|
|
<el-date-picker |
|
|
|
label="发布日期"> |
|
|
|
v-model="form.releaseTime" |
|
|
|
<el-date-picker v-model="form.releaseTime" |
|
|
|
type="date" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
placeholder="选择日期" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
@ -61,31 +73,31 @@ |
|
|
|
<!-- 专利 --> |
|
|
|
<!-- 专利 --> |
|
|
|
<template v-if="isPatent"> |
|
|
|
<template v-if="isPatent"> |
|
|
|
<div class="item-line"> |
|
|
|
<div class="item-line"> |
|
|
|
<el-form-item prop="patentClassId" label="专利类别"> |
|
|
|
<el-form-item prop="patentClassId" |
|
|
|
<el-select v-model="form.patentClassId" clearable> |
|
|
|
label="专利类别"> |
|
|
|
|
|
|
|
<el-select v-model="form.patentClassId" |
|
|
|
|
|
|
|
clearable> |
|
|
|
<template v-for="item in patentClasses"> |
|
|
|
<template v-for="item in patentClasses"> |
|
|
|
<el-option |
|
|
|
<el-option :key="item.id" |
|
|
|
:key="item.id" |
|
|
|
|
|
|
|
:label="item.name" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-option> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="applicationNumber" label="申请号"> |
|
|
|
<el-form-item prop="applicationNumber" |
|
|
|
<el-input |
|
|
|
label="申请号"> |
|
|
|
placeholder="请输入申请号" |
|
|
|
<el-input placeholder="请输入申请号" |
|
|
|
v-model.trim="form.applicationNumber" |
|
|
|
v-model.trim="form.applicationNumber" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item-line"> |
|
|
|
<div class="item-line"> |
|
|
|
<el-form-item prop="applicationDate" label="申请日期"> |
|
|
|
<el-form-item prop="applicationDate" |
|
|
|
<el-date-picker |
|
|
|
label="申请日期"> |
|
|
|
v-model="form.applicationDate" |
|
|
|
<el-date-picker v-model="form.applicationDate" |
|
|
|
type="date" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
placeholder="选择日期" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
@ -93,9 +105,9 @@ |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="dateOfAuthorization" label="授权日期"> |
|
|
|
<el-form-item prop="dateOfAuthorization" |
|
|
|
<el-date-picker |
|
|
|
label="授权日期"> |
|
|
|
v-model="form.dateOfAuthorization" |
|
|
|
<el-date-picker v-model="form.dateOfAuthorization" |
|
|
|
type="date" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
placeholder="选择日期" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
@ -104,41 +116,38 @@ |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-form-item prop="inventor" label="发明人"> |
|
|
|
<el-form-item prop="inventor" |
|
|
|
<el-input |
|
|
|
label="发明人"> |
|
|
|
style="width: 940px" |
|
|
|
<el-input style="width: 940px" |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
v-model="form.inventor" |
|
|
|
v-model="form.inventor" |
|
|
|
:rows="3" |
|
|
|
:rows="3"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<!-- 专著 --> |
|
|
|
<!-- 专著 --> |
|
|
|
<template v-if="isMonograph"> |
|
|
|
<template v-if="isMonograph"> |
|
|
|
<div class="item-line"> |
|
|
|
<div class="item-line"> |
|
|
|
<el-form-item prop="publishingHouse" label="出版社"> |
|
|
|
<el-form-item prop="publishingHouse" |
|
|
|
<el-input |
|
|
|
label="出版社"> |
|
|
|
placeholder="请输入出版社" |
|
|
|
<el-input placeholder="请输入出版社" |
|
|
|
v-model.trim="form.publishingHouse" |
|
|
|
v-model.trim="form.publishingHouse" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="writersAndEditors" label="编写人员"> |
|
|
|
<el-form-item prop="writersAndEditors" |
|
|
|
<el-input |
|
|
|
label="编写人员"> |
|
|
|
placeholder="请输入编写人员" |
|
|
|
<el-input placeholder="请输入编写人员" |
|
|
|
v-model.trim="form.writersAndEditors" |
|
|
|
v-model.trim="form.writersAndEditors" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item-line"> |
|
|
|
<div class="item-line"> |
|
|
|
<el-form-item prop="publicationYear" label="出版时间"> |
|
|
|
<el-form-item prop="publicationYear" |
|
|
|
<el-date-picker |
|
|
|
label="出版时间"> |
|
|
|
style="width: 300px" |
|
|
|
<el-date-picker style="width: 300px" |
|
|
|
v-model="form.publicationYear" |
|
|
|
v-model="form.publicationYear" |
|
|
|
type="year" |
|
|
|
type="year" |
|
|
|
placeholder="请选择出版时间" |
|
|
|
placeholder="请选择出版时间" |
|
|
|
@ -149,20 +158,20 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<!-- 期刊详情 or 论文 --> |
|
|
|
<!-- 期刊详情 or 论文 --> |
|
|
|
<template v-if="form.articleTemplate === 26 || isThesis"> |
|
|
|
<template v-if="isJournal || isThesis"> |
|
|
|
<div class="item-line"> |
|
|
|
<div class="item-line"> |
|
|
|
<el-form-item v-if="!isThesis" prop="doi" label="DOI"> |
|
|
|
<el-form-item v-if="!isThesis" |
|
|
|
<el-input |
|
|
|
prop="doi" |
|
|
|
placeholder="请输入DOI" |
|
|
|
label="DOI"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入DOI" |
|
|
|
v-model.trim="form.doi" |
|
|
|
v-model.trim="form.doi" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="publicationYear" :label="isThesis ? '发表年度' : '出版年份'"> |
|
|
|
<el-form-item prop="publicationYear" |
|
|
|
<el-date-picker |
|
|
|
:label="isThesis ? '发表年度' : '出版年份'"> |
|
|
|
style="width: 300px" |
|
|
|
<el-date-picker style="width: 300px" |
|
|
|
v-model="form.publicationYear" |
|
|
|
v-model="form.publicationYear" |
|
|
|
type="year" |
|
|
|
type="year" |
|
|
|
:placeholder="'请选择' + (isThesis ? '发表年度' : '出版年份')" |
|
|
|
:placeholder="'请选择' + (isThesis ? '发表年度' : '出版年份')" |
|
|
|
@ -172,61 +181,64 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item-line"> |
|
|
|
<div class="item-line"> |
|
|
|
<el-form-item prop="periodicalName" :label="isThesis ? '期刊名称' : '刊物名称'"> |
|
|
|
<el-form-item prop="periodicalName" |
|
|
|
<el-input |
|
|
|
:label="isThesis ? '期刊名称' : '刊物名称'"> |
|
|
|
:placeholder="'请输入' + (isThesis ? '期刊名称' : '刊物名称')" |
|
|
|
<el-input :placeholder="'请输入' + (isThesis ? '期刊名称' : '刊物名称')" |
|
|
|
v-model="form.periodicalName" |
|
|
|
v-model="form.periodicalName" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<div style="display: inline-flex;"> |
|
|
|
<div style="display: inline-flex;"> |
|
|
|
<el-form-item prop="reel" label="卷" style="margin-right: 0;"> |
|
|
|
<el-form-item prop="reel" |
|
|
|
<el-input |
|
|
|
label="卷" |
|
|
|
placeholder="请输入" |
|
|
|
style="margin-right: 0;"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入" |
|
|
|
v-model="form.reel" |
|
|
|
v-model="form.reel" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
style="width: 110px" |
|
|
|
style="width: 110px"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="documentNumber" label="文献号" label-width="80px"> |
|
|
|
<el-form-item prop="documentNumber" |
|
|
|
<el-input |
|
|
|
label="文献号" |
|
|
|
placeholder="请输入" |
|
|
|
label-width="80px"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入" |
|
|
|
v-model="form.documentNumber" |
|
|
|
v-model="form.documentNumber" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
style="width: 110px" |
|
|
|
style="width: 110px"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-form-item prop="author" label="作者"> |
|
|
|
<el-form-item prop="author" |
|
|
|
<el-input |
|
|
|
label="作者"> |
|
|
|
style="width: 940px" |
|
|
|
<el-input style="width: 940px" |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
v-model="form.author" |
|
|
|
v-model="form.author" |
|
|
|
:rows="3" |
|
|
|
:rows="3"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<el-form-item v-if="isPublication" prop="mainBody" label="正文"> |
|
|
|
<el-form-item v-if="isPublication" |
|
|
|
<Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda' v-model="form.mainBody" :init="editorConfig" /> |
|
|
|
prop="mainBody" |
|
|
|
|
|
|
|
label="正文"> |
|
|
|
|
|
|
|
<Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda' |
|
|
|
|
|
|
|
v-model="form.mainBody" |
|
|
|
|
|
|
|
:init="editorConfig" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<div v-else-if="!isPublication" class="item-line"> |
|
|
|
<div v-else-if="!isPublication" |
|
|
|
<el-form-item prop="source" label="来源"> |
|
|
|
class="item-line"> |
|
|
|
<el-input |
|
|
|
<el-form-item prop="source" |
|
|
|
placeholder="请输入来源" |
|
|
|
label="来源"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入来源" |
|
|
|
v-model.trim="form.source" |
|
|
|
v-model.trim="form.source" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.articleTemplate === 25" prop="time" label="起止时间"> |
|
|
|
<el-form-item v-if="form.articleTemplate === 25" |
|
|
|
<el-date-picker |
|
|
|
prop="time" |
|
|
|
style="width: 300px" |
|
|
|
label="起止时间"> |
|
|
|
|
|
|
|
<el-date-picker style="width: 300px" |
|
|
|
v-model="form.time" |
|
|
|
v-model="form.time" |
|
|
|
type="datetimerange" |
|
|
|
type="datetimerange" |
|
|
|
range-separator="~" |
|
|
|
range-separator="~" |
|
|
|
@ -235,208 +247,232 @@ |
|
|
|
end-placeholder="结束日期"> |
|
|
|
end-placeholder="结束日期"> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-else prop="author" label="作者"> |
|
|
|
<el-form-item v-else-if="!isJournal" |
|
|
|
<el-input |
|
|
|
prop="author" |
|
|
|
placeholder="请输入作者" |
|
|
|
label="作者"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入作者" |
|
|
|
v-model.trim="form.author" |
|
|
|
v-model.trim="form.author" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="200" |
|
|
|
maxlength="200" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<template v-if="!isPublication"> |
|
|
|
<template v-if="!isPublication"> |
|
|
|
<div v-if="form.articleTemplate === 25" class="item-line"> |
|
|
|
<div v-if="form.articleTemplate === 25" |
|
|
|
<el-form-item prop="lectureSeries" label="演讲系列"> |
|
|
|
class="item-line"> |
|
|
|
<el-input |
|
|
|
<el-form-item prop="lectureSeries" |
|
|
|
placeholder="请输入演讲系列" |
|
|
|
label="演讲系列"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入演讲系列" |
|
|
|
v-model.trim="form.lectureSeries" |
|
|
|
v-model.trim="form.lectureSeries" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="onlineLocation" label="线上地点"> |
|
|
|
<el-form-item prop="onlineLocation" |
|
|
|
<el-input |
|
|
|
label="线上地点"> |
|
|
|
placeholder="请输入线上地点" |
|
|
|
<el-input placeholder="请输入线上地点" |
|
|
|
v-model.trim="form.onlineLocation" |
|
|
|
v-model.trim="form.onlineLocation" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="form.articleTemplate === 22 || form.articleTemplate === 23" class="item-line"> |
|
|
|
<div v-if="form.articleTemplate === 22 || form.articleTemplate === 23" |
|
|
|
<el-form-item prop="edit" label="编辑"> |
|
|
|
class="item-line"> |
|
|
|
<el-input |
|
|
|
<el-form-item prop="edit" |
|
|
|
placeholder="请输入编辑" |
|
|
|
label="编辑"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入编辑" |
|
|
|
v-model.trim="form.edit" |
|
|
|
v-model.trim="form.edit" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="audit" label="审核"> |
|
|
|
<el-form-item prop="audit" |
|
|
|
<el-input |
|
|
|
label="审核"> |
|
|
|
placeholder="请输入审核" |
|
|
|
<el-input placeholder="请输入审核" |
|
|
|
v-model.trim="form.audit" |
|
|
|
v-model.trim="form.audit" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="50" |
|
|
|
maxlength="50" |
|
|
|
class="inline-input" |
|
|
|
class="inline-input"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<template v-if="form.articleTemplate === 25"> |
|
|
|
<template v-if="form.articleTemplate === 25"> |
|
|
|
<div class="item-line"> |
|
|
|
<div class="item-line"> |
|
|
|
<el-form-item prop="classificationId" label="所属分类"> |
|
|
|
<el-form-item prop="classificationId" |
|
|
|
<el-select style="width: 234px;" v-model="getModelData" clearable> |
|
|
|
label="所属分类"> |
|
|
|
|
|
|
|
<el-select style="width: 234px;" |
|
|
|
|
|
|
|
v-model="getModelData" |
|
|
|
|
|
|
|
clearable> |
|
|
|
<!-- <el-select style="width: 234px;" v-model="form.classificationId" :value="classificationName.find(i=>i.id === form.classificationId ? form.classificationId : '')" clearable> --> |
|
|
|
<!-- <el-select style="width: 234px;" v-model="form.classificationId" :value="classificationName.find(i=>i.id === form.classificationId ? form.classificationId : '')" clearable> --> |
|
|
|
<template v-for="item in classifications"> |
|
|
|
<template v-for="item in classifications"> |
|
|
|
<el-option |
|
|
|
<el-option v-if="item.classificationName" |
|
|
|
v-if="item.classificationName" |
|
|
|
|
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.classificationName" |
|
|
|
:label="item.classificationName" |
|
|
|
:value="item.id" |
|
|
|
:value="item.id"> |
|
|
|
> |
|
|
|
|
|
|
|
</el-option> |
|
|
|
</el-option> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
<el-button class="set-btn" type="primary" @click="setClass">设置</el-button> |
|
|
|
<el-button class="set-btn" |
|
|
|
|
|
|
|
type="primary" |
|
|
|
|
|
|
|
@click="setClass">设置</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="offlineLocation" label="线下地点"> |
|
|
|
<el-form-item prop="offlineLocation" |
|
|
|
<el-input |
|
|
|
label="线下地点"> |
|
|
|
placeholder="请输入线下地点" |
|
|
|
<el-input placeholder="请输入线下地点" |
|
|
|
v-model="form.offlineLocation" |
|
|
|
v-model="form.offlineLocation" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="100" |
|
|
|
maxlength="100"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-form-item prop="keynoteSpeaker" label="主讲人"> |
|
|
|
<el-form-item prop="keynoteSpeaker" |
|
|
|
<el-input |
|
|
|
label="主讲人"> |
|
|
|
style="width: 940px" |
|
|
|
<el-input style="width: 940px" |
|
|
|
placeholder="请输入主讲人" |
|
|
|
placeholder="请输入主讲人" |
|
|
|
v-model="form.keynoteSpeaker" |
|
|
|
v-model="form.keynoteSpeaker" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="100" |
|
|
|
maxlength="100"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="eventProfile" label="活动简介"> |
|
|
|
<el-form-item prop="eventProfile" |
|
|
|
<el-input |
|
|
|
label="活动简介"> |
|
|
|
style="width: 940px" |
|
|
|
<el-input style="width: 940px" |
|
|
|
placeholder="请输入活动简介" |
|
|
|
placeholder="请输入活动简介" |
|
|
|
v-model="form.eventProfile" |
|
|
|
v-model="form.eventProfile" |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
clearable |
|
|
|
clearable></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<div v-if="form.articleTemplate === 22 || form.articleTemplate === 23" class="item-line"> |
|
|
|
<div v-if="form.articleTemplate === 22 || form.articleTemplate === 23" |
|
|
|
<el-form-item prop="source" label="所属分类"> |
|
|
|
class="item-line"> |
|
|
|
<el-select style="width: 234px;" v-model="getModelData" clearable> |
|
|
|
<el-form-item prop="source" |
|
|
|
|
|
|
|
label="所属分类"> |
|
|
|
|
|
|
|
<el-select style="width: 234px;" |
|
|
|
|
|
|
|
v-model="getModelData" |
|
|
|
|
|
|
|
clearable> |
|
|
|
<template v-for="item in classifications"> |
|
|
|
<template v-for="item in classifications"> |
|
|
|
<el-option |
|
|
|
<el-option v-if="item.id" |
|
|
|
v-if="item.id" |
|
|
|
|
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.classificationName" |
|
|
|
:label="item.classificationName" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-option> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
<el-button class="set-btn" type="primary" @click="setClass">设置</el-button> |
|
|
|
<el-button class="set-btn" |
|
|
|
|
|
|
|
type="primary" |
|
|
|
|
|
|
|
@click="setClass">设置</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="author" label="主题标签"> |
|
|
|
<el-form-item prop="author" |
|
|
|
<el-select style="width: 234px;" v-model="form.lableId" multiple > |
|
|
|
label="主题标签"> |
|
|
|
|
|
|
|
<el-select style="width: 234px;" |
|
|
|
|
|
|
|
v-model="form.lableId" |
|
|
|
|
|
|
|
multiple> |
|
|
|
<template v-for="item in labels"> |
|
|
|
<template v-for="item in labels"> |
|
|
|
<el-option |
|
|
|
<el-option v-if="item.id" |
|
|
|
v-if="item.id" |
|
|
|
|
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.labelName" |
|
|
|
:label="item.labelName" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-option> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
<el-button class="set-btn" type="primary" @click="setLabel">设置</el-button> |
|
|
|
<el-button class="set-btn" |
|
|
|
|
|
|
|
type="primary" |
|
|
|
|
|
|
|
@click="setLabel">设置</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23" prop="summary" label="摘要"> |
|
|
|
<el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23" |
|
|
|
<el-input |
|
|
|
prop="summary" |
|
|
|
style="width: 940px" |
|
|
|
label="摘要"> |
|
|
|
|
|
|
|
<el-input style="width: 940px" |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
v-model.trim="form.summary" |
|
|
|
v-model.trim="form.summary" |
|
|
|
:rows="3" |
|
|
|
:rows="3" |
|
|
|
clearable |
|
|
|
clearable></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="titleImg" :label="form.articleTemplate === 25 ? '标题图' : '封面图'"> |
|
|
|
<el-form-item prop="titleImg" |
|
|
|
<el-upload |
|
|
|
:label="form.articleTemplate === 25 ? '标题图' : '封面图'"> |
|
|
|
class="avatar-uploader" |
|
|
|
<el-upload class="avatar-uploader" |
|
|
|
accept=".jpg,.png,.jpeg,.gif" |
|
|
|
accept=".jpg,.png,.jpeg,.gif" |
|
|
|
:on-change="file => changeFile(file, 0)" |
|
|
|
:on-change="file => changeFile(file, 0)" |
|
|
|
:show-file-list="false" |
|
|
|
:show-file-list="false" |
|
|
|
:action="this.api.upload" |
|
|
|
:action="this.api.upload" |
|
|
|
:auto-upload="false" |
|
|
|
:auto-upload="false"> |
|
|
|
> |
|
|
|
<img v-if="form.titleImg" |
|
|
|
<img v-if="form.titleImg" :src="form.titleImg" class="avatar"> |
|
|
|
:src="form.titleImg" |
|
|
|
<div class="uploader-default" v-else> |
|
|
|
class="avatar"> |
|
|
|
<img class="plus" src="@/assets/images/plus.png" alt=""> |
|
|
|
<div class="uploader-default" |
|
|
|
|
|
|
|
v-else> |
|
|
|
|
|
|
|
<img class="plus" |
|
|
|
|
|
|
|
src="@/assets/images/plus.png" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
<p>点击上传</p> |
|
|
|
<p>点击上传</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 25" prop="bannerImg" label="Banner图(选填)" style="flex: 1;"> |
|
|
|
<el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 25" |
|
|
|
<el-upload |
|
|
|
prop="bannerImg" |
|
|
|
class="avatar-uploader avatar-uploader-lg" |
|
|
|
label="Banner图(选填)" |
|
|
|
|
|
|
|
style="flex: 1;"> |
|
|
|
|
|
|
|
<el-upload class="avatar-uploader avatar-uploader-lg" |
|
|
|
accept=".jpg,.png,.jpeg,.gif" |
|
|
|
accept=".jpg,.png,.jpeg,.gif" |
|
|
|
:on-change="file => changeFile(file, 1)" |
|
|
|
:on-change="file => changeFile(file, 1)" |
|
|
|
:show-file-list="false" |
|
|
|
:show-file-list="false" |
|
|
|
:action="this.api.upload" |
|
|
|
:action="this.api.upload" |
|
|
|
:auto-upload="false" |
|
|
|
:auto-upload="false"> |
|
|
|
> |
|
|
|
<img v-if="form.bannerImg" |
|
|
|
<img v-if="form.bannerImg" :src="form.bannerImg" class="avatar-lg"> |
|
|
|
:src="form.bannerImg" |
|
|
|
<div class="uploader-default" v-else> |
|
|
|
class="avatar-lg"> |
|
|
|
<img class="plus" src="@/assets/images/plus.png" alt=""> |
|
|
|
<div class="uploader-default" |
|
|
|
|
|
|
|
v-else> |
|
|
|
|
|
|
|
<img class="plus" |
|
|
|
|
|
|
|
src="@/assets/images/plus.png" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
<p>点击上传</p> |
|
|
|
<p>点击上传</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23 || form.articleTemplate === 25" prop="mainBody" label="正文"> |
|
|
|
<el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23 || form.articleTemplate === 25" |
|
|
|
<Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda' v-model="form.mainBody" :init="editorConfig" /> |
|
|
|
prop="mainBody" |
|
|
|
|
|
|
|
label="正文"> |
|
|
|
|
|
|
|
<Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda' |
|
|
|
|
|
|
|
v-model="form.mainBody" |
|
|
|
|
|
|
|
:init="editorConfig" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<template v-if="form.articleTemplate === 26"> |
|
|
|
<template v-if="isJournal"> |
|
|
|
<el-form-item prop="publicationTypeId" label="出版物类型"> |
|
|
|
<el-form-item prop="publicationTypeId" |
|
|
|
<el-select style="width: 234px;" v-model="form.publicationTypeId"> |
|
|
|
label="出版物类型"> |
|
|
|
|
|
|
|
<el-select style="width: 234px;" |
|
|
|
|
|
|
|
v-model="form.publicationTypeId"> |
|
|
|
<template v-for="item in publicationTypes"> |
|
|
|
<template v-for="item in publicationTypes"> |
|
|
|
<el-option |
|
|
|
<el-option :key="item.id" |
|
|
|
:key="item.id" |
|
|
|
|
|
|
|
:label="item.name" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-option> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="quote" label="引用"> |
|
|
|
<el-form-item prop="quote" |
|
|
|
<el-input |
|
|
|
label="引用"> |
|
|
|
style="width: 940px" |
|
|
|
<el-input style="width: 940px" |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
v-model="form.quote" |
|
|
|
v-model="form.quote" |
|
|
|
:rows="3" |
|
|
|
:rows="3"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="articleKeyWord" label="关键字"> |
|
|
|
<el-form-item prop="articleKeyWord" |
|
|
|
<el-input |
|
|
|
label="关键字"> |
|
|
|
style="width: 940px" |
|
|
|
<el-input style="width: 940px" |
|
|
|
v-model="form.articleKeyWord" |
|
|
|
v-model="form.articleKeyWord"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="mainBody" label="摘要"> |
|
|
|
<el-form-item prop="mainBody" |
|
|
|
<Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda' v-model="form.mainBody" :init="editorConfig" /> |
|
|
|
label="摘要"> |
|
|
|
|
|
|
|
<Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda' |
|
|
|
|
|
|
|
v-model="form.mainBody" |
|
|
|
|
|
|
|
:init="editorConfig" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23 || form.articleTemplate === 25" prop="file" label="文件上传"> |
|
|
|
<el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23 || form.articleTemplate === 25" |
|
|
|
<el-upload |
|
|
|
prop="file" |
|
|
|
:before-upload="fileBeforeUpload" |
|
|
|
label="文件上传"> |
|
|
|
|
|
|
|
<el-upload :before-upload="fileBeforeUpload" |
|
|
|
:on-remove="handleRemove" |
|
|
|
:on-remove="handleRemove" |
|
|
|
:on-success="uploadSuccessFile" |
|
|
|
:on-success="uploadSuccessFile" |
|
|
|
:action="this.api.upload" |
|
|
|
:action="this.api.upload" |
|
|
|
@ -446,13 +482,13 @@ |
|
|
|
quote: form.title, |
|
|
|
quote: form.title, |
|
|
|
site: site.siteName, |
|
|
|
site: site.siteName, |
|
|
|
uploader: userName |
|
|
|
uploader: userName |
|
|
|
}" |
|
|
|
}"> |
|
|
|
> |
|
|
|
|
|
|
|
<el-button>上传</el-button> |
|
|
|
<el-button>上传</el-button> |
|
|
|
</el-upload> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<template v-if="form.articleTemplate === 24"> |
|
|
|
<template v-if="form.articleTemplate === 24"> |
|
|
|
<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">站内链接</el-radio> |
|
|
|
<el-radio :label="1">站内链接</el-radio> |
|
|
|
<el-radio :label="2">站外链接</el-radio> |
|
|
|
<el-radio :label="2">站外链接</el-radio> |
|
|
|
@ -461,17 +497,16 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<template v-if="form.connectionType === 1"> |
|
|
|
<template v-if="form.connectionType === 1"> |
|
|
|
<el-form-item label="站内链接"> |
|
|
|
<el-form-item label="站内链接"> |
|
|
|
<el-cascader |
|
|
|
<el-cascader v-model="links" |
|
|
|
v-model="links" |
|
|
|
|
|
|
|
:options="columns" |
|
|
|
:options="columns" |
|
|
|
:props="columnProps" |
|
|
|
:props="columnProps" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
@change="getArticle"></el-cascader> |
|
|
|
@change="getArticle"></el-cascader> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="文章"> |
|
|
|
<el-form-item label="文章"> |
|
|
|
<el-select v-model="article" clearable> |
|
|
|
<el-select v-model="article" |
|
|
|
<el-option |
|
|
|
clearable> |
|
|
|
v-for="item in articles" |
|
|
|
<el-option v-for="item in articles" |
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.title" |
|
|
|
:label="item.title" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
|
@ -479,18 +514,19 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<el-form-item v-show="form.connectionType === 2" prop="linkAddress" label="站外链接"> |
|
|
|
<el-form-item v-show="form.connectionType === 2" |
|
|
|
<el-input |
|
|
|
prop="linkAddress" |
|
|
|
placeholder="请输入站外链接" |
|
|
|
label="站外链接"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入站外链接" |
|
|
|
v-model.trim="form.linkAddress" |
|
|
|
v-model.trim="form.linkAddress" |
|
|
|
clearable |
|
|
|
clearable></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<template v-if="form.connectionType === 3"> |
|
|
|
<template v-if="form.connectionType === 3"> |
|
|
|
<el-form-item prop="siteSelection" label="站点选择"> |
|
|
|
<el-form-item prop="siteSelection" |
|
|
|
<el-select v-model="form.siteSelection" @change="getOtherColumn"> |
|
|
|
label="站点选择"> |
|
|
|
<el-option |
|
|
|
<el-select v-model="form.siteSelection" |
|
|
|
v-for="item in sites" |
|
|
|
@change="getOtherColumn"> |
|
|
|
|
|
|
|
<el-option v-for="item in sites" |
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.siteName" |
|
|
|
:label="item.siteName" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
|
@ -498,17 +534,16 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="栏目"> |
|
|
|
<el-form-item label="栏目"> |
|
|
|
<el-cascader |
|
|
|
<el-cascader v-model="otherLink" |
|
|
|
v-model="otherLink" |
|
|
|
|
|
|
|
:options="otherColumns" |
|
|
|
:options="otherColumns" |
|
|
|
:props="columnProps" |
|
|
|
:props="columnProps" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
@change="getArticle"></el-cascader> |
|
|
|
@change="getArticle"></el-cascader> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="文章"> |
|
|
|
<el-form-item label="文章"> |
|
|
|
<el-select v-model="otherArticle" clearable> |
|
|
|
<el-select v-model="otherArticle" |
|
|
|
<el-option |
|
|
|
clearable> |
|
|
|
v-for="item in otherArticles" |
|
|
|
<el-option v-for="item in otherArticles" |
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.title" |
|
|
|
:label="item.title" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
|
@ -516,9 +551,9 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<el-form-item prop="isOpen" label="新窗口打开"> |
|
|
|
<el-form-item prop="isOpen" |
|
|
|
<el-switch |
|
|
|
label="新窗口打开"> |
|
|
|
v-model="form.isOpen" |
|
|
|
<el-switch v-model="form.isOpen" |
|
|
|
:active-value="1" |
|
|
|
:active-value="1" |
|
|
|
:inactive-value="0"> |
|
|
|
:inactive-value="0"> |
|
|
|
</el-switch> |
|
|
|
</el-switch> |
|
|
|
@ -527,15 +562,20 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
<div class="btns"> |
|
|
|
<div class="btns"> |
|
|
|
<el-button type="primary" @click="submit(1)">发布</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
<el-button v-if="$route.query.id" @click="preview">预览</el-button> |
|
|
|
@click="submit(1)">发布</el-button> |
|
|
|
|
|
|
|
<el-button v-if="$route.query.id" |
|
|
|
|
|
|
|
@click="preview">预览</el-button> |
|
|
|
<el-button @click="submit(0)">保存草稿</el-button> |
|
|
|
<el-button @click="submit(0)">保存草稿</el-button> |
|
|
|
<el-button @click="back">取消</el-button> |
|
|
|
<el-button @click="back">取消</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 剪裁组件弹窗 --> |
|
|
|
<!-- 剪裁组件弹窗 --> |
|
|
|
<el-dialog title="图片裁剪" append-to-body :visible.sync="cropperModel" width="1100px" :close-on-click-modal="false"> |
|
|
|
<el-dialog title="图片裁剪" |
|
|
|
<Cropper |
|
|
|
append-to-body |
|
|
|
ref="cropper" |
|
|
|
:visible.sync="cropperModel" |
|
|
|
|
|
|
|
width="1100px" |
|
|
|
|
|
|
|
:close-on-click-modal="false"> |
|
|
|
|
|
|
|
<Cropper ref="cropper" |
|
|
|
:img-file.sync="file" |
|
|
|
:img-file.sync="file" |
|
|
|
:is-upload="isUpload" |
|
|
|
:is-upload="isUpload" |
|
|
|
:fixed="true" |
|
|
|
:fixed="true" |
|
|
|
@ -543,30 +583,53 @@ |
|
|
|
@upload="customUpload" /> |
|
|
|
@upload="customUpload" /> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="所属分类设置" :visible.sync="classVisible" width="500px" :close-on-click-modal="false" class="manage-dia" :before-close="closeClass"> |
|
|
|
<el-dialog title="所属分类设置" |
|
|
|
|
|
|
|
:visible.sync="classVisible" |
|
|
|
|
|
|
|
width="500px" |
|
|
|
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
|
|
|
class="manage-dia" |
|
|
|
|
|
|
|
:before-close="closeClass"> |
|
|
|
<div class="plus"> |
|
|
|
<div class="plus"> |
|
|
|
<i class="el-icon-circle-plus-outline" @click="addClass"></i> |
|
|
|
<i class="el-icon-circle-plus-outline" |
|
|
|
|
|
|
|
@click="addClass"></i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-table :data="classifications" ref="table" header-align="center" row-key="id"> |
|
|
|
<el-table :data="classifications" |
|
|
|
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
|
|
|
ref="table" |
|
|
|
<el-table-column prop="classificationName" label="分类名称" align="center" min-width="130"> |
|
|
|
header-align="center" |
|
|
|
|
|
|
|
row-key="id"> |
|
|
|
|
|
|
|
<el-table-column type="index" |
|
|
|
|
|
|
|
width="60" |
|
|
|
|
|
|
|
label="序号" |
|
|
|
|
|
|
|
align="center"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="classificationName" |
|
|
|
|
|
|
|
label="分类名称" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
min-width="130"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-input |
|
|
|
<el-input v-if="scope.row.edit" |
|
|
|
v-if="scope.row.edit" |
|
|
|
|
|
|
|
placeholder="请输入分类名称" |
|
|
|
placeholder="请输入分类名称" |
|
|
|
v-model="scope.row.classificationName" |
|
|
|
v-model="scope.row.classificationName" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="30" |
|
|
|
maxlength="30"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
<span v-else>{{ scope.row.classificationName }}</span> |
|
|
|
<span v-else>{{ scope.row.classificationName }}</span> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="updateTime1" label="是否引用" align="center" min-width="60">否</el-table-column> |
|
|
|
<el-table-column prop="updateTime1" |
|
|
|
<el-table-column label="操作" align="center" min-width="60"> |
|
|
|
label="是否引用" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
min-width="60">否</el-table-column> |
|
|
|
|
|
|
|
<el-table-column label="操作" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
min-width="60"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<i v-if="scope.row.edit" class="el-icon-check edit" @click="submitClass(scope.row)"></i> |
|
|
|
<i v-if="scope.row.edit" |
|
|
|
<i v-else class="el-icon-edit edit" @click="editClass(scope.row)"></i> |
|
|
|
class="el-icon-check edit" |
|
|
|
<i class="el-icon-delete del" @click="delClass(scope.row, scope.$index)"></i> |
|
|
|
@click="submitClass(scope.row)"></i> |
|
|
|
|
|
|
|
<i v-else |
|
|
|
|
|
|
|
class="el-icon-edit edit" |
|
|
|
|
|
|
|
@click="editClass(scope.row)"></i> |
|
|
|
|
|
|
|
<i class="el-icon-delete del" |
|
|
|
|
|
|
|
@click="delClass(scope.row, scope.$index)"></i> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-table> |
|
|
|
@ -575,30 +638,53 @@ |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="主题标签设置" :visible.sync="labelVisible" width="500px" :close-on-click-modal="false" class="manage-dia" :before-close="closeLabel"> |
|
|
|
<el-dialog title="主题标签设置" |
|
|
|
|
|
|
|
:visible.sync="labelVisible" |
|
|
|
|
|
|
|
width="500px" |
|
|
|
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
|
|
|
class="manage-dia" |
|
|
|
|
|
|
|
:before-close="closeLabel"> |
|
|
|
<div class="plus"> |
|
|
|
<div class="plus"> |
|
|
|
<i class="el-icon-circle-plus-outline" @click="addLabel"></i> |
|
|
|
<i class="el-icon-circle-plus-outline" |
|
|
|
|
|
|
|
@click="addLabel"></i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-table :data="labels" ref="table" header-align="center" row-key="id"> |
|
|
|
<el-table :data="labels" |
|
|
|
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
|
|
|
ref="table" |
|
|
|
<el-table-column prop="labelName" label="主题名称" align="center" min-width="130"> |
|
|
|
header-align="center" |
|
|
|
|
|
|
|
row-key="id"> |
|
|
|
|
|
|
|
<el-table-column type="index" |
|
|
|
|
|
|
|
width="60" |
|
|
|
|
|
|
|
label="序号" |
|
|
|
|
|
|
|
align="center"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="labelName" |
|
|
|
|
|
|
|
label="主题名称" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
min-width="130"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-input |
|
|
|
<el-input v-if="scope.row.edit" |
|
|
|
v-if="scope.row.edit" |
|
|
|
|
|
|
|
placeholder="请输入主题名称" |
|
|
|
placeholder="请输入主题名称" |
|
|
|
v-model="scope.row.labelName" |
|
|
|
v-model="scope.row.labelName" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
maxlength="30" |
|
|
|
maxlength="30"></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
<span v-else>{{ scope.row.labelName }}</span> |
|
|
|
<span v-else>{{ scope.row.labelName }}</span> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="updateTime1" label="是否引用" align="center" min-width="60">否</el-table-column> |
|
|
|
<el-table-column prop="updateTime1" |
|
|
|
<el-table-column label="操作" align="center" min-width="60"> |
|
|
|
label="是否引用" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
min-width="60">否</el-table-column> |
|
|
|
|
|
|
|
<el-table-column label="操作" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
min-width="60"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<i v-if="scope.row.edit" class="el-icon-check edit" @click="submitLabel(scope.row)"></i> |
|
|
|
<i v-if="scope.row.edit" |
|
|
|
<i v-else class="el-icon-edit edit" @click="editLabel(scope.row)"></i> |
|
|
|
class="el-icon-check edit" |
|
|
|
<i class="el-icon-delete del" @click="delLabel(scope.row, scope.$index)"></i> |
|
|
|
@click="submitLabel(scope.row)"></i> |
|
|
|
|
|
|
|
<i v-else |
|
|
|
|
|
|
|
class="el-icon-edit edit" |
|
|
|
|
|
|
|
@click="editLabel(scope.row)"></i> |
|
|
|
|
|
|
|
<i class="el-icon-delete del" |
|
|
|
|
|
|
|
@click="delLabel(scope.row, scope.$index)"></i> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-table> |
|
|
|
@ -773,6 +859,10 @@ export default { |
|
|
|
isMonograph () { |
|
|
|
isMonograph () { |
|
|
|
return this.columnInfo.listStyleId === 45 |
|
|
|
return this.columnInfo.listStyleId === 45 |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// 期刊详情 |
|
|
|
|
|
|
|
isJournal () { |
|
|
|
|
|
|
|
return this.form.articleTemplate === 26 |
|
|
|
|
|
|
|
}, |
|
|
|
getModelData: { |
|
|
|
getModelData: { |
|
|
|
get () { |
|
|
|
get () { |
|
|
|
const data = this.classifications.find(item => item.id === this.form.classificationId) |
|
|
|
const data = this.classifications.find(item => item.id === this.form.classificationId) |
|
|
|
@ -1282,7 +1372,7 @@ export default { |
|
|
|
// 封面图跟banner的截取比例不一样，期刊详情模板的也不一样 |
|
|
|
// 封面图跟banner的截取比例不一样，期刊详情模板的也不一样 |
|
|
|
this.fixedNumber = isBanner ? |
|
|
|
this.fixedNumber = isBanner ? |
|
|
|
[1, 0.26] : |
|
|
|
[1, 0.26] : |
|
|
|
this.form.articleTemplate == 26 ? |
|
|
|
this.isJournal ? |
|
|
|
[1, 1.5] : |
|
|
|
[1, 1.5] : |
|
|
|
[1.76, 1] |
|
|
|
[1.76, 1] |
|
|
|
this.isBanner = isBanner |
|
|
|
this.isBanner = isBanner |
|
|
|
@ -1478,7 +1568,7 @@ $upload-lg-height: 102px; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
width: $upload-width; |
|
|
|
width: $upload-width; |
|
|
|
height: $upload-height; |
|
|
|
height: $upload-height; |
|
|
|
border: 1px solid #DCDEE0; |
|
|
|
border: 1px solid #dcdee0; |
|
|
|
border-radius: 2px; |
|
|
|
border-radius: 2px; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
@ -1489,7 +1579,7 @@ $upload-lg-height: 102px; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
background: #FAFAFA; |
|
|
|
background: #fafafa; |
|
|
|
p { |
|
|
|
p { |
|
|
|
margin-top: 10px; |
|
|
|
margin-top: 10px; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
@ -1546,7 +1636,7 @@ $upload-lg-height: 102px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
&:hover .review { |
|
|
|
&:hover .review { |
|
|
|
border-color: #2962FF; |
|
|
|
border-color: #2962ff; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.review { |
|
|
|
.review { |
|
|
|
@ -1556,7 +1646,7 @@ $upload-lg-height: 102px; |
|
|
|
width: 170px; |
|
|
|
width: 170px; |
|
|
|
height: 112px; |
|
|
|
height: 112px; |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
border: 1px solid #DCDEE0; |
|
|
|
border: 1px solid #dcdee0; |
|
|
|
border-radius: 2px; |
|
|
|
border-radius: 2px; |
|
|
|
img { |
|
|
|
img { |
|
|
|
width: 80px; |
|
|
|
width: 80px; |
|
|
|
@ -1575,7 +1665,7 @@ $upload-lg-height: 102px; |
|
|
|
.plus { |
|
|
|
.plus { |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
|
color: #2962FF; |
|
|
|
color: #2962ff; |
|
|
|
text-align: right; |
|
|
|
text-align: right; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1583,7 +1673,8 @@ $upload-lg-height: 102px; |
|
|
|
margin-left: 10px !important; |
|
|
|
margin-left: 10px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
.manage-dia { |
|
|
|
.manage-dia { |
|
|
|
.edit, .del { |
|
|
|
.edit, |
|
|
|
|
|
|
|
.del { |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
|
