解决知识库跳转其他界面空白问题

src/views/quality/knowledgeDocument/index.vue

@@ -154,20 +154,20 @@
           </template>
         </el-dialog>
       </div>
+      <el-image-viewer
+        ref="imageRef"
+        style="width: 100%; height: 100%"
+        :url-list="[imgUrl]"
+        v-if="imgUrl"
+        show-progress
+        fit="cover"
+        @close="imgUrl = ''"
+      />
     </el-tab-pane>
     <el-tab-pane label="回收站" name="second">
       <RecyclingStation ref="recylingRef"></RecyclingStation>
     </el-tab-pane>
   </el-tabs>
-  <el-image-viewer
-    ref="imageRef"
-    style="width: 100%; height: 100%"
-    :url-list="[imgUrl]"
-    v-if="imgUrl"
-    show-progress
-    fit="cover"
-    @close="imgUrl = ''"
-  />
 </template>
 
 <script setup name="KnowledgeDocument" lang="ts">

src/views/safety/knowledgeDocument/component/bookFile.vue

@@ -3,7 +3,7 @@
     <!-- 添加或修改公司对话框 -->
     <el-dialog v-model="isShowDialog" width="80vw" custom-class="book_file_loading" :close-on-click-modal="false" :destroy-on-close="true">
       <template #header>
-        <div v-drag="['.book_file .el-dialog', '.book_file .el-dialog__header']">查看资料文件</div>
+        <div>查看资料文件</div>
       </template>
       <el-form ref="queryRef" :inline="true" label-width="100px">
         <el-row>

src/views/safety/knowledgeDocument/component/recyclingStation.vue

@@ -5,22 +5,12 @@
         <el-form :model="param" ref="queryRef" :inline="true" label-width="100px">
           <el-row>
             <el-col :span="2">
-              <el-button
+              <el-button type="success" :disabled="multiple" @click="onRecyclingStation(null, true)">
-                type="success"
-                v-auth="'/zm/api/v1/system/document/templateRecycleBin'"
-                :disabled="multiple"
-                @click="onRecyclingStation(null, true)"
-              >
                 <el-icon><RefreshRight /></el-icon>批量恢复
               </el-button>
             </el-col>
             <el-col :span="2">
-              <el-button
+              <el-button type="danger" :disabled="multiple" @click="onRecyclingStation(null, false)">
-                type="danger"
-                v-auth="'/zm/api/v1/system/document/templateRecycleBin'"
-                :disabled="multiple"
-                @click="onRecyclingStation(null, false)"
-              >
                 <el-icon><DeleteFilled /></el-icon>批量删除
               </el-button>
             </el-col>
@@ -40,7 +30,7 @@
         <el-table-column label="操作" align="center" class-name="small-padding" min-width="80px" fixed="right">
           <template #default="scope">
             <div>
-              <el-button type="success" v-auth="'/zm/api/v1/system/document/templateRecycleBin'" link @click="onRecyclingStation(scope.row, true)">
+              <el-button type="success" link @click="onRecyclingStation(scope.row, true)">
                 <el-icon><RefreshRight /></el-icon>恢复
               </el-button>
             </div>

src/views/safety/knowledgeDocument/index.vue

@@ -5,7 +5,7 @@
         <div class="box_info">
           <div class="tree_left1" id="tree_left1">
             <div class="file_upload check_select">
-              <div class="box_btn" v-auth="'/zm/api/v1/system/documentData/add'">
+              <div class="box_btn">
                 <file-upload
                   v-model="state.paramsQuery.file"
                   :limit="100"
@@ -19,14 +19,10 @@
                   </el-button>
                 </file-upload>
               </div>
-              <el-button
+              <el-button type="primary" :disabled="!state.parentPid" @click="onExport"
-                type="primary"
-                v-auth="'/zm/api/v1/system/documentProject/dataCompressedDownload'"
-                :disabled="!state.parentPid"
-                @click="onExport"
                 ><el-icon><Download /></el-icon>下载</el-button
               >
