diff --git a/src/assets/0.file-16.png b/src/assets/0.file-16.png
new file mode 100644
index 00000000..84979356
Binary files /dev/null and b/src/assets/0.file-16.png differ
diff --git a/src/assets/color-bg.png b/src/assets/color-bg.png
new file mode 100644
index 00000000..d9dddd76
Binary files /dev/null and b/src/assets/color-bg.png differ
diff --git a/src/assets/folder_win11_small.png b/src/assets/folder_win11_small.png
new file mode 100644
index 00000000..aba71f3a
Binary files /dev/null and b/src/assets/folder_win11_small.png differ
diff --git a/src/assets/menu_icon.png b/src/assets/menu_icon.png
new file mode 100644
index 00000000..71da15bf
Binary files /dev/null and b/src/assets/menu_icon.png differ
diff --git a/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue b/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue
index 2f33b6a9..4a780b58 100644
--- a/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue
+++ b/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue
@@ -375,6 +375,7 @@
           <el-tab-pane
             :label="$t('trials:audit:tab:nonDicoms')"
             name="none-dicom"
+            v-if="noneDicomStudyList.length > 0"
           >
             <el-row>
               <!-- 检查信息 -->
diff --git a/src/views/trials/trials-workbench/components/auditDocument/contextmenu.vue b/src/views/trials/trials-workbench/components/auditDocument/contextmenu.vue
new file mode 100644
index 00000000..1ff3d6f8
--- /dev/null
+++ b/src/views/trials/trials-workbench/components/auditDocument/contextmenu.vue
@@ -0,0 +1,222 @@
+<template>
+    <div id="contextmenu" class="contextmenu" v-show="visible">
+
+        <div class="contextmenu__item" @click="handleMenu('open')" v-show="checkList.length <= 1">
+            <i class="icon el-icon-right icon_open" />
+            <span>{{ $t('trials:trials-workbench:auditDocument:menu:open') }}</span>
+        </div>
+        <div class="contextmenu__item" @click="handleMenu('download')">
+            <i class="icon  icon_download" />
+            <span>{{ $t('trials:trials-workbench:auditDocument:menu:download') }}</span>
+        </div>
+        <div class="line"></div>
+        <div class="contextmenu__item" @click="handleMenu('copy')">
+            <i class="icon  icon_copy" />
+            <span>{{ $t('trials:trials-workbench:auditDocument:menu:copy') }}</span>
+        </div>
+        <div class="contextmenu__item" @click="handleMenu('shear')">
+            <i class="icon  icon_shear" />
+            <span>{{ $t('trials:trials-workbench:auditDocument:menu:shear') }}</span>
+        </div>
+        <div class="contextmenu__item" @click="handleMenu('rename')" v-show="checkList.length <= 1">
+            <i class="icon  icon_rename" />
+            <span>{{ $t('trials:trials-workbench:auditDocument:menu:rename') }}</span>
+        </div>
+        <div class="contextmenu__item" @click="handleMenu('del')">
+            <i class="icon  icon_del" />
+            <span>{{ $t('trials:trials-workbench:auditDocument:menu:del') }}</span>
+        </div>
+        <div class="line" v-show="checkList.length <= 1"></div>
+        <div class="contextmenu__item" @click="handleMenu('Stats')" v-show="checkList.length <= 1">
+            <i class="icon el-icon-warning-outline  icon_Stats" />
+            <span>{{ $t('trials:trials-workbench:auditDocument:menu:Stats') }}</span>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "index",
+    props: {
+        checkList: {
+            type: Array,
+            default: () => {
+                return []
+            }
+        }
+    },
+    data() {
+        return {
+            visible: false
+        };
+    },
+    methods: {
+        init(row, column, event) {
+            // 设置菜单出现的位置
+            // 具体显示位置根据自己需求进行调节
+            this.visible = true
+            let menu = document.querySelector("#contextmenu");
+            let chaY = document.body.clientHeight - event.clientY;
+            let chaX = document.body.clientWidth - event.clientX;
+            // 防止菜单太靠底，根据可视高度调整菜单出现位置
+            if (chaY < 150) {
+                menu.style.top = event.clientY - 220 + "px";
+            } else {
+                menu.style.top = event.clientY + "px";
+            }
+            if (chaX < 150) {
+                menu.style.left = event.clientX - 200 + "px";
+            } else {
+                menu.style.left = event.clientX + 15 + "px";
+            }
+
+            document.addEventListener("click", this.foo); // 给整个document添加监听鼠标事件，点击任何位置执行foo方法
+        },
+        foo() {
+            this.visible = false
+            this.$emit("foo");
+        },
+        handleMenu(item) {
+            this.$emit("handleMenu", item);
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.contextmenu__item {
+    display: block;
+    cursor: pointer;
+    white-space: nowrap;
+    clear: both;
+    border-radius: 4px;
+    line-height: 30px;
+    height: 30px;
+    position: relative;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    border: none;
+    color: #444;
+    transition: background-color .15s;
+    padding: 0px 15px 0 15px;
+
+}
+
+.contextmenu {
+    min-width: 180px;
+    max-width: 250px;
+    font-size: 14px;
+    display: inline-block;
+    background: #fff;
+    border-radius: 4px;
+    position: fixed;
+    padding: 10px 6px;
+    list-style-type: none;
+    max-height: 80vh;
+    overflow: hidden;
+    overflow-y: auto;
+    box-sizing: border-box;
+    background-image: url(@/assets/color-bg.png);
+    background-size: 100% auto;
+    background-position: top 0 right 0;
+    background-repeat: no-repeat;
+    box-shadow: 0 0 0 .5px #88888830, 0 10px 40px 0 #88888840;
+    z-index: 9;
+}
+
+.contextmenu__item:hover {
+    cursor: pointer;
+    background: #99999920;
+    color: #444;
+}
+
+.line {
+    border-bottom: 1px solid #66666630;
+    height: 2px;
+    line-height: 0;
+    margin: 2px 0 4px;
+    margin-left: 16px;
+    margin-right: -5px;
+    cursor: default;
+    padding: 0px 15px 0 15px;
+    color: #444;
+    display: block;
+    white-space: nowrap;
+    clear: both;
+    border-radius: 4px;
+    position: relative;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.icon {
+    font-style: normal;
+    vertical-align: middle;
+    text-align: center;
+    color: #aaa;
+    font-size: 17px;
+    margin-top: -2px;
+    width: 16px;
+    line-height: 16px;
+    display: inline-block;
+    height: 16px;
+    margin-right: 8px;
+}
+
+/*打开*/
+.icon_open {
+    color: #1890ff;
+}
+
+/*下载*/
+.icon_download {
+    display: inline-block;
+    background-image: url(@/assets/menu_icon.png);
+    background-position: -16px -48px;
+    background-size: auto !important;
+    background-repeat: no-repeat;
+    height: 16px;
+    margin-right: 8px;
+}
+
+/**剪切*/
+.icon_shear {
+    background-size: cover !important;
+    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzIwMCcgaGVpZ2h0PScyMDAnPjxwYXRoIGQ9J001NjkuNyAzODguM0w3NDMuMiAxNDNjMTYtMjcuNyA2LjUtNjMtMjEuMi03OUw1MTIgMzE4LjMgMzAyIDY0Yy0yNy44IDE2LTM3LjMgNTEuMy0yMS4yIDc5bDE3My41IDI0NS4zTDI3MyA2MDcuOWw5NS45IDYwLjEgNjEuNS04Mi43TDUxMiA0NjkuOWw4MS42IDExNS40IDYxLjUgODIuNyA5NS45LTYwLjEtMTgxLjMtMjE5LjZ6JyBmaWxsPScjN0Y4MDgwJz48L3BhdGg+PHBhdGggZD0nTTI3MyA2MDZjLTk3LjYgMC0xNzcgNzkuNC0xNzcgMTc3czc5LjQgMTc3IDE3NyAxNzcgMTc3LTc5LjQgMTc3LTE3Ny03OS40LTE3Ny0xNzctMTc3eiBtMSAyOTBjLTYyLjMgMC0xMTMtNTAuNy0xMTMtMTEzczUwLjctMTEzIDExMy0xMTMgMTEzIDUwLjcgMTEzIDExMy01MC43IDExMy0xMTMgMTEzek03NTEgNjA2Yy05Ny42IDAtMTc3IDc5LjQtMTc3IDE3N3M3OS40IDE3NyAxNzcgMTc3IDE3Ny03OS40IDE3Ny0xNzctNzkuNC0xNzctMTc3LTE3N3ogbTAgMjkwYy02Mi4zIDAtMTEzLTUwLjctMTEzLTExM3M1MC43LTExMyAxMTMtMTEzIDExMyA1MC43IDExMyAxMTMtNTAuNyAxMTMtMTEzIDExM3onIGZpbGw9JyM0OTdDQUQnPjwvcGF0aD48L3N2Zz4=);
+}
+
+/**复制*/
+.icon_copy {
+    background-size: cover !important;
+    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcwNCAyNTZoNjguMDk2bDE0Ny4zOTIgMTU5LjA0YTMyIDMyIDAgMCAxIDguNTEyIDIxLjc2Vjg5NmEzMiAzMiAwIDAgMS0zMiAzMkgzNTJhMzIgMzIgMCAwIDEtMzItMzJ2LTEyOEgxMjhhMzIgMzIgMCAwIDEtMzItMzJWMTI4YTMyIDMyIDAgMCAxIDMyLTMyaDU0NGEzMiAzMiAwIDAgMSAzMiAzMnYxMjh6JyBmaWxsPScjRkZGRkZGJz48L3BhdGg+PHBhdGggZD0nTTI1NiA3MzZ2MzJIMTI4YTMyIDMyIDAgMCAxLTMyLTMyVjEyOGEzMiAzMiAwIDAgMSAzMi0zMmg1NDRhMzIgMzIgMCAwIDEgMzIgMzJ2NjRoLTMyVjEyOEgxMjh2NjA4aDEyOHonIGZpbGw9JyM1RDZEN0UnPjwvcGF0aD48cGF0aCBkPSdNNzY4IDI1Ny4xODRsMC4zMi0wLjMyIDE2MC41NDQgMTU3LjYtMS41MDQgMS41MzZIOTI4djQ4MGEzMiAzMiAwIDAgMS0zMiAzMkgzNTJhMzIgMzIgMCAwIDEtMzItMzJWMjg4YTMyIDMyIDAgMCAxIDMyLTMyaDQxNnYxLjE4NHogbTAgNDQuMjI0VjQxNmgxMTYuNzM2TDc2OCAzMDEuNDR6TTczNiAyODhIMzUydjYwOGg1NDRWNDQ4aC0xNjBWMjg4eicgZmlsbD0nIzUwODRiZSc+PC9wYXRoPjxwYXRoIGQ9J000NDggNDE2aDE5MnYzMmgtMTkydi0zMnogbTAgMTYwaDM1MnYzMkg0NDh2LTMyeiBtMCAxNjBoMzUydjMySDQ0OHYtMzJ6JyBmaWxsPScjQUNCNEMwJz48L3BhdGg+PC9zdmc+);
+}
+
+/*重命名*/
+.icon_rename {
+    display: inline-block;
+    background-image: url(@/assets/menu_icon.png);
+    background-position: 0 -64px;
+    background-size: auto !important;
+    background-repeat: no-repeat;
+    height: 16px;
+    margin-right: 8px;
+    width: 16px;
+}
+
+/*删除*/
+.icon_del {
+    color: #1890ff;
+    display: inline-block;
+    background-image: url(@/assets/menu_icon.png);
+    background-position: 0 -80px;
+    background-size: auto !important;
+    background-repeat: no-repeat;
+    height: 16px;
+    margin-right: 8px;
+}
+
+/*属性*/
+.icon_Stats {
+    color: #1890ff;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/trials/trials-workbench/components/auditDocument/index.vue b/src/views/trials/trials-workbench/components/auditDocument/index.vue
new file mode 100644
index 00000000..70361888
--- /dev/null
+++ b/src/views/trials/trials-workbench/components/auditDocument/index.vue
@@ -0,0 +1,554 @@
+<template>
+    <div class="auditDocument">
+        <el-row>
+            <el-col :span="12">
+                <h3>{{ isManage ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument') }}</h3>
+            </el-col>
+            <el-col :span="12" style="text-align:right;">
+                <h3>
+                    <Pagination class="page" :total="total" :page.sync="searchData.pageIndex"
+                        :limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next" :background="false"
+                        style="display: inline-block;" @pagination="getList" />
+                    <el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')"
+                        @click="handleReset" />
+                </h3>
+            </el-col>
+        </el-row>
+        <el-form :inline="true" class="base-search-form">
+            <el-form-item>
+                <el-input v-model="str" clearable></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+                    {{ $t('common:button:search') }}
+                </el-button>
+                <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
+                    {{ $t('common:button:reset') }}
+                </el-button>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary">
+                    {{ $t('trials:trials-workbench:auditDocument:button:addFolder') }}
+                </el-button>
+                <el-button type="primary">
+                    {{ $t('trials:trials-workbench:auditDocument:button:uploadFile') }}
+                </el-button>
+                <el-button type="primary">
+                    {{ $t('trials:trials-workbench:auditDocument:button:uploadFolder') }}
+                </el-button>
+                <el-button type="primary">
+                    {{ $t('trials:trials-workbench:auditDocument:button:download') }}
+                </el-button>
+                <el-button type="primary">
+                    {{ $t('trials:trials-workbench:auditDocument:button:del') }}
+                </el-button>
+            </el-form-item>
+        </el-form>
+        <el-table :data="tableData" style="width: 99%" row-key="Id" :row-style="setRowStyle"
+            v-adaptive="{ bottomOffset: 75 }" height="100"
+            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" @row-click="handleRowClick"
+            @cell-mouse-enter="handleCellMouseEnter" @cell-mouse-leave="handleCellMouseLeave"
+            @row-contextmenu="handleRowContextmenu" @row-dblclick="handleRowDblclick">
+            <el-table-column prop="date" label="日期" sortable width="300" class-name="catalogue_box">
+                <template slot-scope="scope">
+                    <div class="name_layout_box">
+                        <div class="name_layout" v-if="renameId !== scope.row.Id">
+                            <span class="name_box">
+                                <i class="icon icon_folder"
+                                    v-if="scope.row.children && scope.row.children.length > 0" />
+                                <i v-else :class="`icon icon_file icon_${scope.row.type}`" />
+                                <span class="name">{{ scope.row.date }}</span>
+                                <i class="el-icon-edit icon_edit" v-if="hoverId === scope.row.Id"
+                                    @click="addRenameId(scope.row)"
+                                    :title="$t('trials:trials-workbench:auditDocument:icon:rename')" />
+                            </span>
+                            <i :class="{ 'el-icon-circle-check': true, 'icon_check': true, isCheck: checkList.includes(scope.row.Id) }"
+                                @click.stop="addCheck(scope.row)"
+                                v-if="hoverId === scope.row.Id || checkList.includes(scope.row.Id)" />
+                        </div>
+                        <el-input v-model="scope.row.date" :ref="`renameInp_${scope.row.Id}`" :autofocus="true"
+                            class="renameInp" @blur="rename(scope.row)" v-else />
+                    </div>
+                </template>
+            </el-table-column>
+            <el-table-column prop="name" label="姓名" sortable width="180">
+            </el-table-column>
+            <el-table-column prop="address" label="地址">
+            </el-table-column>
+        </el-table>
+        <contextmenu ref="contextmenu" :checkList="checkList" @handleMenu="handleMenu" />
+    </div>
+</template>
+<script>
+import Pagination from '@/components/Pagination'
+import contextmenu from './contextmenu.vue'
+const searchDataDefault = () => {
+    return {
+        pageIndex: 1,
+        pageSize: 20,
+        asc: false,
+        sortField: 'CreateTime'
+    }
+}
+export default {
+    name: "auditDocument",
+    components: { Pagination, contextmenu },
+    props: {
+        isManage: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data() {
+        return {
+            searchData: searchDataDefault(),
+            total: 0,
+            str: null, // 查询条件
+            tableData: [{
+                Id: 1,
+                date: '2016-05-02',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄',
+                type: 'ppt',
+            }, {
+                Id: 2,
+                date: '2016-05-04',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1517 弄',
+                type: 'pdf',
+            }, {
+                Id: 3,
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1519 弄',
+                type: 'floder',
+                children: [{
+                    Id: 31,
+                    date: '2016-05-31',
+                    name: '王小虎',
+                    address: '上海市普陀区金沙江路 1519 弄',
+                    children: [{
+                        Id: 311,
+                        date: '2016-05-311',
+                        name: '王小虎',
+                        address: '上海市普陀区金沙江路 1519 弄',
+                        children: [{
+                            Id: 3111,
+                            date: '2016-05-311',
+                            name: '王小虎',
+                            address: '上海市普陀区金沙江路 1519 弄'
+                        }]
+                    }]
+                }, {
+                    Id: 32,
+                    date: '2016-05-32',
+                    name: '王小虎',
+                    address: '上海市普陀区金沙江路 1519 弄'
+                }]
+            },
+            {
+                Id: 4,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 5,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 6,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 7,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 8,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 9,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 10,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 11,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 12,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 13,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 14,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 15,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 16,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 17,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 18,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 19,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 20,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 21,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 22,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 23,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            {
+                Id: 24,
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            },
+            ],
+            checkList: [], // 选中的数据
+            hoverId: null, // hover中的数据
+            renameId: null, // 选中重命名的数据
+
+            copyList: [], // 选中复制的数据
+            shearList: [], // 选中剪切的数据
+            type: null, // 操作类型（右键菜单、键盘操作）
+
+            ctrlKey: false, // 键盘ctrl键是否按下
+        }
+    },
+    methods: {
+        getList() {
+
+        },
+        handleSearch() { },
+        handleReset() {
+            this.searchData = searchDataDefault()
+            this.getList()
+        },
+        addCheck(row) {
+            this.checkList.push(row.Id)
+        },
+        addRenameId(row) {
+            this.renameId = row.Id
+            this.$nextTick(() => {
+                console.log(this.$refs[`renameInp_${row.Id}`].focus())
+                if (this.$refs[`renameInp_${row.Id}`]) {
+                    this.$refs[`renameInp_${row.Id}`].focus()
+                }
+            })
+        },
+        rename(row) {
+            this.renameId = null
+        },
+        // 单行右键单击（右键菜单）
+        handleRowContextmenu(row, column, e) {
+            e.preventDefault();
+            if (!this.checkList.includes(row.Id)) this.handleRowClick(row)
+            this.$refs.contextmenu.init(row, column, e)
+        },
+        // 单行左键双击（进入文件夹或者预览文件）
+        handleRowDblclick(row) { },
+        // 单行左键单击
+        handleRowClick(row) {
+            if (this.ctrlKey) {
+                this.checkList.push(row.Id)
+            } else {
+                this.checkList = [row.Id]
+            }
+
+        },
+        // 单行hover移入
+        handleCellMouseEnter(row) {
+            this.hoverId = row.Id
+        },
+        // 单行hover移出
+        handleCellMouseLeave() { this.hoverId = null },
+        // 右键菜单操作
+        handleMenu(key) {
+            this.type = key;
+            if (key === 'rename') {
+                this.renameId = this.checkList[0]
+            }
+        },
+        setRowStyle({ row, rowIndex }) {
+            if (this.checkList.includes(row.Id)) {
+                return {
+                    backgroundColor: '#cce8ff', // 错误行红色背景
+                }
+            }
+        },
+        // 复制
+        copy() { },
+        // 剪切
+        shear() { },
+        // 粘贴
+        stickup() { },
+        // 键盘事件（按下）
+        keydown(e) {
+            this.ctrlKey = e.ctrlKey
+            if (e.key === 'Control') {
+                e.preventDefault();
+            }
+            if (e.ctrlKey && e.key === 'c') {
+                e.preventDefault();
+                this.type = 'copy'
+                this.copy()
+            }
+            if (e.ctrlKey && e.key === 'v') {
+                e.preventDefault();
+                this.type = 'stickup'
+                this.stickup()
+            }
+            if (e.ctrlKey && e.key === 'x') {
+                e.preventDefault();
+                this.type = 'shear'
+                this.shear()
+            }
+        },
+        // 键盘事件（松开）
+        keyup(e) {
+            this.ctrlKey = e.ctrlKey
+        }
+    },
+    mounted() {
+        document.addEventListener('keydown', this.keydown);
+        document.addEventListener('keyup', this.keyup);
+    },
+    destroyed() {
+        document.removeEventListener('keydown', this.keydown);
+        document.removeEventListener('keyup', this.keyup);
+    }
+}
+</script>
+<style lang="scss" scoped>
+.auditDocument {
+
+    // position: relative;
+    ::v-deep .catalogue_box.el-table__cell {
+        .cell {
+            display: flex;
+            align-items: center;
+        }
+    }
+}
+
+.renameInp {
+    ::v-deep .el-input__inner {
+        line-height: 23px;
+        height: 23px;
+    }
+}
+
+.name_layout_box {
+    display: inline-block;
+    flex: 1 1 0%;
+    min-width: 0;
+}
+
+.width100 {
+    width: 100%;
+}
+
+.name_layout {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .name_box {
+        display: flex;
+        align-items: center;
+        width: calc(100% - 20px);
+
+        .name {
+            max-width: calc(100% - 60px);
+            white-space: nowrap;
+            /* 文本不换行 */
+            overflow: hidden;
+            /* 超出部分隐藏 */
+            text-overflow: ellipsis;
+        }
+    }
+}
+
+.icon_edit {
+    cursor: pointer;
+    color: rgba(0, 0, 0, 0.3);
+    margin-left: 2px;
+
+    &:hover {
+        color: rgba(0, 0, 0, 0.5);
+    }
+}
+
+.icon_check {
+    font-size: 18px;
+    cursor: pointer;
+    color: rgba(0, 0, 0, 0.3);
+
+    &:hover {
+        color: rgba(0, 0, 0, 0.5);
+    }
+}
+
+.isCheck {
+    color: #3b8cff;
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
+    background-color: #e5f3ff
+}
+
+.icon {
+    height: 20px;
+    width: 20px;
+    padding: 0px;
+    line-height: 20px;
+    min-width: 20px;
+    margin-right: 6px;
+    margin-top: 6px;
+}
+
+/*文件*/
+.icon_file {
+    width: 16px !important;
+    height: 16px !important;
+    margin-right: 6px;
+    background-size: inherit;
+    background-image: url(@/assets/0.file-16.png);
+    background-position: 3px 0;
+    margin-top: -2px;
+}
+
+/*文件夹*/
+.icon_folder {
+    background-image: url(@/assets/folder_win11_small.png);
+    margin-top: -6px;
+    margin-left: 2px;
+    margin-right: 6px;
+}
+
+/*docx*/
+.icon_docx {
+    background-position: -81px -560px !important;
+    margin-top: 0;
+    margin-left: 2px;
+}
+
+/*doc*/
+.icon_doc {
+    background-position: -81px -592px !important;
+    margin-top: 0;
+    margin-left: 2px;
+}
+
+/*xlsx*/
+.icon_xlsx {
+    background-position: -81px -48px !important;
+    margin-top: 0;
+    margin-left: 2px;
+}
+
+/*pdf*/
+.icon_pdf {
+    background-position: -81px -352px !important;
+    margin-top: 0;
+    margin-left: 2px;
+}
+
+/*pptx*/
+.icon_pptx {
+    background-position: -81px -288px !important;
+    margin-top: 0;
+    margin-left: 2px;
+}
+
+/*zip*/
+.icon_zip {
+    background-position: 3px 0 !important;
+    margin-top: -2px;
+    margin-left: 2px;
+}
+
+/*ppt*/
+.icon_ppt {
+    background-position: -81px -304px !important;
+    margin-top: 0;
+    margin-left: 2px;
+}
+
+/*xls*/
+.icon_xls {
+    background-position: -81px -96px !important;
+    margin-top: 0;
+    margin-left: 2px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/trials/trials-workbench/components/auditDocument/uploadFiles.vue b/src/views/trials/trials-workbench/components/auditDocument/uploadFiles.vue
new file mode 100644
index 00000000..f493caf8
--- /dev/null
+++ b/src/views/trials/trials-workbench/components/auditDocument/uploadFiles.vue
@@ -0,0 +1,509 @@
+<template>
+  <base-model :config="config">
+    <div slot="dialog-body">
+      <!-- 多文件上传 -->
+      <form id="inputForm" ref="uploadForm">
+        <el-divider content-position="left">{{
+          $t('trials:trialDocument:label:fileType').replace(
+            'xxx',
+            faccept.join('/')
+          )
+        }}</el-divider>
+        <div class="form-group">
+          <div
+            class="upload"
+            style="margin-right: 10px"
+            :disabled="limitLength"
+            v-if="!limitLength"
+          >
+            <input
+              multiple="multiple"
+              webkitdirectory=""
+              directory
+              accept="*/*"
+              type="file"
+              name="uploadFolder"
+              class="select-file"
+              title=""
+              @change="beginScanFiles($event)"
+              v-if="
+                !loading &&
+                (!limitLength ||
+                  (fileList.length < limitLength && limitLength > 1))
+              "
+            />
+            <div class="btn-select">
+              {{ $t('trials:trialDocument:button:selectFolder') }}
+            </div>
+          </div>
+          <div class="upload">
+            <input
+              class="select-file"
+              multiple=""
+              :accept="faccept.join(',')"
+              type="file"
+              name="uploadFile"
+              title=""
+              @change="beginScanFiles($event)"
+              v-if="!loading && (!limitLength || fileList.length < limitLength)"
+            />
+            <div class="btn-select">
+              {{ $t('trials:trialDocument:button:select') }}
+            </div>
+          </div>
+        </div>
+      </form>
+      <!-- 文件列表 -->
+      <el-table
+        ref="filesTable"
+        :data="fileList"
+        class="dicomFiles-table"
+        height="300"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column
+          type="selection"
+          width="55"
+          :selectable="(row, index) => row.status !== 2 && !loading"
+        />
+        <el-table-column type="index" width="50" />
+        <!-- 文件名称 -->
+        <el-table-column
+          prop="name"
+          :label="$t('trials:trialDocument:table:fileName')"
+          min-width="100"
+        />
+        <!-- 文件大小 -->
+        <el-table-column
+          prop="size"
+          :label="$t('trials:trialDocument:table:fileSize')"
+        >
+          <template slot-scope="scope">
+            <span>{{
+              scope.row.size && scope.row.size > 0
+                ? `${(scope.row.size / 1024 / 1024).toFixed(3)}MB`
+                : ''
+            }}</span>
+          </template>
+        </el-table-column>
+        <!-- 文件类型 -->
+        <el-table-column
+          prop="type"
+          :label="$t('trials:trialDocument:table:fileType')"
+        />
+        <!-- 上传状态 -->
+        <el-table-column
+          prop="status"
+          :label="$t('trials:trialDocument:table:uploadStatus')"
+          min-width="100"
+        >
+          <template slot-scope="scope">
+            <el-tag
+              :type="['warning', 'info', 'success', 'danger'][scope.row.status]"
+              v-if="scope.row.status || scope.row.status === 0"
+              >{{ $fd('NoneDicomUploadStatus', scope.row.status) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('trials:trialDocument:table:failedFileCount')"
+          min-width="150"
+          show-overflow-tooltip
+        >
+          <template slot-scope="scope">
+            <el-progress
+              color="#409eff"
+              :percentage="
+                ((scope.row.uploadFileSize * 100) / scope.row.size).toFixed(2) *
+                1
+              "
+            />
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('common:action:action')">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              icon="el-icon-delete"
+              circle
+              :disabled="loading"
+              :title="$t('trials:trialDocument:action:delete')"
+              @click="handleRemoveFile(scope.row)"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div slot="dialog-footer">
+      <div style="text-align: right; padding: 10px 0px">
+        <span style="margin-right: 10px">{{
+          $store.state.trials.uploadTip
+        }}</span>
+        <el-button
+          size="small"
+          type="primary"
+          :disabled="selectArr.length == 0"
+          :loading="loading"
+          @click="beginUpload"
+        >
+          {{ $t('trials:trialDocument:action:upload') }}
+        </el-button>
+      </div>
+    </div>
+  </base-model>
+</template>
+<script>
+import baseModel from '@/components/BaseModel'
+import { deepClone } from '@/utils/index.js'
+import store from '@/store'
+export default {
+  name: 'uploadFiles',
+  props: {
+    config: {
+      required: true,
+      default: () => {
+        return {
+          visible: false,
+        }
+      },
+    },
+    faccept: {
+      type: Array,
+      default: () => {
+        return []
+      },
+    },
+    uploadPath: {
+      type: String,
+      default: '',
+    },
+    limitLength: {
+      type: Number,
+      default: 0,
+    },
+  },
+  components: {
+    'base-model': baseModel,
+  },
+  data() {
+    return {
+      loading: false,
+      fileList: [],
+      selectArr: [],
+      isFail: false,
+      successFileList: [],
+      fileInput: null,
+    }
+  },
+  methods: {
+    // 获取待上传文件信息
+    handleSelectionChange(selection) {
+      this.selectArr = selection
+    },
+    // 扫描待上传文件
+    beginScanFiles(e) {
+      if (this.fileInput) {
+        this.fileInput = null
+      }
+      var files = [...e.target.files]
+      if (this.limitLength && this.fileList.length >= this.limitLength)
+        return this.$message.warning(
+          this.$t('trials:trialDocument:message:limitLength')
+        )
+      var sameFiles = []
+      files.forEach((file) => {
+        var extendName = file.name
+          .substring(file.name.lastIndexOf('.'))
+          .toLocaleLowerCase()
+        if (
+          this.faccept.indexOf(extendName) !== -1 &&
+          this.fileList.findIndex((v) => v.name === file.name) > -1
+        ) {
+          sameFiles.push(file.name)
+        }
+      })
+      var scope = this
+      if (sameFiles.length > 0) {
+        const h = this.$createElement
+        var msg = this.$t('trials:trialDocument:message:exsitSameFile').replace(
+          'xxx',
+          sameFiles.join(', ')
+        )
+        this.$msgbox({
+          message: h('div', { style: 'maxHeight:300px;overflow: auto;' }, [
+            h('p', null, msg),
+            h(
+              'p',
+              null,
+              this.$t('trials:trialDocument:message:isContinueUpload')
+            ),
+          ]),
+          type: 'warning',
+          showCancelButton: true,
+        })
+          .then(() => {
+            scope.pendingUploadQuene(files)
+          })
+          .catch(() => {
+            scope.resetUploadForm()
+          })
+      } else {
+        scope.pendingUploadQuene(files)
+      }
+    },
+    pendingUploadQuene(files) {
+      for (var i = 0; i < files.length; ++i) {
+        const fileName = files[i].name
+        var extendName = fileName
+          .substring(fileName.lastIndexOf('.'))
+          .toLocaleLowerCase()
+        if (this.faccept.indexOf(extendName) !== -1) {
+          files[i].id = `${files[i].lastModified}${files[i].name}`
+          let obj = {
+            name: files[i].name,
+            size: files[i].size,
+            type: extendName.split('.')[1],
+            status: 0,
+            file: files[i],
+            id: `${files[i].lastModified}${
+              files[i].name
+            }${new Date().getTime()}${i + 1}`,
+            fileType: files[i].type,
+            uploadFileSize: 0,
+          }
+          this.fileList.push(obj)
+          this.$refs.filesTable.toggleRowSelection(obj, true)
+        }
+      }
+      this.resetUploadForm()
+    },
+    resetUploadForm() {
+      this.$nextTick(() => {
+        this.$refs.uploadForm.reset()
+      })
+    },
+    handleRemoveFile(row) {
+      this.$confirm(this.$t('trials:trialDocument:message:delete'), {
+        type: 'warning',
+        distinguishCancelAndClose: true,
+      })
+        .then(() => {
+          this.fileList.splice(
+            this.fileList.findIndex((item) => item.id === row.id),
+            1
+          )
+          let flag = this.successFileList.some((item) => item.id === row.id)
+          if (flag) {
+            this.successFileList.splice(
+              this.successFileList.findIndex((item) => item.id === row.id),
+              1
+            )
+          }
+        })
+        .catch(() => {})
+    },
+    // 开始上传文件
+    async beginUpload() {
+      this.loading = true
+      this.isFail = false
+      const fileMaxSize = 1024 * 1024 * 1024 * 2 // 1G
+      var currentFilesSize = 0
+      this.selectArr.forEach((item) => {
+        currentFilesSize += item.size
+      })
+      if (currentFilesSize / fileMaxSize > 1) {
+        // 'Upload file size cannot exceed 1G'
+        this.$alert(this.$t('trials:trialDocument:message:uploadSize'))
+        this.loading = false
+      } else {
+        this.selectArr.forEach((item) => (item.status = 0))
+        let num = this.selectArr.length > 6 ? 6 : this.selectArr.length
+        let funArr = []
+        for (let i = 0; i < num; i++) {
+          funArr.push(this.handleUploadTask(this.selectArr, i))
+        }
+        if (funArr.length > 0) {
+          let res = await Promise.all(funArr)
+        }
+      }
+    },
+    // 并发上传
+    async handleUploadTask(arr, index) {
+      if (!this.config.visible) return
+      let file = this.fileList.filter((item) => item.id === arr[index].id)[0]
+      file.status = 1
+      let fileType = file.name
+        .substring(file.name.lastIndexOf('.'))
+        .toLocaleLowerCase()
+      // let fileName = file.name
+      //   .substring(0, file.name.lastIndexOf('.'))
+      //   .toLocaleLowerCase()
+      let path = `${this.uploadPath}/${this.$guid()}${fileType}`
+      file.curPath = path
+      const fileData = await this.fileToBlob(file.file)
+      let res = await this.fileToOss(path, fileData, file)
+      if (res) {
+        file.status = 2
+        this.successFileList.push({
+          FileName: file.name,
+          FilePath: this.$getObjectName(res.url),
+          FileSize: file.size,
+          FileFormat: fileType,
+        })
+        let flag = arr.every((item) => item.status === 2)
+        if (flag) {
+          return this.submitFile(this.successFileList)
+        }
+      } else {
+        file.status = 3
+      }
+      let flag = arr.every((item) => item.status > 1)
+      if (flag) {
+        let failFileList = arr.filter((item) => item.status === 3)
+        if (failFileList && failFileList.length > 0) {
+          this.$refs.filesTable.clearSelection()
+          failFileList.forEach((row) => {
+            row.uploadFileSize = 0
+            this.$refs.filesTable.toggleRowSelection(row)
+          })
+          this.isFail = true
+          this.submitFile(this.successFileList, true)
+          return false
+        }
+      }
+      let ind = arr.findIndex((item) => item.status === 0)
+      if (ind >= 0) {
+        return this.handleUploadTask(arr, ind)
+      } else {
+        return false
+      }
+    },
+    // file上传到oss
+    async fileToOss(path, file, item) {
+      try {
+        let res = await this.OSSclient.multipartUpload(
+          {
+            path,
+            file,
+            speed: true,
+          },
+          (percentage, checkpoint, lastPer) => {
+            item.uploadFileSize += checkpoint.size * (percentage - lastPer)
+            if (item.uploadFileSize > file.fileSize) {
+              item.uploadFileSize = file.fileSize
+            }
+          }
+        )
+        if (res) {
+          return res
+        } else {
+          return false
+        }
+      } catch (err) {
+        console.log(err)
+        return false
+      }
+    },
+    submitFile(list, isReLoad = false) {
+      if (!this.config.visible) return
+      if (!isReLoad) {
+        this.reset()
+      }
+      let arr = deepClone(list)
+      this.$emit('uplaodFile', arr)
+    },
+    reset() {
+      this.loading = false
+      this.selectArr = []
+      this.successFileList = []
+      this.OSSclient.close()
+      this.$emit('close')
+    },
+    openFile(isFolder = false) {
+      this.fileInput = document.createElement('input')
+      this.fileInput.type = 'file'
+      this.fileInput.addEventListener('change', this.beginScanFiles)
+      if (isFolder) {
+        this.fileInput.accept = '*/*'
+        //webkitdirectory directory
+        this.fileInput.webkitdirectory = 'webkitdirectory'
+        this.fileInput.directory = 'directory'
+      } else {
+        this.fileInput.accept = this.faccept.join(',')
+      }
+      console.log(this.fileInput)
+      this.fileInput.click()
+    },
+  },
+  watch: {
+    isFail() {
+      if (this.isFail) {
+        this.$confirm(this.$t('trials:trialDocument:failUpload'), {
+          type: 'warning',
+          distinguishCancelAndClose: true,
+          confirmButtonText: this.$t('common:button:confirm'),
+          cancelButtonText: this.$t('common:button:cancel'),
+        })
+          .then(() => {
+            this.beginUpload()
+          })
+          .catch((err) => {
+            this.loading = false
+            console.log(err)
+          })
+      }
+    },
+    loading() {
+      store.dispatch('trials/setUnLock', this.loading)
+    },
+  },
+  mounted() {
+    this.openFile(this.config.isFolder)
+  },
+  beforeDestroy() {
+    store.dispatch('trials/setUnLock', false)
+    this.OSSclient.close()
+  },
+}
+</script>
+<style lang="scss" scoped>
+.upload {
+  display: inline-block;
+  height: 30px;
+  width: 90px;
+  padding: 2px 10px;
+  line-height: 23px;
+  position: relative;
+  text-decoration: none;
+  border-radius: 3px;
+  overflow: hidden;
+  text-align: center;
+  background: #428bca;
+  border-color: #428bca;
+  color: #fff;
+  .select-file {
+    height: 30px;
+    width: 90px;
+    position: absolute;
+    overflow: hidden;
+    left: 0;
+    top: 0;
+    opacity: 0;
+    font-size: 0;
+  }
+  .btn-select {
+    //给显示在页面上的按钮写样式
+    width: 90px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 24px;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none; //pointer-events:none用来控制该标签的点击穿透事件
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/trials/trials-workbench/components/generalTraining.vue b/src/views/trials/trials-workbench/components/generalTraining.vue
new file mode 100644
index 00000000..4f37b9f9
--- /dev/null
+++ b/src/views/trials/trials-workbench/components/generalTraining.vue
@@ -0,0 +1,3 @@
+<template>
+    <div>viewGeneralTraining</div>
+</template>
\ No newline at end of file
diff --git a/src/views/trials/trials-workbench/index.vue b/src/views/trials/trials-workbench/index.vue
index 4f803c9f..fa045e08 100644
--- a/src/views/trials/trials-workbench/index.vue
+++ b/src/views/trials/trials-workbench/index.vue
@@ -1,5 +1,5 @@
 <style>
-.user-status-item{
+.user-status-item {
   width: 100px;
   height: 32px;
   line-height: 1;
@@ -14,7 +14,8 @@
   cursor: pointer;
   padding: 0 8px;
 }
-.my_select_box{
+
+.my_select_box {
   margin-bottom: 12px;
   margin-top: 12px;
   padding: 0 12px 0 20px;
@@ -24,31 +25,37 @@
   align-items: center;
   border-radius: 5px;
 }
-.my_select_box_content{
+
+.my_select_box_content {
   color: #333;
   font-size: .875rem;
-  white-space:nowrap;
+  white-space: nowrap;
   display: flex;
   align-items: center;
 }
-.my_select_box_content_text{
+
+.my_select_box_content_text {
   display: inline-block;
-  white-space:nowrap;
-  overflow:hidden;
-  text-overflow:ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
   max-width: 150px;
 }
-.my_select_box:hover{
+
+.my_select_box:hover {
   background: #f5f5f5;
 }
+
 .my_select_box.selected {
-  color:#6698ff;
+  color: #6698ff;
   background: rgba(102, 152, 255, .1);
 }
+
 .my_select_box.selected .my_select_box_content {
-  color:#6698ff;
+  color: #6698ff;
 }
-.my_select_title{
+
+.my_select_title {
   height: 48px;
   padding: 0 8px;
   display: flex;
@@ -56,173 +63,228 @@
   align-items: center;
   color: #999;
 }
+
 .my_select .my_select_box {
-  margin-top: 0!important;
+  margin-top: 0 !important;
 }
 </style>
 <template>
   <div class="workbench-container">
-<!--    <div class="workbench-stats">-->
-<!--      <PanelCount ref="panelCount" @getSignSystemDocCount="getSignSystemDocCount" />-->
-<!--    </div>-->
-      <div class="workbench-content" style="height: 100%;display: flex">
-        <div class="workbench-content-left" style="width: 259px;border-right: 1px solid #eee;background: #fbfbfb">
-          <div style="padding: 12px">
-            <div class="user-profile-wrapper" style="padding: 24px 0 24px 12px;">
-              <div style="display: flex;align-items: center;margin-bottom: 20px;" class="user-info">
-                <div style="margin-right: 0.75rem;background: #428bca;width: 44px;height: 44px;border-radius: 50%;line-height: 44px;text-align: center;font-size: 12px;color:#fff;overflow: hidden">
-                  {{ user.LastName }}
-                </div>
-                <div class="user-description" style="">
-                  <div style="font-size: .875rem;color: #333;line-height: 22px;display: flex;margin-bottom: 0.25rem;"><span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 150px">{{user.RealName}}</span></div>
-                  <div style="font-size: .75rem;line-height: 18px;color:#999">{{new Date().getFullYear()}}{{$t('common:date:today')}}{{new Date().getMonth() + 1}}{{$t('common:date:month')}}{{new Date().getDate()}}{{$t('common:date:day')}}，{{ dayOfWeek }}</div>
-                </div>
+    <!--    <div class="workbench-stats">-->
+    <!--      <PanelCount ref="panelCount" @getSignSystemDocCount="getSignSystemDocCount" />-->
+    <!--    </div>-->
+    <div class="workbench-content" style="height: 100%;display: flex">
+      <div class="workbench-content-left"
+        style="height:100%;width: 259px;border-right: 1px solid #eee;background: #fbfbfb">
+        <div style="padding: 12px;height:100%;">
+          <div class="user-profile-wrapper" style="padding: 24px 0 24px 12px;">
+            <div style="display: flex;align-items: center;margin-bottom: 20px;" class="user-info">
+              <div
+                style="margin-right: 0.75rem;background: #428bca;width: 44px;height: 44px;border-radius: 50%;line-height: 44px;text-align: center;font-size: 12px;color:#fff;overflow: hidden">
+                {{ user.LastName }}
               </div>
-              <div class="user-status" style="display: flex">
-                <div class="user-status-item" @click="$router.push('/trials/trials-myinfo')" style="margin-right: 0.75rem">
-                  <span class="el-icon-setting" style="margin-right: 0.5rem"></span>
-                  <span>{{$t('trials:trials-myinfo:title:accountInfo')}}</span>
+              <div class="user-description" style="">
+                <div style="font-size: .875rem;color: #333;line-height: 22px;display: flex;margin-bottom: 0.25rem;">
+                  <span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 150px">{{
+                    user.RealName }}</span>
                 </div>
-                <div class="user-status-item" @click="$router.push('/trials/trials-notice')">
-                  <span class="el-icon-bell" style="margin-right: 0.5rem"></span>
-                  <span style="margin-right: 0.5rem">｜</span>
-                  <span>{{ tabList.SysNoticeUnReadCount }}</span>
+                <div style="font-size: .75rem;line-height: 18px;color:#999">{{ new
+                  Date().getFullYear() }}{{ $t('common:date:today') }}{{ new Date().getMonth() +
+                    1 }}{{ $t('common:date:month') }}{{ new Date().getDate() }}{{ $t('common:date:day') }}，{{ dayOfWeek }}
                 </div>
               </div>
             </div>
-<!--            <div class="thy-divider" style="border-top: 1px solid #eee;margin: 0;"></div>-->
-<!--            <div class="my_select_box" @click="$router.push('/trials/trials-list')">-->
-<!--              <div class="my_select_box_content">-->
-<!--                <span class="el-icon-box" style="padding: 4px;margin: 4px;color: #6698ff"></span>-->
-<!--                <span>{{ $t('trials:tab:trials') }}</span>-->
-<!--              </div>-->
-<!--            </div>-->
+            <div class="user-status" style="display: flex">
+              <div class="user-status-item" @click="$router.push('/trials/trials-myinfo')"
+                style="margin-right: 0.75rem">
+                <span class="el-icon-setting" style="margin-right: 0.5rem"></span>
+                <span>{{ $t('trials:trials-myinfo:title:accountInfo') }}</span>
+              </div>
+              <div class="user-status-item" @click="$router.push('/trials/trials-notice')">
+                <span class="el-icon-bell" style="margin-right: 0.5rem"></span>
+                <span style="margin-right: 0.5rem">｜</span>
+                <span>{{ tabList.SysNoticeUnReadCount }}</span>
+              </div>
+            </div>
+          </div>
+          <!--            <div class="thy-divider" style="border-top: 1px solid #eee;margin: 0;"></div>-->
+          <!--            <div class="my_select_box" @click="$router.push('/trials/trials-list')">-->
+          <!--              <div class="my_select_box_content">-->
+          <!--                <span class="el-icon-box" style="padding: 4px;margin: 4px;color: #6698ff"></span>-->
+          <!--                <span>{{ $t('trials:tab:trials') }}</span>-->
+          <!--              </div>-->
+          <!--            </div>-->
+          <div class="menuBox">
             <div class="thy-divider" style="border-top: 1px solid #eee;margin: 0;"></div>
             <div class="my_select_title" style="font-size: 18px">{{ $t('trials:workbench:title:padding') }}</div>
             <div class="my_select">
               <!-- PM/APM -->
               <!-- 阅片期 -->
-              <div class="my_select_box" :class="{selected: selected === 'consistencyCheck'}" tab-data="consistencyCheck" @click="selected = 'consistencyCheck'" v-if="hasPermi(['trials:trials-workbench:consistencyCheck'])">
+              <div class="my_select_box" :class="{ selected: selected === 'consistencyCheck' }"
+                tab-data="consistencyCheck" @click="selected = 'consistencyCheck'"
+                v-if="hasPermi(['trials:trials-workbench:consistencyCheck'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:tab:consistencyCheck') }}</span><span style="margin:0 0.25rem">·</span><span>{{tabList.PM_CheckCount}}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:tab:consistencyCheck') }}</span><span
+                    style="margin:0 0.25rem">·</span><span>{{ tabList.PM_CheckCount }}</span>
                 </div>
               </div>
               <!-- 重阅审批 -->
-              <div class="my_select_box" :class="{selected: selected === 'RereadApproval'}" tab-data="RereadApproval" @click="selected = 'RereadApproval'" v-if="hasPermi(['trials:trials-workbench:rereadApproval'])">
+              <div class="my_select_box" :class="{ selected: selected === 'RereadApproval' }" tab-data="RereadApproval"
+                @click="selected = 'RereadApproval'" v-if="hasPermi(['trials:trials-workbench:rereadApproval'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:trials-panel:attachments:reReadingTracking') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.PM_ReReadingApprovalCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:trials-panel:attachments:reReadingTracking')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.PM_ReReadingApprovalCount }}</span>
                 </div>
               </div>
               <!-- 阅片人筛选 -->
-              <div class="my_select_box" :class="{selected: selected === 'ReviewerScreen'}" tab-data="ReviewerScreen" @click="selected = 'ReviewerScreen'" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])">
+              <div class="my_select_box" :class="{ selected: selected === 'ReviewerScreen' }" tab-data="ReviewerScreen"
+                @click="selected = 'ReviewerScreen'" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-user" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:trials-list:PendingDetails:ReviewerSelection') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.PM_ReviewerSelectCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:trials-list:PendingDetails:ReviewerSelection')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.PM_ReviewerSelectCount }}</span>
                 </div>
               </div>
               <!-- 中心调研 -->
-              <div class="my_select_box" :class="{selected: selected === 'SiteResearch'}" tab-data="SiteResearch" @click="selected = 'SiteResearch'" v-if="hasPermi(['trials:trials-workbench:attachments:site-research'])&&!hasPermi(['role:admin'])">
+              <div class="my_select_box" :class="{ selected: selected === 'SiteResearch' }" tab-data="SiteResearch"
+                @click="selected = 'SiteResearch'"
+                v-if="hasPermi(['trials:trials-workbench:attachments:site-research']) && !hasPermi(['role:admin'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-edit-outline" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:pendingSiteResearch') }}</span><span style="margin:0 0.25rem">·</span><span>{{hasPermi(['role:pm','role:apm'])? tabList.PM_SiteSurveryCount : tabList.SPM_SiteSurveryCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:pendingSiteResearch')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ hasPermi(['role:pm', 'role:apm']) ?
+                      tabList.PM_SiteSurveryCount : tabList.SPM_SiteSurveryCount }}</span>
                 </div>
               </div>
               <!-- SPM/CPM -->
               <!-- 阅片人审批 -->
-              <div class="my_select_box" :class="{selected: selected === 'ReviewerApproval'}" tab-data="ReviewerApproval" @click="selected = 'ReviewerApproval'" v-if="hasPermi(['trials:trials-workbench:reviewerApproval'])">
+              <div class="my_select_box" :class="{ selected: selected === 'ReviewerApproval' }"
+                tab-data="ReviewerApproval" @click="selected = 'ReviewerApproval'"
+                v-if="hasPermi(['trials:trials-workbench:reviewerApproval'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-user" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:sysDocBeSigned:table:reviewerApproval') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SPM_ReviewerApprovalCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:sysDocBeSigned:table:reviewerApproval')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SPM_ReviewerApprovalCount }}</span>
                 </div>
               </div>
               <!-- 重阅审批 -->
-              <div class="my_select_box" :class="{selected: selected === 'SpmRereadApproval'}" tab-data="SpmRereadApproval" @click="selected = 'SpmRereadApproval'" v-if="hasPermi(['trials:trials-workbench:spmRereadApproval'])">
+              <div class="my_select_box" :class="{ selected: selected === 'SpmRereadApproval' }"
+                tab-data="SpmRereadApproval" @click="selected = 'SpmRereadApproval'"
+                v-if="hasPermi(['trials:trials-workbench:spmRereadApproval'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:trials-panel:attachments:reReadingTracking') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SPM_ReReadingApprovalCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:trials-panel:attachments:reReadingTracking')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SPM_ReReadingApprovalCount
+                    }}</span>
                 </div>
               </div>
               <!-- CRC -->
               <!-- 加急影像提交 -->
-              <div class="my_select_box" :class="{selected: selected === 'ImageSubmission'}" tab-data="ImageSubmission" @click="selected = 'ImageSubmission'" v-if="hasPermi(['trials:trials-workbenck:imageSubmission'])">
+              <div class="my_select_box" :class="{ selected: selected === 'ImageSubmission' }"
+                tab-data="ImageSubmission" @click="selected = 'ImageSubmission'"
+                v-if="hasPermi(['trials:trials-workbenck:imageSubmission'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-circle-check" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:ExpeditedImageSubmission') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageSubmitCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:ExpeditedImageSubmission')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageSubmitCount }}</span>
                 </div>
               </div>
               <!-- 影像质疑 -->
-              <div class="my_select_box" :class="{selected: selected === 'ImageQuestion'}" tab-data="ImageQuestion" @click="selected = 'ImageQuestion'" v-if="hasPermi(['trials:trials-workbench:imageQuestion'])">
+              <div class="my_select_box" :class="{ selected: selected === 'ImageQuestion' }" tab-data="ImageQuestion"
+                @click="selected = 'ImageQuestion'" v-if="hasPermi(['trials:trials-workbench:imageQuestion'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-chat-dot-square" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:tab:crcQuality') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageQuestionCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:tab:crcQuality') }}</span><span
+                    style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageQuestionCount }}</span>
                 </div>
               </div>
               <!-- 核查质疑 -->
