拒稿列表

src/components/page/articleAdd.vue

@@ -112,6 +112,14 @@
 							<el-input type="textarea" rows="5" v-model="form.abstrart"
 								placeholder="Please enter the abstract"></el-input>
 						</el-form-item>
+						<!-- 话题 -->
+						<el-form-item label="Topics :" prop="topics">
+							<el-cascader disabled class="formTopics" @change="topicsChange"
+							v-model="form.topics"
+							:options="topicsList"
+							:props="topicsProps"
+							clearable></el-cascader>
+						</el-form-item>
 						<el-form-item label="Key words :">
 							<el-input v-for="(item, index) in keywordsList" :key="index" :name="index + 1"
 								v-model="item.ke" :placeholder="'Key words' + (index + 1)"
@@ -615,7 +623,8 @@
 					coverLetter: '',
 					picturesAndTables: '',
 					totalpage: '',
-					manuscirpt: ''
+					manuscirpt: '',
+					topics:null
 				},
 				journal_type: [{
 					name: 'ARTICLE',
@@ -831,6 +840,14 @@
 				},
 				mj_jour: [],
 				jour_name: '',
+				topicsList:null,  // 话题列表
+				topicsProps:{
+					multiple: true,
+					emitPath: false, // 只返回该节点的值
+					value: "journal_topic_id", // 自定义要映射的键名
+					label: "title",
+					children: "children",
+				}
 			};
 		},
 		watch: {
@@ -848,6 +865,7 @@
 				this.Temporary()
 			} else {
 				this.initMajor();
+				this.getTopics()
 			}
 		},
 		computed: {
@@ -1528,6 +1546,7 @@
 				this.form.istransfer = false
 				this.form.becomeRev = false
 				this.initMajor();
+				this.getTopics()
 			},
 
 			// 点击tab变化
@@ -1815,6 +1834,7 @@
 						'article_id': this.stagingID
 					})
 					.then((res) => {
+						console.log(res, '已经保存的值')
 						if (res.code == 0) {
 							// 基本信息
 							this.form.journal = res.data.base.journal_id
@@ -1823,6 +1843,7 @@
 							this.form.approval = res.data.base.approval
 							this.form.abstrart = res.data.base.abstrart
 							this.form.fund = res.data.base.fund
+							this.form.topics = res.data.base.topics							
 							// 领域
 							this.$api
 								.post('api/Major/getMajorForAddArticle', {
@@ -1913,12 +1934,36 @@
 			// 选择
 			chanSelt() {
 				this.$forceUpdate()
+			},
+
+			// 获取话题
+			getTopics(){
+				this.$api	
+				.post('api/Article/getJournalTopics', {'journal_id': this.Reviewerof.journal})
+				.then((res) => {
+					if (res.code == 0) {
+						this.topicsList = res.data.topics
+						console.log(res.data.topics,'话题')
+					} else {
+						this.$message.error(res.msg);
+					}
+				});
+			},
+			// 选中值变化
+			topicsChange(e){
+				console.log(this.form.topics,'选中的话题id')
 			}
 
 		}
 	};
 </script>
 
+<style scoped>
+	.formTopics{
+		width: 100%;
+	}
+</style>
+
 <style>
 	.author-box {
 		width: 150%;