From a8e82f33577471deab46d328ca5323095917f9f8 Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Fri, 7 Apr 2023 17:27:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=A3=E6=A1=88=E9=97=A8=E7=B1=BB=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/icon/tree-01.png            | Bin 0 -> 2596 bytes
 src/assets/images/icon/tree-02.png            | Bin 0 -> 3874 bytes
 src/assets/images/icon/tree-03.png            | Bin 0 -> 5256 bytes
 src/assets/styles/index.scss                  |   5 +
 src/assets/styles/mixin.scss                  |  54 ++-
 src/assets/styles/yxk-admin.scss              |  41 ++-
 src/components/Crud/CRUD.operation.vue        |   3 -
 .../archiveSealSetting/index.vue              |  24 ++
 .../archivesCategory/baseInfo/index.vue       | 125 +++++++
 .../descriptionPreview/index.vue              | 318 ++++++++++++++++++
 .../archivesCategory/fieldManage/index.vue    | 225 +++++++++++++
 .../fieldManage/module/form.vue               |  65 ++++
 .../archivesCategory/fileNoFormat/index.vue   | 190 +++++++++++
 .../fileNoFormat/module/form.vue              |  87 +++++
 .../fileNoFormat/module/sortDialog.vue        |  81 +++++
 src/views/system/archivesCategory/form.vue    | 152 +++++++++
 src/views/system/archivesCategory/index.vue   | 303 +++++++++++++++++
 .../archivesCategory/listBrowsing/index.vue   | 242 +++++++++++++
 .../listBrowsing/module/form.vue              | 106 ++++++
 .../listBrowsing/module/sortDialog.vue        |  81 +++++
 .../archivesCategory/orderingRule/index.vue   | 212 ++++++++++++
 .../orderingRule/module/form.vue              |  68 ++++
 .../orderingRule/module/sortDialog.vue        |  81 +++++
 .../archivesCategory/processManage/index.vue  |   9 +
 .../publicScreening/index.vue                 |   9 +
 .../system/archivesCategory/sortDialog.vue    |  84 +++++
 src/views/system/dept/index.vue               |   1 -
 27 files changed, 2555 insertions(+), 11 deletions(-)
 create mode 100644 src/assets/images/icon/tree-01.png
 create mode 100644 src/assets/images/icon/tree-02.png
 create mode 100644 src/assets/images/icon/tree-03.png
 create mode 100644 src/views/system/archivesCategory/archiveSealSetting/index.vue
 create mode 100644 src/views/system/archivesCategory/baseInfo/index.vue
 create mode 100644 src/views/system/archivesCategory/descriptionPreview/index.vue
 create mode 100644 src/views/system/archivesCategory/fieldManage/index.vue
 create mode 100644 src/views/system/archivesCategory/fieldManage/module/form.vue
 create mode 100644 src/views/system/archivesCategory/fileNoFormat/index.vue
 create mode 100644 src/views/system/archivesCategory/fileNoFormat/module/form.vue
 create mode 100644 src/views/system/archivesCategory/fileNoFormat/module/sortDialog.vue
 create mode 100644 src/views/system/archivesCategory/form.vue
 create mode 100644 src/views/system/archivesCategory/index.vue
 create mode 100644 src/views/system/archivesCategory/listBrowsing/index.vue
 create mode 100644 src/views/system/archivesCategory/listBrowsing/module/form.vue
 create mode 100644 src/views/system/archivesCategory/listBrowsing/module/sortDialog.vue
 create mode 100644 src/views/system/archivesCategory/orderingRule/index.vue
 create mode 100644 src/views/system/archivesCategory/orderingRule/module/form.vue
 create mode 100644 src/views/system/archivesCategory/orderingRule/module/sortDialog.vue
 create mode 100644 src/views/system/archivesCategory/processManage/index.vue
 create mode 100644 src/views/system/archivesCategory/publicScreening/index.vue
 create mode 100644 src/views/system/archivesCategory/sortDialog.vue

diff --git a/src/assets/images/icon/tree-01.png b/src/assets/images/icon/tree-01.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef637e02514ca1d6c767c5bb827fcf0b6d92f5b1
GIT binary patch
literal 2596
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
aSkc*ch^Z8}{p&t>>;q^Nx>L1dAm^XBBTGI2

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/tree-02.png b/src/assets/images/icon/tree-02.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1c7d85a0facbcff9d162a3d41c3044c22d1f0f6
GIT binary patch
literal 3874
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
Lt<aTb?s5MByNwoP

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/tree-03.png b/src/assets/images/icon/tree-03.png
new file mode 100644
index 0000000000000000000000000000000000000000..882e33ef9135e5fbd1e9c2761bdb27b9c285cad9
GIT binary patch
literal 5256
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

literal 0
HcmV?d00001

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 680426d..a8a7243 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -220,6 +220,11 @@ ul{
   background-color: rgba(0,0,0,0.2);
 }
 
+
+.iconfont{
+  font-weight: normal;
+}
+
 @media screen and (min-width:1200px) and (max-width:1536px){
   .tab-content .tab-nav {
     li{
diff --git a/src/assets/styles/mixin.scss b/src/assets/styles/mixin.scss
index 4788a7e..8be844e 100644
--- a/src/assets/styles/mixin.scss
+++ b/src/assets/styles/mixin.scss
@@ -32,7 +32,7 @@
     background-color:  #13439E;
   }
   [data-theme="light"] & {
-    background-color:#d3dce6;
+    background-color:#0348F3;
   }
 }
 
@@ -364,6 +364,11 @@
   }
 }
 
+@mixin tree_children_icon_font{
+  [data-theme="light"] & {
+    color: #0C0E1E;
+  }
+}
 
 @mixin tree_children_padding{
   [data-theme="light"] & {
@@ -692,3 +697,50 @@
     }
   }
 }
+@mixin category-left-style{
+  [data-theme="dark"] & {
+    width: 328px;
+  }
+  [data-theme="light"] & {
+    width: 368px;
+  }
+}
+
+@mixin category-right-hide{
+  [data-theme="dark"] & {
+    width: calc(100vw - 442px);
+  }
+  [data-theme="light"] & {
+    width: calc(100vw - 482px);
+  }
+}
+
+@mixin category-right-open{
+  [data-theme="dark"] & {
+    width: calc(100vw - 644px);
+  }
+  [data-theme="light"] & {
+    width: calc(100vw - 684px);
+  }
+}
+
+@mixin category-info-item{
+  [data-theme="dark"] & {
+    margin-bottom: 30px;
+  }
+  [data-theme="light"] & {
+    margin-bottom: 15px;
+  }
+}
+
+@mixin category-info-text{
+  [data-theme="dark"] & {
+    background-color: #02255f;
+    color: #fff;
+    border-radius: 4px;
+    margin-right: 20px;
+  }
+  [data-theme="light"] & {
+    color: #0C0E1E;
+  }
+}
diff --git a/src/assets/styles/yxk-admin.scss b/src/assets/styles/yxk-admin.scss
index 0ce2787..8aadb10 100644
--- a/src/assets/styles/yxk-admin.scss
+++ b/src/assets/styles/yxk-admin.scss
@@ -38,22 +38,21 @@
   .elect-cont-right{
     width: calc(100vw - 379px);
   }
-
   .category-container{
     .elect-cont-right{
-      width: calc(100vw - 482px);
+      @include category-right-hide;
     }
   }
 }
+
 .openSidebar{
   // siderbar-展开 256 + 间距 60 + treeLeft 265
   .elect-cont-right{
     width: calc(100vw - 581px);
   }
-
   .category-container{
     .elect-cont-right{
-      width: calc(100vw - 684px);
+      @include category-right-open;
     }
   }
 }