-              <div class="my_select_box" :class="{selected: selected === 'ImageVerification'}" tab-data="ImageVerification" @click="selected = 'ImageVerification'" v-if="hasPermi(['trials:trials-workbenck:imageVerification'])">
+              <div class="my_select_box" :class="{ selected: selected === 'ImageVerification' }"
+                tab-data="ImageVerification" @click="selected = 'ImageVerification'"
+                v-if="hasPermi(['trials:trials-workbenck:imageVerification'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-money" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:sysDocBeSigned:table:ImageCheck') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_CheckQuestionCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:sysDocBeSigned:table:ImageCheck')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_CheckQuestionCount }}</span>
                 </div>
               </div>
               <!-- 影像重传 -->
-              <div class="my_select_box" :class="{selected: selected === 'ImageReupload'}" tab-data="ImageReupload" @click="selected = 'ImageReupload'" v-if="hasPermi(['trials:trials-workbenck:imageReupload'])">
+              <div class="my_select_box" :class="{ selected: selected === 'ImageReupload' }" tab-data="ImageReupload"
+                @click="selected = 'ImageReupload'" v-if="hasPermi(['trials:trials-workbenck:imageReupload'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-upload" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:ImageRetransmission') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageReUploadCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:ImageRetransmission')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageReUploadCount }}</span>
                 </div>
               </div>
               <!-- IQC -->
               <!-- 影像质控 -->