-              <el-button type="primary" @click="onBook" v-auth="'/zm/api/v1/system/documentData/dataFileQuery'"
+              <el-button type="primary" @click="onBook"
                 ><el-icon><View /></el-icon>查看全项目文件</el-button
               >
             </div>
@@ -92,21 +88,16 @@
                   <el-button type="primary" link @click="handleView(scope.row)" v-if="acceptType.includes(scope.row.fileSuffix)"
                     ><el-icon><View /></el-icon>查看</el-button
                   >
-                  <el-button
+                  <el-button type="primary" v-if="state.wordType.includes(scope.row.fileSuffix)" link @click="updataView(scope.row)"
-                    type="primary"
-                    v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'"
-                    v-if="state.wordType.includes(scope.row.fileSuffix)"
-                    link
-                    @click="updataView(scope.row)"
                     ><el-icon><EditPen /></el-icon>修改文件</el-button
                   >
-                  <el-button type="primary" v-auth="'/zm/api/v1/system/documentData/uniFolderDownload'" link @click="onExportView(scope.row)"
+                  <el-button type="primary" link
                     ><el-icon><Download /></el-icon>下载</el-button
                   >
-                  <el-button type="success" v-auth="'/zm/api/v1/system/documentData/edit'" link @click="updateName(scope.row)"
+                  <el-button type="success" link @click="updateName(scope.row)"
                     ><el-icon><EditPen /></el-icon>修改名称</el-button
                   >
-                  <el-button type="danger" v-auth="'/zm/api/v1/system/documentData/delete'" link @click="handleDelete(scope.row)"
+                  <el-button type="danger" link @click="handleDelete(scope.row)"
                     ><el-icon><DeleteFilled /></el-icon>删除</el-button
                   >
                 </template>
@@ -133,20 +124,20 @@
           </template>
         </el-dialog>
       </div>
+      <el-image-viewer
+        ref="imageRef"
+        style="width: 100%; height: 100%"
+        :url-list="[imgUrl]"
+        v-if="imgUrl"
+        show-progress
+        fit="cover"
+        @close="imgUrl = ''"
+      />
     </el-tab-pane>
     <el-tab-pane label="回收站" name="second">
       <RecyclingStation ref="recylingRef"></RecyclingStation>
     </el-tab-pane>
   </el-tabs>
-  <el-image-viewer
-    ref="imageRef"
-    style="width: 100%; height: 100%"
-    :url-list="[imgUrl]"
-    v-if="imgUrl"
-    show-progress
-    fit="cover"
-    @close="imgUrl = ''"
-  />
 </template>
 
 <script setup name="KnowledgeDocument" lang="ts">
@@ -224,8 +215,7 @@ const state = reactive({
   wordType: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'],
   browserViewableType: ['html', 'htm', 'txt', 'log', 'md', 'json', 'xml', 'css', 'js'],
 
-  draggableCheck: true,
+  draggableCheck: true
-  activeName: ''
 });
 
 const acceptType = computed(() => [...state.imgType, ...state.wordType, ...state.browserViewableType]);
@@ -272,7 +262,7 @@ const resetQuery = () => {
 // 获取树形结构文件夹目录
 const gettreeStructureData = () => {
   state.parentPid = null;
-  state.activeName = 'second';
+  activeName.value = 'second';
   const loading = ElLoading.service({
     lock: true,
     text: '正在加载中……',
@@ -349,8 +339,8 @@ const handleDelete = (row) => {
 
 //切换tab
 const handleCheckMian = (tab, event) => {
-  state.activeName = tab.name;
+  activeName.value = tab.name;
-  if (state.activeName === 'first') {
+  if (activeName.value === 'first') {
     gettreeStructureData();
   } else {
     // 回收站

src/views/safety/teamMeeting/index.vue

@@ -281,8 +281,10 @@ const listeningProject = watch(
 onUnmounted(() => {
   listeningProject();
 });
+console.log(11);
 
 onMounted(() => {
+  console.log(122);
   getList();
 });
 </script>