后台引用编辑前

src/components/page/publishRefernceEditor.vue

@@ -0,0 +1,152 @@
+<template>
+  <div>
+    <!-- publish 引用编辑页面 -->
+    <editPublicRefRdit ref="editPublicRefRdit" :chanFerForm = 'chanFerForm' :gridData = 'gridData' :p_article_id='p_article_id' @ChanFerMashUp="ChanFerMashUp" @refrashComp="refrashComp" @changeRefer="changeRefer"></editPublicRefRdit>
+  </div>
+</template>
+
+<script>
+import editPublicRefRdit from './editPublicRefRdit'        // 公共引用编辑页面
+import {
+		Loading
+	} from 'element-ui';
+export default {
+    data(){
+        return{
+            article_id: this.$route.query.id,
+            chanFerForm: [],
+            gridData: '',
+            p_article_id: this.$route.query.pid,
+        }
+    },
+    created(){
+        this.getData()
+    },
+    methods:{
+        // 获取p_article_id的值            
+			getArtcleDetails(){
+				// 获得文章详情
+				const loading = this.$loading({
+					lock: true,
+					text: 'Loading...',
+					spinner: 'el-icon-loading',
+					background: 'rgba(0, 0, 0, 0.7)'
+				});
+				this.$api
+					.post('api/Article/getPreacceptArticleDetail', {'article_id': this.article_id})
+					.then(res => {
+						loading.close()                       
+						this.p_article_id = res.data.production.p_article_id
+                        console.log(this.p_article_id)
+                       // this.chanFerForm = res.data.refers
+						if(this.p_article_id != null){
+							this.getData()
+							//this.getAuthorJG();
+			 				//this.getCount();
+			 				//this.getWorldPdf();
+						}	
+                        this.$nextTick(()=>{
+                            // 更新引用列表
+							this.$refs.editPublicRefRdit.init(this.chanFerForm)
+						})					
+					})
+					.catch(err => {
+						//this.$message.error(err);
+						loading.close()
+					});
+			},
+			getData() {
+               
+				// this.idform.p_article_id = this.p_article_id;
+				// this.detailMes.p_article_id = this.p_article_id;
+				// this.addFomauthor.p_article_id = this.p_article_id;
+				// this.addFomschool.p_article_id = this.p_article_id;
+				// this.UpTypeFile.p_article_id = this.p_article_id;
+
+               // console.log(this.p_article_id,5555)
+
+				const loading = this.$loading({
+					lock: true,
+					text: 'Loading...',
+					spinner: 'el-icon-loading',
+					background: 'rgba(0, 0, 0, 0.7)'
+				});
+
+				// 获取文章信息
+
+				// 获取参考文献
+				this.$api
+					.post('api/Production/getReferList', {
+						'p_article_id': this.p_article_id
+					})
+					.then(res => {
+						 this.chanFerForm = res.data.refers                        
+						for (var i = 0; i < this.chanFerForm.length; i++) {
+							this.chanFerForm[i].edit_mark = 1
+							if (this.chanFerForm[i].refer_frag != '') {
+								this.showB_step = 2
+							}
+						}
+                        this.$nextTick(()=>{
+                            // 更新引用列表
+							this.$refs.editPublicRefRdit.init(this.chanFerForm)
+						})
+                        loading.close()
+					})
+					.catch(err => {
+                        loading.close()
+						console.log(err);
+					});
+
+            },
+            // 5----参考文献向上合并
+			ChanFerMashUp(e) {
+				console.log(e)
+				this.$api
+					.post('api/Production/referHB', e)
+					.then(res => {
+						if (res.code == 0) {
+							this.changeRefer(e)
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						console.log(err);
+					});
+			},
+            // 刷新引用组件
+			refrashComp(){
+				this.$refs.editPublicRefRdit.$forceUpdate()
+				console.log('editPublicRefRdit')
+			}, 
+            // 5----重新获取加载参考文献
+			changeRefer(val) {
+				console.log('重新获取参考文献')
+				this.$api
+					.post('api/Production/getReferList', {
+						'p_article_id': this.p_article_id
+					})
+					.then(res => {
+						this.chanFerForm = res.data.refers
+						for (var i = 0; i < this.chanFerForm.length; i++) {
+							this.chanFerForm[i].edit_mark = 1
+						}
+						console.log(this.chanFerForm)
+					})
+					.catch(err => {
+						console.log(err);
+					});
+					
+			}, 
+    },
+    components:{
+        editPublicRefRdit
+    }
+}
+</script>
+
+<style scoped>
+
+
+</style>