-              <div class="my_select_box" :class="{selected: selected === 'ImageQualityControl'}" tab-data="ImageQualityControl" @click="selected = 'ImageQualityControl'" v-if="hasPermi(['trials:trials-workbenck:imageQC'])">
+              <div class="my_select_box" :class="{ selected: selected === 'ImageQualityControl' }"
+                tab-data="ImageQualityControl" @click="selected = 'ImageQualityControl'"
+                v-if="hasPermi(['trials:trials-workbenck:imageQC'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:tab:dicomsQuality') }}<span style="margin:0 0.25rem"></span>·</span><span>{{ tabList.IQC_IamgeQCCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:tab:dicomsQuality') }}<span
+                      style="margin:0 0.25rem"></span>·</span><span>{{ tabList.IQC_IamgeQCCount }}</span>
                 </div>
               </div>
               <!-- QC质疑 -->
-              <div class="my_select_box" :class="{selected: selected === 'QcQuestion'}" tab-data="QcQuestion" @click="selected = 'QcQuestion'" v-if="hasPermi(['trials:trials-workbenck:qcQuestion'])">
+              <div class="my_select_box" :class="{ selected: selected === 'QcQuestion' }" tab-data="QcQuestion"
+                @click="selected = 'QcQuestion'" v-if="hasPermi(['trials:trials-workbenck:qcQuestion'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-chat-dot-square" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:tab:qcQuality') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.IQC_QCQuestionCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:tab:qcQuality') }}</span><span
+                    style="margin:0 0.25rem">·</span><span>{{ tabList.IQC_QCQuestionCount }}</span>
                 </div>
               </div>
               <!-- IR -->
               <!-- 影像待阅 -->
