From 7489c639624dac8f19504de0a1b6ce3fbf183dc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Tue, 18 Nov 2025 09:02:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/main.css                       |   2 +-
 src/assets/img/Online Proofreading.png        | Bin 0 -> 8016 bytes
 src/components/common/Header2.vue             |  23 +-
 src/components/common/Home.vue                |   2 +-
 src/components/page/OnlineProofreading.vue    |  36 +-
 .../OnlineProofreading/catalogue.vue          | 656 ++++++++++++++++++
 src/components/page/components/table/word.vue |   2 +-
 7 files changed, 683 insertions(+), 38 deletions(-)
 create mode 100644 src/assets/img/Online Proofreading.png
 create mode 100644 src/components/page/components/OnlineProofreading/catalogue.vue

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 66e9d7c..b12b8e1 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -29,7 +29,7 @@ a {
 	position: absolute;
 	left: 260px;
 	right: 0;
-	top: 60px;
+	top: 40px;
 	bottom: 0;
 	padding-bottom: 30px;
 	-webkit-transition: left .3s ease-in-out;
diff --git a/src/assets/img/Online Proofreading.png b/src/assets/img/Online Proofreading.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2f68615151db505d2144cbd8c32025f65497f9b
GIT binary patch
literal 8016
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
SF!GE50000<MNUMnLSTX`LqfLz

literal 0
HcmV?d00001

diff --git a/src/components/common/Header2.vue b/src/components/common/Header2.vue
index a1a7326..6c10f23 100644
--- a/src/components/common/Header2.vue
+++ b/src/components/common/Header2.vue
@@ -1,9 +1,10 @@
 <template>
     <div class="header">
         <!-- 折叠按钮 -->
-       
-        <div class="" @click="goHome" >
-            <i class="el-icon-s-home" style="font-size: 24px;line-height: 60px;color: #006699d1;"></i>
+      
+        <div class=""  style="display: flex;align-items: center">
+            <i class="el-icon-s-home" style="font-size: 24px;line-height: 40px;color: #006699d1;"@click="goHome"></i>
+       <img v-if="isProofreading" src="../../assets/img/Online Proofreading.png" alt="" height="24px" style="margin-left: 10px;margin-top: 4px;"/>
         </div>
        
         <div class="header-right">
@@ -85,6 +86,7 @@ export default {
     props: ['home'],
     data() {
         return {
+            isProofreading: false,
             collapse: false,
             fullscreen: false,
             name: 'unknown user',
@@ -277,6 +279,13 @@ export default {
         $route: {
             handler: function (route) {
                 this.link_path = route.path;
+                if(this.link_path.includes('OnlineProofreading')){
+                    this.isProofreading=true;
+
+                }else{
+                    this.isProofreading=false;
+                }
+                
             },
             immediate: true
         }
@@ -291,7 +300,7 @@ export default {
     width: 100%;
     display: flex;
     justify-content: space-between;
-    height: 60px;
+    height: 40px;
     padding: 0 20px;
     color: #333639;
     box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
@@ -302,7 +311,7 @@ export default {
     float: left;
     padding: 0 15px 0 21px;
     cursor: pointer;
-    line-height: 60px;
+    line-height: 40px;
 }
 
 .header .logo {
@@ -337,7 +346,7 @@ export default {
 
 .header-user-con {
     display: flex;
-    height: 60px;
+    height: 40px;
     align-items: center;
 }
 
@@ -350,7 +359,7 @@ export default {
 .changelang {
     position: relative;
     width: 90px;
-    height: 30px;
+    /* height: 30px; */
 }
 
 .btn-fullscreen {
diff --git a/src/components/common/Home.vue b/src/components/common/Home.vue
index 10369a1..b509a77 100644
--- a/src/components/common/Home.vue
+++ b/src/components/common/Home.vue
@@ -22,7 +22,7 @@
             </template>
             <template v-else>
                 <v-head2 :home="true"></v-head2>
-                <div style="width: 100%; height: calc(100% - 62px); overflow: hidden">
+                <div style="width: 100%; height: calc(100% - 42px); overflow: hidden">
                     <div class="content" style="padding: 0; overflow: hidden">
                         <!-- <transition name="move" mode="out-in"> -->
                         <!-- <keep-alive :include="tagsList"> -->
diff --git a/src/components/page/OnlineProofreading.vue b/src/components/page/OnlineProofreading.vue
index cface2c..1ae2077 100644
--- a/src/components/page/OnlineProofreading.vue
+++ b/src/components/page/OnlineProofreading.vue
@@ -16,7 +16,7 @@
             <div
                 class="right-side"
                 style="
-                    width: 285px;
+                    width: 240px;
                     float: left;
                     height: 100%;
                     background-color: #fff;
@@ -25,33 +25,10 @@
                     overflow-y: auto;
                 "
             >
-                <!-- <p style="padding: 10px 10px; box-sizing: border-box; font-weight: bold"> -->
-
-                <!-- <b class="MaxBtn" style="right: 80px; top: 5px; padding: 0"><common-drag-word @tables="getTables"></common-drag-word></b> -->
-                <!-- <b class="MaxBtn" @click="MTxtPic()" style="background-color: #13bc20; right: 40px; top: 5px">
-                  <svg
-                      t="1684978324047"
-                      class="icon"
-                      viewBox="0 0 1024 1024"
-                      version="1.1"
-                      xmlns="http://www.w3.org/2000/svg"
-                      p-id="1967"
-                      width="15"
-                      height="15"
-                  >
-                      <path
-                          d="M512 46.208a42.666667 42.666667 0 0 1 4.992 85.077333L512 131.541333H174.208a42.666667 42.666667 0 0 0-42.368 37.717334l-0.298667 4.949333v487.850667L307.2 501.12a88.874667 88.874667 0 0 1 112.042667-6.570667l5.845333 4.608 150.442667 128.896 101.973333-101.888a88.874667 88.874667 0 0 1 110.122667-12.373333l6.058666 4.138667 104.832 78.592V512a42.666667 42.666667 0 0 1 85.077334-4.992l0.298666 4.992v342.698667a128 128 0 0 1-120.490666 127.786666l-7.509334 0.213334H174.208a128 128 0 0 1-127.786667-120.490667l-0.213333-7.509333V174.208a128 128 0 0 1 120.490667-127.786667l7.509333-0.213333H512zM366.378667 563.2l-1.536 0.853333-233.301334 213.76v76.885334a42.666667 42.666667 0 0 0 37.717334 42.368l4.949333 0.298666H855.893333a42.666667 42.666667 0 0 0 42.368-37.717333l0.298667-4.949333v-151.808l-3.285333-2.090667-152.789334-114.602667a3.541333 3.541333 0 0 0-3.2-0.554666l-1.450666 0.853333-97.28 97.28 76.970666 66.048a42.666667 42.666667 0 0 1-51.2 68.010667l-4.309333-3.2-292.437333-250.666667a3.541333 3.541333 0 0 0-3.2-0.768z m415.829333-516.992a42.666667 42.666667 0 0 1 42.410667 37.717333l0.256 4.949334v96h96a42.666667 42.666667 0 0 1 4.992 85.077333l-4.992 0.256h-96v96a42.666667 42.666667 0 0 1-85.034667 4.992l-0.298667-4.992v-96h-96a42.666667 42.666667 0 0 1-4.949333-85.034667l4.949333-0.298666h96v-96a42.666667 42.666667 0 0 1 42.666667-42.666667z"
-                          fill="#ffffff"
-                          p-id="1968"
-                      ></path>
-                  </svg> </b
-              ><b class="MaxBtn" @click="MTxtTable()" style="background-color: #e07404; right: 0px; top: 5px">
-                  <i class="el-icon-document-add"></i>
-              </b> -->
-                <!-- </p> -->
+ 
 
                 <div class="unfetteredBox" style="height: 100%">
-                    <common-word-html-type-setting
+                    <commonCatalogue
                         :urlList="{
                             img: 'api/Preaccept/getMainImages',
                             table: 'api/Preaccept/getMainTables'
@@ -71,7 +48,7 @@
                         @goToListComment="goToListComment"
                         style="width: 100%; height: 100%; padding: 0 0px; box-sizing: border-box; background-color: #fff"
                     >
-                    </common-word-html-type-setting>
+                    </commonCatalogue>
                     <input type="file" ref="fileInput" style="display: none" @change="handleFileChange" />
                 </div>
             </div>
@@ -410,6 +387,8 @@
 </template>
 
 <script>
+import commonCatalogue from '@/components/page/components/OnlineProofreading/catalogue.vue'
+
 import bus from '@/components/common/bus';
 import { del, isShallow } from 'vue';
 import Tiff from 'tiff.js';
@@ -541,7 +520,8 @@ export default {
     },
     components: {
         Tinymce,
-        bottomTinymce
+        bottomTinymce,
+        commonCatalogue
     },
     computed: {
         combinedValue() {
diff --git a/src/components/page/components/OnlineProofreading/catalogue.vue b/src/components/page/components/OnlineProofreading/catalogue.vue
new file mode 100644
index 0000000..4e1c032
--- /dev/null
+++ b/src/components/page/components/OnlineProofreading/catalogue.vue
@@ -0,0 +1,656 @@
+<template>
+    <!-- v-show="tables.length > 0 || images.length > 0" -->
+    <div
+        style="background-color: transparent !important; margin-top: 0px !important; height: 100%; padding: 0 !important; overflow: hidden"
+        class="ManuscirptList"
+    >
+        <!-- 图片缩略图区域 -->
+
+     
+       <div>
+        Contents
+       </div>
+        <div
+            style="width: 240px; padding: 10px; height: calc(100% - 28px); box-sizing: border-box; overflow-y: auto"
+            class="arrlist"
+        >
+            <ul style="width: 100%; height: auto">
+            
+              
+                <li >
+                    <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: start">
+                        <div
+                            v-for="(item, index) in catalogueList"
+                            style="width: calc(100%); display: flex; align-items: center; justify-content: space-between; color: #606266"
+                        >
+                        {{ item.title }}
+                            <!-- <div
+                                style="
+                                    width: calc(100% - 50px);
+                                    white-space: nowrap; /* 防止文本换行 */
+                                    overflow: hidden; /* 隐藏超出部分 */
+                                    text-overflow: ellipsis;
+                                "
+                            >
+                                <p
+                                    v-html="index + 1 + '. ' + item.content"
+                                    style="font-size: 14px; width: 100%; overflow: hidden; line-height: 30px"
+                                ></p>
+                            </div> -->
+                                 </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script>
+import { mediaUrl } from '@/common/js/commonJS.js'; // 引入通用逻辑
+export default {
+    props: ['articleId', 'imgWidth', 'imgHeight', 'scale', 'isEdit', 'isShowEdit', 'urlList', 'content'],
+    data() {
+        return {
+            isShowComment: false,
+            isCollapse: false,
+            isEditComment: false,
+            isEditing: null, // 用于跟踪当前正在编辑的批注索引
+            selectedComment: null, // 存储当前选择的批注内容
+            comments: [], // 存储所有批注
+            isFresh: false,
+            currentSelectType: '0',
+            currentMenu: 1,
+
+            mediaUrl,
+
+            statusList: [
+                { title: 'ALL', type: '0' },
+                { title: 'Typed', type: '1' },
+                { title: 'Unfettered', type: '2' }
+            ],
+            catalogueList: [
+                { title: 'Title ', type: '1' },
+                { title: 'Author name', type: '2' },
+                { title: 'Affialition', type: '3' },
+                { title: 'Abstract & Keywords', type: '4' },
+                { title: 'Main text', type: '5' },
+                { title: 'Back Matter', type: '6' },
+                { title: 'Editorial inforation', type: '7' },
+                { title: 'Reference ', type: '8' },
+            ],
+            images: [],
+            tables: [],
+            imagesList: [],
+            tablesList: [],
+            tablesHtml: [],
+            imagesHtml: [],
+            activeNames: ['images', 'tables']
+        };
+    },
+    directives: {
+        // 注册一个局部的自定义指令 v-focus
+        focus: {
+            // 指令的定义
+            inserted: function (el) {
+                console.log('el at line 263:', el);
+                // 聚焦元素
+                el.querySelector('textarea').focus();
+            }
+        }
+    },
+    methods: {
+        changeIsCollapse(e) {
+            localStorage.setItem('isCollapse', e);
+        },
+        isShowEditComment() {
+            if (localStorage.getItem('U_role')) {
+                var identity = localStorage.getItem('U_role');
+                if (identity.includes('editor')) {
+                    this.isEditComment = true;
+                } else {
+                    this.isEditComment = false;
+                }
+            }
+        },
+        changeComment() {
+            this.isShowComment = !this.isShowComment;
+        },
+        // 编辑评论，显示文本框
+        editComment(index) {
+            if (this.isEditComment) {
+                this.isEditing = index; // 设置当前正在编辑的评论索引
+            }
+        },
+
+        // 保存评论修改
+        saveComment(index, comment) {
+            if (this.isEditComment) {
+                this.$emit('addComment', comment);
+                this.isEditing = null; // 退出编辑模式
+            }
+        },
+        onAddComment(comment) {
+            if (this.isEditComment) {
+                this.$emit('onAddComment', comment.am_id);
+                // this.isEditing = null; // 退出编辑模式
+            }
+        },
+
+        // 删除评论
+        deleteComment(comment, index) {
+            console.log('comment at line 480:', comment);
+            if (this.isEditComment) {
+                this.$confirm(this.$t('commonTable.removeAnnotations'), 'Prompt', {
+                    confirmButtonText: 'Submit',
+                    cancelButtonText: 'Cancel',
+                    type: 'warning'
+                })
+                    .then(() => {
+                        this.$api
+                            .post('api/Preaccept/clearMainsRemark', {
+                                am_id: comment.am_id
+                            })
+                            .then((res) => {
+                                this.getCommentList();
+                            });
+                        // this.comments.splice(index, 1); // 删除评论
+                    })
+                    .catch(() => {});
+            }
+        },
+        getTime(timestamp) {
+            // 创建一个新的 Date 对象
+
+            // 转换为 Date 对象（乘以 1000，因为 JavaScript 使用毫秒）
+            const date = new Date(timestamp * 1000);
+
+            // 获取年、月、日、时、分、秒
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份是从 0 开始的，所以加 1
+            const day = String(date.getDate()).padStart(2, '0');
+            const hours = String(date.getHours()).padStart(2, '0');
+            const minutes = String(date.getMinutes()).padStart(2, '0');
+            const seconds = String(date.getSeconds()).padStart(2, '0');
+
+            // 格式化为 年-月-日 时:分:秒
+            const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}`;
+
+            console.log(formattedDate); // 输出: 2025-10-20 15:30:03
+
+            return formattedDate;
+        },
+        goToComment(mainId) {
+            this.$nextTick(() => {
+                this.$emit('goToComment', mainId);
+            });
+        },
+        getCommentList() {
+            this.$api
+                .post('api/Preaccept/getNotes', {
+                    article_id: this.articleId
+                })
+                .then((res) => {
+                    this.comments = res.data.list;
+                });
+        },
+        addImage() {
+            this.$emit('addImage');
+        },
+        addTable() {
+            this.$emit('addTable');
+        },
+        handlePaperclip() {
+            this.$emit('handlePaperclip');
+        },
+        add(type) {
+            this.$emit('add', type);
+        },
+        edit(data, type) {
+            this.$emit('edit', data, type);
+        },
+        huifu(id) {
+            this.$emit('huifu', id);
+        },
+        handleSelectMenu(v) {
+            this.currentMenu = v;
+            this.currentSelectType = '0';
+            // if (v == 1) {
+            //     this.getCommentList();
+            // } else {
+            this.filterData();
+            // }
+        },
+        selectType(v) {
+            this.currentSelectType = v.type;
+            this.filterData();
+        },
+        filterData(type) {
+            if (type) {
+                if (type == 'img') {
+                    this.imagesList = [...this.images];
+                } else if (type == 'table') {
+                    this.tablesList = [...this.tables];
+                }
+            } else {
+                if (this.currentMenu == 1) {
+                    switch (this.currentSelectType) {
+                        case '0':
+                            this.imagesList = [...this.images];
+                            break;
+                        case '1':
+                            this.imagesList = [...this.images].filter((e) => e.has_selected == 1);
+                            break;
+                        case '2':
+                            this.imagesList = [...this.images].filter((e) => e.has_selected == 0);
+                            break;
+                    }
+                } else if (this.currentMenu == 2) {
+                    switch (this.currentSelectType) {
+                        case '0':
+                            this.tablesList = [...this.tables];
+                            // console.log('this.tablesList at line 393:', this.tablesList);
+                            break;
+                        case '1':
+                            this.tablesList = [...this.tables].filter((e) => e.has_selected == 1);
+                            break;
+                        case '2':
+                            this.tablesList = [...this.tables].filter((e) => e.has_selected == 0);
+                            break;
+                    }
+                } else {
+                }
+            }
+        },
+        goToListComment(id, type) {
+            this.$emit('goToListComment', id, type);
+        },
+        async refresh(type) {
+            this.isFresh = false;
+            this.$nextTick(async () => {
+                if (type == 'img') {
+                    await this.getWordimgList();
+
+                    await this.filterData();
+                } else if (type == 'table') {
+                    await this.getWordTablesList();
+                    await this.filterData();
+                }
+                this.$forceUpdate();
+                this.isFresh = true;
+                // this.$emit('loaded', loadedthis.images);
+            });
+        },
+        changeDataIsHidden(val, status, type) {
+            console.log('type at line 165:', type);
+            var index;
+            this.$nextTick(() => {
+                if (type == 'img') {
+                    index = this.images.findIndex((element) => element.article_image_id === val.article_image_id);
+                    console.log('index at line 170:', index);
+                    this.images[index].isHidden = status;
+                } else {
+                    index = this.tables.findIndex((element) => element.id === id);
+                    this.tables[index].isHidden = status;
+                }
+                this.$forceUpdate();
+            });
+        },
+        changeIsHidden(index, status, type) {
+            console.log('type at line 165:', type);
+            this.$nextTick(() => {
+                if (type == 'img') {
+                    this.images[index].isHidden = status;
+                } else {
+                    this.tables[index].isHidden = status;
+                    console.log('this.tables at line 169:', this.tables);
+                }
+                this.$forceUpdate();
+            });
+        },
+        onDragStart($event, item, index, type) {
+            this.$emit('onDragStart', $event, item, index, type);
+        },
+        changeActiveNames(e) {
+            console.log('e at line 156:', e);
+
+            if (['tables'].includes(e)) {
+                this.$nextTick(() => {
+                    this.getWordTablesList();
+                });
+            }
+            if (['images'].includes(e)) {
+                this.$nextTick(() => {
+                    this.getWordimgList();
+                });
+            }
+        },
+        openPreview(index, type) {
+            this.$nextTick(() => {
+                document.getElementById(type + '-modal-' + index).style.display = 'flex';
+            });
+        },
+        async getWordimgList() {
+            var that = this;
+            await this.$api
+                .post(this.urlList ? this.urlList.img : 'api/Article/getArticleImages', {
+                    article_id: this.articleId
+                })
+                .then(async (res) => {
+                    var list = [...res.data.list];
+                    if (this.urlList) {
+                        list = list.map((e) => {
+                            return {
+                                ...e,
+                                image: e.url,
+                                article_image_id: e.ami_id
+                            };
+                        });
+                    } else {
+                        list = res.data.list;
+                    }
+
+                    if (list.length > 0) {
+                        list.forEach((img, index) => {
+                            var extension = img.image.split('.').pop().toLowerCase();
+                            // if (extension === 'tif' || extension === 'jpg' || extension === 'jpeg' || extension === 'png') {
+                            const modalContent = `<img src="${this.mediaUrl + img.image}" alt="Image ${index}" style="width:100%;" >`;
+
+                            this.$commonJS.createImageModal(index, modalContent, 'img');
+                            // }
+                        });
+                    }
+                    this.images = list;
+                    this.$emit('loaded', this.images);
+                });
+        },
+        isHeaderRow(rowIndex, table) {
+            var table =table;
+
+            var head = table[0];
+
+            return rowIndex < head[0].rowspan; // 假设前两行是表头
+        },
+        async getWordTablesList(callback) {
+            this.$api
+                .post(this.urlList ? this.urlList.table : 'api/Article/getArticleTable', {
+                    article_id: this.articleId
+                })
+                .then(async (res) => {
+                    if (this.urlList) {
+                        this.tables =
+                            res.data.list && res.data.list.length > 0
+                                ? res.data.list.map((e) => {
+                                      return {
+                                          ...e,
+                                          article_table_id: e.amt_id,
+                                          table: JSON.parse(e.table_data)
+                                      };
+                                  })
+                                : [];
+                    } else {
+                        this.tables =
+                            res.data.list && res.data.list.length > 0
+                                ? res.data.list.map((e) => {
+                                      return {
+                                          ...e,
+
+                                          table: JSON.parse(e.table)
+                                      };
+                                  })
+                                : [];
+                    }
+                    await this.filterData('table');
+                    if (this.tables.length > 0) {
+                        this.tables.forEach((table, index) => {
+                            var modalContent = `
+                            <div class="wordTableHtml" style="background:#FFF;padding:20px">
+                                <table
+                                    border="1"
+                                    style="
+                                        border-collapse: collapse;
+                                        width: 100%;
+                                        text-align: center;
+                                        table-layout: auto;"
+                                >`;
+
+                            if (table.table && table.table.length > 0) {
+                                table.table.forEach((row,i) => {
+                                    modalContent += `<tr   class="${this.isHeaderRow(i, table.table)? 'table-header-row':''  }">`;
+                                    row.forEach((cell) => {
+                                        modalContent += `
+                                        <td
+                                            colspan="${cell.colspan || 1}"
+                                            rowspan="${cell.rowspan || 1}"
+                                            style=""
+                                        >
+                                            <span>${cell.text}</span>
+                                        </td>`;
+                                    });
+                                    modalContent += `</tr>`;
+                                });
+                            }
+
+                            modalContent += `</table></div>`;
+                            this.$commonJS.createImageModal(index, modalContent, 'table', '');
+                        });
+                    }
+                });
+        }
+    },
+    async created() {
+        this.isCollapse = localStorage.getItem('isCollapse') == 'true' ? true : false;
+        console.log('localStorage.getItem', typeof localStorage.getItem('isCollapse'));
+        this.isShowEditComment();
+        this.isFresh = false;
+        this.$nextTick(async () => {
+            await this.getCommentList();
+            await this.getWordimgList();
+            await this.getWordTablesList();
+            await this.filterData();
+            this.isFresh = true;
+        });
+    },
+    async activated() {
+        this.isCollapse = localStorage.getItem('isCollapse') == 'true' ? true : false;
+        this.isFresh = false;
+        this.isShowEditComment();
+        this.$nextTick(async () => {
+            await this.getWordimgList();
+            await this.getWordTablesList();
+            await this.filterData();
+            this.isFresh = true;
+        });
+    },
+    mounted() {}
+};
+</script>
+
+<style scoped>
+.ManuscirptList {
+    background-color: none !important;
+    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+    color: #333639;
+}
+.ManuscirptList div {
+    cursor: pointer;
+    background-color: none !important;
+}
+::v-deep .wordTableHtml table {
+    cursor: pointer;
+    background-color: #fff !important;
+    border-bottom: 1px solid #000 !important;
+}
+.el-menu-vertical-demo {
+    width: 85px;
+}
+.el-menu-vertical-demo li {
+    display: flex;
+    flex-direction: column;
+    padding: 10px 6px !important;
+    font-size: 14px !important;
+    text-align: center;
+}
+::v-deep .el-menu-vertical-demo.el-menu-item:focus,
+.el-menu-item:hover {
+    background-color: #f8f8f9 !important;
+}
+::v-deep .el-menu-item.is-active {
+    background-color: #2196f32e !important;
+}
+.isSelectType {
+    background-color: #2196f32e !important;
+    color: #006699;
+}
+li {
+    list-style: none;
+}
+.item_box {
+    background-color: #f2f3f5;
+    border: 1px solid rgba(0, 0, 0, 0);
+    border-radius: 6px;
+    overflow: hidden;
+}
+.go-transition .title {
+    background-color: #e5e6eb;
+    color: #767c82;
+    font-size: 13px;
+    padding: 2px 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.go-transition .list-img {
+    padding: 6px 0;
+    background-color: #f2f3f5;
+
+    box-sizing: border-box;
+}
+.go-transition .list-img :hover {
+    transition: all 0.4s;
+}
+.go-content-charts-item-box {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 9px;
+    transition: all 0.7s linear;
+}
+.arraylist {
+    background-color: #f8f8f9;
+}
+.arrlist::-webkit-scrollbar-thumb {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+    min-height: 12px;
+    border: 4px solid transparent;
+    background-clip: content-box;
+    border-radius: 7px;
+    background-color: #c8d5e1;
+}
+.badge {
+    background-color: #f56c6c;
+    border-radius: 10px;
+    color: #fff;
+    display: inline-block;
+    font-size: 12px;
+    height: 18px;
+    line-height: 18px;
+    padding: 0 6px;
+    text-align: center;
+    white-space: nowrap;
+    border: 1px solid #fff;
+    position: absolute;
+}
+.comments-section {
+    padding: 10px;
+    box-sizing: border-box;
+    border: 1px solid #cecfd3;
+    border-left: 2px solid #cecfd3;
+    /* border-radius: 5px; */
+    background-color: #f9f9f9;
+    box-shadow: rgba(16, 17, 19, 0.06) 0px 1px 3px;
+    width: 300px;
+    background-color: #fafafa;
+    float: right;
+    position: absolute;
+    right: -302px;
+    top: 0px;
+    z-index: 999;
+}
+
+.comment-item {
+    padding: 5px 0;
+    border-bottom: 1px solid #ddd;
+    cursor: pointer;
+    box-sizing: border-box;
+    font-size: 14px;
+}
+
+.comment-item:last-child {
+    border-bottom: none;
+}
+
+.comment-details {
+    margin-top: 20px;
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    background-color: #f9f9f9;
+}
+
+.comment-details h3 {
+    margin-bottom: 10px;
+}
+
+.comment-details p {
+    margin-bottom: 10px;
+}
+
+.comment-details button {
+    padding: 5px 10px;
+    background-color: #007bff;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.comment-details button:hover {
+    background-color: #0056b3;
+}
+.comments-section ul,
+.comments-section li {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+::v-deep.pizhu.el-link--default:hover {
+    border-color: #fc625d !important;
+}
+.go-mt {
+    /* background-color: #f2f3f5;
+    height: 28px; */
+    width: 200px;
+    float: right;
+}
+.double .item_box {
+    width: 46% !important;
+}
+.double .item_box .previewbox {
+    display: none;
+}
+.double .item_box .imgbox {
+    height: 50px !important;
+    width: auto !important;
+}
+.double .item_box .imgbox img {
+    height: 60px !important;
+    width: auto !important;
+}
+.double .go-transition .title {
+    font-size: 12px !important;
+    padding: 0 2px !important;
+    line-height: 20px !important;
+}
+.single {
+}
+</style>
diff --git a/src/components/page/components/table/word.vue b/src/components/page/components/table/word.vue
index e06101a..213743f 100644
--- a/src/components/page/components/table/word.vue
+++ b/src/components/page/components/table/word.vue
@@ -25,7 +25,7 @@
                     border-bottom: 2px solid #c7cdcf;
                     background-color: #fff;
                     position: fixed;
-                    top: 60px;
+                    top: 40px;
                     left: 285px;
                     z-index: 10;
                     right: 330px;