diff --git a/src/assets/styles/yxk-admin.scss b/src/assets/styles/yxk-admin.scss
index ec5859a..23d52a9 100644
--- a/src/assets/styles/yxk-admin.scss
+++ b/src/assets/styles/yxk-admin.scss
@@ -1121,10 +1121,16 @@
     }
   }
   .el-input__inner{
-    
     @include category-info-text;
   }
-  
+}
+
+.small-preview-left{
+  .checkbox-item {
+    .el-form-item__content{
+      margin-left: 50px !important;
+    }
+  }
 }
 
 .preview-dialog{
diff --git a/src/views/prearchiveLibrary/data.json b/src/views/prearchiveLibrary/data.json
new file mode 100644
index 0000000..5bdc351
--- /dev/null
+++ b/src/views/prearchiveLibrary/data.json
@@ -0,0 +1,19 @@
+[
+  {
+    "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 7237e26..29ba018 100644
--- a/src/views/prearchiveLibrary/index.vue
+++ b/src/views/prearchiveLibrary/index.vue
@@ -1,25 +1,97 @@
 <template>
-  <div>预归档库</div>
+  <div class="app-container">
+    <!-- 门类列表 -->
+    <div class="container-main">
+      <div class="elect-cont-left">
+        <div class="container-left">
+          <span class="right-top-line" />
+          <span class="left-bottom-line" />
+          <!--门类树状结构-->
+          <div class="tree-scroll">
+            <el-tree ref="tree" v-loading="crud.loading" :data="treeList" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current :default-expanded-keys="[1]" :default-checked-keys="[1]" @node-click="handleNodeClick">
+              <span slot-scope="{ node, data }" class="custom-tree-node">
+                <span v-if="data.isType===1 " class="iconFolder">
+                  {{ data.label }}
+                </span>
+                <span v-if="data.isType===2 " class="iconFile">
+                  {{ data.label }}
+                </span>
+              </span>
+            </el-tree>
+          </div>
+        </div>
+      </div>
+      <div class="elect-cont-right">
+        <!--工具栏-->
+        <div class="head-container">
+          <div class="head-search">
+            <!-- 搜索 -->
+            <el-input v-model="query.name" clearable size="small" placeholder="输入部门名称搜索" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
+            <rrOperation />
+          </div>
+          <crudOperation :permission="permission">
+            <template v-slot:right>
+              <el-button size="mini">批量成件</el-button>
+              <el-button size="mini">合并成件</el-button>
+              <el-button size="mini">移动</el-button>
+            </template>
+          </crudOperation>
+        </div>
+        <!--表格渲染-->
+        <div class="container-right">
+          <span class="right-top-line" />
+          <span class="left-bottom-line" />
+          <el-table
+            ref="table"
+            v-loading="crud.loading"
+            lazy
+            :data="crud.data"
+            row-key="id"
+            @select="crud.selectChange"
+            @select-all="crud.selectAllChange"
+            @selection-change="crud.selectionChangeHandler"
+          >
+            <el-table-column type="selection" align="center" width="55" />
+            <el-table-column type="index" label="份号" align="center" width="55" />
+            <el-table-column label="标题" prop="name" :show-overflow-tooltip="true" width="200" />
+            <el-table-column label="发文字号" prop="number" />
+            <el-table-column label="成文日期" prop="date" />
+            <el-table-column label="机构或问题" prop="problem" />
+            <el-table-column label="公文标识" prop="officialIdent" />
+            <el-table-column label="文种" prop="recordType" />
+            <el-table-column label="密级" prop="seClassification" />
+            <el-table-column label="保管期限" prop="period" />
+          </el-table>
+          <!--分页组件-->
+          <pagination v-if="crud.data.length!==0" />
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 import crudCategory from '@/api/category/category'
 import CRUD, { presenter, header } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import dataJson from './data.json'
 
 export default {
   name: 'PrearchiveLibrary',
-  components: { },
+  components: { rrOperation, crudOperation },
   cruds() {
     return [
       CRUD({
         title: '预归档库', url: 'api/archives-type/menu',
         crudMethod: { ...crudCategory },
         optShow: {
-          add: false,
+          add: true,
           edit: true,
-          del: false,
-          download: false,
-          group: false
+          del: true,
+          download: true,
+          group: false,
+          reset: true
         }
       })
     ]
@@ -32,12 +104,47 @@ export default {
         edit: ['admin', 'prearchiveLibrary:edit'],
         del: ['admin', 'prearchiveLibrary:del'],
         sort: ['admin', 'prearchiveLibrary:sort']
-      }
+      },
+      treeList: []
     }
   },
   computed: {
   },
+  created() {
+    this.treeList = dataJson
+  },
   methods: {
+    // 展开选中的父级
+    expandParents(node) {
+      node.expanded = true
+      if (node.parent) {
+        this.expandParents(node.parent)
+      }
+    },
+    [CRUD.HOOK.beforeToAdd](crud, form, btn) {
+    },
+    [CRUD.HOOK.afterRefresh]() {
+      let currentKey
+      if (localStorage.getItem('currentMetaDataKey')) {
+        currentKey = JSON.parse(localStorage.getItem('currentMetaDataKey'))
+      } else {
+        currentKey = this.treeList[0]
+      }
+      // 设置某个节点的当前选中状态
+      this.$refs.tree.setCurrentKey(currentKey.id)
+      this.$nextTick(() => {
+        // 设置某个节点的父级展开
+        const selectedKey = this.$refs.tree.getCurrentNode()
+        if (this.$refs.tree.getNode(selectedKey) && this.$refs.tree.getNode(selectedKey).parent) {
+          this.expandParents(this.$refs.tree.getNode(selectedKey).parent)
+        }
+        // 选中节点的门类详情
+        this.handleNodeClick(selectedKey)
+      })
+    },
+    // 选中门类后
+    handleNodeClick(val) {
+    }
   }
 }
 </script>
diff --git a/src/views/system/archivesCategory/archiveSealSetting/module/form.vue b/src/views/system/archivesCategory/archiveSealSetting/module/form.vue
index f66c4f8..ee18c8f 100644
--- a/src/views/system/archivesCategory/archiveSealSetting/module/form.vue
+++ b/src/views/system/archivesCategory/archiveSealSetting/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+  <el-dialog :close-on-click-modal="false" :modal-append-to-body="false" :visible.sync="cuDialogVisible" :title="title">
     <div class="setting-dialog">
       <el-form ref="formData" :model="form" size="small" label-width="100px">
         <el-row>
diff --git a/src/views/system/archivesCategory/descriptionPreview/index.vue b/src/views/system/archivesCategory/descriptionPreview/index.vue
index f779434..3766ded 100644
--- a/src/views/system/archivesCategory/descriptionPreview/index.vue
+++ b/src/views/system/archivesCategory/descriptionPreview/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="category-main">
-    <div class="des-preview-left">
+    <div class="des-preview-left small-preview-left">
       <div class="des-title">
         <p>字段调整 输入字段</p>
       </div>
@@ -38,7 +38,7 @@
     </div>
 
     <!-- 修改字段 -->
-    <el-dialog class="edit-form-dialog" :visible="settingFormVisible" :before-close="handleClose" :close-on-click-modal="false" title="修改字段">
+    <el-dialog class="edit-form-dialog" :visible="settingFormVisible" :before-close="handleClose" :close-on-click-modal="false" :modal-append-to-body="false" title="修改字段">
       <div class="setting-dialog">
         <SettingForm ref="editForm" :is-disabled="false" :is-add="false" :this-fields="editField" />
         <div slot="footer" class="dialog-footer">
@@ -48,7 +48,7 @@
     </el-dialog>
 
     <!-- 界面字段预览排序 -->
-    <el-dialog class="preview-dialog sort-dialog" :visible="previewFormVisible" :before-close="handleClose" :close-on-click-modal="false" :destroy-on-close="true" title="著录界面排序">
+    <el-dialog class="preview-dialog sort-dialog" :visible="previewFormVisible" :before-close="handleClose" :close-on-click-modal="false" :modal-append-to-body="false" :destroy-on-close="true" title="著录界面排序">
       <div class="setting-dialog">
         <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
         <!-- <PreviewForm :is-disabled="true" :all-fields-data="allFieldsData" .sync/> -->
@@ -183,4 +183,9 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.category-main {
+  .des-preview-left{
+
+  }
+}
 </style>
diff --git a/src/views/system/archivesCategory/fieldManage/index.vue b/src/views/system/archivesCategory/fieldManage/index.vue
index 8078987..7c34cba 100644
--- a/src/views/system/archivesCategory/fieldManage/index.vue
+++ b/src/views/system/archivesCategory/fieldManage/index.vue
@@ -68,7 +68,7 @@
     <!--表单渲染-->
     <eForm crud-tag="field" />
     <quickSetting ref="quick" />
-    <el-dialog title="删除字段" :visible.sync="deleteVisible" :before-close="handleClose">
+    <el-dialog title="删除字段" :visible.sync="deleteVisible" :modal-append-to-body="false" :before-close="handleClose">
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
diff --git a/src/views/system/archivesCategory/fieldManage/module/form.vue b/src/views/system/archivesCategory/fieldManage/module/form.vue
index 6923931..fe82425 100644
--- a/src/views/system/archivesCategory/fieldManage/module/form.vue
+++ b/src/views/system/archivesCategory/fieldManage/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="field-setting-dialog" :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
+  <el-dialog class="field-setting-dialog" :modal-append-to-body="false" :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
     <div class="setting-dialog">
       <SettingForm ref="editForm" :is-disabled="false" :is-add="crud.status.add === 1" :this-fields="form" />
       <div slot="footer" class="dialog-footer">
diff --git a/src/views/system/archivesCategory/fieldManage/module/quickSetting.vue b/src/views/system/archivesCategory/fieldManage/module/quickSetting.vue
index c112410..9a27846 100644
--- a/src/views/system/archivesCategory/fieldManage/module/quickSetting.vue
+++ b/src/views/system/archivesCategory/fieldManage/module/quickSetting.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog title="快速设置" :visible.sync="quickVisible">
+  <el-dialog title="快速设置" :modal-append-to-body="false" :visible.sync="quickVisible">
     <div class="setting-dialog">
       <el-table :data="quickTableData" style="width: 100%;" :max-height="tableHeight" row-key="id">
         <el-table-column type="index" label="序号" width="100" align="center" />
diff --git a/src/views/system/archivesCategory/fileNoFormat/index.vue b/src/views/system/archivesCategory/fileNoFormat/index.vue
index b1855e5..ec0b5ba 100644
--- a/src/views/system/archivesCategory/fileNoFormat/index.vue
+++ b/src/views/system/archivesCategory/fileNoFormat/index.vue
@@ -39,7 +39,7 @@
     <!--排序对话框组件-->
     <sortDialog ref="sort" @refresh="initData" />
     <!--删除对话框组件-->
-    <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible">
+    <el-dialog class="tip-dialog" title="提示" :modal-append-to-body="false" :visible.sync="deleteVisible">
       <div class="setting-dialog">
         <div class="tip-content">
           <p class="tipMsg">此操作将移除当前所选字段</p>
diff --git a/src/views/system/archivesCategory/fileNoFormat/module/form.vue b/src/views/system/archivesCategory/fileNoFormat/module/form.vue
index c731adc..d93f19b 100644
--- a/src/views/system/archivesCategory/fileNoFormat/module/form.vue
+++ b/src/views/system/archivesCategory/fileNoFormat/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :modal-append-to-body="false" :visible.sync="cuDialogVisible" :title="title">
     <div class="setting-dialog">
       <el-form ref="formData" :model="formData" size="small" label-width="90px">
         <el-row v-for="(item) in formData.fields" :key="item.id">
diff --git a/src/views/system/archivesCategory/fileNoFormat/module/sortDialog.vue b/src/views/system/archivesCategory/fileNoFormat/module/sortDialog.vue
index 8d24c9b..60461a1 100644
--- a/src/views/system/archivesCategory/fileNoFormat/module/sortDialog.vue
+++ b/src/views/system/archivesCategory/fileNoFormat/module/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" :modal-append-to-body="false" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" class="fileno-format-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/archivesCategory/form.vue b/src/views/system/archivesCategory/form.vue
index 41e5982..ca8ab4f 100644
--- a/src/views/system/archivesCategory/form.vue
+++ b/src/views/system/archivesCategory/form.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
+  <el-dialog append-to-body :close-on-click-modal="false" :modal-append-to-body="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
     <div class="setting-dialog">
       <el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="90px">
         <el-form-item label="所属父级" prop="parentName">
diff --git a/src/views/system/archivesCategory/index.vue b/src/views/system/archivesCategory/index.vue
index cbe85f4..119b4fe 100644
--- a/src/views/system/archivesCategory/index.vue
+++ b/src/views/system/archivesCategory/index.vue
@@ -69,7 +69,7 @@
       </div>
       <!--修改新增表单组件-->
       <eForm ref="eform" :selected-category="selectedCategory" />
-      <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible" :before-close="handleClose">
+      <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible" :modal-append-to-body="false" :before-close="handleClose">
         <div class="setting-dialog">
           <div class="tip-content">
             <p class="tipMsg">此操作将删除当前所选门类项及其子集</p>
diff --git a/src/views/system/archivesCategory/listBrowsing/index.vue b/src/views/system/archivesCategory/listBrowsing/index.vue
index 30029a4..e369abc 100644
--- a/src/views/system/archivesCategory/listBrowsing/index.vue
+++ b/src/views/system/archivesCategory/listBrowsing/index.vue
@@ -47,7 +47,7 @@
       <!--排序对话框组件-->
       <sortDialog ref="sort" @refresh="initData" />
       <!--删除对话框组件-->
-      <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible">
+      <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible" :modal-append-to-body="false">
         <div class="setting-dialog">
           <div class="tip-content">
             <p class="tipMsg">此操作将移除当前所选字段</p>
diff --git a/src/views/system/archivesCategory/listBrowsing/module/form.vue b/src/views/system/archivesCategory/listBrowsing/module/form.vue
index 59037d9..b28c989 100644
--- a/src/views/system/archivesCategory/listBrowsing/module/form.vue
+++ b/src/views/system/archivesCategory/listBrowsing/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :modal-append-to-body="false" :visible.sync="cuDialogVisible" :title="title">
     <div class="setting-dialog">
       <el-form ref="formData" :model="formData" size="small" label-width="95px">
         <el-row v-for="(item, index) in formData.fields" :key="item.id">
diff --git a/src/views/system/archivesCategory/listBrowsing/module/sortDialog.vue b/src/views/system/archivesCategory/listBrowsing/module/sortDialog.vue
index 85bc8d3..f554576 100644
--- a/src/views/system/archivesCategory/listBrowsing/module/sortDialog.vue
+++ b/src/views/system/archivesCategory/listBrowsing/module/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" title="排序" :modal-append-to-body="false" :visible.sync="sortVisible" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" class="list-browsing-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/archivesCategory/orderingRule/index.vue b/src/views/system/archivesCategory/orderingRule/index.vue
index 353b924..af1a305 100644
--- a/src/views/system/archivesCategory/orderingRule/index.vue
+++ b/src/views/system/archivesCategory/orderingRule/index.vue
@@ -45,7 +45,7 @@
     <!--排序对话框组件-->
     <sortDialog ref="sort" @refresh="initData" />
     <!--删除对话框组件-->
-    <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible">
+    <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible" :modal-append-to-body="false">
       <div class="setting-dialog">
         <div class="tip-content">
           <p class="tipMsg">此操作将移除当前所选字段</p>
diff --git a/src/views/system/archivesCategory/orderingRule/module/form.vue b/src/views/system/archivesCategory/orderingRule/module/form.vue
index 281b086..cc4797b 100644
--- a/src/views/system/archivesCategory/orderingRule/module/form.vue
+++ b/src/views/system/archivesCategory/orderingRule/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+  <el-dialog :close-on-click-modal="false" :visible.sync="cuDialogVisible" :modal-append-to-body="false" :title="title">
     <span class="dialog-right-top" />
     <span class="dialog-left-bottom" />
     <div class="setting-dialog">
diff --git a/src/views/system/archivesCategory/orderingRule/module/sortDialog.vue b/src/views/system/archivesCategory/orderingRule/module/sortDialog.vue
index 534ff1e..88eae44 100644
--- a/src/views/system/archivesCategory/orderingRule/module/sortDialog.vue
+++ b/src/views/system/archivesCategory/orderingRule/module/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" :modal-append-to-body="false" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" class="ordering-rule-sort" style="width: 100%;;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/archivesCategory/processManage/module/form.vue b/src/views/system/archivesCategory/processManage/module/form.vue
index 8efc4b2..01e4755 100644
--- a/src/views/system/archivesCategory/processManage/module/form.vue
+++ b/src/views/system/archivesCategory/processManage/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="process-dialog" :close-on-click-modal="false" :visible.sync="cuDialogVisible" title="工作流选择">
+  <el-dialog class="process-dialog" :close-on-click-modal="false" :visible.sync="cuDialogVisible" :modal-append-to-body="false" title="工作流选择">
     <div class="setting-dialog">
       <el-form ref="form" class="process-form" inline :model="form" :rules="rules" size="small" label-width="80px">
         <div class="process-template">
diff --git a/src/views/system/archivesCategory/publicScreening/index.vue b/src/views/system/archivesCategory/publicScreening/index.vue
index 260031a..86ec59a 100644
--- a/src/views/system/archivesCategory/publicScreening/index.vue
+++ b/src/views/system/archivesCategory/publicScreening/index.vue
@@ -11,7 +11,7 @@
       </el-button>
     </div>
     <!--表单组件-->
-    <el-dialog append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" title="公共筛选设置">
+    <el-dialog append-to-body :close-on-click-modal="false" :modal-append-to-body="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" title="公共筛选设置">
       <div class="setting-dialog">
         <el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="90px">
           <el-form-item label="筛选项" prop="filterItem">
diff --git a/src/views/system/archivesCategory/sortDialog.vue b/src/views/system/archivesCategory/sortDialog.vue
index 42705b1..a163792 100644
--- a/src/views/system/archivesCategory/sortDialog.vue
+++ b/src/views/system/archivesCategory/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" :close-on-click-modal="false" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" :close-on-click-modal="false" :modal-append-to-body="false" title="排序" :visible.sync="sortVisible" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" :tree-props="{children: 'childrens'}" class="category-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/fileLibraryManage/descriptionPreview/index.vue b/src/views/system/fileLibraryManage/descriptionPreview/index.vue
index f779434..1efa3a1 100644
--- a/src/views/system/fileLibraryManage/descriptionPreview/index.vue
+++ b/src/views/system/fileLibraryManage/descriptionPreview/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="category-main">
-    <div class="des-preview-left">
+    <div class="des-preview-left small-preview-left">
       <div class="des-title">
         <p>字段调整 输入字段</p>
       </div>
diff --git a/src/views/system/fileLibraryManage/fieldManage/index.vue b/src/views/system/fileLibraryManage/fieldManage/index.vue
index 8078987..7c34cba 100644
--- a/src/views/system/fileLibraryManage/fieldManage/index.vue
+++ b/src/views/system/fileLibraryManage/fieldManage/index.vue
@@ -68,7 +68,7 @@
     <!--表单渲染-->
     <eForm crud-tag="field" />
     <quickSetting ref="quick" />
-    <el-dialog title="删除字段" :visible.sync="deleteVisible" :before-close="handleClose">
+    <el-dialog title="删除字段" :visible.sync="deleteVisible" :modal-append-to-body="false" :before-close="handleClose">
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
diff --git a/src/views/system/fileLibraryManage/fieldManage/module/form.vue b/src/views/system/fileLibraryManage/fieldManage/module/form.vue
index 6923931..59d037a 100644
--- a/src/views/system/fileLibraryManage/fieldManage/module/form.vue
+++ b/src/views/system/fileLibraryManage/fieldManage/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="field-setting-dialog" :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
+  <el-dialog class="field-setting-dialog" :close-on-click-modal="false" :modal-append-to-body="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
     <div class="setting-dialog">
       <SettingForm ref="editForm" :is-disabled="false" :is-add="crud.status.add === 1" :this-fields="form" />
       <div slot="footer" class="dialog-footer">
diff --git a/src/views/system/fileLibraryManage/fieldManage/module/quickSetting.vue b/src/views/system/fileLibraryManage/fieldManage/module/quickSetting.vue
index c112410..da627bf 100644
--- a/src/views/system/fileLibraryManage/fieldManage/module/quickSetting.vue
+++ b/src/views/system/fileLibraryManage/fieldManage/module/quickSetting.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog title="快速设置" :visible.sync="quickVisible">
+  <el-dialog title="快速设置" :visible.sync="quickVisible" :modal-append-to-body="false">
     <div class="setting-dialog">
       <el-table :data="quickTableData" style="width: 100%;" :max-height="tableHeight" row-key="id">
         <el-table-column type="index" label="序号" width="100" align="center" />
diff --git a/src/views/system/fileLibraryManage/fileNoFormat/index.vue b/src/views/system/fileLibraryManage/fileNoFormat/index.vue
index b1855e5..ec0b5ba 100644
--- a/src/views/system/fileLibraryManage/fileNoFormat/index.vue
+++ b/src/views/system/fileLibraryManage/fileNoFormat/index.vue
@@ -39,7 +39,7 @@
     <!--排序对话框组件-->
     <sortDialog ref="sort" @refresh="initData" />
     <!--删除对话框组件-->
-    <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible">
+    <el-dialog class="tip-dialog" title="提示" :modal-append-to-body="false" :visible.sync="deleteVisible">
       <div class="setting-dialog">
         <div class="tip-content">
           <p class="tipMsg">此操作将移除当前所选字段</p>
diff --git a/src/views/system/fileLibraryManage/fileNoFormat/module/form.vue b/src/views/system/fileLibraryManage/fileNoFormat/module/form.vue
index c731adc..d93f19b 100644
--- a/src/views/system/fileLibraryManage/fileNoFormat/module/form.vue
+++ b/src/views/system/fileLibraryManage/fileNoFormat/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :modal-append-to-body="false" :visible.sync="cuDialogVisible" :title="title">
     <div class="setting-dialog">
       <el-form ref="formData" :model="formData" size="small" label-width="90px">
         <el-row v-for="(item) in formData.fields" :key="item.id">
diff --git a/src/views/system/fileLibraryManage/fileNoFormat/module/sortDialog.vue b/src/views/system/fileLibraryManage/fileNoFormat/module/sortDialog.vue
index 8d24c9b..60461a1 100644
--- a/src/views/system/fileLibraryManage/fileNoFormat/module/sortDialog.vue
+++ b/src/views/system/fileLibraryManage/fileNoFormat/module/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" :modal-append-to-body="false" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" class="fileno-format-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/fileLibraryManage/form.vue b/src/views/system/fileLibraryManage/form.vue
index 7cc924a..21f8bb9 100644
--- a/src/views/system/fileLibraryManage/form.vue
+++ b/src/views/system/fileLibraryManage/form.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
+  <el-dialog append-to-body :close-on-click-modal="false" :modal-append-to-body="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
     <div class="setting-dialog">
       <el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="90px">
         <el-row>
diff --git a/src/views/system/fileLibraryManage/index.vue b/src/views/system/fileLibraryManage/index.vue
index 39fb049..490cf82 100644
--- a/src/views/system/fileLibraryManage/index.vue
+++ b/src/views/system/fileLibraryManage/index.vue
@@ -65,7 +65,7 @@
       </div>
       <!--修改新增表单组件-->
       <eForm ref="eform" :selected-category="selectedCategory" />
-      <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible" :before-close="handleClose">
+      <el-dialog class="tip-dialog" title="提示" :modal-append-to-body="false" :visible.sync="deleteVisible" :before-close="handleClose">
         <div class="setting-dialog">
           <div class="tip-content">
             <p class="tipMsg">此操作将删除当前所选分类项及其子集</p>
@@ -77,7 +77,7 @@
           </div>
         </div>
       </el-dialog>
-      <el-dialog class="tip-dialog" title="确认删除" :visible.sync="reconfirmDeleteVisible" :before-close="handleClose">
+      <el-dialog class="tip-dialog" title="确认删除" :modal-append-to-body="false" :visible.sync="reconfirmDeleteVisible" :before-close="handleClose">
         <div class="setting-dialog">
           <div class="tip-content">
             <p class="tipMsg">删除后，会永久清除此门类的相关设置及报表，请谨慎操作！</p>
diff --git a/src/views/system/fileLibraryManage/listBrowsing/index.vue b/src/views/system/fileLibraryManage/listBrowsing/index.vue
index 30029a4..3910785 100644
--- a/src/views/system/fileLibraryManage/listBrowsing/index.vue
+++ b/src/views/system/fileLibraryManage/listBrowsing/index.vue
@@ -47,7 +47,7 @@
       <!--排序对话框组件-->
       <sortDialog ref="sort" @refresh="initData" />
       <!--删除对话框组件-->
-      <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible">
+      <el-dialog class="tip-dialog" title="提示" :modal-append-to-body="false" :visible.sync="deleteVisible">
         <div class="setting-dialog">
           <div class="tip-content">
             <p class="tipMsg">此操作将移除当前所选字段</p>
diff --git a/src/views/system/fileLibraryManage/listBrowsing/module/form.vue b/src/views/system/fileLibraryManage/listBrowsing/module/form.vue
index 59037d9..b28c989 100644
--- a/src/views/system/fileLibraryManage/listBrowsing/module/form.vue
+++ b/src/views/system/fileLibraryManage/listBrowsing/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :modal-append-to-body="false" :visible.sync="cuDialogVisible" :title="title">
     <div class="setting-dialog">
       <el-form ref="formData" :model="formData" size="small" label-width="95px">
         <el-row v-for="(item, index) in formData.fields" :key="item.id">
diff --git a/src/views/system/fileLibraryManage/listBrowsing/module/sortDialog.vue b/src/views/system/fileLibraryManage/listBrowsing/module/sortDialog.vue
index 85bc8d3..a0782ea 100644
--- a/src/views/system/fileLibraryManage/listBrowsing/module/sortDialog.vue
+++ b/src/views/system/fileLibraryManage/listBrowsing/module/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" :modal-append-to-body="false" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" class="list-browsing-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/fileLibraryManage/orderingRule/index.vue b/src/views/system/fileLibraryManage/orderingRule/index.vue
index 353b924..95a8b29 100644
--- a/src/views/system/fileLibraryManage/orderingRule/index.vue
+++ b/src/views/system/fileLibraryManage/orderingRule/index.vue
@@ -45,7 +45,7 @@
     <!--排序对话框组件-->
     <sortDialog ref="sort" @refresh="initData" />
     <!--删除对话框组件-->
-    <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible">
+    <el-dialog class="tip-dialog" title="提示" :modal-append-to-body="false" :visible.sync="deleteVisible">
       <div class="setting-dialog">
         <div class="tip-content">
           <p class="tipMsg">此操作将移除当前所选字段</p>
diff --git a/src/views/system/fileLibraryManage/orderingRule/module/form.vue b/src/views/system/fileLibraryManage/orderingRule/module/form.vue
index 281b086..d41088d 100644
--- a/src/views/system/fileLibraryManage/orderingRule/module/form.vue
+++ b/src/views/system/fileLibraryManage/orderingRule/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+  <el-dialog :close-on-click-modal="false" :modal-append-to-body="false" :visible.sync="cuDialogVisible" :title="title">
     <span class="dialog-right-top" />
     <span class="dialog-left-bottom" />
     <div class="setting-dialog">
diff --git a/src/views/system/fileLibraryManage/orderingRule/module/sortDialog.vue b/src/views/system/fileLibraryManage/orderingRule/module/sortDialog.vue
index 534ff1e..52e14c4 100644
--- a/src/views/system/fileLibraryManage/orderingRule/module/sortDialog.vue
+++ b/src/views/system/fileLibraryManage/orderingRule/module/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" title="排序" :modal-append-to-body="false" :visible.sync="sortVisible" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" class="ordering-rule-sort" style="width: 100%;;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/fileLibraryManage/sortDialog.vue b/src/views/system/fileLibraryManage/sortDialog.vue
index 42705b1..a163792 100644
--- a/src/views/system/fileLibraryManage/sortDialog.vue
+++ b/src/views/system/fileLibraryManage/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" :close-on-click-modal="false" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" :close-on-click-modal="false" :modal-append-to-body="false" title="排序" :visible.sync="sortVisible" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" :tree-props="{children: 'childrens'}" class="category-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/subjectLibraryManage/descriptionPreview/index.vue b/src/views/system/subjectLibraryManage/descriptionPreview/index.vue
index 3325c0a..0381f3e 100644
--- a/src/views/system/subjectLibraryManage/descriptionPreview/index.vue
+++ b/src/views/system/subjectLibraryManage/descriptionPreview/index.vue
@@ -38,7 +38,7 @@
     </div>
 
     <!-- 修改字段 -->
-    <el-dialog class="edit-form-dialog" :visible="settingFormVisible" :before-close="handleClose" :close-on-click-modal="false" title="修改字段">
+    <el-dialog class="edit-form-dialog" :visible="settingFormVisible" :modal-append-to-body="false" :before-close="handleClose" :close-on-click-modal="false" title="修改字段">
       <div class="setting-dialog">
         <SettingForm ref="editForm" :is-disabled="false" :is-add="false" :this-fields="editField" />
         <div slot="footer" class="dialog-footer">
@@ -48,7 +48,7 @@
     </el-dialog>
 
     <!-- 界面字段预览排序 -->
-    <el-dialog class="preview-dialog sort-dialog" :visible="previewFormVisible" :before-close="handleClose" :close-on-click-modal="false" :destroy-on-close="true" title="著录界面排序">
+    <el-dialog class="preview-dialog sort-dialog" :visible="previewFormVisible" :modal-append-to-body="false" :before-close="handleClose" :close-on-click-modal="false" :destroy-on-close="true" title="著录界面排序">
       <div class="setting-dialog">
         <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
         <!-- <PreviewForm :is-disabled="true" :all-fields-data="allFieldsData" .sync/> -->
diff --git a/src/views/system/subjectLibraryManage/fieldManage/index.vue b/src/views/system/subjectLibraryManage/fieldManage/index.vue
index 8534d46..52248e8 100644
--- a/src/views/system/subjectLibraryManage/fieldManage/index.vue
+++ b/src/views/system/subjectLibraryManage/fieldManage/index.vue
@@ -68,7 +68,7 @@
     <!--表单渲染-->
     <eForm crud-tag="field" />
     <quickSetting ref="quick" />
-    <el-dialog title="删除字段" :visible.sync="deleteVisible" :before-close="handleClose">
+    <el-dialog title="删除字段" :modal-append-to-body="false" :visible.sync="deleteVisible" :before-close="handleClose">
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
diff --git a/src/views/system/subjectLibraryManage/fieldManage/module/form.vue b/src/views/system/subjectLibraryManage/fieldManage/module/form.vue
index 6923931..fe82425 100644
--- a/src/views/system/subjectLibraryManage/fieldManage/module/form.vue
+++ b/src/views/system/subjectLibraryManage/fieldManage/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="field-setting-dialog" :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
+  <el-dialog class="field-setting-dialog" :modal-append-to-body="false" :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
     <div class="setting-dialog">
       <SettingForm ref="editForm" :is-disabled="false" :is-add="crud.status.add === 1" :this-fields="form" />
       <div slot="footer" class="dialog-footer">
diff --git a/src/views/system/subjectLibraryManage/fieldManage/module/quickSetting.vue b/src/views/system/subjectLibraryManage/fieldManage/module/quickSetting.vue
index c112410..9a27846 100644
--- a/src/views/system/subjectLibraryManage/fieldManage/module/quickSetting.vue
+++ b/src/views/system/subjectLibraryManage/fieldManage/module/quickSetting.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog title="快速设置" :visible.sync="quickVisible">
+  <el-dialog title="快速设置" :modal-append-to-body="false" :visible.sync="quickVisible">
     <div class="setting-dialog">
       <el-table :data="quickTableData" style="width: 100%;" :max-height="tableHeight" row-key="id">
         <el-table-column type="index" label="序号" width="100" align="center" />
diff --git a/src/views/system/subjectLibraryManage/listBrowsing/index.vue b/src/views/system/subjectLibraryManage/listBrowsing/index.vue
index efa5d1b..96dc2ce 100644
--- a/src/views/system/subjectLibraryManage/listBrowsing/index.vue
+++ b/src/views/system/subjectLibraryManage/listBrowsing/index.vue
@@ -47,7 +47,7 @@
       <!--排序对话框组件-->
       <sortDialog ref="sort" @refresh="initData" />
       <!--删除对话框组件-->
-      <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible">
+      <el-dialog class="tip-dialog" title="提示" :modal-append-to-body="false" :visible.sync="deleteVisible">
         <div class="setting-dialog">
           <div class="tip-content">
             <p class="tipMsg">此操作将移除当前所选字段</p>
diff --git a/src/views/system/subjectLibraryManage/listBrowsing/module/form.vue b/src/views/system/subjectLibraryManage/listBrowsing/module/form.vue
index 59037d9..b28c989 100644
--- a/src/views/system/subjectLibraryManage/listBrowsing/module/form.vue
+++ b/src/views/system/subjectLibraryManage/listBrowsing/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+  <el-dialog class="addEdit-category-form" :close-on-click-modal="false" :modal-append-to-body="false" :visible.sync="cuDialogVisible" :title="title">
     <div class="setting-dialog">
       <el-form ref="formData" :model="formData" size="small" label-width="95px">
         <el-row v-for="(item, index) in formData.fields" :key="item.id">
diff --git a/src/views/system/subjectLibraryManage/listBrowsing/module/sortDialog.vue b/src/views/system/subjectLibraryManage/listBrowsing/module/sortDialog.vue
index 85bc8d3..f554576 100644
--- a/src/views/system/subjectLibraryManage/listBrowsing/module/sortDialog.vue
+++ b/src/views/system/subjectLibraryManage/listBrowsing/module/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" title="排序" :modal-append-to-body="false" :visible.sync="sortVisible" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" class="list-browsing-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/subjectLibraryManage/orderingRule/index.vue b/src/views/system/subjectLibraryManage/orderingRule/index.vue
index 49dcd76..99feda3 100644
--- a/src/views/system/subjectLibraryManage/orderingRule/index.vue
+++ b/src/views/system/subjectLibraryManage/orderingRule/index.vue
@@ -45,7 +45,7 @@
     <!--排序对话框组件-->
     <sortDialog ref="sort" @refresh="initData" />
     <!--删除对话框组件-->
-    <el-dialog class="tip-dialog" title="提示" :visible.sync="deleteVisible">
+    <el-dialog class="tip-dialog" title="提示" :modal-append-to-body="false" :visible.sync="deleteVisible">
       <div class="setting-dialog">
         <div class="tip-content">
           <p class="tipMsg">此操作将移除当前所选字段</p>
diff --git a/src/views/system/subjectLibraryManage/orderingRule/module/form.vue b/src/views/system/subjectLibraryManage/orderingRule/module/form.vue
index 281b086..d41088d 100644
--- a/src/views/system/subjectLibraryManage/orderingRule/module/form.vue
+++ b/src/views/system/subjectLibraryManage/orderingRule/module/form.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+  <el-dialog :close-on-click-modal="false" :modal-append-to-body="false" :visible.sync="cuDialogVisible" :title="title">
     <span class="dialog-right-top" />
     <span class="dialog-left-bottom" />
     <div class="setting-dialog">
diff --git a/src/views/system/subjectLibraryManage/orderingRule/module/sortDialog.vue b/src/views/system/subjectLibraryManage/orderingRule/module/sortDialog.vue
index 534ff1e..52e14c4 100644
--- a/src/views/system/subjectLibraryManage/orderingRule/module/sortDialog.vue
+++ b/src/views/system/subjectLibraryManage/orderingRule/module/sortDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <!--表单组件-->
-  <el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" @opened="opened">
+  <el-dialog class="sort-dialog" title="排序" :modal-append-to-body="false" :visible.sync="sortVisible" @opened="opened">
     <div class="setting-dialog">
       <i class="drag-tip">提示：使用鼠标拖动调整顺序</i>
       <el-table :data="sortTableData" class="ordering-rule-sort" style="width: 100%;;" :max-height="tableHeight" row-key="id">
diff --git a/src/views/system/user/center/updateEmail.vue b/src/views/system/user/center/updateEmail.vue
index 360d80e..b48a8ea 100644
--- a/src/views/system/user/center/updateEmail.vue
+++ b/src/views/system/user/center/updateEmail.vue
@@ -1,6 +1,6 @@
 <template>
-  <div style="display: inline-block;">
-    <el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body @close="cancel">
+  <div>
+    <el-dialog class="dialog-middle" :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body @close="cancel">
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
diff --git a/src/views/system/user/center/updatePass.vue b/src/views/system/user/center/updatePass.vue
index b5a7273..bb6d77e 100644
--- a/src/views/system/user/center/updatePass.vue
+++ b/src/views/system/user/center/updatePass.vue
@@ -1,6 +1,6 @@
 <template>
-  <div style="display: inline-block">
-    <el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body @close="cancel">
+  <div>
+    <el-dialog class="dialog-middle" :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body @close="cancel">
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">