-              <div class="my_select_box" :class="{selected: selected === 'ImagesToRead'}" tab-data="ImagesToRead" @click="selected = 'ImagesToRead'" v-if="hasPermi(['trials:trials-workbenck:imagesToRead'])">
+              <div class="my_select_box" :class="{ selected: selected === 'ImagesToRead' }" tab-data="ImagesToRead"
+                @click="selected = 'ImagesToRead'" v-if="hasPermi(['trials:trials-workbenck:imagesToRead'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-collection" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:tab:pendingReadingTasks') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.IR_IamgeWaitReadingCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:tab:pendingReadingTasks') }}</span><span
+                    style="margin:0 0.25rem">·</span><span>{{ tabList.IR_IamgeWaitReadingCount }}</span>
                 </div>
               </div>
               <!-- 医学反馈 -->
-              <div class="my_select_box" :class="{selected: selected === 'MedicalFeedback'}" tab-data="MedicalFeedback" @click="selected = 'MedicalFeedback'" v-if="hasPermi(['trials:trials-workbenck:medicalFeedback'])">
+              <div class="my_select_box" :class="{ selected: selected === 'MedicalFeedback' }"
+                tab-data="MedicalFeedback" @click="selected = 'MedicalFeedback'"
+                v-if="hasPermi(['trials:trials-workbenck:medicalFeedback'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:trials-panel:tab:medicalFeedback') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.IR_MedicalReviewCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:trials-panel:tab:medicalFeedback')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.IR_MedicalReviewCount }}</span>
                 </div>
               </div>
               <!-- MIM -->
               <!-- 医学审核 -->
