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

---
 .../collectionLibrary/anjuan/index.vue        |   6 +-
 .../collectionLibrary/anjuan/tableList.vue    |   7 +-
 .../collectionLibrary/file/index.vue          |   3 +-
 .../collectionLibrary/index.vue               | 125 ++++++++++++------
 .../collectionLibrary/juannei/index.vue       |   5 +-
 .../module/collectHeader.vue                  |   4 +-
 src/views/prearchiveLibrary/data.json         |  19 ---
 src/views/prearchiveLibrary/index.vue         |  33 +----
 src/views/prearchiveLibrary/mixins/index.js   |  43 ++++++
 .../prearchiveLibrary/module/batchFile.vue    |  10 +-
 src/views/prearchiveLibrary/module/form.vue   |   1 -
 .../prearchiveLibrary/module/moveFile.vue     |  71 ++++++++--
 src/views/prearchiveLibrary/module/scope.vue  |  31 +----
 src/views/prearchiveLibrary/module/tree.json  |  32 -----
 14 files changed, 205 insertions(+), 185 deletions(-)
 delete mode 100644 src/views/prearchiveLibrary/data.json
 create mode 100644 src/views/prearchiveLibrary/mixins/index.js
 delete mode 100644 src/views/prearchiveLibrary/module/tree.json