@@ -86,7 +85,7 @@
 
 .category-container{
   .elect-cont-left{
-    width: 368px;
+    @include category-left-style;
   }
   .elect-cont-right{
     margin-top: 0;
@@ -308,7 +307,7 @@
     @include tree_font_color;
   }
   .el-tree-node__children{
-    padding: 0 18px;
+    padding: 0 0 0 18px;
     .el-tree-node__content{
       @include tree_children_padding;
       height: 30px;
@@ -1574,3 +1573,33 @@ input[type ='number'] {
   -webkit-box-shadow: -1px 0 0 0 #1890ff;
   box-shadow: -1px 0 0 0 #E8F2FF;
 }
+
+.iconFolder{
+  display: inline-block;
+  width: 17px;
+  height: 17px;
+  padding-left: 22px;
+  background: url('~@/assets/images/icon/tree-01.png') no-repeat left center;
+  background-size: contain;
+}
+.iconArch{
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  padding-left: 22px;
+  background: url('~@/assets/images/icon/tree-02.png') no-repeat left center;
+  background-size: cover;
+}
+
+.iconFile{
+  @include tree_children_font;
+  font-family: "iconfont" !important;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  &::before{
+    content: "\e623";
+    font-size: 16px;
+    @include tree_children_icon_font;
+  }
+}
\ No newline at end of file
diff --git a/src/components/Crud/CRUD.operation.vue b/src/components/Crud/CRUD.operation.vue
index 412613a..2223890 100644
--- a/src/components/Crud/CRUD.operation.vue
+++ b/src/components/Crud/CRUD.operation.vue
@@ -249,9 +249,6 @@ export default {
 .crud-opts .crud-opts-right span {
   float: left;
 }
-.iconfont{
-  font-weight: normal;
-}
 .icon-xinzeng{
   font-size: 14px !important;
 }
diff --git a/src/views/system/archivesCategory/archiveSealSetting/index.vue b/src/views/system/archivesCategory/archiveSealSetting/index.vue
new file mode 100644
index 0000000..117735f
--- /dev/null
+++ b/src/views/system/archivesCategory/archiveSealSetting/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <div>
+    归档章设置
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ArchiveSealSetting',
+  data() {
+    return {
+    }
+  },
+  watch: {
+  },
+  created() {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/views/system/archivesCategory/baseInfo/index.vue b/src/views/system/archivesCategory/baseInfo/index.vue
new file mode 100644
index 0000000..df4d7d9
--- /dev/null
+++ b/src/views/system/archivesCategory/baseInfo/index.vue
@@ -0,0 +1,125 @@
+<template>
+  <div class="base-info" style="display:flex; justify-content: flex-start;">
+    <div class="base-info-left">
+      <div class="info-item">
+        <span>名称：</span>
+        <p>{{ selectedCategory.cnName }}</p>
+      </div>
+      <div class="info-item">
+        <span>节点类型：</span>
+        <p v-if="selectedCategory.isType == 1">文件夹</p>
+        <p v-else-if="selectedCategory.isType == 2">项目</p>
+        <p v-else-if="selectedCategory.isType == 3">案卷</p>
+        <p v-else-if="selectedCategory.isType == 4">卷内</p>
+        <p v-else-if="selectedCategory.isType == 5">文件</p>
+        <p v-else />
+      </div>
+      <!-- v-if="selectedCategory.pid !== '0'" -->
+      <div class="info-item">
+        <span>所属父级：</span>
+        <p>{{ selectedCategory.parentName ? selectedCategory.parentName : '-' }}</p>
+      </div>
+      <div class="info-item info-content">
+        <span>备注：</span>
+        <p>{{ selectedCategory.remark ? selectedCategory.remark : '-' }}</p>
+      </div>
+    </div>
+    <div class="base-info-right">
+      <!-- <div v-if="selectedCategory.isType !== 1" class="info-item">
+        <span>档号规则：</span>
+        <p>{{ fileNoFormatStr }}</p>
+      </div> -->
+      <div v-if="selectedCategory.isType !== 1" class="info-item">
+        <span>编码：</span>
+        <p>WS01</p>
+      </div>
+      <div v-if="selectedCategory.isType !== 1" class="info-item">
+        <span>整理方式：</span>
+        <p>按件整理</p>
+      </div>
+      <div v-if="selectedCategory.isType !== 1" class="info-item">
+        <span>是否装盒：</span>
+        <p>装盒</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getNoFormatField } from '@/api/category/fileNoFormat'
+export default {
+  name: 'BaseInfo',
+  props: {
+    selectedCategory: {
+      type: Object,
+      default: function() {
+        return {
+          cnName: '',
+          isType: '',
+          parentName: '',
+          isColumnLength: '',
+          remark: ''
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      fileNoFormatStr: ''
+    }
+  },
+  watch: {
+    selectedCategory: function(newValue, oldValue) {
+      if (newValue && newValue.id) {
+        this.initData()
+      }
+    }
+  },
+  created() {
+    if (this.selectedCategory && this.selectedCategory.id) {
+      this.initData()
+    }
+  },
+  methods: {
+    initData() {
+      getNoFormatField({ categoryId: this.selectedCategory.id }).then((res) => {
+        this.fileNoFormatStr = ''
+        res.forEach((item) => {
+          this.fileNoFormatStr += item.fieldCnName + item.connector
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/styles/mixin.scss";
+@import "~@/assets/styles/variables.scss";
+.base-info {
+  padding: 20px;
+  .info-item {
+    display: flex;
+    font-size: 14px;
+    @include category-info-item;
+    span {
+      display: block;
+      width: 80px;
+      height: 36px;
+      line-height: 36px;
+      text-align: right;
+      // margin-right: 10px;
+      @include pagination-font;
+    }
+    p {
+      width: 300px;
+      padding: 0 10px;
+      line-height: 36px;
+      @include category-info-text;
+    }
+  }
+  .info-content p {
+    height: 120px;
+  }
+}
+</style>
diff --git a/src/views/system/archivesCategory/descriptionPreview/index.vue b/src/views/system/archivesCategory/descriptionPreview/index.vue
new file mode 100644
index 0000000..f4ced3b
--- /dev/null
+++ b/src/views/system/archivesCategory/descriptionPreview/index.vue
@@ -0,0 +1,318 @@
+<template>
+  <div class="category-main">
+    <div class="des-preview-left">
+      <div class="des-title">
+        <p>字段调整 输入字段</p>
+      </div>
+      <ul class="des-fields">
+        <li v-for="(item,index) in allFieldsData" v-show="item.isInput" :key="index" :class="[ fieldsActive == index ?'fields-active':'']" @click="selectField(index)">
+          <el-tooltip class="item" effect="dark" :content="item.fieldCnName" :enterable="false" placement="top">
+            <p>{{ item.fieldCnName }}</p>
+          </el-tooltip>
+        </li>
+      </ul>
+      <div class="des-title">
+        <p @click="isCollaspeHiddenFields = !isCollaspeHiddenFields">非输入字段 <i :class="['el-icon-arrow-down', isCollaspeHiddenFields ?'el-icon-arrow-down':'arrow-up']" /></p>
+      </div>
+      <!-- 收起展开 -->
+      <el-collapse-transition>
+        <ul v-show="!isCollaspeHiddenFields" class="des-fields">
+          <li v-for="(item,index) in allFieldsData" v-show="!item.isInput" :key="index" :class="[ fieldsActive == index ?'fields-active':'']" @click="selectField(index)">
+            <el-tooltip class="item" effect="dark" :content="item.fieldCnName" :enterable="false" placement="top">
+              <p>{{ item.fieldCnName }}</p>
+            </el-tooltip>
+          </li>
+        </ul>
+      </el-collapse-transition>
+      <div class="des-set-btn">
+        <el-button type="primary" icon="el-icon-edit" @click="settingForm">修改</el-button>
+        <el-button class="des-set-sort" type="primary" icon="iconfont icon-paixu-fanbai" @click="previewFormVisible = true">排序</el-button>
+      </div>
+      <SettingForm :is-disabled="true" :is-add="false" :this-fields="thisFields" />
+    </div>
+    <div class="des-preview-right">
+      <div class="des-title">
+        <p>界面预览效果</p>
+      </div>
+      <PreviewForm ref="previewForm1" :is-has-code="true" :is-disabled="false" :form-preview-data.sync="isInputFields" :selected-category="selectedCategory" :is-des-form-type="isDesFormType" />
+    </div>
+
+    <!-- 修改字段 -->
+    <el-dialog class="edit-form-dialog" :visible="settingFormVisible" :before-close="handleClose" :close-on-click-modal="false" title="修改字段">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <SettingForm ref="editForm" :is-disabled="false" :is-add="false" :this-fields="editField" />
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" :loading="loading" @click="editSubmit">保存</el-button>
+        </div>
+      </div>
+    </el-dialog>
+
+    <!-- 界面字段预览排序 -->
+    <el-dialog class="preview-dialog" :visible="previewFormVisible" :before-close="handleClose" :close-on-click-modal="false" :destroy-on-close="true" title="修改排序">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <i class="drag-tip">提示：请通过拖动鼠标来调整当前顺序</i>
+        <!-- <PreviewForm :is-disabled="true" :all-fields-data="allFieldsData" .sync/> -->
+        <PreviewForm ref="previewForm" :is-has-code="true" :is-disabled="false" :is-draggable="true" :form-preview-data="JSON.parse(JSON.stringify(isInputFields))" :is-des-form-type="isDesFormType" :selected-category="selectedCategory" />
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click.native="handleSort">保存</el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import PreviewForm from '@/views/components/category/PreviewForm'
+import SettingForm from '@/views/components/category/SettingForm'
+import { FetchArchivesTypeManage } from '@/api/category/category'
+import { edit } from '@/api/category/fieldManage'
+import { previewFormOrder } from '@/api/category/listBrowsing'
+export default {
+  name: 'DescriptionPreview',
+  components: { PreviewForm, SettingForm },
+  props: {
+    selectedCategory: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      allFieldsData: [],
+      isCollaspeHiddenFields: true, // 隐藏字段收起展开
+      settingFormVisible: false, // 修改编辑字段 - dialog
+      previewFormVisible: false, // 界面预览form - dialog
+      fieldsActive: 0, // 当前字段index
+      thisFields: { dictionaryConfigId: { dicName: null, id: null }}, // 当前项字段内容
+      editField: {},
+      isInputFields: [],
+      loading: false,
+      isDesFormType: 'category'
+    }
+  },
+  watch: {
+    selectedCategory: function(newValue, oldValue) {
+      this.getArchivesType()
+    }
+  },
+  mounted() {
+    this.getArchivesType()
+  },
+  methods: {
+    getArchivesType(setField) {
+      // 门类切换时，表单校验清除
+      this.$refs.previewForm1.$refs['addOrUpdateForm'].clearValidate()
+      FetchArchivesTypeManage({ categoryId: this.selectedCategory.id, isType: 2 }).then(res => {
+        this.allFieldsData.splice(0, this.allFieldsData.length)
+        this.isInputFields.splice(0, this.isInputFields.length)
+        if (!setField) {
+          setField = false
+        }
+        res.sort(this.compare).forEach((item, index) => {
+          // 防止对应字典是null时报错
+          item.dictionaryConfigId = item.dictionaryConfigId || { dicName: null, id: null }
+          this.allFieldsData.push(item)
+          if (item.isInput && !setField) {
+            this.fieldsActive = index
+            this.thisFields = item
+            setField = true
+          }
+          if (item.isInput) {
+            this.isInputFields.push(item)
+          }
+        })
+      })
+    },
+    handleClose(done) {
+      this.settingFormVisible = false
+      this.previewFormVisible = false
+      // this.editResetForm()
+      done()
+    },
+    compare(a, b) {
+      return a.isSequence - b.isSequence
+    },
+    settingForm() {
+      this.editField = JSON.parse(JSON.stringify(this.thisFields))
+      this.settingFormVisible = true
+    },
+    // 当前选中的字段
+    selectField(index) {
+      this.hiddenFieldsActive = -1
+      this.fieldsActive = index
+      this.thisFields = this.allFieldsData[this.fieldsActive]
+    },
+    // 修改字段"保存"提交
+    editSubmit() {
+      this.$refs['editForm'].$refs['form'].validate(valid => {
+        if (!valid) {
+          return
+        }
+        this.loading = true
+        edit(this.editField).then(() => {
+          this.loading = false
+          this.$message({
+            message: '保存成功',
+            type: 'success',
+            duration: 2500
+          })
+          this.settingFormVisible = false
+          // 清空数组数据
+          this.allFieldsData.splice(0, this.allFieldsData.length)
+          this.getArchivesType(true)
+          this.thisFields = this.editField
+        })
+      })
+      return false
+    },
+    handleSort() {
+      const sortParam = this.$refs.previewForm.formPreviewData.map((item, index) => {
+        return {
+          isSequence: index + 1,
+          id: item.id
+        }
+      })
+      previewFormOrder(sortParam).then(() => {
+        this.previewFormVisible = false
+        this.getArchivesType()
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.category-main {
+  display: flex;
+  justify-content: flex-start;
+  padding: 20px;
+  .des-preview-left,
+  .des-preview-right {
+    height: calc(100vh - 274px);
+    padding-right: 10px;
+    overflow-y: auto;
+  }
+  .des-preview-left {
+    flex: 1;
+  }
+  .des-title {
+    position: relative;
+    height: 28px;
+    margin-bottom: 10px;
+    padding-left: 46px;
+    font-size: 14px;
+    font-weight: bold;
+    color: #fff;
+    cursor: pointer;
+    p {
+      position: absolute;
+      left: 46px;
+      top: 0;
+      line-height: 28px;
+      background-image: -webkit-gradient(
+        linear,
+        0 0,
+        0 bottom,
+        from(rgba(255, 255, 255, 1)),
+        to(rgba(46, 143, 237, 1))
+      );
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+      z-index: 2;
+      i {
+        font-size: 16px;
+        margin-left: 6px;
+        background-image: none;
+        -webkit-text-fill-color: #fff;
+        transition: all ease-in 0.5s;
+        &.arrow-up {
+          transform: rotate(180deg);
+        }
+      }
+    }
+    &::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 93px;
+      height: 28px;
+      background: url(~@/assets/images/des_title.png) no-repeat;
+      background-size: contain;
+      z-index: 1;
+    }
+  }
+  .des-fields {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 30px;
+    margin-left: 1px;
+    li {
+      width: 116px;
+      height: 40px;
+      line-height: 40px;
+      margin: -1px 0 0 -1px;
+      font-size: 14px;
+      text-align: center;
+      color: #3a99fd;
+      border: 1px solid #339cff;
+      cursor: pointer;
+      p {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+      }
+      &:hover,
+      &.fields-active {
+        color: #fff;
+        background-color: #339cff;
+      }
+    }
+  }
+  .des-set-btn {
+    text-align: right;
+    .el-button {
+      background-color: #3a99fd;
+    }
+    .des-set-sort {
+      ::v-deep .iconfont {
+        line-height: 0 !important;
+      }
+      ::v-deep span {
+        margin-left: 5px;
+      }
+    }
+  }
+
+  .des-preview-right {
+    width: 690px;
+    margin-left: 20px;
+  }
+  .edit-form-dialog {
+    ::v-deep .el-dialog {
+      .el-input.is-disabled .el-input__inner {
+        color: #fff;
+      }
+      .el-input-number.is-controls-right {
+        margin-right: 10px;
+      }
+    }
+  }
+
+  .drag-tip {
+    display: block;
+    padding-left: 20px;
+    padding-bottom: 10px;
+    font-style: normal;
+    font-weight: bold;
+    color: #fff;
+  }
+}
+</style>
diff --git a/src/views/system/archivesCategory/fieldManage/index.vue b/src/views/system/archivesCategory/fieldManage/index.vue
new file mode 100644
index 0000000..b8c5afb
--- /dev/null
+++ b/src/views/system/archivesCategory/fieldManage/index.vue
@@ -0,0 +1,225 @@
+<template>
+  <div>
+    <div class="head-container">
+      <crudOperation :permission="permission" crud-tag="field">
+        <template v-slot:right>
+          <el-button v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length === 0" @click="toDelete(crud.selections)">删除</el-button>
+        </template>
+      </crudOperation>
+    </div>
+    <!--表格渲染-->
+    <el-table ref="fieldTable" v-loading="crud.loading" :data="crud.data" style="min-width: 100%;" height="calc(100vh - 302px)" crud-tag="field" @selection-change="selectionChangeHandler" @row-click="clickRowHandler">
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index" label="序号" width="55" />
+      <el-table-column prop="fieldCnName" label="字段名称" min-width="145" show-overflow-tooltip />
+      <el-table-column prop="fieldName" label="字段标识" min-width="145" show-overflow-tooltip />
+      <el-table-column label="数据类型" min-width="85">
+        <template slot-scope="scope">
+          <span v-if="scope.row.isDataType === 1">字符</span>
+          <span v-if="scope.row.isDataType === 2">数字</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="isColumnLength" label="字段长度" min-width="85" />
+      <el-table-column label="著录形式" min-width="85">
+        <template slot-scope="scope">
+          <span v-if="scope.row.isInputClass === 'select'">下拉框</span>
+          <span v-if="scope.row.isInputClass === 'text'">文本框</span>
+          <span v-if="scope.row.isInputClass === 'date'">日期框</span>
+          <span v-if="scope.row.isInputClass === 'number'">数字框</span>
+          <span v-if="scope.row.isInputClass === 'popover'">弹出框</span>
+          <span v-if="scope.row.isInputClass === 'textarea'">文本域</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="dictionaryConfigId.dicName" label="对应字典" min-width="85" show-overflow-tooltip />
+      <el-table-column prop="editLength" label="显示长度" min-width="85" />
+      <el-table-column label="显示一整行" min-width="110" align="center">
+        <template slot-scope="scope">
+          <el-checkbox v-model="scope.row.isLine" :disabled="true" />
+        </template>
+      </el-table-column>
+      <el-table-column label="输入字段" min-width="85" align="center">
+        <template slot-scope="scope">
+          <el-checkbox v-model="scope.row.isInput" :disabled="true" />
+        </template>
+      </el-table-column>
+      <el-table-column label="必填字段" min-width="85" align="center">
+        <template slot-scope="scope">
+          <el-checkbox v-model="scope.row.isRequired" :disabled="true" />
+        </template>
+      </el-table-column>
+      <el-table-column label="自动生成" min-width="85" align="center">
+        <template slot-scope="scope">
+          <el-checkbox v-model="scope.row.isAuto" :disabled="true" />
+        </template>
+      </el-table-column>
+      <el-table-column label="自动补零" min-width="85" align="center">
+        <template slot-scope="scope">
+          <el-checkbox v-model="scope.row.isFilling" :disabled="true" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="fillingDigit" label="位数" min-width="55" align="center" :formatter="digitFormatter" />
+      <el-table-column label="值不重复" min-width="85" align="center">
+        <template slot-scope="scope">
+          <el-checkbox v-model="scope.row.isRepeat" :disabled="true" />
+        </template>
+      </el-table-column>
+    </el-table>
+    <!--表单渲染-->
+    <eForm crud-tag="field" />
+    <el-dialog title="删除字段" :visible.sync="deleteVisible" :before-close="handleClose">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <div class="dialog-delt">
+          <p><span>确定要删除当前字段吗？</span></p>
+        </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click.native="handleConfirm">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import fieldCrudMethod from '@/api/category/fieldManage'
+import eForm from './module/form'
+import CRUD, { presenter } from '@crud/crud'
+import crudOperation from '@crud/CRUD.operation'
+
+export default {
+  components: { eForm, crudOperation },
+  mixins: [
+    presenter()
+  ],
+  cruds() {
+    return CRUD({
+      tag: 'field',
+      url: 'api/arc-dic/manage',
+      crudMethod: fieldCrudMethod,
+      title: '字段',
+      optShow: {
+        add: true,
+        edit: true,
+        del: false,
+        download: false,
+        group: false
+      }
+    })
+  },
+  props: {
+    selectedCategory: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      permission: {
+        add: ['admin', 'fieldManage:add'],
+        edit: ['admin', 'fieldManage:edit'],
+        del: ['admin', 'fieldManage:edit']
+      },
+      deleteVisible: false,
+      deleteData: {},
+      delLoading: false
+    }
+  },
+  watch: {
+    selectedCategory: function(newValue, oldValue) {
+      this.crud.refresh()
+    }
+  },
+  methods: {
+    // 获取数据前设置默认参数
+    [CRUD.HOOK.beforeRefresh]() {
+      this.crud.query.categoryId = this.selectedCategory.id
+      this.crud.query.isType = 2
+    },
+    [CRUD.HOOK.afterRefresh](crud) {
+      crud.data.forEach(function(item, index) {
+        item.dictionaryConfigId = item.dictionaryConfigId || { id: null }
+      })
+    },
+    [CRUD.HOOK.beforeValidateCU](crud) {
+      // 页面重复添加信息时，下拉框的校验会存在，需要手工取消
+      crud.findVM('form').$refs['editForm'].$refs['form'].validate(valid => {
+        if (!valid) {
+          return
+        }
+        if (crud.status.add === CRUD.STATUS.PREPARED) {
+          crud.doAdd()
+        } else if (crud.status.edit === CRUD.STATUS.PREPARED) {
+          crud.doEdit()
+        }
+      })
+      return false
+    },
+    [CRUD.HOOK.beforeSubmit]() {
+      if (this.crud.status.add > CRUD.STATUS.NORMAL) {
+        this.crud.form.isSequence = this.crud.data.reduce((prev, cur) => { return { isSequence: Math.max(prev.isSequence, cur.isSequence) } }).isSequence + 1
+      }
+    },
+    [CRUD.HOOK.beforeToCU]() {
+      if (this.crud.findVM('form').$refs['editForm']) {
+        this.crud.findVM('form').$refs['editForm'].$refs['form'].clearValidate()
+      }
+    },
+    clickRowHandler(row) {
+      this.$refs.fieldTable.clearSelection()
+      this.$refs.fieldTable.toggleRowSelection(row)
+    },
+    selectionChangeHandler(val) {
+      if (val.length > 1) {
+        // 取出最后val的最后一个返回出来
+        const finalVal = val.pop()
+        // 清除所有选中
+        this.$refs.fieldTable.clearSelection()
+        // 给最后一个加上选中
+        this.$refs.fieldTable.toggleRowSelection(finalVal)
+        this.crud.selectionChangeHandler([finalVal])
+      } else {
+        this.crud.selectionChangeHandler(val)
+      }
+    },
+    toDelete(data) {
+      if (data[0].isSystem) {
+        this.$message({
+          message: '系统字段不可删除',
+          type: 'warning',
+          duration: 2500
+        })
+        return
+      }
+      this.deleteData = data
+      this.deleteVisible = true
+    },
+    handleConfirm() {
+      this.deleteVisible = false
+      this.crud.delAllLoading = true
+      this.crud.doDelete(this.deleteData)
+    },
+    handleClose(done) {
+      this.deleteData = {}
+      done()
+    },
+    digitFormatter(row, column, cellValue) {
+      return cellValue || '-'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep thead .el-table-column--selection .cell {
+  display: none;
+}
+::v-deep div.el-dialog__footer {
+  text-align: center;
+}
+::v-deep .el-table tr .el-table__cell {
+  height: 40px;
+}
+</style>
diff --git a/src/views/system/archivesCategory/fieldManage/module/form.vue b/src/views/system/archivesCategory/fieldManage/module/form.vue
new file mode 100644
index 0000000..017f536
--- /dev/null
+++ b/src/views/system/archivesCategory/fieldManage/module/form.vue
@@ -0,0 +1,65 @@
+<template>
+  <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <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">
+        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">
+          保存
+        </el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { form } from '@crud/crud'
+import SettingForm from '@/views/components/category/SettingForm'
+
+const defaultForm = {
+  id: null,
+  fieldName: null,
+  fieldCnName: null,
+  isDefaultValue: null,
+  isInputClass: 'text',
+  isDataType: null,
+  isDataTypeDetails: null,
+  isColumnLength: null,
+  isColumnType: 1,
+  isSequence: null,
+  isType: 2,
+  isSystem: true,
+  isLine: false,
+  isInput: true,
+  isRequired: false,
+  isAutomatic: false,
+  isAdd: null,
+  isSearch: null,
+  isInherit: null,
+  isFilling: false,
+  fillingDigit: null,
+  isRepeat: null,
+  isDisplay: false,
+  displayOrder: null,
+  isDisplayformat: null,
+  displayformatType: null,
+  editLength: 196,
+  displayLength: null,
+  dictionaryConfigId: {
+    id: null
+  }
+}
+export default {
+  components: { SettingForm },
+  mixins: [
+    form(function() {
+      return Object.assign({ categoryId: this.$parent.selectedCategory.id }, defaultForm)
+    })
+  ],
+  data() {
+    return {
+    }
+  }
+}
+</script>
diff --git a/src/views/system/archivesCategory/fileNoFormat/index.vue b/src/views/system/archivesCategory/fileNoFormat/index.vue
new file mode 100644
index 0000000..c9ab3f4
--- /dev/null
+++ b/src/views/system/archivesCategory/fileNoFormat/index.vue
@@ -0,0 +1,190 @@
+<template>
+  <div class="format-main">
+    <div class="format-main-left">
+      <div class="head-container">
+        <el-button v-permission="permission.add" size="mini" icon="el-icon-plus" :disabled="table.left.selections.length == 0" @click="toAdd(table.left.selections)">
+          新增
+        </el-button>
+      </div>
+      <!--表格渲染-->
+      <el-table ref="leftTable" v-loading="table.left.loading" :data="table.left.data" style="width: 400px;" height="calc(100vh - 302px)" @selection-change="(val)=>selectionChangeHandler(val,'left')" @row-click="(row,column,e)=>clickRowHandler(row,column,e,'leftTable')">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column prop="fieldCnName" label="字段名称" align="center" />
+      </el-table>
+      <!--表单渲染-->
+      <eForm />
+    </div>
+    <div class="format-main-right">
+      <div class="head-container">
+        <!-- type="danger" -->
+        <el-button v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="delAllLoading" :disabled="table.right.selections.length === 0" @click="toDelete(table.right.selections)">
+          移除
+        </el-button>
+        <el-button v-permission="permission.edit" size="mini" icon="el-icon-edit" :disabled="table.right.selections.length === 0" @click="toEdit(table.right.selections)">
+          修改
+        </el-button>
+        <el-button v-permission="permission.sort" icon="el-icon-sort" size="mini" :loading="sortLoading" :disabled="table.right.data <= 1" @click="toSort">排序</el-button>
+      </div>
+      <!--表格渲染-->
+      <el-table ref="rightTable" v-loading="table.right.loading" :data="table.right.data" style="min-width: 100%;" height="calc(100vh - 302px)" @selection-change="(val)=>selectionChangeHandler(val,'right')" @row-click="(row,column,e)=>clickRowHandler(row,column,e,'rightTable')">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column prop="fieldCnName" label="组成字段" align="center" />
+        <el-table-column prop="connector" label="组成符号" align="center" />
+      </el-table>
+      <!--表单渲染-->
+      <eForm ref="cuform" @refresh="initData" />
+    </div>
+    <!--排序对话框组件-->
+    <sortDialog ref="sort" @refresh="initData" />
+    <!--删除对话框组件-->
+    <el-dialog title="移除字段" :visible.sync="deleteVisible">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <div class="dialog-delt">
+          <p><span>确定要移除当前字段吗？</span></p>
+        </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click.native="handleDelConfirm">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { FetchArchivesTypeManage } from '@/api/category/category'
+import { getNoFormatField, del } from '@/api/category/fileNoFormat'
+import eForm from './module/form'
+import sortDialog from './module/sortDialog'
+import Vue from 'vue'
+
+export default {
+  components: { eForm, sortDialog },
+  props: {
+    selectedCategory: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      permission: {
+        add: ['admin', 'fileNoFormat:add'],
+        edit: ['admin', 'fileNoFormat:edit'],
+        del: ['admin', 'fileNoFormat:delete'],
+        sort: ['admin', 'fileNoFormat:sort']
+      },
+      deleteVisible: false,
+      sortLoading: false,
+      delAllLoading: false,
+      table: {
+        left: {
+          data: [],
+          Loading: false,
+          selections: []
+        },
+        right: {
+          data: [],
+          Loading: false,
+          selections: []
+        }
+      }
+    }
+  },
+  watch: {
+    selectedCategory: function(newValue, oldValue) {
+      this.initData()
+    }
+  },
+  created() {
+    this.initData()
+  },
+  methods: {
+    initData() {
+      FetchArchivesTypeManage({ categoryId: this.selectedCategory.id, isType: 2 }).then((res) => {
+        this.table.left.data.splice(0, this.table.left.data.length)
+        res.forEach((item) => {
+          if (!item.isDisplayformat && item.isInput && !item.isAutomatic) {
+            this.table.left.data.push(item)
+          }
+        })
+      })
+      getNoFormatField({ categoryId: this.selectedCategory.id }).then((res) => {
+        this.table.right.data.splice(0, this.table.right.data.length)
+        res.forEach((item) => {
+          this.table.right.data.push(item)
+        })
+      })
+    },
+    clickRowHandler(row, column, e, tableName) {
+      this.$refs[tableName].toggleRowSelection(row)
+    },
+    selectionChangeHandler(val, tableName) {
+      this.table[tableName].selections = val
+    },
+    toAdd() {
+      this.table.left.selections.forEach((item) => {
+        Vue.set(item, 'connector', '-')
+        Vue.set(item, 'categoryId', this.selectedCategory.id)
+      })
+      this.$refs.cuform.title = '新增字段'
+      Vue.set(this.$refs.cuform.formData, 'fields', JSON.parse(JSON.stringify(this.table.left.selections)))
+      this.$refs.cuform.cuDialogVisible = true
+    },
+    toEdit() {
+      this.$refs.cuform.title = '编辑字段'
+      Vue.set(this.$refs.cuform.formData, 'fields', JSON.parse(JSON.stringify(this.table.right.selections)))
+      this.$refs.cuform.cuDialogVisible = true
+    },
+    toDelete() {
+      this.deleteVisible = true
+    },
+    handleDelConfirm() {
+      this.deleteVisible = false
+      this.delAllLoading = true
+      const deleteData = this.table.right.selections
+      del(deleteData).then((res) => {
+        this.delAllLoading = false
+        this.$message({
+          message: '删除成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.initData()
+      })
+    },
+    toSort() {
+      this.$refs.sort.sortTableData = JSON.parse(JSON.stringify(this.table.right.data))
+      this.$refs.sort.sortVisible = true
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep div.el-dialog__footer {
+  text-align: center;
+}
+::v-deep .el-table tr .el-table__cell {
+  height: 40px;
+}
+.format-main {
+  display: flex;
+  justify-content: flex-start;
+  .format-main-left,
+  .format-main-right {
+    height: calc(100vh - 231px);
+  }
+  .format-main-left {
+    padding-right: 10px;
+  }
+  .format-main-right {
+    flex-grow: 1;
+  }
+}
+</style>
diff --git a/src/views/system/archivesCategory/fileNoFormat/module/form.vue b/src/views/system/archivesCategory/fileNoFormat/module/form.vue
new file mode 100644
index 0000000..f5df3ea
--- /dev/null
+++ b/src/views/system/archivesCategory/fileNoFormat/module/form.vue
@@ -0,0 +1,87 @@
+<template>
+  <el-dialog :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <div class="setting-dialog">
+      <div class="fields-list">
+        <el-form ref="formData" :model="formData" size="small" label-width="75px">
+          <el-row v-for="(item) in formData.fields" :key="item.id" :gutter="10">
+            <el-col :span="15">
+              <el-form-item label="组成字段">
+                <el-input v-model="item.fieldCnName" :disabled="true" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <el-form-item label="组成符号">
+                <el-input v-model="item.connector" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="loading" @click="save">保存</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { add, edit } from '@/api/category/fileNoFormat'
+export default {
+  data() {
+    return {
+      cuDialogVisible: false,
+      formData: {},
+      title: '新增字段',
+      loading: false
+    }
+  },
+  methods: {
+    save() {
+      this.loading = true
+      if (this.title === '新增字段') {
+        const addData = this.formData.fields.map((item) => {
+          return {
+            dictionaryId: item.id,
+            fieldName: item.fieldName,
+            fieldCnName: item.fieldCnName,
+            connector: item.connector,
+            categoryId: item.categoryId
+          }
+        })
+        add(addData).then((res) => {
+          this.$message({
+            message: '保存成功',
+            type: 'success',
+            duration: 2500
+          })
+          this.cuDialogVisible = false
+          this.loading = false
+          this.$emit('refresh')
+        })
+      } else {
+        edit(this.formData.fields).then((res) => {
+          this.$message({
+            message: '保存成功',
+            type: 'success',
+            duration: 2500
+          })
+          this.cuDialogVisible = false
+          this.loading = false
+          this.$emit('refresh')
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.fields-list {
+  max-height: calc(100vh - 312px);
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+}
+</style>
diff --git a/src/views/system/archivesCategory/fileNoFormat/module/sortDialog.vue b/src/views/system/archivesCategory/fileNoFormat/module/sortDialog.vue
new file mode 100644
index 0000000..03e3e35
--- /dev/null
+++ b/src/views/system/archivesCategory/fileNoFormat/module/sortDialog.vue
@@ -0,0 +1,81 @@
+<template>
+  <!--表单组件-->
+  <el-dialog title="排序" :visible.sync="sortVisible" @opened="opened">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <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">
+        <el-table-column type="index" label="序号" width="100" align="center" />
+        <el-table-column prop="fieldCnName" label="字段名称" />
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click.native="handleSort">保存</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import Sortable from 'sortablejs'
+import { order } from '@/api/category/fileNoFormat'
+
+export default {
+  data() {
+    return {
+      sortVisible: false,
+      sortTableData: [],
+      tableHeight: 0
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight * 0.6
+    })
+  },
+  methods: {
+    // 行拖拽
+    rowDrop(className, targetName) {
+      // 此时找到的元素是要拖拽元素的父容器
+      const tbody = document.querySelector('.' + className + ' .el-table__body-wrapper tbody')
+      const that = this
+      Sortable.create(tbody, {
+        // 指定父元素下可被拖拽的子元素
+        draggable: '.el-table__row',
+        onEnd({ newIndex, oldIndex }) {
+          if (newIndex === oldIndex) return
+          that[targetName].splice(newIndex, 0, that[targetName].splice(oldIndex, 1)[0])
+        }
+      })
+    },
+    opened() {
+      this.rowDrop('fileno-format-sort', 'sortTableData')
+    },
+    handleSort() {
+      this.sortTableData.forEach((item, index) => {
+        item.sequence = index + 1
+      })
+      order(this.sortTableData).then(() => {
+        this.sortVisible = false
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.$emit('refresh')
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.drag-tip {
+  display: block;
+  padding-left: 20px;
+  padding-bottom: 10px;
+  font-style: normal;
+  font-weight: bold;
+  color: #fff;
+}
+</style>
diff --git a/src/views/system/archivesCategory/form.vue b/src/views/system/archivesCategory/form.vue
new file mode 100644
index 0000000..3d49bf1
--- /dev/null
+++ b/src/views/system/archivesCategory/form.vue
@@ -0,0 +1,152 @@
+<template>
+  <!--表单组件-->
+  <el-dialog append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <div class="setting-dialog">
+      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
+        <el-form-item label="门类名称" prop="cnName">
+          <el-input v-model="form.cnName" style="width: 370px;" />
+        </el-form-item>
+        <el-form-item label="门类类型" prop="isType">
+          <el-select v-model="form.isType" style="width: 370px;" :disabled="crud.status.edit === 1" @change="changeType">
+            <el-option v-for="item in selectOptions" :key="item.value" :label="item.label" :value="item.value" :disabled="item.typeState" />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="crud.status.add === 1" label="选择模板" prop="templateId">
+          <treeselect v-model="form.templateId" :flat="true" :options="templateTree" placeholder="" style="width: 370px;" :disabled="form.isType !== 6" :normalizer="normalizer" :default-expand-level="2" @select="updateTemplateValue" />
+        </el-form-item>
+        <el-form-item label="内容说明">
+          <el-input v-model="form.remark" style="width: 370px;" type="textarea" :rows="4" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="crud.cancelCU">取消</el-button>
+        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getCategoryTree, getCategoryType } from '@/api/category/category'
+import { form } from '@crud/crud'
+import CRUD from '@crud/crud'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+
+const defaultForm = { id: null, cnName: null, isType: 1, remark: null, templateId: null }
+export default {
+  components: { Treeselect },
+  mixins: [
+    form(function() {
+      return Object.assign({ pid: this.pid }, defaultForm)
+    })
+  ],
+  props: {
+    selectedCategory: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      pid: null,
+      rules: {
+        cnName: [
+          { required: true, message: '请输入门类名称', trigger: 'blur' }
+        ]
+      },
+      selectOptions: [],
+      templateTree: [],
+      selectedTemplateNode: {}
+    }
+  },
+  created() {
+    this.getSelectOptions()
+  },
+  methods: {
+    // 新建时，判断当前节点类型，“门类类型” option区分可选
+    beforeToAdd() {
+      this.form.isType = null
+      if (this.selectedCategory.isType === 1) {
+        this.selectOptions.forEach(item => {
+          if (item.value === 4) {
+            item.typeState = true
+          } else {
+            item.typeState = false
+          }
+        })
+      } else if (this.selectedCategory.isType === 2) {
+        this.selectOptions.forEach(item => {
+          if (item.value !== 3) {
+            item.typeState = true
+          } else {
+            item.typeState = false
+          }
+        })
+        this.form.isType = 3
+      } else if (this.selectedCategory.isType === 3) {
+        this.selectOptions.forEach(item => {
+          if (item.value !== 4) {
+            item.typeState = true
+          } else {
+            item.typeState = false
+          }
+        })
+        this.form.isType = 4
+      }
+    },
+    [CRUD.HOOK.beforeSubmit]() {
+      if (this.form.templateId) {
+        this.form.children = [this.selectedTemplateNode]
+      } else {
+        this.form.children = null
+      }
+    },
+    updateTemplateValue(node, instanceId) {
+      this.selectedTemplateNode = node
+    },
+    changeType() {
+      if (this.form.isType === 6) {
+        // this.crudDict.getDicts()
+        this.getTemplateTree()
+      } else {
+        this.form.dicExplain = null
+      }
+    },
+    getTemplateTree() {
+      getCategoryTree().then(res => {
+        this.templateTree = res
+      })
+    },
+    getSelectOptions() {
+      getCategoryType().then(res => {
+        for (const key in res) {
+          this.selectOptions.push({
+            value: Number(key),
+            label: res[key],
+            typeState: false
+          })
+        }
+      })
+    },
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children
+      }
+      return {
+        id: node.id,
+        label: node.cnName,
+        children: node.children,
+        isDisabled: node.isType !== 2 && node.isType !== 3 && node.isType !== 5
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/views/system/archivesCategory/index.vue b/src/views/system/archivesCategory/index.vue
new file mode 100644
index 0000000..f7e8d67
--- /dev/null
+++ b/src/views/system/archivesCategory/index.vue
@@ -0,0 +1,303 @@
+<template>
+  <div class="app-container category-container">
+    <!-- 门类列表 -->
+    <div class="container-main">
+      <div class="elect-cont-left">
+        <div class="head-container">
+          <crudOperation :permission="permission">
+            <template v-slot:left>
+              <el-button v-permission="permission.add" size="mini" :disabled="crud.selections.length === 0" @click="crud.toAdd">
+                <i class="iconfont icon-xinzeng" />
+                新增
+              </el-button>
+              <el-button v-permission="permission.edit" size="mini" :disabled="crud.selections.length !== 1 || crud.selections[0].pid === '0'" @click="crud.toEdit(crud.selections[0])">
+                <i class="iconfont icon-bianji" />
+                编辑
+              </el-button>
+            </template>
+            <template v-slot:right>
+              <el-button v-permission="permission.del" size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length === 0 || (crud.selections.length === 1 && crud.selections[0].pid === '0' )" @click="toDelete(crud.selections)">
+                <i class="iconfont icon-shanchu" />
+                删除
+              </el-button>
+              <el-button v-permission="permission.sort" icon="el-icon-sort" size="mini" :loading="sortLoading" :disabled="brotherNodeNum <= 1 || crud.selections[0].pid === '0'" @click="toSort(crud.selections)">排序</el-button>
+            </template>
+          </crudOperation>
+        </div>
+        <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="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 || data.isType === 3 || data.isType===5" class="iconArch">
+                  {{ data.cnName }}
+                </span>
+                <span v-if="data.isType===4" class="iconFile">
+                  {{ data.cnName }}
+                </span>
+              </span>
+            </el-tree>
+          </div>
+        </div>
+      </div>
+      <!-- 门类管理tab -->
+      <div class="elect-cont-right">
+        <div class="container-right tab-content">
+          <span class="right-top-line" />
+          <span class="left-bottom-line" />
+          <ul class="tab-nav">
+            <li :class="{'active-tab-nav': activeIndex == 0}" @click="changeActiveTab(0)">基本信息<i /></li>
+            <li v-if="selectedCategory.isType && selectedCategory.isType === 4" :class="{'active-tab-nav': activeIndex == 1}" @click="changeActiveTab(1)">门类字段管理<i /></li>
+            <li v-if="selectedCategory.isType && selectedCategory.isType === 4" :class="{'active-tab-nav': activeIndex == 2}" @click="changeActiveTab(2)">著录界面管理<i /></li>
+            <li v-if="selectedCategory.isType && selectedCategory.isType === 4" :class="{'active-tab-nav': activeIndex == 3}" @click="changeActiveTab(3)">列表界面浏览设置<i /></li>
+            <li v-if="selectedCategory.isType && selectedCategory.isType === 4" :class="{'active-tab-nav': activeIndex == 4}" @click="changeActiveTab(4)">浏览排序规则设置<i /></li>
+            <li v-if="selectedCategory.isType && selectedCategory.isType === 4" :class="{'active-tab-nav': activeIndex == 5}" @click="changeActiveTab(5)">档号规则设置<i /></li>
+            <li v-if="selectedCategory.isType && selectedCategory.isType !== 1 && selectedCategory.isType !== 4" :class="{'active-tab-nav': activeIndex == 6}" @click="changeActiveTab(6)">归档章设置<i /></li>
+            <li v-if="selectedCategory.isType && selectedCategory.isType !== 1 && selectedCategory.isType !== 4" :class="{'active-tab-nav': activeIndex == 7}" @click="changeActiveTab(7)">公共筛选<i /></li>
+            <li v-if="selectedCategory.isType && selectedCategory.isType !== 1 && selectedCategory.isType !== 4" :class="{'active-tab-nav': activeIndex == 8}" @click="changeActiveTab(8)">流程管理<i /></li>
+            <!-- 最右侧装饰img -->
+            <span class="tab-right-img" />
+          </ul>
+          <component :is="comName" :selected-category="selectedCategory" />
+        </div>
+      </div>
+      <!--修改新增表单组件-->
+      <eForm ref="eform" :selected-category="selectedCategory" />
+      <el-dialog title="确认删除" :visible.sync="deleteVisible" :before-close="handleClose">
+        <span class="dialog-right-top" />
+        <span class="dialog-left-bottom" />
+        <div class="setting-dialog">
+          <p><span style="color:#fff;">确认删除当前门类？</span></p>
+          <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click.native="handleConfirm">确定</el-button>
+          </div>
+        </div>
+      </el-dialog>
+      <el-dialog title="确认删除" :visible.sync="reconfirmDeleteVisible" :before-close="handleClose">
+        <span class="dialog-right-top" />
+        <span class="dialog-left-bottom" />
+        <div class="setting-dialog">
+          <div class="dialog-delt">
+            <p><span>删除后，会永久清除此门类的相关设置及报表，请谨慎操作！</span></p>
+            <p class="delt-tip"><span>提示：为确保档案安全，必须先手工删除此门类的所有档案数据。</span></p>
+          </div>
+          <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click.native="handleReconfirm">确定</el-button>
+          </div>
+        </div>
+      </el-dialog>
+      <!--排序对话框组件-->
+      <sortDialog ref="sort" @treeNodeSort="treeNodeSort" />
+    </div>
+  </div>
+</template>
+
+<script>
+import crudCategory from '@/api/category/category'
+import CRUD, { presenter, header } from '@crud/crud'
+import eForm from './form'
+import sortDialog from './sortDialog'
+import baseInfo from './baseInfo/index'
+import fieldManage from './fieldManage/index'
+import descriptionPreview from './descriptionPreview/index'
+import listBrowsing from './listBrowsing/index'
+import orderingRule from './orderingRule/index'
+import fileNoFormat from './fileNoFormat/index'
+import archiveSealSetting from './archiveSealSetting/index'
+import publicScreening from './publicScreening/index'
+import processManage from './processManage/index'
+import crudOperation from '@crud/CRUD.operation'
+import Vue from 'vue'
+
+export default {
+  name: 'ArchivesCategory',
+  components: { crudOperation, eForm, sortDialog, baseInfo, fieldManage, descriptionPreview, listBrowsing, orderingRule, fileNoFormat, archiveSealSetting, publicScreening, processManage },
+  cruds() {
+    return [
+      CRUD({
+        title: '门类', url: 'api/archives-type/menu',
+        crudMethod: { ...crudCategory },
+        optShow: {
+          add: false,
+          edit: false,
+          del: false,
+          download: false,
+          group: false
+        }
+      })
+    ]
+  },
+  mixins: [presenter(), header()],
+  data() {
+    return {
+      permission: {
+        add: ['admin', 'category:add'],
+        edit: ['admin', 'category:edit'],
+        del: ['admin', 'category:del'],
+        sort: ['admin', 'category:sort']
+      },
+      defaultProps: {
+        children: 'children',
+        label: 'cnName'
+      },
+      deleteVisible: false,
+      reconfirmDeleteVisible: false,
+      selectedCategory: {},
+      deleteData: {},
+      activeIndex: 0,
+      sortLoading: false,
+      brotherNodeNum: 0
+      // sortTableData: []
+    }
+  },
+  computed: {
+    comName: function() {
+      if (this.activeIndex === 0) {
+        return 'baseInfo'
+      } else if (this.activeIndex === 1) {
+        return 'fieldManage'
+      } else if (this.activeIndex === 2) {
+        return 'descriptionPreview'
+      } else if (this.activeIndex === 3) {
+        return 'listBrowsing'
+      } else if (this.activeIndex === 4) {
+        return 'orderingRule'
+      } else if (this.activeIndex === 5) {
+        return 'fileNoFormat'
+      } else if (this.activeIndex === 6) {
+        return 'archiveSealSetting'
+      } else if (this.activeIndex === 7) {
+        return 'publicScreening'
+      } else if (this.activeIndex === 8) {
+        return 'processManage'
+      }
+      return 'baseInfo'
+    }
+  },
+  methods: {
+    // 逆归实现 获取指定元素
+    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('currentCategoryKey')) {
+        currentKey = JSON.parse(localStorage.getItem('currentCategoryKey'))
+      } 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]
+        }
+      }
+      // 设置某个节点的当前选中状态
+      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) {
+      if (val) {
+        this.crud.selectionChangeHandler([val])
+        this.$refs.eform.pid = val.id
+        this.selectedCategory = val
+        if (val.pid !== '0') {
+          Vue.set(this.selectedCategory, 'parentName', this.$refs.tree.getNode(val.pid).data.cnName)
+        }
+        if (val.isType === 1 || val.isType !== 4) {
+          this.changeActiveTab(0)
+        }
+        // 缓存当前的选中的
+        localStorage.setItem('currentCategoryKey', JSON.stringify(val))
+        if (this.$refs.tree.getNode(val.pid) && this.$refs.tree.getNode(val.pid).childNodes) {
+          this.brotherNodeNum = this.$refs.tree.getNode(val.pid).childNodes.length
+        }
+      }
+    },
+    // 新增 - 判断当前节点类型，卷内/文件不可新建
+    [CRUD.HOOK.beforeToAdd](crud, form, btn) {
+      const isCanAddKey = JSON.parse(localStorage.getItem('currentCategoryKey'))
+      if (isCanAddKey.isType === 4 || isCanAddKey.isType === 5) {
+        this.$message({
+          message: '此门类下不可新建门类',
+          type: 'error',
+          duration: 2500
+        })
+        return false
+      }
+      this.$refs.eform.beforeToAdd()
+    },
+    // 新增/编辑后 - 新增后默认选中新增的门类
+    [CRUD.HOOK.afterSubmit](crud, addedCategory) {
+      if (addedCategory) {
+        // 缓存当前的选中的
+        localStorage.setItem('currentCategoryKey', JSON.stringify(addedCategory))
+      }
+    },
+    treeNodeSort(data) {
+      this.$refs.tree.updateKeyChildren(data[0].pid, JSON.parse(JSON.stringify(data)))
+    },
+    toDelete(data) {
+      this.deleteData = data
+      this.deleteVisible = true
+    },
+    handleConfirm() {
+      this.deleteVisible = false
+      this.reconfirmDeleteVisible = true
+    },
+    handleReconfirm() {
+      this.reconfirmDeleteVisible = false
+      this.crud.delAllLoading = true
+      this.crud.doDelete(this.deleteData).then((res) => {
+        // 清空缓存的门类节点
+        localStorage.removeItem('currentCategoryKey')
+      })
+    },
+    handleClose(done) {
+      this.deleteData = {}
+      done()
+    },
+    toSort(data) {
+      this.$refs.sort.sortTableData = this.$refs.tree.getNode(data[0].pid).data.children
+      this.$refs.sort.sortVisible = true
+    },
+    changeActiveTab(data) {
+      this.activeIndex = data
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tree-scroll{
+  font-size: 14px;
+}
+</style>
diff --git a/src/views/system/archivesCategory/listBrowsing/index.vue b/src/views/system/archivesCategory/listBrowsing/index.vue
new file mode 100644
index 0000000..24ffdac
--- /dev/null
+++ b/src/views/system/archivesCategory/listBrowsing/index.vue
@@ -0,0 +1,242 @@
+<template>
+  <div>
+    <div class="format-main">
+      <div class="format-main-left">
+        <div class="head-container">
+          <el-button v-permission="permission.add" size="mini" icon="el-icon-plus" :disabled="table.left.selections.length == 0" @click="toAdd(table.left.selections)">
+            新增
+          </el-button>
+        </div>
+        <!--表格渲染-->
+        <el-table ref="leftTable" v-loading="table.left.loading" :data="table.left.data" style="width: 400px;" height="calc(100vh - 602px)" @selection-change="(val)=>selectionChangeHandler(val,'left')" @row-click="(row,column,e)=>clickRowHandler(row,column,e,'leftTable')">
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column type="index" label="序号" width="55" align="center" />
+          <el-table-column prop="fieldCnName" label="字段名称" align="center" />
+        </el-table>
+        <!--表单渲染-->
+        <eForm />
+      </div>
+      <div class="format-main-right">
+        <div class="head-container">
+          <el-button v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="delAllLoading" :disabled="table.right.selections.length === 0" @click="toDelete(table.right.selections)">
+            移除
+          </el-button>
+          <el-button v-permission="permission.edit" size="mini" icon="el-icon-edit" :disabled="table.right.selections.length === 0" @click="toEdit(table.right.selections)">
+            修改
+          </el-button>
+          <!-- type="danger" -->
+          <el-button v-permission="permission.sort" icon="el-icon-sort" size="mini" :loading="sortLoading" :disabled="table.right.data <= 1" @click="toSort">排序</el-button>
+        </div>
+        <!--表格渲染-->
+        <el-table ref="rightTable" v-loading="table.right.loading" :data="table.right.data" height="calc(100vh - 602px)" @selection-change="(val)=>selectionChangeHandler(val,'right')" @row-click="(row,column,e)=>clickRowHandler(row,column,e,'rightTable')">
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column type="index" label="序号" width="55" align="center" />
+          <el-table-column prop="fieldCnName" label="字段名称" align="center" />
+          <el-table-column prop="displayLength" label="显示长度" align="center" />
+          <el-table-column label="显示格式">
+            <template slot-scope="scope">
+              <span v-if="scope.row.displayformatType === 'center'">居中</span>
+              <span v-if="scope.row.displayformatType === 'left'">靠左</span>
+              <span v-if="scope.row.displayformatType === 'right'">靠右</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <!--表单渲染-->
+      <eForm ref="cuform" @refresh="initData" />
+      <!--排序对话框组件-->
+      <sortDialog ref="sort" @refresh="initData" />
+      <!--删除对话框组件-->
+      <el-dialog title="移除字段" :visible.sync="deleteVisible">
+        <span class="dialog-right-top" />
+        <span class="dialog-left-bottom" />
+        <div class="setting-dialog">
+          <div class="dialog-delt">
+            <p><span>确定要移除当前字段吗？</span></p>
+          </div>
+          <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click.native="handleDelConfirm">确定</el-button>
+          </div>
+        </div>
+      </el-dialog>
+    </div>
+    <!-- @selection-change="selectionChangeHandler" -->
+    <el-table ref="table" :key="tableKey" v-loading="table.bottom.loading" :data="table.bottom.data" style="min-width: 100%;" height="300" class="nowrap-tab">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column type="index" label="序号" width="55" align="center" />
+      <el-table-column v-for="field in table.right.data" :key="field.id" :label="field.fieldCnName" :align="field.displayformatType" :width="field.displayLength" show-overflow-tooltip>
+        <template slot-scope="scope">
+          {{ scope.row[field.fieldName] }}
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+import { FetchArchivesTypeManage } from '@/api/category/category'
+import { FetchInitArchivesView } from '@/api/archivesManage/archivesList'
+import { add } from '@/api/category/listBrowsing'
+import eForm from './module/form'
+import sortDialog from './module/sortDialog'
+import Vue from 'vue'
+
+export default {
+  components: { eForm, sortDialog },
+  props: {
+    selectedCategory: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      permission: {
+        add: ['admin', 'listBrowsing:add'],
+        edit: ['admin', 'listBrowsing:edit'],
+        del: ['admin', 'listBrowsing:delete'],
+        sort: ['admin', 'listBrowsing:sort']
+      },
+      deleteVisible: false,
+      sortLoading: false,
+      delAllLoading: false,
+      tableKey: false, // 刷新下面预览表格用的:key
+      table: {
+        left: {
+          data: [],
+          Loading: false,
+          selections: []
+        },
+        right: {
+          data: [],
+          Loading: false,
+          selections: []
+        },
+        bottom: {
+          data: [],
+          Loading: false,
+          selections: []
+        }
+      }
+    }
+  },
+  watch: {
+    selectedCategory: function(newValue, oldValue) {
+      this.initData()
+    }
+  },
+  mounted() {
+    this.initData()
+  },
+  methods: {
+    initData() {
+      this.getDisplayFieldData()
+      this.getBottomTableData()
+    },
+    getDisplayFieldData() {
+      FetchArchivesTypeManage({ categoryId: this.selectedCategory.id, isType: 2 }).then((res) => {
+        this.table.right.data.splice(0, this.table.right.data.length)
+        this.table.left.data.splice(0, this.table.left.data.length)
+        res.sort((item1, item2) => { return item1.displayOrder - item2.displayOrder }).forEach((item) => {
+          if (item.isInput) {
+            if (item.isDisplay) {
+              this.table.right.data.push(item)
+            } else {
+              this.table.left.data.push(item)
+            }
+          }
+        })
+        this.tableKey = !this.tableKey
+      })
+    },
+    getBottomTableData() {
+      FetchInitArchivesView({ categoryId: this.selectedCategory.id, isdel: false, page: 0, size: 10 }).then((res) => {
+        this.table.bottom.data.splice(0, this.table.bottom.data.length)
+        if (res && res.list) {
+          res.list.content.forEach((item) => {
+            this.table.bottom.data.push(item)
+          })
+        }
+      })
+    },
+    clickRowHandler(row, column, e, tableName) {
+      this.$refs[tableName].toggleRowSelection(row)
+    },
+    selectionChangeHandler(val, tableName) {
+      this.table[tableName].selections = val
+    },
+    toAdd() {
+      const maxDisplayOrder = this.table.right.data.reduce((prev, cur) => { return { displayOrder: Math.max(prev.displayOrder, cur.displayOrder) } }, { displayOrder: 0 }).displayOrder + 1
+      this.table.left.selections.forEach((item, index) => {
+        Vue.set(item, 'displayLength', 100)
+        Vue.set(item, 'displayformatType', 'center')
+        Vue.set(item, 'displayOrder', maxDisplayOrder + index)
+        item.isDisplay = true
+      })
+      this.$refs.cuform.title = '新增字段'
+      Vue.set(this.$refs.cuform.formData, 'fields', JSON.parse(JSON.stringify(this.table.left.selections)))
+      this.$refs.cuform.cuDialogVisible = true
+    },
+    toEdit() {
+      this.$refs.cuform.title = '编辑字段'
+      Vue.set(this.$refs.cuform.formData, 'fields', JSON.parse(JSON.stringify(this.table.right.selections)))
+      this.$refs.cuform.cuDialogVisible = true
+    },
+    toDelete() {
+      this.deleteVisible = true
+    },
+    handleDelConfirm() {
+      this.deleteVisible = false
+      this.delAllLoading = true
+      const deleteData = this.table.right.selections.map((item) => {
+        item.isDisplay = false
+        item.displayformatType = null
+        item.displayLength = null
+        item.displayOrder = null
+        return item
+      })
+      add(deleteData).then((res) => {
+        this.delAllLoading = false
+        this.$message({
+          message: '删除成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.getDisplayFieldData()
+      })
+    },
+    toSort() {
+      this.$refs.sort.sortTableData = JSON.parse(JSON.stringify(this.table.right.data))
+      this.$refs.sort.sortVisible = true
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep div.el-dialog__footer {
+  text-align: center;
+}
+::v-deep .el-table tr .el-table__cell {
+  height: 40px;
+}
+.format-main {
+  display: flex;
+  justify-content: flex-start;
+  .format-main-left,
+  .format-main-right {
+    height: calc(100vh - 531px);
+  }
+  .format-main-left {
+    padding-right: 10px;
+  }
+  .format-main-right {
+    flex-grow: 1;
+  }
+}
+::v-deep .nowrap-tab .el-table__header .cell {
+  text-overflow: unset !important;
+  white-space: nowrap !important;
+}
+</style>
diff --git a/src/views/system/archivesCategory/listBrowsing/module/form.vue b/src/views/system/archivesCategory/listBrowsing/module/form.vue
new file mode 100644
index 0000000..a9dd12e
--- /dev/null
+++ b/src/views/system/archivesCategory/listBrowsing/module/form.vue
@@ -0,0 +1,106 @@
+<template>
+  <el-dialog :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <div class="setting-dialog">
+      <div class="fields-list">
+        <el-form ref="formData" :model="formData" size="small" label-width="75px">
+          <el-row v-for="(item, index) in formData.fields" :key="item.id" :gutter="10">
+            <el-col :span="9">
+              <el-form-item label="字段名称">
+                <el-input v-model="item.fieldCnName" :disabled="true" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <!--   -->
+              <el-form-item label="显示长度" label-width="90px" :prop="'fields.' + index + '.displayLength'" :rules="{required: true, message: '显示长度不能为空', trigger: 'blur'}" :model="item">
+                <el-input v-model.number="item.displayLength" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item label="显示格式" :prop="'fields.' + index + '.displayformatType'">
+                <el-select v-model="item.displayformatType">
+                  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="loading" @click="save">保存</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { add, edit } from '@/api/category/listBrowsing'
+export default {
+  data() {
+    return {
+      cuDialogVisible: false,
+      formData: {},
+      title: '新增字段',
+      options: [
+        {
+          label: '居中',
+          value: 'center'
+        },
+        {
+          label: '靠左',
+          value: 'left'
+        },
+        {
+          label: '靠右',
+          value: 'right'
+        }
+      ],
+      loading: false
+    }
+  },
+  methods: {
+    save() {
+      this.$refs['formData'].validate((valid) => {
+        if (valid) {
+          this.loading = true
+          if (this.title === '新增字段') {
+            add(this.formData.fields).then((res) => {
+              this.$message({
+                message: '保存成功',
+                type: 'success',
+                duration: 2500
+              })
+              this.cuDialogVisible = false
+              this.loading = false
+              this.$emit('refresh')
+            })
+          } else {
+            edit(this.formData.fields).then((res) => {
+              this.$message({
+                message: '保存成功',
+                type: 'success',
+                duration: 2500
+              })
+              this.cuDialogVisible = false
+              this.loading = false
+              this.$emit('refresh')
+            })
+          }
+        } else {
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.fields-list {
+  max-height: calc(100vh - 312px);
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+}
+</style>
diff --git a/src/views/system/archivesCategory/listBrowsing/module/sortDialog.vue b/src/views/system/archivesCategory/listBrowsing/module/sortDialog.vue
new file mode 100644
index 0000000..7a0bad5
--- /dev/null
+++ b/src/views/system/archivesCategory/listBrowsing/module/sortDialog.vue
@@ -0,0 +1,81 @@
+<template>
+  <!--表单组件-->
+  <el-dialog title="排序" :visible.sync="sortVisible" @opened="opened">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <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">
+        <el-table-column type="index" label="序号" width="100" align="center" />
+        <el-table-column prop="fieldCnName" label="字段名称" />
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click.native="handleSort">保存</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import Sortable from 'sortablejs'
+import { order } from '@/api/category/listBrowsing'
+
+export default {
+  data() {
+    return {
+      sortVisible: false,
+      sortTableData: [],
+      tableHeight: 0
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight * 0.6
+    })
+  },
+  methods: {
+    // 行拖拽
+    rowDrop(className, targetName) {
+      // 此时找到的元素是要拖拽元素的父容器
+      const tbody = document.querySelector('.' + className + ' .el-table__body-wrapper tbody')
+      const that = this
+      Sortable.create(tbody, {
+        // 指定父元素下可被拖拽的子元素
+        draggable: '.el-table__row',
+        onEnd({ newIndex, oldIndex }) {
+          if (newIndex === oldIndex) return
+          that[targetName].splice(newIndex, 0, that[targetName].splice(oldIndex, 1)[0])
+        }
+      })
+    },
+    opened() {
+      this.rowDrop('list-browsing-sort', 'sortTableData')
+    },
+    handleSort() {
+      this.sortTableData.forEach((item, index) => {
+        item.displayOrder = index + 1
+      })
+      order(this.sortTableData).then(() => {
+        this.sortVisible = false
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.$emit('refresh')
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.drag-tip {
+  display: block;
+  padding-left: 20px;
+  padding-bottom: 10px;
+  font-style: normal;
+  font-weight: bold;
+  color: #fff;
+}
+</style>
diff --git a/src/views/system/archivesCategory/orderingRule/index.vue b/src/views/system/archivesCategory/orderingRule/index.vue
new file mode 100644
index 0000000..8fd6ba4
--- /dev/null
+++ b/src/views/system/archivesCategory/orderingRule/index.vue
@@ -0,0 +1,212 @@
+<template>
+  <div class="format-main">
+    <div class="format-main-left">
+      <div class="head-container">
+        <el-button v-permission="permission.add" size="mini" icon="el-icon-plus" :disabled="table.left.selections.length == 0 || orderFieldsSum >3" @click="toAdd(table.left.selections)">
+          新增
+        </el-button>
+      </div>
+      <!--表格渲染-->
+      <el-table ref="leftTable" v-loading="table.left.loading" :data="table.left.data" style="width: 400px;" height="calc(100vh - 302px)" @selection-change="(val)=>selectionChangeHandler(val,'left')" @row-click="(row,column,e)=>clickRowHandler(row,column,e,'leftTable')">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column prop="fieldCnName" label="字段名称" align="center" />
+      </el-table>
+      <!--表单渲染-->
+      <eForm />
+    </div>
+    <div class="format-main-right">
+      <div class="head-container">
+        <!-- type="danger" -->
+        <el-button v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="delAllLoading" :disabled="table.right.selections.length === 0" @click="toDelete(table.right.selections)">
+          移除
+        </el-button>
+        <el-button v-permission="permission.edit" size="mini" icon="el-icon-edit" :disabled="table.right.selections.length === 0" @click="toEdit(table.right.selections)">
+          修改
+        </el-button>
+        <el-button v-permission="permission.sort" icon="el-icon-sort" size="mini" :loading="sortLoading" :disabled="table.right.data <= 1" @click="toSort">排序</el-button>
+        <span class="tip">注意：最多只可选择3个字段进行排序</span>
+      </div>
+      <!--表格渲染-->
+      <el-table ref="rightTable" v-loading="table.right.loading" :data="table.right.data" style="min-width: 100%;" height="calc(100vh - 302px)" @selection-change="(val)=>selectionChangeHandler(val,'right')" @row-click="(row,column,e)=>clickRowHandler(row,column,e,'rightTable')">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column prop="fieldCnName" label="字段名称" align="center" />
+        <el-table-column label="排序方式" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.displayOrderBy === 'asc'">升序</span>
+            <span v-if="scope.row.displayOrderBy === 'desc'">降序</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!--表单渲染-->
+    <eForm ref="cuform" @refresh="initData" />
+    <!--排序对话框组件-->
+    <sortDialog ref="sort" @refresh="initData" />
+    <!--删除对话框组件-->
+    <el-dialog title="移除字段" :visible.sync="deleteVisible">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <div class="dialog-delt">
+          <p><span>确定要移除当前字段吗？</span></p>
+        </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click.native="handleDelConfirm">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getDisplayField } from '@/api/category/orderingRule'
+import { edit } from '@/api/category/orderingRule'
+import eForm from './module/form'
+import sortDialog from './module/sortDialog'
+import Vue from 'vue'
+
+export default {
+  components: { eForm, sortDialog },
+  props: {
+    selectedCategory: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      permission: {
+        add: ['admin', 'orderingRule:add'],
+        edit: ['admin', 'orderingRule:edit'],
+        del: ['admin', 'orderingRule:delete'],
+        sort: ['admin', 'orderingRule:sort']
+      },
+      deleteVisible: false,
+      sortLoading: false,
+      delAllLoading: false,
+      table: {
+        left: {
+          data: [],
+          Loading: false,
+          selections: []
+        },
+        right: {
+          data: [],
+          Loading: false,
+          selections: []
+        }
+      }
+    }
+  },
+  computed: {
+    // 计算属性的 getter
+    orderFieldsSum: function() {
+      // `this` 指向 vm 实例
+      return this.table.left.selections.length + this.table.right.data.length
+    }
+  },
+  watch: {
+    selectedCategory: function(newValue, oldValue) {
+      this.initData()
+    }
+  },
+  created() {
+    this.initData()
+  },
+  methods: {
+    initData() {
+      getDisplayField({ categoryId: this.selectedCategory.id, isDisPlayState: 'true' }).then((res) => {
+        this.table.right.data.splice(0, this.table.right.data.length)
+        this.table.left.data.splice(0, this.table.left.data.length)
+        res.sort((item1, item2) => { return item1.queue - item2.queue }).forEach((item) => {
+          if (item.displayOrderBy) {
+            this.table.right.data.push(item)
+          } else {
+            this.table.left.data.push(item)
+          }
+        })
+      })
+    },
+    clickRowHandler(row, column, e, tableName) {
+      this.$refs[tableName].toggleRowSelection(row)
+    },
+    selectionChangeHandler(val, tableName) {
+      this.table[tableName].selections = val
+    },
+    toAdd() {
+      const maxQueue = this.table.right.data.reduce((prev, cur) => { return { queue: Math.max(prev.queue, cur.queue) } }, { queue: 0 }).queue + 1
+      this.table.left.selections.forEach((item, index) => {
+        Vue.set(item, 'displayOrderBy', 'asc')
+        Vue.set(item, 'queue', maxQueue + index)
+      })
+      this.$refs.cuform.title = '新增字段'
+      Vue.set(this.$refs.cuform.formData, 'fields', JSON.parse(JSON.stringify(this.table.left.selections)))
+      this.$refs.cuform.cuDialogVisible = true
+    },
+    toEdit() {
+      this.$refs.cuform.title = '编辑字段'
+      Vue.set(this.$refs.cuform.formData, 'fields', JSON.parse(JSON.stringify(this.table.right.selections)))
+      this.$refs.cuform.cuDialogVisible = true
+    },
+    toDelete() {
+      this.deleteVisible = true
+    },
+    handleDelConfirm() {
+      this.deleteVisible = false
+      this.delAllLoading = true
+      const deleteData = this.table.right.selections.map((item) => {
+        item.displayOrderBy = null
+        item.queue = null
+        return item
+      })
+      edit(deleteData).then((res) => {
+        this.delAllLoading = false
+        this.$message({
+          message: '删除成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.initData()
+      })
+    },
+    toSort() {
+      this.$refs.sort.sortTableData = JSON.parse(JSON.stringify(this.table.right.data))
+      this.$refs.sort.sortVisible = true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep div.el-dialog__footer {
+  text-align: center;
+}
+::v-deep .el-table tr .el-table__cell {
+  height: 40px;
+}
+.format-main {
+  display: flex;
+  justify-content: flex-start;
+  .format-main-left,
+  .format-main-right {
+    height: calc(100vh - 231px);
+  }
+  .format-main-left {
+    padding-right: 10px;
+  }
+  .format-main-right {
+    flex-grow: 1;
+  }
+}
+.tip {
+  padding-left: 20px;
+  font-style: normal;
+  font-weight: bold;
+  color: #fff;
+  font-size: 12px;
+}
+</style>
diff --git a/src/views/system/archivesCategory/orderingRule/module/form.vue b/src/views/system/archivesCategory/orderingRule/module/form.vue
new file mode 100644
index 0000000..600e343
--- /dev/null
+++ b/src/views/system/archivesCategory/orderingRule/module/form.vue
@@ -0,0 +1,68 @@
+<template>
+  <el-dialog :close-on-click-modal="false" :visible.sync="cuDialogVisible" :title="title">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <div class="setting-dialog">
+      <div class="fields-list">
+        <el-form ref="form" :model="formData" size="small" label-width="75px">
+          <el-row v-for="(item) in formData.fields" :key="item.id" :gutter="10">
+            <el-col :span="13">
+              <el-form-item label="组成字段">
+                <el-input v-model="item.fieldCnName" :disabled="true" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="10">
+              <el-form-item label="排序方式">
+                <el-radio-group v-model="item.displayOrderBy">
+                  <el-radio label="asc">升序</el-radio>
+                  <el-radio label="desc">降序</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="loading" @click="save">保存</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { edit } from '@/api/category/orderingRule'
+export default {
+  data() {
+    return {
+      cuDialogVisible: false,
+      formData: {},
+      title: '',
+      loading: false
+    }
+  },
+  methods: {
+    save() {
+      this.loading = true
+      edit(this.formData.fields).then((res) => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.loading = false
+        this.cuDialogVisible = false
+        this.$emit('refresh')
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.fields-list {
+  max-height: calc(100vh - 312px);
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+}
+</style>
diff --git a/src/views/system/archivesCategory/orderingRule/module/sortDialog.vue b/src/views/system/archivesCategory/orderingRule/module/sortDialog.vue
new file mode 100644
index 0000000..24cc4db
--- /dev/null
+++ b/src/views/system/archivesCategory/orderingRule/module/sortDialog.vue
@@ -0,0 +1,81 @@
+<template>
+  <!--表单组件-->
+  <el-dialog title="排序" :visible.sync="sortVisible" @opened="opened">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <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">
+        <el-table-column type="index" label="序号" width="100" align="center" />
+        <el-table-column prop="fieldCnName" label="字段名称" />
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click.native="handleSort">保存</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import Sortable from 'sortablejs'
+import { order } from '@/api/category/orderingRule'
+
+export default {
+  data() {
+    return {
+      sortVisible: false,
+      sortTableData: [],
+      tableHeight: 0
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight * 0.6
+    })
+  },
+  methods: {
+    // 行拖拽
+    rowDrop(className, targetName) {
+      // 此时找到的元素是要拖拽元素的父容器
+      const tbody = document.querySelector('.' + className + ' .el-table__body-wrapper tbody')
+      const that = this
+      Sortable.create(tbody, {
+        // 指定父元素下可被拖拽的子元素
+        draggable: '.el-table__row',
+        onEnd({ newIndex, oldIndex }) {
+          if (newIndex === oldIndex) return
+          that[targetName].splice(newIndex, 0, that[targetName].splice(oldIndex, 1)[0])
+        }
+      })
+    },
+    opened() {
+      this.rowDrop('ordering-rule-sort', 'sortTableData')
+    },
+    handleSort() {
+      this.sortTableData.forEach((item, index) => {
+        item.queue = index + 1
+      })
+      order(this.sortTableData).then(() => {
+        this.sortVisible = false
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.$emit('refresh')
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.drag-tip {
+  display: block;
+  padding-left: 20px;
+  padding-bottom: 10px;
+  font-style: normal;
+  font-weight: bold;
+  color: #fff;
+}
+</style>
diff --git a/src/views/system/archivesCategory/processManage/index.vue b/src/views/system/archivesCategory/processManage/index.vue
new file mode 100644
index 0000000..f2e815d
--- /dev/null
+++ b/src/views/system/archivesCategory/processManage/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>流程管理</div>
+</template>
+
+<script>
+</script>
+
+<style lang='scss' scoped>
+</style>
diff --git a/src/views/system/archivesCategory/publicScreening/index.vue b/src/views/system/archivesCategory/publicScreening/index.vue
new file mode 100644
index 0000000..a546b99
--- /dev/null
+++ b/src/views/system/archivesCategory/publicScreening/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>公共筛选</div>
+</template>
+
+<script>
+</script>
+
+<style lang='scss' scoped>
+</style>
diff --git a/src/views/system/archivesCategory/sortDialog.vue b/src/views/system/archivesCategory/sortDialog.vue
new file mode 100644
index 0000000..930ff88
--- /dev/null
+++ b/src/views/system/archivesCategory/sortDialog.vue
@@ -0,0 +1,84 @@
+<template>
+  <!--表单组件-->
+  <el-dialog :close-on-click-modal="false" title="排序" :visible.sync="sortVisible" @opened="opened">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <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">
+        <el-table-column type="index" label="序号" width="100" align="center" />
+        <el-table-column prop="cnName" label="门类名称" />
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click.native="handleSort">保存</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import Sortable from 'sortablejs'
+import { sort } from '@/api/category/category'
+
+export default {
+  data() {
+    return {
+      sortVisible: false,
+      sortTableData: [],
+      tableHeight: 0
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight * 0.6
+    })
+  },
+  methods: {
+    // 行拖拽
+    rowDrop(className, targetName) {
+      // 此时找到的元素是要拖拽元素的父容器
+      const tbody = document.querySelector('.' + className + ' .el-table__body-wrapper tbody')
+      const that = this
+      Sortable.create(tbody, {
+        // 指定父元素下可被拖拽的子元素
+        draggable: '.el-table__row',
+        onEnd({ newIndex, oldIndex }) {
+          if (newIndex === oldIndex) return
+          that[targetName].splice(newIndex, 0, that[targetName].splice(oldIndex, 1)[0])
+        }
+      })
+    },
+    opened() {
+      this.rowDrop('category-sort', 'sortTableData')
+    },
+    handleSort() {
+      const data = this.sortTableData.map((value, index) => {
+        return { id: value.id, sort: index + 1 }
+      })
+      this.sortTableData.forEach((item, index) => {
+        item.categorySeq = index + 1
+      })
+      sort(data).then(() => {
+        this.sortVisible = false
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.$emit('treeNodeSort', this.sortTableData)
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.drag-tip {
+  display: block;
+  padding-left: 20px;
+  padding-bottom: 10px;
+  font-style: normal;
+  font-weight: bold;
+  color: #fff;
+}
+</style>
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 9a5c3d5..7fa2f96 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -44,7 +44,6 @@
               <el-form-item label="部门简称" prop="name">
                 <el-input v-model="form.name" />
               </el-form-item>
-
               <el-form-item label="顶级部门">
                 <el-radio-group v-model="form.isTop">
                   <el-radio label="1">是</el-radio>