-              <div class="my_select_box" :class="{selected: selected === 'MedicalAudit'}" tab-data="MedicalAudit" @click="selected = 'MedicalAudit'" v-if="hasPermi(['trials:trials-workbenck:medicalAudit'])">
+              <div class="my_select_box" :class="{ selected: selected === 'MedicalAudit' }" tab-data="MedicalAudit"
+                @click="selected = 'MedicalAudit'" v-if="hasPermi(['trials:trials-workbenck:medicalAudit'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:trials-panel:tab:pmMedicalFeedback') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.MIM_MedicalReviewCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:trials-panel:tab:pmMedicalFeedback')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.MIM_MedicalReviewCount }}</span>
                 </div>
               </div>
               <!-- 项目签署文件 -->
-              <div class="my_select_box" :class="{selected: selected === 'NeedSignTrialDoc'}" tab-data="NeedSignTrialDoc" @click="selected = 'NeedSignTrialDoc'" v-if="!hasPermi(['role:zys'])">
+              <div class="my_select_box" :class="{ selected: selected === 'NeedSignTrialDoc' }"
+                tab-data="NeedSignTrialDoc" @click="selected = 'NeedSignTrialDoc'" v-if="!hasPermi(['role:zys'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-receiving" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:trialDocBeSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.TrialWaitSignDocCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:trialDocBeSigned')
+                  }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.TrialWaitSignDocCount }}</span>
                 </div>
               </div>
               <!-- 系统签署文件 -->
