|
|
@@ -1,11 +1,26 @@
|
|
|
<style lang="scss" scoped>
|
|
|
.preview {
|
|
|
- .el-form-item {
|
|
|
- margin-bottom: 15px;
|
|
|
+ .aname{
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .ainfo{
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ p{
|
|
|
+ width: 60%;
|
|
|
+ margin-left: 15px;
|
|
|
+ line-height: 26px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ b{
|
|
|
+ color: #333;
|
|
|
}
|
|
|
- label,
|
|
|
- p {
|
|
|
- line-height: 25px !important;
|
|
|
+ div{
|
|
|
+ line-height: 26px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
}
|
|
|
.content .title {
|
|
|
@@ -97,7 +112,7 @@
|
|
|
<template>
|
|
|
<section>
|
|
|
<p><span>刊群导览></span>新增期刊</p>
|
|
|
- <div class="content">
|
|
|
+ <div class="content" v-loading='loading' element-loading-background="rgba(0, 0, 0, 0)">
|
|
|
<!-- <div class="title">新增会议</div> -->
|
|
|
<el-form
|
|
|
ref="form"
|
|
|
@@ -178,19 +193,19 @@
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="语种:" prop="languages">
|
|
|
- <el-input v-model="form.languages" placeholder=""> </el-input>
|
|
|
+ <el-input placeholder="请输入语种" v-model="form.languages"> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="出版时间:" prop="publishingTime">
|
|
|
- <el-input v-model="form.publishingTime" placeholder=""> </el-input>
|
|
|
+ <el-input v-model="form.publishingTime" placeholder="请输入出版时间"> </el-input>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="主编:" prop="editor">
|
|
|
<el-input
|
|
|
- placeholder="请输入期刊名称"
|
|
|
+ placeholder="请输入主编"
|
|
|
v-model="form.editor"
|
|
|
clearable
|
|
|
></el-input>
|
|
|
@@ -208,7 +223,7 @@
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="办刊单位:" prop="publishingUnit">
|
|
|
<el-input
|
|
|
- placeholder="请输入期刊名称"
|
|
|
+ placeholder="请输入办刊单位"
|
|
|
v-model="form.publishingUnit"
|
|
|
clearable
|
|
|
></el-input>
|
|
|
@@ -217,7 +232,7 @@
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="创刊时间:" prop="">
|
|
|
<el-input
|
|
|
- placeholder="请输入期刊名称"
|
|
|
+ placeholder="请输入创刊时间"
|
|
|
v-model="form.publishingTime"
|
|
|
clearable
|
|
|
></el-input>
|
|
|
@@ -269,12 +284,12 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-form-item label="文章简介:">
|
|
|
+ <el-form-item label="期刊简介:">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
v-model="form.desc"
|
|
|
:rows="3"
|
|
|
- placeholder="请输入文章简介"
|
|
|
+ placeholder="请输入期刊简介:"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="封面图:" prop="img">
|
|
|
@@ -282,6 +297,7 @@
|
|
|
class="avatar-uploader"
|
|
|
action="/api/admin/uploadfile"
|
|
|
:show-file-list="false"
|
|
|
+ :on-progress='handleAvatarProgress'
|
|
|
:on-success="handleAvatarSuccess"
|
|
|
>
|
|
|
<img v-if="form.img" :src="form.img" class="avatar" />
|
|
|
@@ -292,13 +308,49 @@
|
|
|
>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="position: fixed; bottom: 20px; right: 60px">
|
|
|
- <el-button type="primary">预览</el-button>
|
|
|
- <el-button type="success">发布</el-button>
|
|
|
- <el-button type="default" @click="save">保存</el-button>
|
|
|
+ <el-button type="primary" @click="view">预览</el-button>
|
|
|
+ <el-button type="success" @click="save">发布</el-button>
|
|
|
+ <!-- <el-button type="default" @click="save">保存</el-button> -->
|
|
|
<!-- <el-button type="danger" plain>删除</el-button> -->
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
+ <el-dialog
|
|
|
+ title=""
|
|
|
+ :visible.sync="open"
|
|
|
+ width="414px">
|
|
|
+ <div class="preview">
|
|
|
+ <div class="ainfo">
|
|
|
+ <img width="100" :src="form.img" alt="">
|
|
|
+ <p>
|
|
|
+ <b>{{form.name}}</b> <br>
|
|
|
+ 微信号:{{form.wxcode}} <br>
|
|
|
+ 主编:{{form.editor}} <br>
|
|
|
+ 主办单位:{{organizer_name}}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <b>期刊简介</b>
|
|
|
+ <div class="adesc">{{form.desc}}</div>
|
|
|
+ <b>基本信息</b>
|
|
|
+ <div>
|
|
|
+ 中文名称:{{form.name}} <br>
|
|
|
+ 外文名称:{{form.ename}} <br>
|
|
|
+ 语种:{{form.languages}} <br>
|
|
|
+ 主编:{{form.editor}} <br>
|
|
|
+ 主管单位:{{form.corganizers}} <br>
|
|
|
+ 办刊单位:{{form.publishingUnit}} <br>
|
|
|
+ 创刊时间:{{form.publishingTime}} <br>
|
|
|
+ 出版周期:{{form.publishingCycle}} <br>
|
|
|
+ 国内刊号:{{form.domestic}} <br>
|
|
|
+ 国际刊号:{{form.issn}} <br>
|
|
|
+ 期刊官网:{{form.website}} <br>
|
|
|
+ 编辑部地址:{{form.editorialAddress}} <br>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="open = false">确 定</el-button>
|
|
|
+ </span> -->
|
|
|
+ </el-dialog>
|
|
|
</section>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -309,6 +361,8 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ loading:false,
|
|
|
+ open:false,
|
|
|
form: {},
|
|
|
subjectList: [],
|
|
|
organizerList:[],
|
|
|
@@ -320,13 +374,17 @@ export default {
|
|
|
subject_id: [{ required: true, message: "请选择学科", trigger: "change" }],
|
|
|
img: [{ required: true, message: "封面图", trigger: "blur" }],
|
|
|
},
|
|
|
+ organizer_name:''
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
//封面
|
|
|
+ handleAvatarProgress(){
|
|
|
+ this.loading=true
|
|
|
+ },
|
|
|
handleAvatarSuccess(res, file) {
|
|
|
- this.form.img = file.response.data;
|
|
|
- console.log(this.form.img);
|
|
|
+ this.$set(this.form,'img',file.response.data)
|
|
|
+ this.loading=false
|
|
|
},
|
|
|
//主讲人
|
|
|
handleAvatarSuccess1(index, res, file) {
|
|
|
@@ -348,7 +406,7 @@ export default {
|
|
|
this.getData();
|
|
|
},
|
|
|
getData() {
|
|
|
- this.loading = true;
|
|
|
+
|
|
|
this.$api.searchSubjectList().then((res) => {
|
|
|
this.subjectList = res.data.data;
|
|
|
});
|
|
|
@@ -363,6 +421,14 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
+ /**预览 */
|
|
|
+ view(){
|
|
|
+ let org=this.organizerList.filter(item=>item.id == this.form.organizer_id)
|
|
|
+ if(org.length>0){
|
|
|
+ this.organizer_name=org[0].name
|
|
|
+ }
|
|
|
+ this.open=true;
|
|
|
+ },
|
|
|
save() {
|
|
|
let id = this.$route.query.id;
|
|
|
let parm = this.form;
|