From 9f11c596bbb6d9687edf9a3b968d9688becabb89 Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Wed, 14 Jun 2023 16:49:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=A3=E6=A1=88=E7=AE=A1=E7=90=86=E5=B9=B4?=
 =?UTF-8?q?=E5=BA=A6=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../archivesManage/archivesList/index.vue     | 1288 ++++++++---------
 src/views/environmentalScreen/index.vue       |    5 +-
 2 files changed, 647 insertions(+), 646 deletions(-)

diff --git a/src/views/archivesManage/archivesList/index.vue b/src/views/archivesManage/archivesList/index.vue
index 68f2f01..0e65ed6 100644
--- a/src/views/archivesManage/archivesList/index.vue
+++ b/src/views/archivesManage/archivesList/index.vue
@@ -1,644 +1,644 @@
-<template>
-  <div class="app-container">
-    <!-- 门类列表 -->
-    <el-row class="container-main">
-      <el-col class="curd-in-out" :xs="10" :sm="8" :md="5" :lg="6" :xl="5">
-        <div :class="['container-left', !isRecycle ? 'left-tree-item' : '' ]">
-          <span class="right-top-line" />
-          <span class="left-bottom-line" />
-          <div class="tree-title">档案门类</div>
-          <!--档案门类树状结构-->
-          <div class="tree-scroll">
-            <el-tree ref="archivesTree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
-          </div>
-        </div>
-        <div v-if="!isRecycle" class="container-left left-tree-item">
-          <span class="right-top-line" />
-          <span class="left-bottom-line" />
-          <div class="tree-title">智能分类</div>
-          <!--智能分类树状结构-->
-          <div class="tree-scroll">
-            <el-tree ref="smartTree" v-loading="intellClassifyLoading" :data="intellClassifyTree" :props="intellDefaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleIntellNodeClick" />
-          </div>
-        </div>
-      </el-col>
-
-      <!-- 档案管理列表 -->
-      <el-col class="archives-right-list" :xs="14" :sm="18" :md="19" :lg="18" :xl="19">
-        <div v-if="selectedCategory.isType !== 1 && !isRecycle" :class="['archives-top', {'archives-fixed-top': selectedCategory.isType === 2 || selectedCategory.isType === 4 }]">
-          <el-checkbox v-model="fixedStatusBar" @change="statusBarChecked">隐藏状态栏</el-checkbox>
-        </div>
-        <!-- 项目 -->
-        <archivesProject
-          v-if="selectedCategory.isType === 2"
-          ref="project"
-          :selected-category="selectedCategory"
-          :smart-query="smartQuery"
-          @getAjInProjectBtnState="getAjInProjectBtnState"
-          @getProjectSelections="getProjectSelections"
-        />
-        <!-- 案卷 -->
-        <archivesAnjuan
-          v-if="( selectedCategory.isType === 2 && selectedCategory.children.length !== 0 ) || selectedCategory.isType === 3 || selectedCategory.isType === 5"
-          ref="anjuan"
-          :selected-category="selectedCategory"
-          :is-project="isProject"
-          :is-has-project="isHasProject"
-          :project-selection="projectSelection"
-          :fixed-status-bar="fixedStatusBar"
-          :archive-year="archiveYear"
-          :smart-query="smartQuery"
-          @getJnInAjBtnState="getJnInAjBtnState"
-          @getSelections="getSelections"
-        />
-        <!-- 卷内 -->
-        <archivesJuannei
-          v-if="( selectedCategory.isType === 2 && selectedCategory.children.length !== 0 && selectedCategory.children[0].children.length !==0 ) || ( selectedCategory.isType === 3 && selectedCategory.children.length !==0 ) || selectedCategory.isType === 4"
-          ref="file"
-          :is-anjuan="isAnjuan"
-          :anjuan-selection="anjuanSelection"
-          :selected-category="selectedCategory"
-          :fixed-status-bar="fixedStatusBar"
-          :smart-query="smartQuery"
-        />
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { getDicts } from '@/api/archivesConfig/dict'
-import archivesProject from './archivesProject/index'
-import archivesAnjuan from './archivesAnjuan/index'
-import archivesJuannei from './archivesJuannei/index'
-import crudCategory from '@/api/category/category'
-import CRUD, { presenter } from '@crud/crud'
-import { archivesCrud } from './mixins/archives'
-
-export default {
-  name: 'ArchivesList',
-  components: { archivesProject, archivesAnjuan, archivesJuannei },
-  cruds() {
-    return [
-      CRUD({
-        title: '档案', url: 'api/archives-type/menu',
-        crudMethod: { ...crudCategory }
-      })
-    ]
-  },
-  provide() {
-    return {
-      recycleMain: this
-    }
-  },
-  mixins: [presenter(), archivesCrud],
-  props: {
-    isdel: {
-      type: Boolean,
-      default: false
-    },
-    isRecycle: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      intellClassifyTree: [],
-      defaultProps: {
-        children: 'children',
-        label: 'cnName'
-      },
-      intellDefaultProps: {
-        children: 'childMenus',
-        label: 'dicName'
-      },
-      selectedCategory: {},
-      isAnjuan: true,
-      isProject: true,
-      anjuanSelection: {},
-      projectSelection: {},
-      intellClassifyLoading: false,
-      fixedStatusBar: false,
-      archiveYear: null,
-      smartQuery: {
-        'archiveYear': null,
-        'department': null,
-        'retention': null,
-        'securityClass': null,
-        'organizationMatter': null
-      },
-      treeCurrentNode: null,
-      nodeClick: false,
-      isHasProject: null // 案卷上是否有项目门类
-    }
-  },
-  watch: {
-    isdel: function(newValue, oldValue) {
-    },
-    isRecycle: function(newValue, oldValue) {
-    }
-  },
-  mounted() {
-    this.fixedStatusBar = JSON.parse(localStorage.getItem('statusBarFixedType')) === true
-  },
-  methods: {
-    // 缓存用户对于固定栏操作习惯
-    statusBarChecked(val) {
-      localStorage.setItem('statusBarFixedType', val)
-    },
-    // 逆归实现 获取指定元素
-    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]() {
-      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) => {
-              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.archivesTree.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)
-          }
-          // 删除刷新
-          if (localStorage.getItem('isDelt') === '1') {
-            if (this.$refs.project) {
-              this.$refs.project.$refs.table.clearSelection()
-            }
-            this.clearAnjuan()
-            this.clearFile()
-          } else if (localStorage.getItem('isDelt') === '2') {
-            if (this.$refs.project) {
-              this.$refs.project.selections = this.$refs.project.$refs.table.selection
-            }
-            if (this.$refs.anjuan) {
-              this.$refs.anjuan.$refs.table.clearSelection()
-            }
-            this.clearFile()
-          } else if (localStorage.getItem('isDelt') === '3') {
-            if (this.$refs.anjuan) {
-              this.$refs.anjuan.selections = this.$refs.anjuan.$refs.table.selection
-            }
-            if (this.$refs.file) {
-              this.$refs.file.$refs.table.clearSelection()
-            }
-          }
-          // 选中节点的门类详情
-          this.handleNodeClick(selectedKey)
-          localStorage.removeItem('noClick')
-        })
-      }
-      this.getIntellClassify()
-    },
-    getIntellClassify() {
-      getDicts().then(data => {
-        if (data) {
-          this.intellClassifyTree = data.filter(item => {
-            return item.dicCode === 'Search_MJ' || item.dicCode === 'Search_BGQX' || item.dicCode === 'Search_JGWT' || item.dicCode === 'Search_BM'
-          })
-        }
-      })
-    },
-    // 选中门类后，设置字典详情数据
-    handleNodeClick(val) {
-      if (val) {
-        if (localStorage.getItem('isForm')) {
-          localStorage.removeItem('noClick')
-        } else {
-          localStorage.setItem('noClick', true)
-        }
-        // 初始化智能分类的操作
-        if (this.$refs.smartTree) {
-          this.treeCurrentNode = null
-          const smartTreeList = this.intellClassifyTree
-          this.smartQuery = {
-            'archiveYear': null,
-            'department': null,
-            'retention': null,
-            'securityClass': null,
-            'organizationMatter': null
-          }
-          this.$refs.smartTree.setCurrentKey(null)
-          smartTreeList.forEach((item, index) => {
-            this.$refs.smartTree.store.nodesMap[smartTreeList[index].id].expanded = false
-          })
-        }
-        this.crud.selectionChangeHandler([val])
-        this.selectedCategory = val
-        // 判断当前选中的案卷上是否有项目门类，有-新增hide, 无-新增show
-        if (this.$refs.archivesTree.getNode(this.selectedCategory.id).parent.data.isType === 2) {
-          this.isHasProject = true
-        } else {
-          this.isHasProject = false
-        }
-        this.handleTableList()
-
-        // 缓存当前的选中的
-        localStorage.setItem('currentArchivesKey', JSON.stringify(val))
-      }
-    },
-    // 判断案卷内的卷内-新增btn-状态 中转站
-    getJnInAjBtnState(data) {
-      this.isAnjuan = data
-    },
-    getAjInProjectBtnState(data) {
-      this.isProject = data
-    },
-    // 项目内操作
-    getProjectSelections(data, selectData) {
-      this.smartQuery = {
-        'archiveYear': null,
-        'department': null,
-        'retention': null,
-        'securityClass': null,
-        'organizationMatter': null
-      }
-      if ((selectData && selectData.length > 1) || (selectData && selectData.length === 0)) {
-        this.isProject = true
-        this.isAnjuan = true
-        this.projectSelection = {}
-        this.$nextTick(() => {
-          if (this.$refs.anjuan) {
-            this.$refs.anjuan.selections = []
-            this.$refs.anjuan.$refs.table.clearSelection()
-            this.clearAnjuan()
-            if (this.$refs.file) {
-              this.$refs.file.selections = []
-              this.$refs.file.$refs.table.clearSelection()
-              this.clearFile()
-            }
-          }
-        })
-      } else if (selectData && selectData.length === 1) {
-        this.projectSelection = selectData[0]
-        this.$nextTick(() => {
-          if (this.$refs.anjuan) {
-            this.$refs.anjuan.$refs.table.clearSelection()
-            this.$refs.anjuan.getTableList()
-            if (this.$refs.file) {
-              this.$refs.file.$refs.table.clearSelection()
-              this.clearFile()
-            }
-          }
-        })
-      } else {
-        this.projectSelection = data
-        this.$nextTick(() => {
-          if (this.$refs.anjuan) {
-            this.$refs.anjuan.$refs.table.clearSelection()
-            this.clearAnjuan()
-            this.$refs.anjuan.getTableList()
-            if (this.$refs.file) {
-              this.$refs.file.$refs.table.clearSelection()
-              this.clearFile()
-            }
-          }
-        })
-      }
-    },
-    // 案卷内操作
-    getSelections(data, selectData) {
-      this.smartQuery = {
-        'archiveYear': null,
-        'department': null,
-        'retention': null,
-        'securityClass': null,
-        'organizationMatter': null
-      }
-      if ((selectData && selectData.length > 1) || (selectData && selectData.length === 0)) {
-        this.isAnjuan = true
-        this.anjuanSelection = {}
-        this.$nextTick(() => {
-          if (this.$refs.file) {
-            this.$refs.file.selections = []
-            this.$refs.file.$refs.table.clearSelection()
-            this.clearFile()
-          }
-        })
-      } else if (selectData && selectData.length === 1) {
-        this.anjuanSelection = selectData[0]
-        this.$nextTick(() => {
-          if (this.$refs.file) {
-            this.$refs.file.$refs.table.clearSelection()
-            this.$refs.file.getTableList()
-          }
-        })
-      } else {
-        this.anjuanSelection = data
-        this.$nextTick(() => {
-          if (this.$refs.file) {
-            this.$refs.file.$refs.table.clearSelection()
-            this.$refs.file.getTableList()
-          }
-        })
-      }
-      // 已装盒得案卷，不可新增案卷
-      if (this.anjuanSelection.case_no) {
-        this.isAnjuan = true
-      }
-    },
-    // 智能分类获取年度
-    getYear(obj) {
-      if (this.$refs.smartTree) {
-        this.intellClassifyLoading = true
-        setTimeout(() => {
-          if (this.intellClassifyTree[0].dicName === '年度') {
-            this.intellClassifyTree = this.intellClassifyTree.slice(1)
-          }
-          if (this.$refs[obj].yearGroup.length !== 0) {
-            const newYearArr = this.$refs[obj].yearGroup.map((item, index) => {
-              const json = {}
-              json.id = index
-              json.dicName = item
-              json.childMenus = []
-              json.ifChild = true
-              return json
-            })
-            this.intellClassifyTree.unshift({ id: -1, dicName: '年度', dicCode: 'Search_year', childMenus: newYearArr })
-          }
-          this.intellClassifyLoading = false
-        }, 500)
-      }
-    },
-    // 智能分类
-    handleIntellNodeClick(data, node, ele) {
-      if (data) {
-        if (node.childNodes.length === 0) {
-          if (this.$refs.project) {
-            this.$refs.project.$refs.table.clearSelection()
-            this.clearProject()
-          }
-          if (this.$refs.anjuan) {
-            this.$refs.anjuan.$refs.table.clearSelection()
-            this.clearAnjuan()
-          }
-          if (this.$refs.file) {
-            this.$refs.file.$refs.table.clearSelection()
-            this.clearFile()
-          }
-          const selectedKey = this.$refs.smartTree.getCurrentNode()
-          const selectedParentVal = this.$refs.smartTree.getNode(selectedKey).parent.data.dicCode
-          this.treeCurrentNode = ele.$el
-          this.smartQuery = {
-            'archiveYear': null,
-            'department': null,
-            'retention': null,
-            'securityClass': null,
-            'organizationMatter': null
-          }
-          if (ele.$el.classList.contains('is-current')) {
-            this.treeCurrentNode.classList.remove('is-current')
-          } else {
-            this.treeCurrentNode.classList.add('is-current')
-            switch (selectedParentVal) {
-              case 'Search_year':
-                if (selectedKey.dicCode !== 'Search_year') {
-                  this.smartQuery.archiveYear = selectedKey.dicName
-                }
-                break
-              case 'Search_BM':
-                if (selectedKey.dicCode !== 'Search_BM') {
-                  this.smartQuery.department = selectedKey.dicName
-                }
-                break
-              case 'Search_BGQX':
-                if (selectedKey.dicCode !== 'Search_BGQX') {
-                  this.smartQuery.retention = selectedKey.dicName
-                }
-                break
-              case 'Search_MJ':
-                if (selectedKey.dicCode !== 'Search_MJ') {
-                  this.smartQuery.securityClass = selectedKey.dicName
-                }
-                break
-              default:
-                if (selectedKey.dicCode !== 'Search_JGWT') {
-                  this.smartQuery.organizationMatter = selectedKey.dicName
-                }
-            }
-          }
-          this.handleTableList()
-        }
-      }
-    },
-    // 获取档案list
-    handleTableList() {
-      // 门类菜单切换时案卷/卷内'新增'btn不可操作
-      localStorage.removeItem('isForm')
-      localStorage.removeItem('isDelt')
-      this.isProject = true
-      this.isAnjuan = true
-      if (this.selectedCategory.isType === 2) {
-        this.$nextTick(() => {
-          if (this.$refs.anjuan) {
-            if (localStorage.getItem('noClick')) {
-              this.$refs.anjuan.$refs.table.clearSelection()
-              this.clearAnjuan()
-            }
-          }
-          if (this.$refs.file) {
-            if (localStorage.getItem('noClick')) {
-              this.$refs.file.$refs.table.clearSelection()
-              this.clearFile()
-            }
-          }
-          this.$refs.project.getTableDisplayFields(0)
-          if (this.selectedCategory.children.length !== 0) {
-            if (this.$refs.anjuan) {
-              this.$refs.anjuan.getTableDisplayFields(1)
-            }
-            if (this.$refs.file) {
-              this.$refs.file.getTableDisplayFields(2)
-            }
-          }
-          setTimeout(() => {
-            this.$refs.project.getTableList()
-            if (this.$refs.project.$refs.table.selection.length !== 0) {
-              this.$refs.project.selections = this.$refs.project.$refs.table.selection
-              this.$refs.anjuan.getTableList()
-              this.isProject = false
-            } else {
-              this.$refs.anjuan.$refs.table.clearSelection()
-            }
-            if (this.$refs.anjuan.$refs.table.selection.length !== 0) {
-              this.$refs.anjuan.selections = this.$refs.anjuan.$refs.table.selection
-              this.$refs.file.getTableList()
-              if (this.$refs.file.$refs.table.selection.length !== 0) {
-                this.$refs.file.selections = this.$refs.file.$refs.table.selection
-              }
-              this.isAnjuan = false
-            } else {
-              this.clearAnjuan()
-              this.clearFile()
-              // this.$refs.anjuan.anjuanData = []
-              // this.$refs.anjuan.anjuanTableHeight = ''
-              // this.$refs.file.junneiData = []
-              // this.$refs.file.juanneiTableHeight = ''
-            }
-          }, 500)
-          if (!this.treeCurrentNode) {
-            this.getYear('project')
-          }
-        })
-      } else if (this.selectedCategory.isType === 3) {
-        this.$nextTick(() => {
-          if (this.$refs.anjuan) {
-            if (localStorage.getItem('noClick')) {
-              this.$refs.anjuan.$refs.table.clearSelection()
-              this.clearAnjuan()
-            }
-          }
-          if (this.$refs.file) {
-            if (localStorage.getItem('noClick')) {
-              this.$refs.file.$refs.table.clearSelection()
-              this.clearFile()
-            }
-          }
-          this.$refs.anjuan.getTableDisplayFields(1)
-          if (this.selectedCategory.children.length !== 0) {
-            if (this.$refs.file) {
-              this.$refs.file.getTableDisplayFields(2)
-            }
-          }
-          setTimeout(() => {
-            this.$refs.anjuan.getTableList()
-            if (this.$refs.anjuan.$refs.table.selection.length !== 0) {
-              this.$refs.anjuan.selections = this.$refs.anjuan.$refs.table.selection
-              this.$refs.file.getTableList()
-              if (this.$refs.file.$refs.table.selection.length !== 0) {
-                this.$refs.file.selections = this.$refs.file.$refs.table.selection
-              }
-              this.isAnjuan = false
-            } else {
-              // this.$refs.file.junneiData = []
-              // this.$refs.file.juanneiTableHeight = ''
-              this.clearFile()
-            }
-          }, 500)
-          if (!this.treeCurrentNode) {
-            this.getYear('anjuan')
-          }
-        })
-      } else if (this.selectedCategory.isType === 4) {
-        this.$nextTick(() => {
-          if (this.$refs.file) {
-            this.$refs.file.$refs.table.clearSelection()
-            this.clearFile()
-          }
-          this.$refs.file.getTableDisplayFields(2)
-          setTimeout(() => {
-            this.$refs.file.getTableList()
-          }, 500)
-          if (!this.treeCurrentNode) {
-            this.getYear('file')
-          }
-        })
-      } else if (this.selectedCategory.isType === 5) {
-        this.$nextTick(() => {
-          if (localStorage.getItem('noClick')) {
-            this.$refs.anjuan.$refs.table.clearSelection()
-          }
-          this.clearAnjuan()
-          this.$refs.anjuan.getTableDisplayFields(1)
-          setTimeout(() => {
-            this.$refs.anjuan.getTableList()
-            this.$refs.anjuan.selections = this.$refs.anjuan.$refs.table.selection
-          }, 500)
-          if (!this.treeCurrentNode) {
-            this.getYear('anjuan')
-          }
-        })
-      }
-    },
-    clearProject() {
-      if (this.$refs.project) {
-        this.$refs.project.projectData = []
-        this.$refs.project.projectTableHeight = ''
-        this.$refs.project.page = {
-          page: 1,
-          size: 10,
-          total: 0
-        }
-      }
-    },
-    clearAnjuan() {
-      if (this.$refs.anjuan) {
-        this.$refs.anjuan.anjuanData = []
-        this.$refs.anjuan.anjuanTableHeight = ''
-        this.$refs.anjuan.page = {
-          page: 1,
-          size: 10,
-          total: 0
-        }
-      }
-    },
-    clearFile() {
-      if (this.$refs.file) {
-        this.$refs.file.junneiData = []
-        this.$refs.file.juanneiTableHeight = ''
-        this.$refs.file.page = {
-          page: 1,
-          size: 10,
-          total: 0
-        }
-      }
-    }
-
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "~@/assets/styles/archives-manage.scss";
-.tree-scroll{
-  height: calc(100vh - 630px);
-  overflow-y: scroll;
-  overflow-x: hidden;
-}
-::v-deep .el-table th.el-table__cell > .cell {
-  white-space: pre;
-}
-.iconfont::before{
-  margin-right: 6px;
-}
-</style>
+<template>
+  <div class="app-container">
+    <!-- 门类列表 -->
+    <el-row class="container-main">
+      <el-col class="curd-in-out" :xs="10" :sm="8" :md="5" :lg="6" :xl="5">
+        <div :class="['container-left', !isRecycle ? 'left-tree-item' : '' ]">
+          <span class="right-top-line" />
+          <span class="left-bottom-line" />
+          <div class="tree-title">档案门类</div>
+          <!--档案门类树状结构-->
+          <div class="tree-scroll">
+            <el-tree ref="archivesTree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+          </div>
+        </div>
+        <div v-if="!isRecycle" class="container-left left-tree-item">
+          <span class="right-top-line" />
+          <span class="left-bottom-line" />
+          <div class="tree-title">智能分类</div>
+          <!--智能分类树状结构-->
+          <div class="tree-scroll">
+            <el-tree ref="smartTree" v-loading="intellClassifyLoading" :data="intellClassifyTree" :props="intellDefaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleIntellNodeClick" />
+          </div>
+        </div>
+      </el-col>
+
+      <!-- 档案管理列表 -->
+      <el-col class="archives-right-list" :xs="14" :sm="18" :md="19" :lg="18" :xl="19">
+        <div v-if="selectedCategory.isType !== 1 && !isRecycle" :class="['archives-top', {'archives-fixed-top': selectedCategory.isType === 2 || selectedCategory.isType === 4 }]">
+          <el-checkbox v-model="fixedStatusBar" @change="statusBarChecked">隐藏状态栏</el-checkbox>
+        </div>
+        <!-- 项目 -->
+        <archivesProject
+          v-if="selectedCategory.isType === 2"
+          ref="project"
+          :selected-category="selectedCategory"
+          :smart-query="smartQuery"
+          @getAjInProjectBtnState="getAjInProjectBtnState"
+          @getProjectSelections="getProjectSelections"
+        />
+        <!-- 案卷 -->
+        <archivesAnjuan
+          v-if="( selectedCategory.isType === 2 && selectedCategory.children.length !== 0 ) || selectedCategory.isType === 3 || selectedCategory.isType === 5"
+          ref="anjuan"
+          :selected-category="selectedCategory"
+          :is-project="isProject"
+          :is-has-project="isHasProject"
+          :project-selection="projectSelection"
+          :fixed-status-bar="fixedStatusBar"
+          :archive-year="archiveYear"
+          :smart-query="smartQuery"
+          @getJnInAjBtnState="getJnInAjBtnState"
+          @getSelections="getSelections"
+        />
+        <!-- 卷内 -->
+        <archivesJuannei
+          v-if="( selectedCategory.isType === 2 && selectedCategory.children.length !== 0 && selectedCategory.children[0].children.length !==0 ) || ( selectedCategory.isType === 3 && selectedCategory.children.length !==0 ) || selectedCategory.isType === 4"
+          ref="file"
+          :is-anjuan="isAnjuan"
+          :anjuan-selection="anjuanSelection"
+          :selected-category="selectedCategory"
+          :fixed-status-bar="fixedStatusBar"
+          :smart-query="smartQuery"
+        />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getDicts } from '@/api/archivesConfig/dict'
+import archivesProject from './archivesProject/index'
+import archivesAnjuan from './archivesAnjuan/index'
+import archivesJuannei from './archivesJuannei/index'
+import crudCategory from '@/api/category/category'
+import CRUD, { presenter } from '@crud/crud'
+import { archivesCrud } from './mixins/archives'
+
+export default {
+  name: 'ArchivesList',
+  components: { archivesProject, archivesAnjuan, archivesJuannei },
+  cruds() {
+    return [
+      CRUD({
+        title: '档案', url: 'api/archives-type/menu',
+        crudMethod: { ...crudCategory }
+      })
+    ]
+  },
+  provide() {
+    return {
+      recycleMain: this
+    }
+  },
+  mixins: [presenter(), archivesCrud],
+  props: {
+    isdel: {
+      type: Boolean,
+      default: false
+    },
+    isRecycle: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      intellClassifyTree: [],
+      defaultProps: {
+        children: 'children',
+        label: 'cnName'
+      },
+      intellDefaultProps: {
+        children: 'childMenus',
+        label: 'dicName'
+      },
+      selectedCategory: {},
+      isAnjuan: true,
+      isProject: true,
+      anjuanSelection: {},
+      projectSelection: {},
+      intellClassifyLoading: false,
+      fixedStatusBar: false,
+      archiveYear: null,
+      smartQuery: {
+        'archiveYear': null,
+        'department': null,
+        'retention': null,
+        'securityClass': null,
+        'organizationMatter': null
+      },
+      treeCurrentNode: null,
+      nodeClick: false,
+      isHasProject: null // 案卷上是否有项目门类
+    }
+  },
+  watch: {
+    isdel: function(newValue, oldValue) {
+    },
+    isRecycle: function(newValue, oldValue) {
+    }
+  },
+  mounted() {
+    this.fixedStatusBar = JSON.parse(localStorage.getItem('statusBarFixedType')) === true
+  },
+  methods: {
+    // 缓存用户对于固定栏操作习惯
+    statusBarChecked(val) {
+      localStorage.setItem('statusBarFixedType', val)
+    },
+    // 逆归实现 获取指定元素
+    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]() {
+      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) => {
+              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.archivesTree.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)
+          }
+          // 删除刷新
+          if (localStorage.getItem('isDelt') === '1') {
+            if (this.$refs.project) {
+              this.$refs.project.$refs.table.clearSelection()
+            }
+            this.clearAnjuan()
+            this.clearFile()
+          } else if (localStorage.getItem('isDelt') === '2') {
+            if (this.$refs.project) {
+              this.$refs.project.selections = this.$refs.project.$refs.table.selection
+            }
+            if (this.$refs.anjuan) {
+              this.$refs.anjuan.$refs.table.clearSelection()
+            }
+            this.clearFile()
+          } else if (localStorage.getItem('isDelt') === '3') {
+            if (this.$refs.anjuan) {
+              this.$refs.anjuan.selections = this.$refs.anjuan.$refs.table.selection
+            }
+            if (this.$refs.file) {
+              this.$refs.file.$refs.table.clearSelection()
+            }
+          }
+          // 选中节点的门类详情
+          this.handleNodeClick(selectedKey)
+          localStorage.removeItem('noClick')
+        })
+      }
+      this.getIntellClassify()
+    },
+    getIntellClassify() {
+      getDicts().then(data => {
+        if (data) {
+          this.intellClassifyTree = data.filter(item => {
+            return item.dicCode === 'Search_MJ' || item.dicCode === 'Search_BGQX' || item.dicCode === 'Search_JGWT' || item.dicCode === 'Search_BM'
+          })
+        }
+      })
+    },
+    // 选中门类后，设置字典详情数据
+    handleNodeClick(val) {
+      if (val) {
+        if (localStorage.getItem('isForm')) {
+          localStorage.removeItem('noClick')
+        } else {
+          localStorage.setItem('noClick', true)
+        }
+        // 初始化智能分类的操作
+        if (this.$refs.smartTree) {
+          this.treeCurrentNode = null
+          const smartTreeList = this.intellClassifyTree
+          this.smartQuery = {
+            'archiveYear': null,
+            'department': null,
+            'retention': null,
+            'securityClass': null,
+            'organizationMatter': null
+          }
+          this.$refs.smartTree.setCurrentKey(null)
+          smartTreeList.forEach((item, index) => {
+            this.$refs.smartTree.store.nodesMap[smartTreeList[index].id].expanded = false
+          })
+        }
+        this.crud.selectionChangeHandler([val])
+        this.selectedCategory = val
+        // 判断当前选中的案卷上是否有项目门类，有-新增hide, 无-新增show
+        if (this.$refs.archivesTree.getNode(this.selectedCategory.id).parent.data.isType === 2) {
+          this.isHasProject = true
+        } else {
+          this.isHasProject = false
+        }
+        this.handleTableList()
+
+        // 缓存当前的选中的
+        localStorage.setItem('currentArchivesKey', JSON.stringify(val))
+      }
+    },
+    // 判断案卷内的卷内-新增btn-状态 中转站
+    getJnInAjBtnState(data) {
+      this.isAnjuan = data
+    },
+    getAjInProjectBtnState(data) {
+      this.isProject = data
+    },
+    // 项目内操作
+    getProjectSelections(data, selectData) {
+      this.smartQuery = {
+        'archiveYear': null,
+        'department': null,
+        'retention': null,
+        'securityClass': null,
+        'organizationMatter': null
+      }
+      if ((selectData && selectData.length > 1) || (selectData && selectData.length === 0)) {
+        this.isProject = true
+        this.isAnjuan = true
+        this.projectSelection = {}
+        this.$nextTick(() => {
+          if (this.$refs.anjuan) {
+            this.$refs.anjuan.selections = []
+            this.$refs.anjuan.$refs.table.clearSelection()
+            this.clearAnjuan()
+            if (this.$refs.file) {
+              this.$refs.file.selections = []
+              this.$refs.file.$refs.table.clearSelection()
+              this.clearFile()
+            }
+          }
+        })
+      } else if (selectData && selectData.length === 1) {
+        this.projectSelection = selectData[0]
+        this.$nextTick(() => {
+          if (this.$refs.anjuan) {
+            this.$refs.anjuan.$refs.table.clearSelection()
+            this.$refs.anjuan.getTableList()
+            if (this.$refs.file) {
+              this.$refs.file.$refs.table.clearSelection()
+              this.clearFile()
+            }
+          }
+        })
+      } else {
+        this.projectSelection = data
+        this.$nextTick(() => {
+          if (this.$refs.anjuan) {
+            this.$refs.anjuan.$refs.table.clearSelection()
+            this.clearAnjuan()
+            this.$refs.anjuan.getTableList()
+            if (this.$refs.file) {
+              this.$refs.file.$refs.table.clearSelection()
+              this.clearFile()
+            }
+          }
+        })
+      }
+    },
+    // 案卷内操作
+    getSelections(data, selectData) {
+      this.smartQuery = {
+        'archiveYear': null,
+        'department': null,
+        'retention': null,
+        'securityClass': null,
+        'organizationMatter': null
+      }
+      if ((selectData && selectData.length > 1) || (selectData && selectData.length === 0)) {
+        this.isAnjuan = true
+        this.anjuanSelection = {}
+        this.$nextTick(() => {
+          if (this.$refs.file) {
+            this.$refs.file.selections = []
+            this.$refs.file.$refs.table.clearSelection()
+            this.clearFile()
+          }
+        })
+      } else if (selectData && selectData.length === 1) {
+        this.anjuanSelection = selectData[0]
+        this.$nextTick(() => {
+          if (this.$refs.file) {
+            this.$refs.file.$refs.table.clearSelection()
+            this.$refs.file.getTableList()
+          }
+        })
+      } else {
+        this.anjuanSelection = data
+        this.$nextTick(() => {
+          if (this.$refs.file) {
+            this.$refs.file.$refs.table.clearSelection()
+            this.$refs.file.getTableList()
+          }
+        })
+      }
+      // 已装盒得案卷，不可新增案卷
+      if (this.anjuanSelection.case_no) {
+        this.isAnjuan = true
+      }
+    },
+    // 智能分类获取年度
+    getYear(obj) {
+      if (this.$refs.smartTree) {
+        this.intellClassifyLoading = true
+        setTimeout(() => {
+          if (this.intellClassifyTree[0].dicName === '年度') {
+            this.intellClassifyTree = this.intellClassifyTree.slice(1)
+          }
+          if (this.$refs[obj].yearGroup.length !== 0) {
+            const newYearArr = this.$refs[obj].yearGroup.map((item, index) => {
+              const json = {}
+              json.id = index
+              json.dicName = item
+              json.childMenus = []
+              json.ifChild = true
+              return json
+            })
+            this.intellClassifyTree.unshift({ id: -1, dicName: '年度', dicCode: 'Search_year', childMenus: newYearArr })
+          }
+          this.intellClassifyLoading = false
+        }, 1000)
+      }
+    },
+    // 智能分类
+    handleIntellNodeClick(data, node, ele) {
+      if (data) {
+        if (node.childNodes.length === 0) {
+          if (this.$refs.project) {
+            this.$refs.project.$refs.table.clearSelection()
+            this.clearProject()
+          }
+          if (this.$refs.anjuan) {
+            this.$refs.anjuan.$refs.table.clearSelection()
+            this.clearAnjuan()
+          }
+          if (this.$refs.file) {
+            this.$refs.file.$refs.table.clearSelection()
+            this.clearFile()
+          }
+          const selectedKey = this.$refs.smartTree.getCurrentNode()
+          const selectedParentVal = this.$refs.smartTree.getNode(selectedKey).parent.data.dicCode
+          this.treeCurrentNode = ele.$el
+          this.smartQuery = {
+            'archiveYear': null,
+            'department': null,
+            'retention': null,
+            'securityClass': null,
+            'organizationMatter': null
+          }
+          if (ele.$el.classList.contains('is-current')) {
+            this.treeCurrentNode.classList.remove('is-current')
+          } else {
+            this.treeCurrentNode.classList.add('is-current')
+            switch (selectedParentVal) {
+              case 'Search_year':
+                if (selectedKey.dicCode !== 'Search_year') {
+                  this.smartQuery.archiveYear = selectedKey.dicName
+                }
+                break
+              case 'Search_BM':
+                if (selectedKey.dicCode !== 'Search_BM') {
+                  this.smartQuery.department = selectedKey.dicName
+                }
+                break
+              case 'Search_BGQX':
+                if (selectedKey.dicCode !== 'Search_BGQX') {
+                  this.smartQuery.retention = selectedKey.dicName
+                }
+                break
+              case 'Search_MJ':
+                if (selectedKey.dicCode !== 'Search_MJ') {
+                  this.smartQuery.securityClass = selectedKey.dicName
+                }
+                break
+              default:
+                if (selectedKey.dicCode !== 'Search_JGWT') {
+                  this.smartQuery.organizationMatter = selectedKey.dicName
+                }
+            }
+          }
+          this.handleTableList()
+        }
+      }
+    },
+    // 获取档案list
+    handleTableList() {
+      // 门类菜单切换时案卷/卷内'新增'btn不可操作
+      localStorage.removeItem('isForm')
+      localStorage.removeItem('isDelt')
+      this.isProject = true
+      this.isAnjuan = true
+      if (this.selectedCategory.isType === 2) {
+        this.$nextTick(() => {
+          if (this.$refs.anjuan) {
+            if (localStorage.getItem('noClick')) {
+              this.$refs.anjuan.$refs.table.clearSelection()
+              this.clearAnjuan()
+            }
+          }
+          if (this.$refs.file) {
+            if (localStorage.getItem('noClick')) {
+              this.$refs.file.$refs.table.clearSelection()
+              this.clearFile()
+            }
+          }
+          this.$refs.project.getTableDisplayFields(0)
+          if (this.selectedCategory.children.length !== 0) {
+            if (this.$refs.anjuan) {
+              this.$refs.anjuan.getTableDisplayFields(1)
+            }
+            if (this.$refs.file) {
+              this.$refs.file.getTableDisplayFields(2)
+            }
+          }
+          setTimeout(() => {
+            this.$refs.project.getTableList()
+            if (this.$refs.project.$refs.table.selection.length !== 0) {
+              this.$refs.project.selections = this.$refs.project.$refs.table.selection
+              this.$refs.anjuan.getTableList()
+              this.isProject = false
+            } else {
+              this.$refs.anjuan.$refs.table.clearSelection()
+            }
+            if (this.$refs.anjuan.$refs.table.selection.length !== 0) {
+              this.$refs.anjuan.selections = this.$refs.anjuan.$refs.table.selection
+              this.$refs.file.getTableList()
+              if (this.$refs.file.$refs.table.selection.length !== 0) {
+                this.$refs.file.selections = this.$refs.file.$refs.table.selection
+              }
+              this.isAnjuan = false
+            } else {
+              this.clearAnjuan()
+              this.clearFile()
+              // this.$refs.anjuan.anjuanData = []
+              // this.$refs.anjuan.anjuanTableHeight = ''
+              // this.$refs.file.junneiData = []
+              // this.$refs.file.juanneiTableHeight = ''
+            }
+          }, 500)
+          if (!this.treeCurrentNode) {
+            this.getYear('project')
+          }
+        })
+      } else if (this.selectedCategory.isType === 3) {
+        this.$nextTick(() => {
+          if (this.$refs.anjuan) {
+            if (localStorage.getItem('noClick')) {
+              this.$refs.anjuan.$refs.table.clearSelection()
+              this.clearAnjuan()
+            }
+          }
+          if (this.$refs.file) {
+            if (localStorage.getItem('noClick')) {
+              this.$refs.file.$refs.table.clearSelection()
+              this.clearFile()
+            }
+          }
+          this.$refs.anjuan.getTableDisplayFields(1)
+          if (this.selectedCategory.children.length !== 0) {
+            if (this.$refs.file) {
+              this.$refs.file.getTableDisplayFields(2)
+            }
+          }
+          setTimeout(() => {
+            this.$refs.anjuan.getTableList()
+            if (this.$refs.anjuan.$refs.table.selection.length !== 0) {
+              this.$refs.anjuan.selections = this.$refs.anjuan.$refs.table.selection
+              this.$refs.file.getTableList()
+              if (this.$refs.file.$refs.table.selection.length !== 0) {
+                this.$refs.file.selections = this.$refs.file.$refs.table.selection
+              }
+              this.isAnjuan = false
+            } else {
+              // this.$refs.file.junneiData = []
+              // this.$refs.file.juanneiTableHeight = ''
+              this.clearFile()
+            }
+          }, 500)
+          if (!this.treeCurrentNode) {
+            this.getYear('anjuan')
+          }
+        })
+      } else if (this.selectedCategory.isType === 4) {
+        this.$nextTick(() => {
+          if (this.$refs.file) {
+            this.$refs.file.$refs.table.clearSelection()
+            this.clearFile()
+          }
+          this.$refs.file.getTableDisplayFields(2)
+          setTimeout(() => {
+            this.$refs.file.getTableList()
+          }, 500)
+          if (!this.treeCurrentNode) {
+            this.getYear('file')
+          }
+        })
+      } else if (this.selectedCategory.isType === 5) {
+        this.$nextTick(() => {
+          if (localStorage.getItem('noClick')) {
+            this.$refs.anjuan.$refs.table.clearSelection()
+          }
+          this.clearAnjuan()
+          this.$refs.anjuan.getTableDisplayFields(1)
+          setTimeout(() => {
+            this.$refs.anjuan.getTableList()
+            this.$refs.anjuan.selections = this.$refs.anjuan.$refs.table.selection
+          }, 500)
+          if (!this.treeCurrentNode) {
+            this.getYear('anjuan')
+          }
+        })
+      }
+    },
+    clearProject() {
+      if (this.$refs.project) {
+        this.$refs.project.projectData = []
+        this.$refs.project.projectTableHeight = ''
+        this.$refs.project.page = {
+          page: 1,
+          size: 10,
+          total: 0
+        }
+      }
+    },
+    clearAnjuan() {
+      if (this.$refs.anjuan) {
+        this.$refs.anjuan.anjuanData = []
+        this.$refs.anjuan.anjuanTableHeight = ''
+        this.$refs.anjuan.page = {
+          page: 1,
+          size: 10,
+          total: 0
+        }
+      }
+    },
+    clearFile() {
+      if (this.$refs.file) {
+        this.$refs.file.junneiData = []
+        this.$refs.file.juanneiTableHeight = ''
+        this.$refs.file.page = {
+          page: 1,
+          size: 10,
+          total: 0
+        }
+      }
+    }
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/styles/archives-manage.scss";
+.tree-scroll{
+  height: calc(100vh - 630px);
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+::v-deep .el-table th.el-table__cell > .cell {
+  white-space: pre;
+}
+.iconfont::before{
+  margin-right: 6px;
+}
+</style>
diff --git a/src/views/environmentalScreen/index.vue b/src/views/environmentalScreen/index.vue
index 150fd55..9d6a429 100644
--- a/src/views/environmentalScreen/index.vue
+++ b/src/views/environmentalScreen/index.vue
@@ -90,8 +90,8 @@
       </div>
       <div class="env-main-middle">
         <div class="env-3d">
-          <img src="~@/assets/images/largeScreen/screen.png" alt="">
-          <!-- <iframe id="myIframe" ref="myIframe" name="iframeMap" class="iframe_box" src="/webA/index.html" frameborder="0" scrolling="no" /> -->
+          <!-- <img src="~@/assets/images/largeScreen/screen.png" alt=""> -->
+          <iframe id="myIframe" ref="myIframe" name="iframeMap" class="iframe_box" src="/webA/index.html" frameborder="0" scrolling="no" />
           <ul class="screen-env-list">
             <li v-show="topDisplayData.DAK_DIV_TOP_001.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_001.curstatus > 0 }">
               <svg-icon icon-class="temperature" class-name="msg-list-svg" />
@@ -430,6 +430,7 @@ export default {
   mounted() {
     const _this = this
     this.iframeWin = this.$refs.myIframe.contentWindow
+    console.log(this.$refs.myIframe.contentWindow)
     // inframe 加载完成之后
     document.getElementById('myIframe').onload = function() {
       _this.deviceState()