-              <div class="my_select_box" :class="{selected: selected === 'NeedSignSysDoc'}" tab-data="NeedSignSysDoc" @click="$nextTick(() => selected = 'NeedSignSysDoc')" v-if="!hasPermi(['role:zys'])">
+              <div class="my_select_box" :class="{ selected: selected === 'NeedSignSysDoc' }" tab-data="NeedSignSysDoc"
+                @click="$nextTick(() => selected = 'NeedSignSysDoc')" v-if="!hasPermi(['role:zys'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-data-line" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:sysDocBeSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SysWaitSignDocCount }}</span>
+                  <span class="my_select_box_content_text">{{ $t('trials:workbench:title:sysDocBeSigned') }}</span><span
+                    style="margin:0 0.25rem">·</span><span>{{ tabList.SysWaitSignDocCount }}</span>
                 </div>
               </div>
             </div>
@@ -230,168 +292,244 @@
             <div class="my_select_title" style="font-size: 18px">{{ $t('trials:workbench:title:my') }}</div>
             <div class="my_select">
               <!-- 项目已签署文件 -->
-              <div class="my_select_box" :class="{selected: selected === 'NeedSignedTrialDoc'}" tab-data="NeedSignedTrialDoc" @click="selected = 'NeedSignedTrialDoc'" v-if="!hasPermi(['role:zys'])">
+              <div class="my_select_box" :class="{ selected: selected === 'NeedSignedTrialDoc' }"
+                tab-data="NeedSignedTrialDoc" @click="selected = 'NeedSignedTrialDoc'" v-if="!hasPermi(['role:zys'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-receiving" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text" :title="$t('trials:workbench:title:trialDocSigned')">{{ $t('trials:workbench:title:trialDocSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.TrialSignedDocCount }}</span>
+                  <span class="my_select_box_content_text" :title="$t('trials:workbench:title:trialDocSigned')">{{
+                    $t('trials:workbench:title:trialDocSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{
+                      tabList.TrialSignedDocCount }}</span>
                 </div>
               </div>
               <!-- 系统已签署文件 -->
-              <div class="my_select_box" :class="{selected: selected === 'NeedSignedSysDoc'}" tab-data="NeedSignedSysDoc" @click="$nextTick(() => selected = 'NeedSignedSysDoc')" v-if="!hasPermi(['role:zys'])">
+              <div class="my_select_box" :class="{ selected: selected === 'NeedSignedSysDoc' }"
+                tab-data="NeedSignedSysDoc" @click="$nextTick(() => selected = 'NeedSignedSysDoc')"
+                v-if="!hasPermi(['role:zys'])">
                 <div class="my_select_box_content">
                   <span class="el-icon-data-line" style="padding: 4px;margin: 4px;color: #6698ff"></span>
-                  <span class="my_select_box_content_text" :title="$t('trials:workbench:title:sysDocSigned')">{{ $t('trials:workbench:title:sysDocSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SysSignedDocCount }}</span>
+                  <span class="my_select_box_content_text" :title="$t('trials:workbench:title:sysDocSigned')">{{
+                    $t('trials:workbench:title:sysDocSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{
+                      tabList.SysSignedDocCount }}</span>
                 </div>
               </div>
             </div>
+            <!--稽查文档-->
+            <template
+              v-if="hasPermi(['trials:trials-workbench:updateGeneralTraining', 'trials:trials-workbench:viewGeneralTraining', 'trials:trials-workbench:updateAuditDocument', 'trials:trials-workbench:viewAuditDocument'])">
+              <div class="thy-divider" style="border-top: 1px solid #eee;margin: 0;"></div>
+              <div class="my_select_title" style="font-size: 18px">{{ $t('trials:workbench:title:auditDocument') }}
+              </div>
+              <div class="my_select">
+                <!-- 通用培训管理 -->
+                <div class="my_select_box" :class="{ selected: selected === 'viewGeneralTraining' }"
+                  tab-data="viewGeneralTraining" @click="selected = 'viewGeneralTraining'"
+                  v-if="hasPermi(['trials:trials-workbench:viewGeneralTraining'])">
+                  <div class="my_select_box_content">
+                    <span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
+                    <span class="my_select_box_content_text">{{ $t('trials:tab:viewGeneralTraining') }}</span>
+                  </div>
+                </div>
+                <!-- 稽查文档 -->
+                <div class="my_select_box" :class="{ selected: selected === 'viewAuditDocument' }"
+                  tab-data="viewAuditDocument" @click="selected = 'viewAuditDocument'"
+                  v-if="hasPermi(['trials:trials-workbench:viewAuditDocument'])">
+                  <div class="my_select_box_content">
+                    <span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
+                    <span class="my_select_box_content_text">{{ $t('trials:tab:viewAuditDocument') }}</span>
+                  </div>
+                </div>
+                <!-- 培训课程管理 -->
+                <div class="my_select_box" :class="{ selected: selected === 'updateGeneralTraining' }"
+                  tab-data="updateGeneralTraining" @click="selected = 'updateGeneralTraining'"
+                  v-if="hasPermi(['trials:trials-workbench:updateGeneralTraining'])">
+                  <div class="my_select_box_content">
+                    <span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
+                    <span class="my_select_box_content_text">{{ $t('trials:tab:updateGeneralTraining') }}</span>
+                  </div>
+                </div>
+                <!-- 稽查文档管理 -->
+                <div class="my_select_box" :class="{ selected: selected === 'updateAuditDocument' }"
+                  tab-data="updateAuditDocument" @click="selected = 'updateAuditDocument'"
+                  v-if="hasPermi(['trials:trials-workbench:updateAuditDocument'])">
+                  <div class="my_select_box_content">
+                    <span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
+                    <span class="my_select_box_content_text">{{ $t('trials:tab:updateAuditDocument') }}</span>
+                  </div>
+                </div>
+              </div>
+            </template>
           </div>
         </div>
-        <div style="width: auto;flex:1;padding: 0 20px">
-          <!-- 加急影像提交 -->
-          <ImageSubmission v-if="selected === 'ImageSubmission'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!-- PM/APM -->
-          <!-- 阅片期 -->
-          <!--            <el-tab-pane name="clinicalDataPM" v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])" :label="`${$t('trials:crcUpload:label:clinicalData')} (${tabList.PM_ClinicalDataCount})`">-->
-          <!--                <clinicalDataPM v-if="activeName === 'clinicalDataPM'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-          <!--            </el-tab-pane>-->
-            <consistencyCheck v-if="selected === 'consistencyCheck'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!--             重阅审批 -->
-            <RereadApproval v-if="selected === 'RereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!--             阅片人筛选 -->
-            <ReviewerScreen v-if="selected === 'ReviewerScreen'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!--             中心调研 -->
-            <SiteResearch v-if="selected === 'SiteResearch'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!--             SPM/CPM -->
-          <!--             阅片人审批 -->
-            <ReviewerApproval v-if="selected === 'ReviewerApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!--             重阅审批 -->
-            <SpmRereadApproval v-if="selected === 'SpmRereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!--             CRC -->
-          <!--             临床数据录入 -->
-<!--            <clinicalData v-if="selected === 'clinicalData'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-          <!--             临床数据确认 -->
-<!--            <clinicalDataConfirm v-if="selected === 'clinicalDataConfirm'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-          <!-- 影像质疑 -->
-            <ImageQuestion v-if="selected === 'ImageQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!-- 核查质疑 -->
-            <ImageVerification v-if="selected === 'ImageVerification'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!-- 影像重传 -->
-            <ImageReupload v-if="selected === 'ImageReupload'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!-- IQC -->
-          <!-- 影像质控 -->
-            <ImageQualityControl v-if="selected === 'ImageQualityControl'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!-- QC质疑 -->
-            <QcQuestion v-if="selected === 'QcQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0" />
-          <!-- IR -->
-          <!-- 影像待阅 -->
-            <ImagesToRead v-if="selected === 'ImagesToRead'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!-- 医学反馈 -->
-            <MedicalFeedback v-if="selected === 'MedicalFeedback'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!-- MIM -->
-          <!-- 医学审核 -->
-            <MedicalAudit v-if="selected === 'MedicalAudit'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
-          <!-- 项目签署文件 -->
-            <NeedSignTrialDoc v-if="selected === 'NeedSignTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />
-          <!-- 系统签署文件 -->
-            <NeedSignSysDoc v-if="selected === 'NeedSignSysDoc'" @refreshStats="refreshSysData" />
-          <!-- 项目签署文件 -->
-          <NeedSignedTrialDoc v-if="selected === 'NeedSignedTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />
-          <!-- 系统签署文件 -->
-          <NeedSignedSysDoc v-if="selected === 'NeedSignedSysDoc'" :is-signed="true" @refreshStats="refreshStats" />
-        </div>
-<!--        <div v-show="false" style="height: 100%;position: relative">-->
-<!--          <div style="font-weight:900;font-size: 20px;position: absolute;line-height: 60px;text-align: left;white-space: nowrap;padding-left: 20px" :style="{width: width + 'px'}">-->
-<!--            {{ $t('trials:workbench:label:pendingTasksStats') }} ({{tabList.TotalCount}})-->
-<!--          </div>-->
-<!--          <el-tabs v-model="activeName" style="height: 100%" tab-position="left">-->
-<!--            &lt;!&ndash; PM/APM &ndash;&gt;-->
-<!--            &lt;!&ndash; 阅片期 &ndash;&gt;-->
-<!--&lt;!&ndash;            <el-tab-pane name="clinicalDataPM" v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])" :label="`${$t('trials:crcUpload:label:clinicalData')} (${tabList.PM_ClinicalDataCount})`">&ndash;&gt;-->
-<!--&lt;!&ndash;                <clinicalDataPM v-if="activeName === 'clinicalDataPM'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />&ndash;&gt;-->
-<!--&lt;!&ndash;            </el-tab-pane>&ndash;&gt;-->
-<!--            <el-tab-pane name="consistencyCheck" v-if="hasPermi(['trials:trials-workbench:consistencyCheck'])" :label="`${$t('trials:tab:consistencyCheck')} (${tabList.PM_CheckCount})`">-->
-<!--                <consistencyCheck v-if="activeName === 'consistencyCheck'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--&lt;!&ndash;             重阅审批 &ndash;&gt;-->
-<!--            <el-tab-pane name="RereadApproval" v-if="hasPermi(['trials:trials-workbench:rereadApproval'])" :label="`${$t('trials:trials-panel:attachments:reReadingTracking')} (${tabList.PM_ReReadingApprovalCount})`">-->
-<!--                <RereadApproval v-if="activeName === 'RereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--&lt;!&ndash;             阅片人筛选 &ndash;&gt;-->
-<!--            <el-tab-pane name="ReviewerScreen" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])" :label="`${$t('trials:trials-list:PendingDetails:ReviewerSelection')} (${tabList.PM_ReviewerSelectCount})`">-->
-<!--                <ReviewerScreen v-if="activeName === 'ReviewerScreen'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--&lt;!&ndash;             中心调研 &ndash;&gt;-->
-<!--            <el-tab-pane name="SiteResearch" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])" :label="`${$t('trials:workbench:title:pendingSiteResearch')} (${tabList.PM_SiteSurveryCount})`">-->
-<!--                <SiteResearch v-if="activeName === 'SiteResearch'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--&lt;!&ndash;             SPM/CPM &ndash;&gt;-->
-<!--&lt;!&ndash;             阅片人审批 &ndash;&gt;-->
-<!--            <el-tab-pane name="ReviewerApproval" v-if="hasPermi(['trials:trials-workbench:reviewerApproval'])" :label="`${$t('trials:sysDocBeSigned:table:reviewerApproval')} (${tabList.SPM_ReviewerApprovalCount})`">-->
-<!--                <ReviewerApproval v-if="activeName === 'ReviewerApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--&lt;!&ndash;             重阅审批 &ndash;&gt;-->
-<!--            <el-tab-pane name="SpmRereadApproval" v-if="hasPermi(['trials:trials-workbench:spmRereadApproval'])" :label="`${$t('trials:trials-panel:attachments:reReadingTracking')} (${tabList.SPM_ReReadingApprovalCount})`">-->
-<!--                <SpmRereadApproval v-if="activeName === 'SpmRereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--&lt;!&ndash;             CRC &ndash;&gt;-->
-<!--&lt;!&ndash;             临床数据录入 &ndash;&gt;-->
-<!--            <el-tab-pane name="clinicalData" v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" :label="`${$t('trials:workbench:title:ClinicalDataEnter')} (${tabList.CRC_ClinicalDataTobeDoneCount})`">-->
-<!--                <clinicalData v-if="activeName === 'clinicalData'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--&lt;!&ndash;             临床数据确认 &ndash;&gt;-->
-<!--            <el-tab-pane name="consistencyCheck" v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" :label="`${$t('trials:audit:tab:clinicalDataconfirm')} (${tabList.CRC_ClinialDataTobeConfirmCount})`">-->
-<!--                <clinicalDataConfirm v-if="activeName === 'clinicalDataConfirm'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; 影像质疑 &ndash;&gt;-->
-<!--            <el-tab-pane name="ImageQuestion" v-if="hasPermi(['trials:trials-workbench:imageQuestion'])" :label="`${$t('trials:tab:crcQuality')} (${tabList.CRC_ImageQuestionCount})`">-->
-<!--                <ImageQuestion v-if="activeName === 'ImageQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; 核查质疑 &ndash;&gt;-->
-<!--            <el-tab-pane name="ImageVerification" v-if="hasPermi(['trials:trials-workbenck:imageVerification'])" :label="`${$t('trials:sysDocBeSigned:table:ImageCheck')} (${tabList.CRC_CheckQuestionCount})`">-->
-<!--                <ImageVerification v-if="activeName === 'ImageVerification'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; 影像重传 &ndash;&gt;-->
-<!--            <el-tab-pane name="ImageReupload" v-if="hasPermi(['trials:trials-workbenck:imageReupload'])" :label="`${$t('trials:workbench:title:ImageRetransmission')} (${tabList.CRC_ImageReUploadCount})`">-->
-<!--                <ImageReupload v-if="activeName === 'ImageReupload'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; 加急影像提交 &ndash;&gt;-->
-<!--            <el-tab-pane name="ImageSubmission" v-if="hasPermi(['trials:trials-workbenck:imageSubmission'])" :label="`${$t('trials:workbench:title:ExpeditedImageSubmission')} (${tabList.CRC_ImageSubmitCount})`">-->
-<!--                <ImageSubmission v-if="activeName === 'ImageSubmission'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; IQC &ndash;&gt;-->
-<!--            &lt;!&ndash; 影像质控 &ndash;&gt;-->
-<!--            <el-tab-pane name="ImageQualityControl" v-if="hasPermi(['trials:trials-workbenck:imageQC'])" :label="`${$t('trials:tab:dicomsQuality')} (${tabList.IQC_IamgeQCCount})`">-->
-<!--                <ImageQualityControl v-if="activeName === 'ImageQualityControl'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; QC质疑 &ndash;&gt;-->
-<!--            <el-tab-pane name="QcQuestion" v-if="hasPermi(['trials:trials-workbenck:qcQuestion'])" :label="`${$t('trials:tab:qcQuality')} (${tabList.IQC_QCQuestionCount})`">-->
-<!--                <QcQuestion v-if="activeName === 'QcQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; IR &ndash;&gt;-->
-<!--            &lt;!&ndash; 影像待阅 &ndash;&gt;-->
-<!--            <el-tab-pane name="ImagesToRead" v-if="hasPermi(['trials:trials-workbenck:imagesToRead'])" :label="`${$t('trials:tab:pendingReadingTasks')} (${tabList.IR_IamgeWaitReadingCount})`">-->
-<!--                <ImagesToRead v-if="activeName === 'ImagesToRead'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; 医学反馈 &ndash;&gt;-->
-<!--            <el-tab-pane name="MedicalFeedback" v-if="hasPermi(['trials:trials-workbenck:medicalFeedback'])" :label="`${$t('trials:trials-panel:tab:medicalFeedback')} (${tabList.IR_MedicalReviewCount})`">-->
-<!--                <MedicalFeedback v-if="activeName === 'MedicalFeedback'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; MIM &ndash;&gt;-->
-<!--            &lt;!&ndash; 医学审核 &ndash;&gt;-->
-<!--            <el-tab-pane name="MedicalAudit" v-if="hasPermi(['trials:trials-workbenck:medicalAudit'])" :label="`${$t('trials:trials-panel:tab:pmMedicalFeedback')} (${tabList.MIM_MedicalReviewCount})`">-->
-<!--                <MedicalAudit v-if="activeName === 'MedicalAudit'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; 项目签署文件 &ndash;&gt;-->
-<!--            <el-tab-pane  name="NeedSignTrialDoc" v-if="!hasPermi(['role:zys'])" :label="`${$t('trials:workbench:title:trialDocBeSigned')} (${tabList.TrialWaitSignDocCount})`">-->
-<!--              <NeedSignTrialDoc v-if="activeName === 'NeedSignTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />-->
-<!--            </el-tab-pane>-->
-<!--            &lt;!&ndash; 系统签署文件 &ndash;&gt;-->
-<!--            <el-tab-pane name="NeedSignSysDoc" v-if="!hasPermi(['role:zys'])" :label="`${$t('trials:workbench:title:sysDocBeSigned')} (${tabList.SysWaitSignDocCount})`">-->
-<!--                <NeedSignSysDoc v-if="activeName === 'NeedSignSysDoc'" @refreshStats="refreshStats" />-->
-<!--            </el-tab-pane>-->
-<!--          </el-tabs>-->
-<!--        </div>-->
       </div>
