|
|
@@ -0,0 +1,213 @@
|
|
|
+<style lang="scss" scoped>
|
|
|
+.tbl {
|
|
|
+ // border:1px solid #ccc;
|
|
|
+}
|
|
|
+.tbl tr {
|
|
|
+ height: 31px;
|
|
|
+}
|
|
|
+.tbl td {
|
|
|
+ padding: 5px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+}
|
|
|
+// 活动回顾
|
|
|
+.journalItem {
|
|
|
+ height: 35px;
|
|
|
+ background: #0f1f8c;
|
|
|
+ margin-top: 65px;
|
|
|
+ display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.journalItem .title {
|
|
|
+ color: #ffffff;
|
|
|
+ width: 100px;
|
|
|
+ line-height: 35px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.add{
|
|
|
+ position:absolute;
|
|
|
+ right: 0px;
|
|
|
+}
|
|
|
+.overActivity {
|
|
|
+}
|
|
|
+</style>
|
|
|
+<template>
|
|
|
+ <section>
|
|
|
+ <p><span>刊群导览></span>期刊详情</p>
|
|
|
+ <div class="content">
|
|
|
+ <div class="jDetail">
|
|
|
+ <img
|
|
|
+ :src="form.img"
|
|
|
+ alt=""
|
|
|
+ width="159"
|
|
|
+ height="210"
|
|
|
+ style="float: left"
|
|
|
+ />
|
|
|
+ <table
|
|
|
+ class="tbl"
|
|
|
+ cellpadding="0"
|
|
|
+ cellspacing="0"
|
|
|
+ width="80%"
|
|
|
+ style="float: left; margin-left: 45px"
|
|
|
+ >
|
|
|
+ <tr>
|
|
|
+ <td width="119" align="right">名称：</td>
|
|
|
+ <td>{{ form.name }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td align="right">微信号：</td>
|
|
|
+ <td>{{ form.wxcode }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td align="right">主办单位：</td>
|
|
|
+ <td>{{ form.organizer_name }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td align="right">所属学科：</td>
|
|
|
+ <td>{{ form.subject_name }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td align="right">简介：</td>
|
|
|
+ <td>{{ form.desc }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div style="clear: both; height: 0; content: ''"></div>
|
|
|
+ </div>
|
|
|
+ <!-- 活动回顾 -->
|
|
|
+ <div class="journalItem overActivity">
|
|
|
+ <div class="title">活动回顾</div>
|
|
|
+ <div class="title more">查看更多>></div>
|
|
|
+ <el-button type="primary" class="add" size="mini">发布活动回顾</el-button>
|
|
|
+ </div>
|
|
|
+ <!-- 活动预告 -->
|
|
|
+ <div class="journalItem preActivity">
|
|
|
+ <div class="title">活动预告</div>
|
|
|
+ <div class="title more">查看更多>></div>
|
|
|
+ </div>
|
|
|
+ <!-- 精品文章 -->
|
|
|
+ <div class="journalItem preActivity">
|
|
|
+ <div class="title">精品文章</div>
|
|
|
+ <div class="title more">查看更多>></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import fuEditor from "../../components/fuEditor";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ fuEditor,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ form: {},
|
|
|
+ subjectList: [],
|
|
|
+ organizerList: [],
|
|
|
+ imageUrl: "",
|
|
|
+ rules: {
|
|
|
+ name: [{ required: true, message: "请输入标题", trigger: "blur" }],
|
|
|
+ wxcode: [{ required: true, message: "请输入微信号", trigger: "blur" }],
|
|
|
+ organizer_id: [
|
|
|
+ { required: true, message: "请选择主办单位", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ subject_id: [
|
|
|
+ { required: true, message: "请选择学科", trigger: "change" },
|
|
|
+ ],
|
|
|
+ img: [{ required: true, message: "封面图", trigger: "blur" }],
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //封面
|
|
|
+ handleAvatarSuccess(res, file) {
|
|
|
+ this.form.img = file.response.data;
|
|
|
+ console.log(this.form.img);
|
|
|
+ },
|
|
|
+ //主讲人
|
|
|
+ handleAvatarSuccess1(index, res, file) {
|
|
|
+ var speaker = this.form.speaker[index];
|
|
|
+ speaker.img = file.response.data;
|
|
|
+ this.$set(this.form.speaker, index, speaker);
|
|
|
+ // console.log(this.form.img)
|
|
|
+ },
|
|
|
+ beforeAvatarUpload() {},
|
|
|
+ handleClick() {},
|
|
|
+ addSpeaker() {
|
|
|
+ this.form.speaker.push({ name: "", intruduce: "" });
|
|
|
+ },
|
|
|
+ gopage(size) {
|
|
|
+ if (size) {
|
|
|
+ this.form.page_size = size;
|
|
|
+ }
|
|
|
+ this.form.page = this.$refs.pageButton.page;
|
|
|
+ this.getData();
|
|
|
+ },
|
|
|
+ getData() {
|
|
|
+ this.loading = true;
|
|
|
+ this.$api.searchSubjectList().then((res) => {
|
|
|
+ this.subjectList = res.data.data;
|
|
|
+ });
|
|
|
+ this.$api.searchOrganizerList().then((res) => {
|
|
|
+ this.organizerList = res.data.data;
|
|
|
+ });
|
|
|
+ // 期刊详情
|
|
|
+ let id = this.$route.query.id;
|
|
|
+ if (id) {
|
|
|
+ this.$api.getJournal({ id: id }).then((res) => {
|
|
|
+ this.form = res.data.data;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ save() {
|
|
|
+ let id = this.$route.query.id;
|
|
|
+ let parm = this.form;
|
|
|
+ this.$refs["form"].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ if (id) {
|
|
|
+ parm.id = id;
|
|
|
+ this.$api.updateJournal(parm).then((res) => {
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "保存成功!",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error("保存失败!");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$api.addJournal(parm).then((res) => {
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "保存成功!",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error("保存失败!");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.error("有必填项没有填!");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ del(id) {
|
|
|
+ this.$confirm("确定删除吗", "提示", {
|
|
|
+ type: "warning",
|
|
|
+ }).then(() => {
|
|
|
+ this.$api.delJournal({ id: id }).then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "删除成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.getData();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getData();
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
xjc