From c81f3a14c1785431836a267f54419939255bc539 Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Wed, 8 Nov 2023 17:17:47 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E5=BD=92=E6=A1=A3=E5=BA=93=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9/=E6=94=B6=E9=9B=86=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/collect-reorganizi.scss     |   4 +
 src/assets/styles/prearchive-library.scss     |   5 +-
 .../managementLibrary/index.vue               | 349 ++++++++++++++++++
 .../collectionLibrary/anjuan/tableList.vue    |  93 ++---
 .../collectionLibrary/file/index.vue          | 109 +++---
 .../collectionLibrary/juannei/index.vue       |  94 ++---
 .../module/collectHeader.vue                  |   3 +-
 .../collectionLibrary/project/index.vue       |  93 ++---
 src/views/components/category/PreviewForm.vue |   6 +-
 src/views/prearchiveLibrary/index.vue         |   1 +
 .../prearchiveLibrary/module/moveFile.vue     |  67 ++++
 11 files changed, 632 insertions(+), 192 deletions(-)
 create mode 100644 src/views/archivesManage/managementLibrary/index.vue

diff --git a/src/assets/styles/collect-reorganizi.scss b/src/assets/styles/collect-reorganizi.scss
index fa9b6f8..e97daa9 100644
--- a/src/assets/styles/collect-reorganizi.scss
+++ b/src/assets/styles/collect-reorganizi.scss
@@ -56,4 +56,8 @@
   &.icon-cuowu{
     color: #ED4A41;
   }
+}
+
+.collect-table{
+  padding: 0 20px;
 }
\ No newline at end of file
diff --git a/src/assets/styles/prearchive-library.scss b/src/assets/styles/prearchive-library.scss
index 818aede..9353c50 100644
--- a/src/assets/styles/prearchive-library.scss
+++ b/src/assets/styles/prearchive-library.scss
@@ -20,6 +20,7 @@
 
   .move-right{
     width:550px;
+    overflow: hidden;
     h4{
       position: relative;
       padding-left: 52px;
@@ -84,4 +85,6 @@
       }
     }
   }
