tijiao

src/components/page/OnlineProofreading.vue

@@ -136,7 +136,7 @@
                         <div style="" class="commentList annotations"></div>
                     </template>
                     <template slot="refrences">
-                        <div style="" class="" main-id="References">222</div>
+                        <reference ref="commonRef"  :articleId="articleId" :p_article_id="p_article_id"></reference>
                     </template>
                 </common-word>
             </div>
@@ -430,9 +430,12 @@ import { mediaUrl } from '@/common/js/commonJS.js'; // 引入通用逻辑
 import Tinymce from '@/components/page/components/Tinymce';
 import bottomTinymce from '@/components/page/components/Tinymce';
 import catalogue from '@/components/page/components/OnlineProofreading/catalogue.vue';
+import reference from '@/components/page/components/OnlineProofreading/reference.vue';
 export default {
     data() {
         return {
+            p_article_id:3452,
+            
             zoomNum: (window.innerWidth * 0.38) / 850,
             uploadWordTables: [],
             tablesHtmlVisible: false,
@@ -556,7 +559,8 @@ export default {
     components: {
         Tinymce,
         bottomTinymce,
-        catalogue
+        catalogue,
+        reference,
     },
     computed: {
         combinedValue() {
@@ -586,27 +590,43 @@ export default {
         }
     },
     async created() {
-        // await this.$api.post('api/Proofread/proofRead', {
-        //     article_id: this.$route.query.id
-        // });
+        
         localStorage.removeItem('scrollPosition');
         this.isShowEditComment();
         this.getDate();
         this.getCommentList();
-        // this.loadDictionary().catch(console.error);
+        this.getReferenceList();
+       
     },
     mounted() {},
     async activated() {
-        // await this.$api.post('api/Proofread/proofRead', {
-        //     article_id: this.$route.query.id
-        // });
+      
         this.isShowEditComment();
         this.getDate();
         this.getCommentList();
+        this.getReferenceList();
     },
 
     methods: {
-        
+        getReferenceList() {
+            this.$api
+                .post('api/Production/getReferList', {
+                    p_article_id: this.p_article_id
+                })
+                .then((res) => {
+                    this.referenceList = res.data.refers;
+                   
+                  
+                    this.$nextTick(() => {
+                        // 更新引用列表
+                        // this.$refs.commonRef.init(this.referenceList);
+                    });
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+
+        },
         async copyArray(data) {
             try {
                 // 将数组内容转换为字符串，使用换行符分隔