+      <div style="width: auto;flex:1;padding: 0 20px">
+        <!-- 加急影像提交 -->
+        <ImageSubmission v-if="selected === 'ImageSubmission'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!-- PM/APM -->
+        <!-- 阅片期 -->
+        <!--            <el-tab-pane name="clinicalDataPM" v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])" :label="`${$t('trials:crcUpload:label:clinicalData')} (${tabList.PM_ClinicalDataCount})`">-->
+        <!--                <clinicalDataPM v-if="activeName === 'clinicalDataPM'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+        <!--            </el-tab-pane>-->
+        <consistencyCheck v-if="selected === 'consistencyCheck'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!--             重阅审批 -->
+        <RereadApproval v-if="selected === 'RereadApproval'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!--             阅片人筛选 -->
+        <ReviewerScreen v-if="selected === 'ReviewerScreen'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!--             中心调研 -->
+        <SiteResearch v-if="selected === 'SiteResearch'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!--             SPM/CPM -->
+        <!--             阅片人审批 -->
+        <ReviewerApproval v-if="selected === 'ReviewerApproval'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!--             重阅审批 -->
+        <SpmRereadApproval v-if="selected === 'SpmRereadApproval'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!--             CRC -->
+        <!--             临床数据录入 -->
+        <!--            <clinicalData v-if="selected === 'clinicalData'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+        <!--             临床数据确认 -->
+        <!--            <clinicalDataConfirm v-if="selected === 'clinicalDataConfirm'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+        <!-- 影像质疑 -->
+        <ImageQuestion v-if="selected === 'ImageQuestion'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!-- 核查质疑 -->
+        <ImageVerification v-if="selected === 'ImageVerification'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!-- 影像重传 -->
+        <ImageReupload v-if="selected === 'ImageReupload'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!-- IQC -->
+        <!-- 影像质控 -->
+        <ImageQualityControl v-if="selected === 'ImageQualityControl'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!-- QC质疑 -->
+        <QcQuestion v-if="selected === 'QcQuestion'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0" />
+        <!-- IR -->
+        <!-- 影像待阅 -->
+        <ImagesToRead v-if="selected === 'ImagesToRead'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!-- 医学反馈 -->
+        <MedicalFeedback v-if="selected === 'MedicalFeedback'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!-- MIM -->
+        <!-- 医学审核 -->
+        <MedicalAudit v-if="selected === 'MedicalAudit'" :trial-id-list="trialIdList"
+          :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
+        <!-- 项目签署文件 -->
+        <NeedSignTrialDoc v-if="selected === 'NeedSignTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />
+        <!-- 系统签署文件 -->
+        <NeedSignSysDoc v-if="selected === 'NeedSignSysDoc'" @refreshStats="refreshSysData" />
+        <!-- 项目签署文件 -->
+        <NeedSignedTrialDoc v-if="selected === 'NeedSignedTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />
+        <!-- 系统签署文件 -->
+        <NeedSignedSysDoc v-if="selected === 'NeedSignedSysDoc'" :is-signed="true" @refreshStats="refreshStats" />
+        <!--通用培训记录-->
+        <generalTraining v-if="selected === 'viewGeneralTraining'" :isManage="false" />
+        <!--稽查文档-->
+        <auditDocument v-if="selected === 'viewAuditDocument'" :isManage="false" />
+        <!--培训课程管理-->
+        <generalTraining v-if="selected === 'updateGeneralTraining'" :isManage="true" />
+        <!--稽查文档管理-->
+        <auditDocument v-if="selected === 'updateAuditDocument'" :isManage="true" />
+      </div>
+      <!--        <div v-show="false" style="height: 100%;position: relative">-->
+      <!--          <div style="font-weight:900;font-size: 20px;position: absolute;line-height: 60px;text-align: left;white-space: nowrap;padding-left: 20px" :style="{width: width + 'px'}">-->
+      <!--            {{ $t('trials:workbench:label:pendingTasksStats') }} ({{tabList.TotalCount}})-->
+      <!--          </div>-->
+      <!--          <el-tabs v-model="activeName" style="height: 100%" tab-position="left">-->
+      <!--            &lt;!&ndash; PM/APM &ndash;&gt;-->
+      <!--            &lt;!&ndash; 阅片期 &ndash;&gt;-->
+      <!--&lt;!&ndash;            <el-tab-pane name="clinicalDataPM" v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])" :label="`${$t('trials:crcUpload:label:clinicalData')} (${tabList.PM_ClinicalDataCount})`">&ndash;&gt;-->
+      <!--&lt;!&ndash;                <clinicalDataPM v-if="activeName === 'clinicalDataPM'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />&ndash;&gt;-->
+      <!--&lt;!&ndash;            </el-tab-pane>&ndash;&gt;-->
+      <!--            <el-tab-pane name="consistencyCheck" v-if="hasPermi(['trials:trials-workbench:consistencyCheck'])" :label="`${$t('trials:tab:consistencyCheck')} (${tabList.PM_CheckCount})`">-->
+      <!--                <consistencyCheck v-if="activeName === 'consistencyCheck'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--&lt;!&ndash;             重阅审批 &ndash;&gt;-->
+      <!--            <el-tab-pane name="RereadApproval" v-if="hasPermi(['trials:trials-workbench:rereadApproval'])" :label="`${$t('trials:trials-panel:attachments:reReadingTracking')} (${tabList.PM_ReReadingApprovalCount})`">-->
+      <!--                <RereadApproval v-if="activeName === 'RereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--&lt;!&ndash;             阅片人筛选 &ndash;&gt;-->
+      <!--            <el-tab-pane name="ReviewerScreen" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])" :label="`${$t('trials:trials-list:PendingDetails:ReviewerSelection')} (${tabList.PM_ReviewerSelectCount})`">-->
+      <!--                <ReviewerScreen v-if="activeName === 'ReviewerScreen'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--&lt;!&ndash;             中心调研 &ndash;&gt;-->
+      <!--            <el-tab-pane name="SiteResearch" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])" :label="`${$t('trials:workbench:title:pendingSiteResearch')} (${tabList.PM_SiteSurveryCount})`">-->
+      <!--                <SiteResearch v-if="activeName === 'SiteResearch'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--&lt;!&ndash;             SPM/CPM &ndash;&gt;-->
+      <!--&lt;!&ndash;             阅片人审批 &ndash;&gt;-->
+      <!--            <el-tab-pane name="ReviewerApproval" v-if="hasPermi(['trials:trials-workbench:reviewerApproval'])" :label="`${$t('trials:sysDocBeSigned:table:reviewerApproval')} (${tabList.SPM_ReviewerApprovalCount})`">-->
+      <!--                <ReviewerApproval v-if="activeName === 'ReviewerApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--&lt;!&ndash;             重阅审批 &ndash;&gt;-->
+      <!--            <el-tab-pane name="SpmRereadApproval" v-if="hasPermi(['trials:trials-workbench:spmRereadApproval'])" :label="`${$t('trials:trials-panel:attachments:reReadingTracking')} (${tabList.SPM_ReReadingApprovalCount})`">-->
+      <!--                <SpmRereadApproval v-if="activeName === 'SpmRereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--&lt;!&ndash;             CRC &ndash;&gt;-->
+      <!--&lt;!&ndash;             临床数据录入 &ndash;&gt;-->
+      <!--            <el-tab-pane name="clinicalData" v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" :label="`${$t('trials:workbench:title:ClinicalDataEnter')} (${tabList.CRC_ClinicalDataTobeDoneCount})`">-->
+      <!--                <clinicalData v-if="activeName === 'clinicalData'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--&lt;!&ndash;             临床数据确认 &ndash;&gt;-->
+      <!--            <el-tab-pane name="consistencyCheck" v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" :label="`${$t('trials:audit:tab:clinicalDataconfirm')} (${tabList.CRC_ClinialDataTobeConfirmCount})`">-->
+      <!--                <clinicalDataConfirm v-if="activeName === 'clinicalDataConfirm'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; 影像质疑 &ndash;&gt;-->
+      <!--            <el-tab-pane name="ImageQuestion" v-if="hasPermi(['trials:trials-workbench:imageQuestion'])" :label="`${$t('trials:tab:crcQuality')} (${tabList.CRC_ImageQuestionCount})`">-->
+      <!--                <ImageQuestion v-if="activeName === 'ImageQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; 核查质疑 &ndash;&gt;-->
+      <!--            <el-tab-pane name="ImageVerification" v-if="hasPermi(['trials:trials-workbenck:imageVerification'])" :label="`${$t('trials:sysDocBeSigned:table:ImageCheck')} (${tabList.CRC_CheckQuestionCount})`">-->
+      <!--                <ImageVerification v-if="activeName === 'ImageVerification'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; 影像重传 &ndash;&gt;-->
+      <!--            <el-tab-pane name="ImageReupload" v-if="hasPermi(['trials:trials-workbenck:imageReupload'])" :label="`${$t('trials:workbench:title:ImageRetransmission')} (${tabList.CRC_ImageReUploadCount})`">-->
+      <!--                <ImageReupload v-if="activeName === 'ImageReupload'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; 加急影像提交 &ndash;&gt;-->
+      <!--            <el-tab-pane name="ImageSubmission" v-if="hasPermi(['trials:trials-workbenck:imageSubmission'])" :label="`${$t('trials:workbench:title:ExpeditedImageSubmission')} (${tabList.CRC_ImageSubmitCount})`">-->
+      <!--                <ImageSubmission v-if="activeName === 'ImageSubmission'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; IQC &ndash;&gt;-->
+      <!--            &lt;!&ndash; 影像质控 &ndash;&gt;-->
+      <!--            <el-tab-pane name="ImageQualityControl" v-if="hasPermi(['trials:trials-workbenck:imageQC'])" :label="`${$t('trials:tab:dicomsQuality')} (${tabList.IQC_IamgeQCCount})`">-->
+      <!--                <ImageQualityControl v-if="activeName === 'ImageQualityControl'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; QC质疑 &ndash;&gt;-->
+      <!--            <el-tab-pane name="QcQuestion" v-if="hasPermi(['trials:trials-workbenck:qcQuestion'])" :label="`${$t('trials:tab:qcQuality')} (${tabList.IQC_QCQuestionCount})`">-->
+      <!--                <QcQuestion v-if="activeName === 'QcQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; IR &ndash;&gt;-->
+      <!--            &lt;!&ndash; 影像待阅 &ndash;&gt;-->
+      <!--            <el-tab-pane name="ImagesToRead" v-if="hasPermi(['trials:trials-workbenck:imagesToRead'])" :label="`${$t('trials:tab:pendingReadingTasks')} (${tabList.IR_IamgeWaitReadingCount})`">-->
+      <!--                <ImagesToRead v-if="activeName === 'ImagesToRead'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; 医学反馈 &ndash;&gt;-->
+      <!--            <el-tab-pane name="MedicalFeedback" v-if="hasPermi(['trials:trials-workbenck:medicalFeedback'])" :label="`${$t('trials:trials-panel:tab:medicalFeedback')} (${tabList.IR_MedicalReviewCount})`">-->
+      <!--                <MedicalFeedback v-if="activeName === 'MedicalFeedback'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; MIM &ndash;&gt;-->
+      <!--            &lt;!&ndash; 医学审核 &ndash;&gt;-->
+      <!--            <el-tab-pane name="MedicalAudit" v-if="hasPermi(['trials:trials-workbenck:medicalAudit'])" :label="`${$t('trials:trials-panel:tab:pmMedicalFeedback')} (${tabList.MIM_MedicalReviewCount})`">-->
+      <!--                <MedicalAudit v-if="activeName === 'MedicalAudit'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; 项目签署文件 &ndash;&gt;-->
+      <!--            <el-tab-pane  name="NeedSignTrialDoc" v-if="!hasPermi(['role:zys'])" :label="`${$t('trials:workbench:title:trialDocBeSigned')} (${tabList.TrialWaitSignDocCount})`">-->
+      <!--              <NeedSignTrialDoc v-if="activeName === 'NeedSignTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />-->
+      <!--            </el-tab-pane>-->
+      <!--            &lt;!&ndash; 系统签署文件 &ndash;&gt;-->
+      <!--            <el-tab-pane name="NeedSignSysDoc" v-if="!hasPermi(['role:zys'])" :label="`${$t('trials:workbench:title:sysDocBeSigned')} (${tabList.SysWaitSignDocCount})`">-->
+      <!--                <NeedSignSysDoc v-if="activeName === 'NeedSignSysDoc'" @refreshStats="refreshStats" />-->
+      <!--            </el-tab-pane>-->
+      <!--          </el-tabs>-->
+      <!--        </div>-->
+    </div>
   </div>
 </template>
 