-}
\ No newline at end of file
+}
+
+
diff --git a/src/views/archivesManage/managementLibrary/index.vue b/src/views/archivesManage/managementLibrary/index.vue
new file mode 100644
index 0000000..2a192c1
--- /dev/null
+++ b/src/views/archivesManage/managementLibrary/index.vue
@@ -0,0 +1,349 @@
+<template>
+  <div class="app-container archives-container">
+    <div class="container-main" style="justify-content: flex-start;">
+      <div class="elect-cont-left">
+        <div class="container-left">
+          <span class="right-top-line" />
+          <span class="left-bottom-line" />
+          <div class="arc-left-tree">
+            <h3 class="arc-title arc-title-top">档案门类</h3>
+            <div class="tree-scroll">
+              <el-tree ref="categroyTree" v-loading="crud.loading" class="arc-tree arc-tree-01" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick">
+                <span slot-scope="{ node, data }" class="custom-tree-node">
+                  <span v-if="data.isType === 1 " class="iconFolder">
+                    {{ data.cnName }}
+                  </span>
+                  <span v-if="data.isType === 2" class="iconArch">
+                    {{ data.cnName }}
+                  </span>
+                  <span v-if="data.isType === 3" class="iconFile">
+                    {{ data.cnName }}
+                  </span>
+                </span>
+              </el-tree>
+            </div>
+            <h3 class="arc-title arc-title-bottom">快速筛选</h3>
+            <el-tree
+              ref="classifyTree"
+              v-loading="classifyLoading"
+              class="arc-tree arc-tree-02"
+              :data="classifyTree"
+              :props="defaultClassifyProps"
+              node-key="id"
+              :expand-on-click-node="false"
+              highlight-current
+            >
+              <span slot-scope="{ node, data }" class="custom-tree-node">
+                <span v-if="data.pid === null " class="iconClassify">
+                  {{ data.name }}
+                </span>
+                <span v-if="data.pid" class="iconClassify-child">
+                  {{ data.name }}
+                </span>
+              </span>
+            </el-tree>
+          </div>
+        </div>
+      </div>
+      <!--用户数据-->
+      <div v-if="selectedCategory.isType !== 1" class="elect-cont-right">
+        <div class="container-right tab-content">
+          <span class="right-top-line" />
+          <span class="left-bottom-line" />
+          <Project v-if="selectedCategory.arrangeType === 3" ref="projectEle" :selected-category="selectedCategory" :data="sharedData" :is-recycle="isRecycle" @openAnjuan="handleOpenAnjuan" />
+          <Anjuan v-if="selectedCategory.arrangeType === 1 || selectedCategory.arrangeType === 2 || selectedCategory.arrangeType === 3" ref="anjuanEle" :selected-category="selectedCategory" :data="sharedData" :is-recycle="isRecycle" @openJuannei="handleOpenJuannei" />
+          <Juannei v-if="selectedCategory.arrangeType === 2 || selectedCategory.arrangeType === 3" ref="juanneiEle" :data="sharedData" :selected-category="selectedCategory" :is-recycle="isRecycle" @openFile="handleOpenFile" />
+          <File v-if="selectedCategory.arrangeType === 1 || selectedCategory.arrangeType === 2 || selectedCategory.arrangeType === 3" ref="fileEle" :is-recycle="isRecycle" :selected-category="selectedCategory" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import crudCategory from '@/api/category/category'
+// import { collectionLibraryCrud } from './mixins/index'
+import { FetchArchivesClassTree } from '@/api/system/archivesClass'
+import CRUD, { presenter, header } from '@crud/crud'
+import Project from './project/index'
+import Anjuan from './anjuan/index'
+import Juannei from './juannei/index'
+import File from './file/index'
+export default {
+  name: 'CollectionLibrary',
+  components: { Project, Anjuan, Juannei, File },
+  cruds() {
+    return [
+      CRUD({
+        title: '收集库', url: 'api/category/menu',
+        crudMethod: { ...crudCategory },
+        optShow: {
+          add: false,
+          edit: false,
+          del: false,
+          download: false,
+          group: false
+        }
+      })
+    ]
+  },
+  mixins: [presenter(), header()],
+  props: {
+    isRecycle: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      defaultProps: {
+        children: 'children',
+        label: 'cnName'
+      },
+      defaultClassifyProps: {
+        children: 'childArchivesClass',
+        label: 'name'
+      },
+      sharedData: '',
+      selectedCategory: {},
+      classifyTree: [],
+      classifyLoading: false
+    }
+  },
+  watch: {
+    isRecycle: function(newValue, oldValue) {
+    }
+  },
+  created() {
+  },
+  mounted() {
+  },
+  methods: {
+    filterData(data) {
+      return data.filter(node => {
+        if (node.children && node.children.length > 0) {
+          node.children = this.filterData(node.children) // 递归处理子节点
+        }
+        return node.isType !== 3 // 过滤掉isType为3的节点
+      })
+    },
+    // 逆归实现 获取指定元素
+    findNode(tree, func) {
+      for (const node of tree) {
+        if (func(node)) return node
+        if (node.children) {
+          const res = this.findNode(node.children, func)
+          if (res) return res
+        }
+      }
+      return null
+    },
+    // 展开选中的父级
+    expandParents(node) {
+      node.expanded = true
+      if (node.parent) {
+        this.expandParents(node.parent)
+      }
+    },
+    [CRUD.HOOK.afterRefresh]() {
+      this.crud.data = this.filterData(this.crud.data)
+      this.$nextTick(() => {
+        let currentKey
+        if (localStorage.getItem('currentArchivesKey')) {
+          currentKey = JSON.parse(localStorage.getItem('currentArchivesKey'))
+          // 删除门类节点后
+          if (this.$refs.categroyTree.getCurrentKey(currentKey.id) == null) {
+            localStorage.removeItem('currentArchivesKey')
+          }
+          // 缓存的门类节点判断
+          if (currentKey.isType === 1) {
+            if (currentKey.children.length !== 0) {
+              currentKey = this.findNode(currentKey.children, (node) => {
+                return node.isType !== 1
+              })
+            }
+          }
+        } else {
+        // 默认
+          if (this.crud.data[0].isType === 1) {
+            currentKey = this.findNode(this.crud.data[0].children, (node) => {
+              return node.isType !== 1
+            })
+          } else {
+            currentKey = this.crud.data[0]
+          }
+        }
+        if (currentKey.id) {
+        // 设置某个节点的当前选中状态
+          this.$refs.categroyTree.setCurrentKey(currentKey.id)
+          this.$nextTick(() => {
+          // 设置某个节点的父级展开
+            const selectedKey = this.$refs.categroyTree.getCurrentNode()
+            if (this.$refs.categroyTree.getNode(selectedKey) && this.$refs.categroyTree.getNode(selectedKey).parent) {
+              this.expandParents(this.$refs.categroyTree.getNode(selectedKey).parent)
+            }
+            // 选中节点的门类详情
+            this.handleNodeClick(selectedKey)
+          })
+        }
+      })
+    },
+    handleNodeClick(val) {
+      // 缓存当前的选中的
+      localStorage.setItem('currentArchivesKey', JSON.stringify(val))
+
+      this.selectedCategory = val
+
+      if (this.selectedCategory.isType !== 1) {
+        this.getInitArchivesClass(val.id)
+      } else {
+        this.classifyTree = []
+      }
+
+      this.$nextTick(() => {
+        if (this.selectedCategory.arrangeType === 3) {
+          this.$refs.projectEle.getCommonData(1)
+        } else if (this.selectedCategory.arrangeType === 2) {
+          this.$refs.anjuanEle.$refs.ajContent.$refs.tableList.getCommonData(2)
+        } else if (this.selectedCategory.arrangeType === 1) {
+          this.$refs.anjuanEle.$refs.ajContent.$refs.tableList.getCommonData(3)
+        }
+        if (this.$refs.anjuanEle) {
+          this.$refs.anjuanEle.anjuanDrawer = false
+          // if (this.$refs.anjuanEle.$refs.ajContent) {
+          //   this.$refs.anjuanEle.$refs.ajContent.activeIndex = 0
+          // }
+        }
+        if (this.$refs.juanneiEle) {
+          this.$refs.juanneiEle.juanneiDrawer = false
+        }
+        if (this.$refs.fileEle) {
+          this.$refs.fileEle.fileDrawer = false
+        }
+      })
+    },
+    getInitArchivesClass(categoryId) {
+      this.classifyLoading = true
+      const params = {
+        'categoryId': categoryId
+      }
+      FetchArchivesClassTree(params).then((res) => {
+        this.classifyTree = res
+        this.classifyLoading = false
+      }).catch(err => {
+        console.log(err)
+      })
+    },
+    handleOpenAnjuan(data) {
+      this.$refs.anjuanEle.anjuanDrawer = true
+      // this.$refs.anjuanEle.$refs.ajContent.activeIndex = 0
+      this.$nextTick(() => {
+        this.$refs.anjuanEle.$refs.ajContent.test = data
+      })
+    },
+    handleOpenJuannei(data) {
+      if (this.selectedCategory.arrangeType === 1 || (this.selectedCategory.arrangeType === 3) || (this.selectedCategory.arrangeType === 2)) {
+        // && this.$refs.anjuanEle.$refs.ajContent.activeIndex === 1
+        this.$refs.fileEle.fileDrawer = true
+        this.$nextTick(() => {
+          this.$refs.fileEle.test = data
+          this.$refs.fileEle.isAjNo = 1
+        })
+      } else {
+        this.$refs.juanneiEle.juanneiDrawer = true
+        this.$nextTick(() => {
+          this.$refs.juanneiEle.test = data
+          this.$refs.fileEle.isAjNo = 0
+        })
+      }
+    },
+    handleOpenFile(data) {
+      this.$refs.fileEle.fileDrawer = true
+      this.$nextTick(() => {
+        this.$refs.fileEle.test = data
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.elect-cont-left{
+  width: 276px;
+  padding: 0 !important;
+}
+.hideSidebar .elect-cont-left {
+  width: 265px !important;
+}
+[data-theme=light] .elect-cont-left .container-left {
+    min-height: calc(100vh - 140px);
+}
+[data-theme=dark] .elect-cont-left .container-left {
+    min-height: calc(100vh - 160px);
+}
+.openSidebar .elect-cont-right {
+  width: calc(100vw - 592px);
+}
+[data-theme=light] .elect-cont-right .container-right.tab-content {
+    min-height: calc(100vh - 180px) !important;
+}
+.arc-title{
+  position: relative;
+  height: 48px;
+  line-height: 48px;
+  text-align: center;
+  font-size: 16px;
+  color: #0C0E1E;
+  background-color: #F3F5F8;
+  &::after{
+    content: "";
+    position: absolute;
+    right: 12px;
+    bottom: 0;
+  }
+}
+.arc-title-top{
+  &::after{
+    width: 44px;
+    height: 35px;
+    background: url("~@/assets/images/collect/daml.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+.arc-title-bottom{
+  &::after{
+    width: 41px;
+    height: 40px;
+    background: url("~@/assets/images/collect/kssx.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+.arc-tree{
+  padding: 0 20px;
+  background-color: red;
+}
+.arc-tree-01{
+  height: 400px;
+  overflow: hidden;
+  overflow-y: scroll;
+}
+[data-theme=dark] .arc-tree-01{
+  height: 370px;
+}
+
+.arc-tree-02{
+  height: calc(100vh - 720px);
+  overflow: hidden;
+  overflow-y: scroll;
+}
+::v-deep .el-tree-node__children .custom-tree-node{
+  font-size: 14px;
+}
+
+[data-theme=light] .elect-cont-right {
+    padding: 0 20px !important;
+}
+[data-theme=dark] .elect-cont-right {
+    margin-top: 0 !important;
+}
+</style>
diff --git a/src/views/collectReorganizi/collectionLibrary/anjuan/tableList.vue b/src/views/collectReorganizi/collectionLibrary/anjuan/tableList.vue
index 38b5cad..ce96b7c 100644
--- a/src/views/collectReorganizi/collectionLibrary/anjuan/tableList.vue
+++ b/src/views/collectReorganizi/collectionLibrary/anjuan/tableList.vue
@@ -1,51 +1,53 @@
 <template>
   <div>
     <CollectHeader :is-title-type="isTitleType" :selected-category="selectedCategory" :arc-id="arcId" :selections="selections" :active-index="activeIndex" :test="test" :is-recycle="isRecycle" />
-    <el-table
-      ref="table"
-      v-loading="getTableDisplayFieldsLoading"
-      class="archives-table"
-      :data="anjuanData"
-      highlight-current-row
-      style="width: 100%;"
-      :row-class-name="tableRowClassName"
-      :row-key="rowKey"
-      @select-all="selectAll"
-      @selection-change="crud.selectionChangeHandler"
-      @row-click="clickRowHandler"
-      @cell-dblclick="tableDoubleClick"
-      @select="handleCurrentChange"
-    >
-      <el-table-column type="selection" :reserve-selection="true" width="55" align="center" />
-      <el-table-column type="index" label="序号" width="55" align="center" />
-      <el-table-column :label="selectedCategory.arrangeType === 1 || (selectedCategory.arrangeType !==1 && activeIndex===1) ? '原文':'卷内'" prop="children_num" width="55" align="center" />
-      <el-table-column v-for="field in tableDisplayFields" :key="field.id" :label="field.fieldCnName" :align="field.displayformatType" :width="field.displayLength" show-overflow-tooltip>
-        <template slot="header">
-          <el-tooltip
-            class="item"
-            effect="dark"
-            :content="field.fieldCnName"
-            placement="top-start"
-          >
-            <span>{{ field.fieldCnName }}</span>
-          </el-tooltip>
-        </template>
-        <template slot-scope="scope">
-          {{ scope.row[field.fieldName] }}
-        </template>
-      </el-table-column>
-    </el-table>
-    <!--分页组件-->
-    <el-pagination
-      v-if="anjuanData.length !== 0"
-      :current-page="page.page"
-      :total="page.total"
-      :page-size="page.size"
-      :pager-count="5"
-      layout="total, prev, pager, next, sizes"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentPage"
-    />
+    <div class="collect-table">
+      <el-table
+        ref="table"
+        v-loading="getTableDisplayFieldsLoading"
+        class="archives-table"
+        :data="anjuanData"
+        highlight-current-row
+        style="width: 100%;"
+        :row-class-name="tableRowClassName"
+        :row-key="rowKey"
+        @select-all="selectAll"
+        @selection-change="crud.selectionChangeHandler"
+        @row-click="clickRowHandler"
+        @cell-dblclick="tableDoubleClick"
+        @select="handleCurrentChange"
+      >
+        <el-table-column type="selection" :reserve-selection="true" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column :label="selectedCategory.arrangeType === 1 || (selectedCategory.arrangeType !==1 && activeIndex===1) ? '原文':'卷内'" prop="children_num" width="55" align="center" />
+        <el-table-column v-for="field in tableDisplayFields" :key="field.id" :label="field.fieldCnName" :align="field.displayformatType" :width="field.displayLength" show-overflow-tooltip>
+          <template slot="header">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="field.fieldCnName"
+              placement="top-start"
+            >
+              <span>{{ field.fieldCnName }}</span>
+            </el-tooltip>
+          </template>
+          <template slot-scope="scope">
+            {{ scope.row[field.fieldName] }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <el-pagination
+        v-if="anjuanData.length !== 0"
+        :current-page="page.page"
+        :total="page.total"
+        :page-size="page.size"
+        :pager-count="5"
+        layout="total, prev, pager, next, sizes"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentPage"
+      />
+    </div>
     <!-- 档案详情 -->
     <ArchivesInfo ref="archivesInfo" :category-id="categoryId" :arc-id="arcId" />
   </div>
@@ -196,4 +198,5 @@ export default {
 </script>
 
 <style lang='scss' scoped>
+@import "~@/assets/styles/collect-reorganizi.scss";
 </style>
diff --git a/src/views/collectReorganizi/collectionLibrary/file/index.vue b/src/views/collectReorganizi/collectionLibrary/file/index.vue
index aa8c2a2..9a4c60b 100644
--- a/src/views/collectReorganizi/collectionLibrary/file/index.vue
+++ b/src/views/collectReorganizi/collectionLibrary/file/index.vue
@@ -10,59 +10,61 @@
   >
     <CollectHeader :is-title-type="isTitleType" :selected-category="selectedCategory" :selections="selections" :test="test" :is-recycle="isRecycle" />
     <span class="closed-btn" @click="closeDrawer" />
-    <el-table
-      ref="table"
-      v-loading="crud.loading || getTableDisplayFieldsLoading"
-      class="archives-table"
-      :data="fileData"
-      highlight-current-row
-      style="width: 100%;"
-      :row-class-name="tableRowClassName"
-      :row-key="rowKey"
-      @select-all="selectAll"
-      @selection-change="crud.selectionChangeHandler"
-      @row-click="clickRowHandler"
-      @cell-dblclick="tableDoubleClick"
-      @select="handleCurrentChange"
-    >
-      <el-table-column type="selection" width="55" :reserve-selection="true" align="center" />
-      <el-table-column type="index" label="序号" width="55" align="center" />
-      <el-table-column prop="file_name" label="原文名称" show-overflow-tooltip min-width="140" align="center" />
-      <el-table-column prop="file_type" label="格式" min-width="60" align="center" />
-      <el-table-column prop="file_size" label="大小" min-width="85" align="center">
-        <template slot-scope="scope">
-          {{ (scope.row.file_size / 1024).toFixed(2) + 'kB' }}
-        </template>
-      </el-table-column>
-      <el-table-column prop="file_dpi" label="尺寸" min-width="85" align="center">
-        <template slot-scope="scope">
-          <div v-if="!scope.row.file_dpi"> - </div>
-          <div v-else> {{ scope.row.file_dpi }} </div>
-        </template>
-      </el-table-column>
-      <el-table-column prop="file_thumbnail" label="缩览图" min-width="60" align="center">
-        <template slot-scope="scope">
-          <div v-if="scope.row.file_type === 'jpg' || scope.row.file_type === 'jpeg' || scope.row.file_type === 'png' || scope.row.file_type === 'bmp'|| scope.row.file_type === 'gif'">
-            <img width="60px" height="32px" class="screenshot" :src="baseApi+ '/downloadFile' +scope.row.file_path" :onerror="defaultImg" @click="showCoverPreview(scope.row)">
-          </div>
-          <div v-else>
-            <svg-icon icon-class="fujian" class-name="svg-style" />
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column prop="create_time" label="创建时间" min-width="110" align="center" />
-    </el-table>
-    <!--分页组件-->
-    <el-pagination
-      v-if="fileData.length !== 0"
-      :current-page="page.page"
-      :total="page.total"
-      :page-size="page.size"
-      :pager-count="5"
-      layout="total, prev, pager, next, sizes"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentPage"
-    />
+    <div class="collect-table">
+      <el-table
+        ref="table"
+        v-loading="crud.loading || getTableDisplayFieldsLoading"
+        class="archives-table"
+        :data="fileData"
+        highlight-current-row
+        style="width: 100%;"
+        :row-class-name="tableRowClassName"
+        :row-key="rowKey"
+        @select-all="selectAll"
+        @selection-change="crud.selectionChangeHandler"
+        @row-click="clickRowHandler"
+        @cell-dblclick="tableDoubleClick"
+        @select="handleCurrentChange"
+      >
+        <el-table-column type="selection" width="55" :reserve-selection="true" align="center" />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column prop="file_name" label="原文名称" show-overflow-tooltip min-width="140" align="center" />
+        <el-table-column prop="file_type" label="格式" min-width="60" align="center" />
+        <el-table-column prop="file_size" label="大小" min-width="85" align="center">
+          <template slot-scope="scope">
+            {{ (scope.row.file_size / 1024).toFixed(2) + 'kB' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="file_dpi" label="尺寸" min-width="85" align="center">
+          <template slot-scope="scope">
+            <div v-if="!scope.row.file_dpi"> - </div>
+            <div v-else> {{ scope.row.file_dpi }} </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="file_thumbnail" label="缩览图" min-width="60" align="center">
+          <template slot-scope="scope">
+            <div v-if="scope.row.file_type === 'jpg' || scope.row.file_type === 'jpeg' || scope.row.file_type === 'png' || scope.row.file_type === 'bmp'|| scope.row.file_type === 'gif'">
+              <img width="60px" height="32px" class="screenshot" :src="baseApi+ '/downloadFile' +scope.row.file_path" :onerror="defaultImg" @click="showCoverPreview(scope.row)">
+            </div>
+            <div v-else>
+              <svg-icon icon-class="fujian" class-name="svg-style" />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_time" label="创建时间" min-width="110" align="center" />
+      </el-table>
+      <!--分页组件-->
+      <el-pagination
+        v-if="fileData.length !== 0"
+        :current-page="page.page"
+        :total="page.total"
+        :page-size="page.size"
+        :pager-count="5"
+        layout="total, prev, pager, next, sizes"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentPage"
+      />
+    </div>
   </el-drawer>
 </template>
 
@@ -157,6 +159,7 @@ export default {
 </script>
 
 <style lang='scss' scoped>
+@import "~@/assets/styles/collect-reorganizi.scss";
 .svg-style{
   width: 60px;
   height: 32px;
diff --git a/src/views/collectReorganizi/collectionLibrary/juannei/index.vue b/src/views/collectReorganizi/collectionLibrary/juannei/index.vue
index 31f0358..0c2b80d 100644
--- a/src/views/collectReorganizi/collectionLibrary/juannei/index.vue
+++ b/src/views/collectReorganizi/collectionLibrary/juannei/index.vue
@@ -9,51 +9,53 @@
     :size="selectedCategory.arrangeType === 2 ? '90%' :'80%'"
   >
     <CollectHeader :is-title-type="isTitleType" :selected-category="selectedCategory" :selections="selections" :test="test" :is-recycle="isRecycle" />
-    <el-table
-      ref="table"
-      v-loading="crud.loading || getTableDisplayFieldsLoading"
-      class="archives-table"
-      :data="junneiData"
-      highlight-current-row
-      style="width: 100%;"
-      :row-class-name="tableRowClassName"
-      :row-key="rowKey"
-      @select-all="selectAll"
-      @selection-change="crud.selectionChangeHandler"
-      @row-click="clickRowHandler"
-      @cell-dblclick="tableDoubleClick"
-      @select="handleCurrentChange"
-    >
-      <el-table-column type="selection" width="55" :reserve-selection="true" align="center" />
-      <el-table-column type="index" label="序号" width="55" align="center" />
-      <el-table-column label="原文" prop="children_num" width="55" align="center" />
-      <el-table-column v-for="field in tableDisplayFields" :key="field.id" :label="field.fieldCnName" :align="field.displayformatType" :width="field.displayLength" show-overflow-tooltip>
-        <template slot="header">
-          <el-tooltip
-            class="item"
-            effect="dark"
-            :content="field.fieldCnName"
-            placement="top-start"
-          >
-            <span>{{ field.fieldCnName }}</span>
-          </el-tooltip>
-        </template>
-        <template slot-scope="scope">
-          {{ scope.row[field.fieldName] }}
-        </template>
-      </el-table-column>
-    </el-table>
-    <!--分页组件-->
-    <el-pagination
-      v-if="junneiData.length !== 0"
-      :current-page="page.page"
-      :total="page.total"
-      :page-size="page.size"
-      :pager-count="5"
-      layout="total, prev, pager, next, sizes"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentPage"
-    />
+    <div class="collect-table">
+      <el-table
+        ref="table"
+        v-loading="crud.loading || getTableDisplayFieldsLoading"
+        class="archives-table"
+        :data="junneiData"
+        highlight-current-row
+        style="width: 100%;"
+        :row-class-name="tableRowClassName"
+        :row-key="rowKey"
+        @select-all="selectAll"
+        @selection-change="crud.selectionChangeHandler"
+        @row-click="clickRowHandler"
+        @cell-dblclick="tableDoubleClick"
+        @select="handleCurrentChange"
+      >
+        <el-table-column type="selection" width="55" :reserve-selection="true" align="center" />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column label="原文" prop="children_num" width="55" align="center" />
+        <el-table-column v-for="field in tableDisplayFields" :key="field.id" :label="field.fieldCnName" :align="field.displayformatType" :width="field.displayLength" show-overflow-tooltip>
+          <template slot="header">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="field.fieldCnName"
+              placement="top-start"
+            >
+              <span>{{ field.fieldCnName }}</span>
+            </el-tooltip>
+          </template>
+          <template slot-scope="scope">
+            {{ scope.row[field.fieldName] }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <el-pagination
+        v-if="junneiData.length !== 0"
+        :current-page="page.page"
+        :total="page.total"
+        :page-size="page.size"
+        :pager-count="5"
+        layout="total, prev, pager, next, sizes"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentPage"
+      />
+    </div>
     <!-- 档案详情 -->
     <ArchivesInfo ref="archivesInfo" :category-id="categoryId" :arc-id="arcId" />
     <span class="closed-btn" @click="closeDrawer" />
@@ -178,5 +180,5 @@ export default {
 </script>
 
 <style lang='scss' scoped>
-
+@import "~@/assets/styles/collect-reorganizi.scss";
 </style>
diff --git a/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue b/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
index 03600be..26ad57d 100644
--- a/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
+++ b/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="collect-header">
     <h4 :class="classType">{{ collectTitle }} <span v-if="isTitleType !== 2 && !(isTitleType === 3 && (selectedCategory.arrangeType === 1 || selectedCategory.arrangeType === 2) )"> > {{ test }}</span></h4>
-    <div v-if="isTitleType !== 6" :class="[!(isRecycle && (isTitleType === 2 || (isTitleType === 3 && selectedCategory.arrangeType !== 3))) ? 'head-search is-recycle':'head-search']">
+    <!-- :class="[!(isRecycle && (isTitleType === 2 || (isTitleType === 3 && selectedCategory.arrangeType !== 3))) ? 'head-search is-recycle':'head-search']" -->
+    <div v-if="isTitleType !== 6" class="head-search">
       <!-- 搜索 -->
       <el-input v-model="query.search" clearable size="small" :placeholder="placeholderType" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" />
       <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="handleSearch">搜索</el-button>
diff --git a/src/views/collectReorganizi/collectionLibrary/project/index.vue b/src/views/collectReorganizi/collectionLibrary/project/index.vue
index 57e39bd..54f078a 100644
--- a/src/views/collectReorganizi/collectionLibrary/project/index.vue
+++ b/src/views/collectReorganizi/collectionLibrary/project/index.vue
@@ -2,51 +2,53 @@
   <div class="collect-no-tab">
     <CollectHeader ref="collectHeaderRef" :is-title-type="isTitleType" :selected-category="selectedCategory" :arc-id="arcId" :selections="selections" :is-recycle="isRecycle" />
     <!-- <el-button type="text" @click="openAnjuan">打开案卷的Drawer</el-button> -->
-    <el-table
-      ref="table"
-      v-loading="crud.loading || getTableDisplayFieldsLoading"
-      class="archives-table"
-      :data="projectData"
-      highlight-current-row
-      style="width: 100%;"
-      :row-key="rowKey"
-      :row-class-name="tableRowClassName"
-      @select-all="selectAll"
-      @selection-change="crud.selectionChangeHandler"
-      @row-click="clickRowHandler"
-      @cell-dblclick="tableDoubleClick"
-      @select="handleCurrentChange"
-    >
-      <el-table-column type="selection" :reserve-selection="true" width="55" align="center" />
-      <el-table-column type="index" label="序号" width="55" align="center" />
-      <el-table-column label="案卷" prop="children_num" width="55" align="center" />
-      <el-table-column v-for="field in tableDisplayFields" :key="field.id" :label="field.fieldCnName" :align="field.displayformatType" :width="field.displayLength" show-overflow-tooltip>
-        <template slot="header">
-          <el-tooltip
-            class="item"
-            effect="dark"
-            :content="field.fieldCnName"
-            placement="top-start"
-          >
-            <span>{{ field.fieldCnName }}</span>
-          </el-tooltip>
-        </template>
-        <template slot-scope="scope">
-          {{ scope.row[field.fieldName] }}
-        </template>
-      </el-table-column>
-    </el-table>
-    <!--分页组件-->
-    <el-pagination
-      v-if="projectData.length !== 0"
-      :current-page="page.page"
-      :total="page.total"
-      :page-size="page.size"
-      :pager-count="5"
-      layout="total, prev, pager, next, sizes"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentPage"
-    />
+    <div class="collect-table">
+      <el-table
+        ref="table"
+        v-loading="crud.loading || getTableDisplayFieldsLoading"
+        class="archives-table"
+        :data="projectData"
+        highlight-current-row
+        style="width: 100%;"
+        :row-key="rowKey"
+        :row-class-name="tableRowClassName"
+        @select-all="selectAll"
+        @selection-change="crud.selectionChangeHandler"
+        @row-click="clickRowHandler"
+        @cell-dblclick="tableDoubleClick"
+        @select="handleCurrentChange"
+      >
+        <el-table-column type="selection" :reserve-selection="true" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column label="案卷" prop="children_num" width="55" align="center" />
+        <el-table-column v-for="field in tableDisplayFields" :key="field.id" :label="field.fieldCnName" :align="field.displayformatType" :width="field.displayLength" show-overflow-tooltip>
+          <template slot="header">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="field.fieldCnName"
+              placement="top-start"
+            >
+              <span>{{ field.fieldCnName }}</span>
+            </el-tooltip>
+          </template>
+          <template slot-scope="scope">
+            {{ scope.row[field.fieldName] }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <el-pagination
+        v-if="projectData.length !== 0"
+        :current-page="page.page"
+        :total="page.total"
+        :page-size="page.size"
+        :pager-count="5"
+        layout="total, prev, pager, next, sizes"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentPage"
+      />
+    </div>
     <!-- 档案详情 -->
     <ArchivesInfo ref="archivesInfo" :category-id="categoryId" :arc-id="arcId" />
   </div>
@@ -168,6 +170,7 @@ export default {
 </script>
 
 <style lang='scss' scoped>
+@import "~@/assets/styles/collect-reorganizi.scss";
 .collect-no-tab{
   padding-top: 36px;
 }
diff --git a/src/views/components/category/PreviewForm.vue b/src/views/components/category/PreviewForm.vue
index fd51f17..ad68bd8 100644
--- a/src/views/components/category/PreviewForm.vue
+++ b/src/views/components/category/PreviewForm.vue
@@ -815,7 +815,8 @@ export default {
 
 @mixin preview-border-color{
   [data-theme="dark"] & {
-    border-color: #3a99fd;
+    // border-color: #3a99fd;
+    border-color: #EDEFF3;
   }
   [data-theme="light"] & {
     border-color: #EDEFF3;
@@ -898,6 +899,9 @@ export default {
       }
       .el-button{
         margin-top: -2px;
+        font-weight: bold;
+        border-color: #0348f3;
+        color: #0348f3;
       }
     }
   }
diff --git a/src/views/prearchiveLibrary/index.vue b/src/views/prearchiveLibrary/index.vue
index 080c262..e40105b 100644
--- a/src/views/prearchiveLibrary/index.vue
+++ b/src/views/prearchiveLibrary/index.vue
@@ -343,6 +343,7 @@ export default {
         exportFile(this.baseApi + '/api/re-document/download?' + qs.stringify(params, { indices: false }))
         this.crud.downloadLoading = false
       }).catch(() => {
+        this.crud.downloadLoading = false
       })
     },
     // 批量成件
diff --git a/src/views/prearchiveLibrary/module/moveFile.vue b/src/views/prearchiveLibrary/module/moveFile.vue
index d8e76ea..80c3ef0 100644
--- a/src/views/prearchiveLibrary/module/moveFile.vue
+++ b/src/views/prearchiveLibrary/module/moveFile.vue
@@ -272,4 +272,71 @@ export default {
   padding-right: 5px;
   margin: 25px 0 !important;
 }
+
+::v-deep .el-dialog{
+  .el-button.filter-search{
+    background-color: #0348f3;
+    border-color: #0348f3;
+    color: #fff !important;
+  }
+  .el-tree{
+    .el-tree-node__content{
+      color: #0C0E1E;
+      &:hover{
+        background-color: #E8F2FF !important;
+        background-image: none !important;
+      }
+    }
+    .el-tree-node__children{
+      .el-tree-node__content{
+        color: #545B65;
+      }
+    }
+    .el-tree-node__expand-icon{
+      color: #0C0E1E;
+    }
+    .is-current>.el-tree-node__content{
+      background-color: #E8F2FF !important;
+      background-image: none !important;
+    }
+     .el-tree-node.is-current>.el-tree-node__content .el-tree-node__label{
+      background-image: none !important;
+      color: #0348F3;
+     }
+  }
+  .el-table{
+    .el-table__header-wrapper,
+    .el-table__header{
+      background-color: #F5F9FC !important;
+      th.el-table__cell{
+        background-color: #F5F9FC !important;
+        border-bottom: none;
+        &>.cell{
+          font-size: 14px;
+          color: #0C0E1E !important;
+        }
+      }
+    }
+  }
+  .el-table .el-table__body-wrapper td.el-table__cell,
+  .el-table .el-table__fixed-right td.el-table__cell {
+      border-bottom: none;
+  }
+  .el-table__body tr.el-table__row:hover>td.el-table__cell,
+  .el-table__body tr.el-table__row:focus>td.el-table__cell,
+  .el-table__body tr.current-row>td.el-table__cell,
+  .el-table__body tr.current-row:hover>td.el-table__cell,
+  .el-table__body tr.current-row:focus>td.el-table__cell{
+    background-color: #eaf3fb;
+    color: #545b65;
+    border-bottom: 1px solid #f5f9fc;
+  }
+
+  .el-button--text:hover,
+  .el-button--text:focus{
+    border-color: #e6e8ed;
+    color: #545b65;
+    background-color: #E8F2FF;
+  }
+}
 </style>