tijiao

src/components/page/OnlineProofreading.vue

@@ -19,7 +19,7 @@
                         ref="commonWordHtmlTypeSetting"
                         @onDragStart="onDragStart"
                         @huifu="huifu"
-                        :catalogueList="catalogueList"
+                        :catalogueList="tableData"
                         @onAddComment="onAddComment"
                         @addImage="handleImageAdd"
                         @addTable="handleTableAdd"
@@ -35,11 +35,13 @@
                 </div>
             </div>
             <div style="" class="right-content-box">
-                <!-- title -->
-                <div v-for="(item, index) in catalogueList" :key="index">
-                    <h1 :class="`title${item.key}`">{{ item.title }}</h1>
-                    
-                </div>
+          
+                    <common-reference 
+                        
+                        ref="commonReference1"
+                        :tableData="tableData"
+                       
+                        ></common-reference>
                 <!-- <common-word
                     v-if="htmlContent"
                     ref="commonWord"
@@ -361,6 +363,7 @@
 
 <script>
 import commonCatalogue from '@/components/page/components/OnlineProofreading/catalogue.vue';
+import commonReference from '@/components/page/components/OnlineProofreading/reference.vue';
 
 import bus from '@/components/common/bus';
 import { del, isShallow } from 'vue';
@@ -371,15 +374,15 @@ import bottomTinymce from '@/components/page/components/Tinymce';
 export default {
     data() {
         return {
-            catalogueList: [
-                { title: 'Title ', key: '1' },
-                { title: 'Author name', key: '2' },
-                { title: 'Affialition', key: '3' },
-                { title: 'Abstract & Keywords', key: '4' },
-                { title: 'Main text', key: '5' },
-                { title: 'Back Matter', key: '6' },
-                { title: 'Editorial inforation', key: '7' },
-                { title: 'Reference ', key: '8' },
+            tableData: [
+                // { title: 'Title ', key: '1' },
+                // { title: 'Author name', key: '2' },
+                // { title: 'Affialition', key: '3' },
+                // { title: 'Abstract & Keywords', key: '4' },
+                // { title: 'Main text', key: '5' },
+                // { title: 'Back Matter', key: '6' },
+                // { title: 'Editorial inforation', key: '7' },
+                // { title: 'Reference ', key: '8' },
             ],
             zoomNum: (window.innerWidth * 0.38) / 850,
             uploadWordTables: [],
@@ -504,7 +507,8 @@ export default {
     components: {
         Tinymce,
         bottomTinymce,
-        commonCatalogue
+        commonCatalogue,
+        commonReference
     },
     computed: {
         combinedValue() {
@@ -537,6 +541,7 @@ export default {
         localStorage.removeItem('scrollPosition');
         this.isShowEditComment();
         this.getDate();
+        this.getRefData();
         this.getCommentList();
         // this.loadDictionary().catch(console.error);
     },
@@ -545,10 +550,26 @@ export default {
        
         this.isShowEditComment();
         this.getDate();
+        this.getRefData();
         this.getCommentList();
     },
 
     methods: {
+          // 获取引用文献信息
+          getRefData() {
+            this.$api
+                .post('api/Preaccept/getArticleReferences', { article_id: this.$route.query.id })
+                .then((res) => {
+                    console.log(res);
+                    if (res.code == 0 && res.data.refers.length > 0) {
+                        this.tableData = res.data.refers;
+                    }
+                  
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
         async copyArray(data) {
             try {
                
@@ -793,19 +814,14 @@ export default {
 
         // 编辑评论，显示文本框
         goToListComment(id, type) {
-            var am_id;
-            if (type == 'img') {
-                am_id = this.Main_List.find((item) => item.ami_id == id).am_id;
-            } else {
-                am_id = this.Main_List.find((item) => item.amt_id == id).am_id;
-            }
-            if (am_id) {
-                this.goToComment(am_id);
-            }
+       
+           
+                this.goToComment(id);
+    
         },
         goToComment(mainId) {
             this.$nextTick(() => {
-                this.$refs.commonWord.goToComment(mainId);
+                this.$refs.commonReference1.goToComment(mainId);
             });
         },
         getTables(tables, html) {
@@ -1866,7 +1882,7 @@ export default {
                 box-sizing: border-box;
 }
 .right-side{
-    width: 240px;
+    width: 280px;
                     float: left;
                     height: 100%;
                     background-color: #fff;
@@ -1875,7 +1891,7 @@ export default {
                     overflow-y: auto;
 }
 .right-content-box{
-    width: 100%; width: calc(100% - 245px); float: right; height: calc(100% - 0px); background-color: #e4e9ed
+    width: 100%; width: calc(100% - 285px); float: right; height: calc(100% - 0px); background-color: #e4e9ed
 }
 .lineStyle {
     border-top: 1px solid #0066994d;