@@ -419,16 +557,20 @@ import ImagesToRead from './components/imagesToRead'
 import MedicalFeedback from './components/medicalFeedback'
 import MedicalAudit from './components/medicalAudit'
 import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
+import auditDocument from "./components/auditDocument"
+import generalTraining from "./components/generalTraining"
 import store from '@/store'
 import './index.css'
 
-import {getUserTobeDoneRecord, getNeedSignTrialDocTrialIdList,getWaitSignSysDocList, getTrialSignDocumentList} from '@/api/trials'
+import { getUserTobeDoneRecord, getNeedSignTrialDocTrialIdList } from '@/api/trials'
 import { getUser } from '@/api/admin'
-import {mapGetters, mapState} from "vuex";
+import { mapGetters, mapState } from "vuex";
 
 export default {
   name: 'WorkBench',
   components: {
+    auditDocument,
+    generalTraining,
     clinicalDataConfirm,
     clinicalDataPM,
     PanelCount,
@@ -477,14 +619,14 @@ export default {
     const days = [this.$t('common:date:Sunday'), this.$t('common:date:Monday'), this.$t('common:date:Tuesday'), this.$t('common:date:Wednesday'), this.$t('common:date:Thursday'), this.$t('common:date:Friday'), this.$t('common:date:Saturday')];
     const date = new Date();
     this.dayOfWeek = days[date.getDay()];
-    let date2=(new Date()).getHours();
+    let date2 = (new Date()).getHours();
     let hoursTip = "";
-    if(date2>=6&&date2<12){
-      hoursTip= this.$t('common:date:good morning')
-    }else if(date2>=12&&date2<18){
-      hoursTip=this.$t('common:date:good afternoon')
-    }else{
-      hoursTip=this.$t('common:date:good evening')
+    if (date2 >= 6 && date2 < 12) {
+      hoursTip = this.$t('common:date:good morning')
+    } else if (date2 >= 12 && date2 < 18) {
+      hoursTip = this.$t('common:date:good afternoon')
+    } else {
+      hoursTip = this.$t('common:date:good evening')
     }
     this.hoursTip = hoursTip
     this.$EventBus.$on("reload", (data) => {
@@ -521,7 +663,7 @@ export default {
         })
       })
     },
-    refreshSysData(){
+    refreshSysData() {
       // this.tabList.SysWaitSignDocCount = this.tabList.SysWaitSignDocCount - 1
       // this.tabList.SysSignedDocCount = this.tabList.SysWaitSignDocCount + 1
       // store.dispatch('user/setTotalNeedSignSystemDocCount', this.tabList.SysWaitSignDocCount)
@@ -539,7 +681,26 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+.menuBox {
+  width: 100%;
+  height: calc(100% - 150px);
+  overflow-y: auto;
+
+  &::-webkit-scrollbar {
+    //display: none; /* Chrome Safari */
+    width: 8px;
+    height: 8px;
+    background-color: #e4e4e4;
+    border-radius: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #a1a3a9;
+    border-radius: 6px;
+  }
+}
+
 .workbench-container {
   .el-tabs__nav {
     transform: translateY(60px) !important;