diff --git a/src/views/collectReorganizi/collectionLibrary/anjuan/index.vue b/src/views/collectReorganizi/collectionLibrary/anjuan/index.vue
index 8b9eb5d..ed2c7a2 100644
--- a/src/views/collectReorganizi/collectionLibrary/anjuan/index.vue
+++ b/src/views/collectReorganizi/collectionLibrary/anjuan/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <AnjuanContent v-if="selectedCategory.isType === 3 || selectedCategory.isType === 5" ref="ajContent" class="ajContent" :selected-category="selectedCategory" />
+    <AnjuanContent v-if="selectedCategory.arrangeType === 1 || selectedCategory.arrangeType === 2" ref="ajContent" class="ajContent" :selected-category="selectedCategory" />
     <el-drawer
       v-else
       class="anjuan-drawer"
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import AnjuanContent from './content.vue'
+import AnjuanContent from './content'
 export default {
   name: 'Anjuan',
   components: { AnjuanContent },
@@ -43,7 +43,7 @@ export default {
   created() {
   },
   mounted() {
-
+    console.log('nei', this.selectedCategory.arrangeType)
   },
   methods: {
     closeDrawer() {
diff --git a/src/views/collectReorganizi/collectionLibrary/anjuan/tableList.vue b/src/views/collectReorganizi/collectionLibrary/anjuan/tableList.vue
index 36551b4..8db04e9 100644
--- a/src/views/collectReorganizi/collectionLibrary/anjuan/tableList.vue
+++ b/src/views/collectReorganizi/collectionLibrary/anjuan/tableList.vue
@@ -18,7 +18,7 @@
     >
       <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.isType === 5 ? '文件':'卷内'" prop="children_num" width="55" align="center" />
+      <el-table-column :label=" selectedCategory.arrangeType === 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
@@ -121,7 +121,7 @@ export default {
   methods: {
     openJuannei(data) {
       // this.$emit('openJuannei', '这是来自案卷的通知')
-      if (this.selectedCategory.isType === 2) {
+      if (this.selectedCategory.arrangeType === 3) {
         this.$parent.$parent.$parent.$emit('openJuannei', data)
       } else {
         this.$parent.$parent.$emit('openJuannei', data)
@@ -155,7 +155,6 @@ export default {
       }
       console.log('tableDoubleClick', row)
       this.arcId = row.id
-      console.log(this.selectedCategory.isType)
 
       if (this.selectedCategory.isType !== 5) {
         this.$refs.archivesInfo.isHasFile = false
@@ -163,7 +162,7 @@ export default {
         this.$refs.archivesInfo.isHasFile = true
       }
 
-      if (this.selectedCategory.isType === 3) {
+      if (this.selectedCategory.arrangeType === 2) {
         this.$refs.archivesInfo.detailTitle = '案卷详情'
       } else {
         this.$refs.archivesInfo.detailTitle = '文件详情'
diff --git a/src/views/collectReorganizi/collectionLibrary/file/index.vue b/src/views/collectReorganizi/collectionLibrary/file/index.vue
index 8234b8f..e5d8256 100644
--- a/src/views/collectReorganizi/collectionLibrary/file/index.vue
+++ b/src/views/collectReorganizi/collectionLibrary/file/index.vue
@@ -6,8 +6,7 @@
     :wrapper-closable="false"
     :show-close="false"
     direction="rtl"
-
-    :size="((selectedCategory.isType === 3 && isAjNo === 0) || (selectedCategory.isType === 2 && isAjNo === 1)) ? '80%' : (isAjNo === 1) ? '90%' : (selectedCategory.isType === 5) ? '90%' : '70%'"
+    :size="(selectedCategory.arrangeType ===3 && isAjNo === 1 ) ? '80%' : (isAjNo === 1) ? '90%' : (selectedCategory.arrangeType === 1) ? '90%' : '70%'"
   >
     <CollectHeader :is-title-type="isTitleType" :selected-category="selectedCategory" :selections="selections" :test="test" />
     <span class="closed-btn" @click="closeDrawer" />
diff --git a/src/views/collectReorganizi/collectionLibrary/index.vue b/src/views/collectReorganizi/collectionLibrary/index.vue
index 9b8c649..740cacb 100644
--- a/src/views/collectReorganizi/collectionLibrary/index.vue
+++ b/src/views/collectReorganizi/collectionLibrary/index.vue
@@ -7,8 +7,8 @@
           <span class="left-bottom-line" />
           <div class="arc-left-tree">
             <h3 class="arc-title arc-title-top">档案门类</h3>
-            <el-tree
-              ref="archivesTree"
+            <!-- <el-tree
+              ref="tree"
               v-loading="crud.loading"
               class="arc-tree arc-tree-01"
               :data="treeJson"
@@ -31,7 +31,22 @@
                   {{ data.cnName }}
                 </span>
               </span>
-            </el-tree>
+            </el-tree> -->
+            <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="tree"
@@ -66,10 +81,10 @@
         <div class="container-right tab-content">
           <span class="right-top-line" />
           <span class="left-bottom-line" />
-          <Project v-if="selectedCategory.isType === 2" ref="projectEle" :selected-category="selectedCategory" :data="sharedData" @openAnjuan="handleOpenAnjuan" />
-          <Anjuan v-if="selectedCategory.isType === 2 || selectedCategory.isType === 3 || selectedCategory.isType === 5" ref="anjuanEle" :selected-category="selectedCategory" :data="sharedData" @openJuannei="handleOpenJuannei" />
-          <Juannei v-if="selectedCategory.isType === 2 || selectedCategory.isType === 3 || selectedCategory.isType === 4" ref="juanneiEle" :data="sharedData" :selected-category="selectedCategory" @openFile="handleOpenFile" />
-          <File v-if="selectedCategory.isType !== 1" ref="fileEle" :selected-category="selectedCategory" />
+          <Project v-if="selectedCategory.arrangeType === 3" ref="projectEle" :selected-category="selectedCategory" :data="sharedData" @openAnjuan="handleOpenAnjuan" />
+          <Anjuan v-if="selectedCategory.arrangeType === 1 || selectedCategory.arrangeType === 2 || selectedCategory.arrangeType === 3" ref="anjuanEle" :selected-category="selectedCategory" :data="sharedData" @openJuannei="handleOpenJuannei" />
+          <Juannei v-if="selectedCategory.arrangeType === 2 || selectedCategory.arrangeType === 3" ref="juanneiEle" :data="sharedData" :selected-category="selectedCategory" @openFile="handleOpenFile" />
+          <File v-if="selectedCategory.arrangeType === 1 || selectedCategory.arrangeType === 2 || selectedCategory.arrangeType === 3" ref="fileEle" :selected-category="selectedCategory" />
         </div>
       </div>
     </div>
@@ -90,7 +105,7 @@ export default {
   cruds() {
     return [
       CRUD({
-        title: '收集库', url: 'api/archives-type/menu',
+        title: '收集库', url: 'api/category/menu',
         crudMethod: { ...crudCategory },
         optShow: {
           add: false,
@@ -119,6 +134,28 @@ export default {
   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的节点
+      })
+    },
+    // filterData(nodes) {
+    //   nodes.forEach(node => {
+    //     if (node.isType === 3) {
+    //       const parent = nodes.find(item => item.id === node.parentId)
+    //       if (parent) {
+    //         parent.sonNum = parent.sonNum ? parent.sonNum + 1 : 1
+    //       }
+    //     }
+    //     if (node.children && node.children.length > 0) {
+    //       this.filterData(node.children)
+    //     }
+    //   })
+    //   return nodes.filter(node => node.isType !== 3)
+    // },
     // 逆归实现 获取指定元素
     findNode(tree, func) {
       for (const node of tree) {
@@ -138,47 +175,52 @@ export default {
       }
     },
     [CRUD.HOOK.afterRefresh]() {
-      let currentKey
-      if (localStorage.getItem('currentArchivesKey')) {
-        currentKey = JSON.parse(localStorage.getItem('currentArchivesKey'))
-        // 删除门类节点后
-        if (this.$refs.archivesTree.getCurrentKey(currentKey.id) == null) {
-          localStorage.removeItem('currentArchivesKey')
-        }
-        // 缓存的门类节点判断
-        if (currentKey.isType === 1) {
-          if (currentKey.children.length !== 0) {
-            currentKey = this.findNode(currentKey.children, (node) => {
+      this.crud.data = this.filterData(this.crud.data)
+      console.log(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]
           }
         }
-      } 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) {
+        if (currentKey.id) {
         // 设置某个节点的当前选中状态
-        this.$refs.archivesTree.setCurrentKey(currentKey.id)
-        this.$nextTick(() => {
+          this.$refs.categroyTree.setCurrentKey(currentKey.id)
+          this.$nextTick(() => {
           // 设置某个节点的父级展开
-          const selectedKey = this.$refs.archivesTree.getCurrentNode()
-          if (this.$refs.archivesTree.getNode(selectedKey) && this.$refs.archivesTree.getNode(selectedKey).parent) {
-            this.expandParents(this.$refs.archivesTree.getNode(selectedKey).parent)
-          }
-          // 选中节点的门类详情
-          this.handleNodeClick(selectedKey)
-        })
-      }
+            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) {
       console.log(val)
+      console.log(val.arrangeType)
       this.selectedCategory = val
       // 缓存当前的选中的
       localStorage.setItem('currentArchivesKey', JSON.stringify(val))
@@ -200,7 +242,8 @@ export default {
       })
     },
     handleOpenJuannei(data) {
-      if (this.selectedCategory.isType === 5 || (this.selectedCategory.isType === 3 && this.$refs.anjuanEle.$refs.ajContent.activeIndex === 1) || (this.selectedCategory.isType === 2 && this.$refs.anjuanEle.$refs.ajContent.activeIndex === 1)) {
+      // selectedCategory.arrangeType !== 0 && selectedCategory.arrangeType !== null
+      if (this.selectedCategory.arrangeType === 1 || (this.selectedCategory.arrangeType === 3 && this.$refs.anjuanEle.$refs.ajContent.activeIndex === 1) || (this.selectedCategory.arrangeType === 2 && this.$refs.anjuanEle.$refs.ajContent.activeIndex === 1)) {
         this.$refs.fileEle.fileDrawer = true
         this.$nextTick(() => {
           this.$refs.fileEle.test = data
diff --git a/src/views/collectReorganizi/collectionLibrary/juannei/index.vue b/src/views/collectReorganizi/collectionLibrary/juannei/index.vue
index e78ceee..66fa3ba 100644
--- a/src/views/collectReorganizi/collectionLibrary/juannei/index.vue
+++ b/src/views/collectReorganizi/collectionLibrary/juannei/index.vue
@@ -6,7 +6,7 @@
     :wrapper-closable="false"
     :show-close="false"
     direction="rtl"
-    :size="selectedCategory.isType === 3 ? '90%' :'80%'"
+    :size="selectedCategory.arrangeType === 2 ? '90%' :'80%'"
   >
     <CollectHeader :is-title-type="isTitleType" :selected-category="selectedCategory" :selections="selections" :test="test" />
     <el-table
@@ -111,7 +111,7 @@ export default {
     this.junneiData = tableData.data.list.content
   },
   mounted() {
-
+    console.log('nei2', this.selectedCategory.arrangeType)
   },
   methods: {
     openFile(data) {
@@ -149,7 +149,6 @@ export default {
       }
       console.log('tableDoubleClick', row)
       this.arcId = row.id
-      console.log(this.selectedCategory.isType)
       this.$refs.archivesInfo.isHasFile = true
       this.$refs.archivesInfo.detailTitle = '卷内详情'
       this.$refs.archivesInfo.archivesInfoVisible = true
diff --git a/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue b/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
index ba50548..04eb106 100644
--- a/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
+++ b/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="collect-header">
-    <h4 :class="classType">{{ collectTitle }} <span v-if="isTitleType !== 2 && !(isTitleType === 3 && (selectedCategory.isType === 3 || selectedCategory.isType === 5) )"> > {{ test }}</span></h4>
+    <h4 :class="classType">{{ collectTitle }} <span v-if="isTitleType !== 2 && !(isTitleType === 3 && (selectedCategory.arrangeType === 1 || selectedCategory.isType === 2) )"> > {{ test }}</span></h4>
     <div v-if="isTitleType !== 6" class="head-search">
       <!-- 搜索 -->
       <el-input v-model="query.blurry" clearable size="small" :placeholder="placeholderType" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" />
@@ -309,7 +309,7 @@ export default {
       if (this.isTitleType === 2) {
         return '项目'
       } else if (this.isTitleType === 3) {
-        if (this.selectedCategory.isType === 5) {
+        if (this.selectedCategory.arrangeType === 1) {
           return '文件'
         } else {
           if (this.activeIndex === 1) {
diff --git a/src/views/prearchiveLibrary/data.json b/src/views/prearchiveLibrary/data.json
deleted file mode 100644
index 5bdc351..0000000
--- a/src/views/prearchiveLibrary/data.json
+++ /dev/null
@@ -1,19 +0,0 @@
-[
-  {
-    "id": 1,
-    "label": "预归档库",
-    "isType": 1,
-    "children": [
-      {
-        "id": 2,
-        "isType": 2,
-        "label": "收文"
-      },
-      {
-        "id": 3,
-        "isType": 2,
-        "label": "发文"
-      }
-    ]
-  }
-]
diff --git a/src/views/prearchiveLibrary/index.vue b/src/views/prearchiveLibrary/index.vue
index 20c6008..7010f8b 100644
--- a/src/views/prearchiveLibrary/index.vue
+++ b/src/views/prearchiveLibrary/index.vue
@@ -125,8 +125,8 @@
 </template>
 
 <script>
-
 import CRUD, { presenter, header } from '@crud/crud'
+import { preLibraryCrud } from './mixins/index'
 import { FetchCategoryMenu } from '@/api/system/category/category'
 import rrOperation from '@crud/RR.operation'
 import crudOperation from '@crud/CRUD.operation'
@@ -134,7 +134,6 @@ import pagination from '@crud/Pagination'
 import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 // import { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
-import dataJson from './data.json'
 import tableJson from './table.json'
 import eForm from './module/form'
 import batchFile from './module/batchFile'
@@ -160,7 +159,7 @@ export default {
       })
     ]
   },
-  mixins: [presenter(), header()],
+  mixins: [presenter(), header(), preLibraryCrud],
   data() {
     return {
       permission: {
@@ -173,7 +172,6 @@ export default {
         children: 'children',
         label: 'cnName'
       },
-      treeList: [],
       table: [],
       deleteVisible: false,
       mergeVisible: false,
@@ -190,36 +188,9 @@ export default {
   computed: {
   },
   created() {
-    this.treeList = dataJson
     this.table = tableJson
   },
   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.beforeToAdd](crud, form, btn) {
     },
     [CRUD.HOOK.afterRefresh]() {
diff --git a/src/views/prearchiveLibrary/mixins/index.js b/src/views/prearchiveLibrary/mixins/index.js
new file mode 100644
index 0000000..b0c42f9
--- /dev/null
+++ b/src/views/prearchiveLibrary/mixins/index.js
@@ -0,0 +1,43 @@
+// import qs from 'qs'
+// import { exportFile } from '@/utils/index'
+// import { FetchTableDisplayFields, FetchInitArchivesView, FetchFormDisplayFields } from '@/api/archivesManage/archivesList'
+export const preLibraryCrud = {
+  // 组件共用属性
+  data() {
+    return {
+    }
+  },
+  // 组件共用方法
+  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)
+      }
+    }
+  },
+  // 组件挂载时的共用方法
+  mounted() {
+
+  }
+}
diff --git a/src/views/prearchiveLibrary/module/batchFile.vue b/src/views/prearchiveLibrary/module/batchFile.vue
index f50261b..405e498 100644
--- a/src/views/prearchiveLibrary/module/batchFile.vue
+++ b/src/views/prearchiveLibrary/module/batchFile.vue
@@ -102,6 +102,7 @@
 </template>
 
 <script>
+import { preLibraryCrud } from '../mixins/index'
 import { FetchInitFieldMateList, FetchInitFieldMate } from '@/api/system/fieldMate'
 import { FetchDocumentMenu } from '@/api/system/fileLibrary/fileLibrary'
 import { FetchCategoryMenu } from '@/api/system/category/category'
@@ -113,6 +114,7 @@ import ScopeModule from './scope'
 export default {
   name: 'BatchFile',
   components: { Treeselect, ScopeModule },
+  mixins: [preLibraryCrud],
   data() {
     return {
       batchVisible: false,
@@ -180,14 +182,6 @@ export default {
       //   this.selectStatus.push({ mode: true, value: '' })
       // })
     },
-    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的节点
-      })
-    },
     // 目标门类
     getCategoryDataTree() {
       FetchCategoryMenu().then(res => {
diff --git a/src/views/prearchiveLibrary/module/form.vue b/src/views/prearchiveLibrary/module/form.vue
index 65f2ed0..280a01f 100644
--- a/src/views/prearchiveLibrary/module/form.vue
+++ b/src/views/prearchiveLibrary/module/form.vue
@@ -17,7 +17,6 @@
 </template>
 
 <script>
-
 import PreviewForm from '@/views/components/category/PreviewForm'
 import addJson from '../add.json'
 export default {
diff --git a/src/views/prearchiveLibrary/module/moveFile.vue b/src/views/prearchiveLibrary/module/moveFile.vue
index 3c8552c..648a9b2 100644
--- a/src/views/prearchiveLibrary/module/moveFile.vue
+++ b/src/views/prearchiveLibrary/module/moveFile.vue
@@ -6,7 +6,15 @@
     <div class="setting-dialog">
       <div class="move-main">
         <div class="move-left">
-          <el-tree :data="treeList" :props="defaultProps" @node-click="handleNodeClick" />
+          <el-tree
+            ref="treeMove"
+            v-loading="crud.loading"
+            :data="crud.data"
+            node-key="id"
+            :props="defaultProps"
+            :expand-on-click-node="false"
+            @node-click="handleNodeClick"
+          />
         </div>
         <div class="move-right">
           <h4>整编库（已整理）列表</h4>
@@ -38,33 +46,74 @@
 </template>
 
 <script>
-import dataJson from './tree.json'
+import { preLibraryCrud } from '../mixins/index'
+import CRUD, { presenter, header, crud } from '@crud/crud'
+import Vue from 'vue'
 export default {
   name: 'MoveFile',
   components: { },
+  cruds() {
+    return [
+      CRUD({
+        title: '移动', url: 'api/category/menu',
+        crudMethod: {}, sort: []
+      })
+    ]
+  },
+  mixins: [presenter(), header(), crud(), preLibraryCrud],
   data() {
     return {
       moveVisible: false,
-      treeList: [],
       radio: 1,
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
+      defaultProps: { children: 'children', label: 'cnName' },
       currentPage: 1
     }
   },
   created() {
-    this.treeList = dataJson
   },
   methods: {
+    getRowKey(row) {
+      return row.id
+    },
+    [CRUD.HOOK.afterRefresh]() {
+      this.crud.data = this.filterData(this.crud.data)
+      this.$nextTick(() => {
+        if (this.$refs.treeMove) {
+          let currentKey
+          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]
+          }
+          // 设置某个节点的当前选中状态
+          this.$refs.treeMove.setCurrentKey(currentKey.id)
+          this.$nextTick(() => {
+            // 设置某个节点的父级展开
+            const selectedKey = this.$refs.treeMove.getCurrentNode()
+            if (this.$refs.treeMove.getNode(selectedKey) && this.$refs.treeMove.getNode(selectedKey).parent) {
+              this.expandParents(this.$refs.treeMove.getNode(selectedKey).parent)
+            }
+            // 选中节点的门类详情
+            this.handleNodeClick(selectedKey)
+          })
+        }
+      })
+    },
+    // 选中门类后，设置门类详情数据
+    handleNodeClick(val) {
+      if (val) {
+        this.selectedCategory = val
+        if (val.pid !== '0') {
+          Vue.set(this.selectedCategory, 'parentName', this.$refs.treeMove.getNode(val.pid).data.cnName)
+        }
+      }
+    },
     handleClose(done) {
       this.moveVisible = false
       done()
     },
-    handleNodeClick(data) {
-      console.log(data)
-    },
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`)
     },
diff --git a/src/views/prearchiveLibrary/module/scope.vue b/src/views/prearchiveLibrary/module/scope.vue
index 7903944..a457d1b 100644
--- a/src/views/prearchiveLibrary/module/scope.vue
+++ b/src/views/prearchiveLibrary/module/scope.vue
@@ -54,6 +54,7 @@
 </template>
 
 <script>
+import { preLibraryCrud } from '../mixins/index'
 import { FetchInitArchivesScope, FetchSonArchivesScope } from '@/api/system/archivesScope'
 import CRUD, { presenter, header, crud } from '@crud/crud'
 import Vue from 'vue'
@@ -68,7 +69,7 @@ export default {
       })
     ]
   },
-  mixins: [presenter(), header(), crud()],
+  mixins: [presenter(), header(), crud(), preLibraryCrud],
   data() {
     return {
       scopeVisible: false,
@@ -87,32 +88,6 @@ export default {
     getRowKey(row) {
       return row.id
     },
-    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(() => {
@@ -134,7 +109,7 @@ export default {
               this.expandParents(this.$refs.tree2.getNode(selectedKey).parent)
             }
             // 选中节点的门类详情
-            this.handleNodeClick(selectedKey)
+            this.handleNodeClick2(selectedKey)
           })
         }
       })
diff --git a/src/views/prearchiveLibrary/module/tree.json b/src/views/prearchiveLibrary/module/tree.json
deleted file mode 100644
index 82e89f4..0000000
--- a/src/views/prearchiveLibrary/module/tree.json
+++ /dev/null
@@ -1,32 +0,0 @@
-[
-  {
-    "id": 1,
-    "label": "档案门类",
-    "children": [
-      {
-        "id": 2,
-        "label": "文书档案",
-        "children": [
-          {
-            "id": 4,
-            "label": "文书档案（案卷）"
-          },
-          {
-            "id": 5,
-            "label": "文书档案（文件）"
-          }
-        ]
-      },
-      {
-        "id": 3,
-        "label": "基建档案",
-        "children": [
-          {
-            "id": 6,
-            "label": "基建档案（项目）"
-          }
-        ]
-      }
-    ]
-  }
-]