From 9cab80eeb8474e9ff5fc56b4c8f853745a1c804f Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Wed, 16 Sep 2026 16:59:46 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E5=BD=92=E6=A1=A3=E5=90=88=E5=B9=B6?=
 =?UTF-8?q?=E6=88=90=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../prearchiveLibrary/prearchiveLibrary.js    |  19 +-
 src/views/components/category/PreviewForm.vue |  80 +++++--
 src/views/prearchiveLibrary/index.vue         |   4 +-
 src/views/prearchiveLibrary/module/detail.vue |  12 +-
 .../module/mergeIntoDocument.vue              | 211 ++++++++++++++++++
 .../module/businessDetails/index.vue          |  67 +++---
 src/views/system/user/processCenter/index.vue |  12 +
 .../system/user/processCenter/module/form.vue |  45 +++-
 8 files changed, 394 insertions(+), 56 deletions(-)
 create mode 100644 src/views/prearchiveLibrary/module/mergeIntoDocument.vue

diff --git a/src/api/prearchiveLibrary/prearchiveLibrary.js b/src/api/prearchiveLibrary/prearchiveLibrary.js
index 8492621..c247f73 100644
--- a/src/api/prearchiveLibrary/prearchiveLibrary.js
+++ b/src/api/prearchiveLibrary/prearchiveLibrary.js
@@ -133,4 +133,21 @@ export function FetchDeleteDocumentFile(data) {
   })
 }
 
-export default { add, prearchEdit, del, FetchInitPreDocument, FetchInitDocumentsViewTable, FetchDoeditDocument, FetchBatchToFile, FetchMergeToFile, FetchMove, FetchArchivesDetails, FetchFileListByDocumentId, FetchArchivesMetadata, FetchReDocumentBase64ByFileId, FetchMinioReDocumentBase64ByFileId, FetchDeleteDocumentFile }
+// 预归档
+export function FetchReIntoFlowBusiness(data) {
+  return request({
+    url: 'api/re-document/intoFlowBusiness',
+    method: 'post',
+    data
+  })
+}
+// 合并成件流程确认
+export function FetchMergeToFileConfirm(data) {
+  return request({
+    url: 'api/re-document/mergeToFileConfirm',
+    method: 'post',
+    data
+  })
+}
+
+export default { add, prearchEdit, del, FetchInitPreDocument, FetchInitDocumentsViewTable, FetchDoeditDocument, FetchBatchToFile, FetchMergeToFile, FetchMove, FetchArchivesDetails, FetchFileListByDocumentId, FetchArchivesMetadata, FetchReDocumentBase64ByFileId, FetchMinioReDocumentBase64ByFileId, FetchDeleteDocumentFile, FetchReIntoFlowBusiness, FetchMergeToFileConfirm }
diff --git a/src/views/components/category/PreviewForm.vue b/src/views/components/category/PreviewForm.vue
index 7217f97..536de4d 100644
--- a/src/views/components/category/PreviewForm.vue
+++ b/src/views/components/category/PreviewForm.vue
@@ -200,6 +200,14 @@
         </el-table>
       </div>
     </el-dialog>
+    <MergeIntoDocument
+      ref="mergeIntoDocument"
+      :selected-category="selectedCategory"
+      :selections="mergeFileRows"
+      :display-fields="mergeFileFields"
+      :extra-params="mergeFlowParams"
+      @close-dialog="handleMergeFlowSuccess"
+    />
   </div>
 </template>
 
@@ -207,6 +215,7 @@
 import { crud } from '@crud/crud'
 import { collectAdd, collectEdit, FetchIsRepeatByArchivesNo, FetchIsRepeatAllByArchivesNo, FetchMaxItemNoByArchivesNo, FetchIsRepeatByField } from '@/api/collect/collect'
 import { prearchEdit, FetchMergeToFile, FetchReDoeditIsRepeat } from '@/api/prearchiveLibrary/prearchiveLibrary'
+import { FetchReDocumentInitFlowByCategoryId } from '@/api/system/category/process'
 import { getNoFormatField } from '@/api/system/category/fileNoFormat'
 import draggable from 'vuedraggable'
 import Treeselect from '@riophae/vue-treeselect'
@@ -218,12 +227,13 @@ import { FetchArchivesClassTree, FetchSonArchivesClass } from '@/api/system/arch
 // import { getCurrentTime } from '@/utils/index'
 // import { reDocumentUpload } from '@/utils/upload'
 import PreUpload from './preUpload'
+import MergeIntoDocument from '@/views/prearchiveLibrary/module/mergeIntoDocument.vue'
 import { mapGetters } from 'vuex'
 import Vue from 'vue'
 
 export default {
   name: 'PreviewForm',
-  components: { draggable, Treeselect, PreUpload },
+  components: { draggable, Treeselect, PreUpload, MergeIntoDocument },
   mixins: [crud()],
   inject: ['parentsData'],
   props: {
@@ -317,6 +327,9 @@ export default {
       fileJsonString: null,
       mergeFileArcIds: null,
       mergeFileCategory: null,
+      mergeFileRows: [], // 合并成件选中的档案行
+      mergeFileFields: [], // 合并成件列表列配置
+      mergeFlowParams: {}, // 合并成件流程附加参数
       archivesType: null,
       activeIndex: null,
       entityIndex: null,
@@ -831,6 +844,11 @@ export default {
 
       return string
     },
+    // 合并成件审批流程提交成功回调
+    handleMergeFlowSuccess() {
+      this.$emit('close-dialog')
+      this.crud.refresh()
+    },
     // 根据档号查询最大件号并赋值
     async fetchAndSetMaxItemNo(archivesNo) {
       try {
@@ -1825,25 +1843,51 @@ export default {
                 this.$emit('formLoadingShow', false, arcAddType)
               })
             } else if (this.isDesFormType === 'mergeFile') {
-            // 合并成件
-              const params = {
-                'fondsAffiliation': this.selectedCategory.fondsId,
-                'archivesId': null,
-                'archivesIds': this.mergeFileArcIds,
-                'documentId': categoryId,
-                'categoryId': this.mergeFileCategory,
-                'archivesNo': this.addOrUpdateForm.archive_no,
-                'jsonString': JSON.stringify(this.addOrUpdateForm)
-              }
-              console.log('params', params)
-              FetchMergeToFile(params).then(res => {
-                if (res.code !== 500) {
-                  this.$message({ message: res, type: 'success', offset: 8 })
+              // 合并成件
+
+              FetchReDocumentInitFlowByCategoryId({ 'documentId': null }).then((res) => {
+                const flowItem = res && res.length > 0 ? res[0] : null
+                if (flowItem && flowItem.status === 1) {
+                  // 审批流程开启，打开合并成件审批弹窗，参数交由弹窗内提交
+                  const mergeParams = {
+                    'sourceDocumentId': categoryId, // 来源预归档门类
+                    'purposeCategoryId': this.mergeFileCategory, // 目的门类
+                    'archivalCategoryCode': this.selectedCategory.code, // 目的门类code
+                    'archivesIds': this.mergeFileArcIds, // 预归档档案id集合
+                    'estimatedArchiveNo': this.addOrUpdateForm.archive_no, // 预计档号
+                    'dataJson': JSON.stringify(this.addOrUpdateForm) // 保存json 流程通过添加到档案
+                  }
+                  console.log('mergeParams', mergeParams)
+                  this.mergeFlowParams = mergeParams
+                  this.$emit('formLoadingShow', false, arcAddType)
+                  this.$nextTick(() => {
+                    this.$refs.mergeIntoDocument.archivesFillingVisible = true
+                  })
                 } else {
-                  this.$message({ message: res.message, type: 'error', offset: 8 })
+                  // 审批流程未开启，直接合并
+                  const params = {
+                    'fondsAffiliation': this.selectedCategory.fondsId,
+                    'archivesId': null,
+                    'archivesIds': this.mergeFileArcIds,
+                    'documentId': categoryId,
+                    'categoryId': this.mergeFileCategory,
+                    'archivesNo': this.addOrUpdateForm.archive_no,
+                    'jsonString': JSON.stringify(this.addOrUpdateForm)
+                  }
+                  console.log('params', params)
+                  FetchMergeToFile(params).then(res => {
+                    if (res.code !== 500) {
+                      this.$message({ message: res, type: 'success', offset: 8 })
+                    } else {
+                      this.$message({ message: res.message, type: 'error', offset: 8 })
+                    }
+                    this.$emit('close-dialog')
+                    this.crud.refresh()
+                    this.$emit('formLoadingShow', false, arcAddType)
+                  })
                 }
-                this.$emit('close-dialog')
-                this.crud.refresh()
+              }).catch(err => {
+                console.log(err)
                 this.$emit('formLoadingShow', false, arcAddType)
               })
             } else {
diff --git a/src/views/prearchiveLibrary/index.vue b/src/views/prearchiveLibrary/index.vue
index 21de5c7..9d0e32d 100644
--- a/src/views/prearchiveLibrary/index.vue
+++ b/src/views/prearchiveLibrary/index.vue
@@ -435,7 +435,7 @@ export default {
       this.selectedCategory.fondsId = this.selectedDocument.fondsId
       this.selectedCategory.fondsNo = this.selectedDocument.fondsNo
       this.selectedCategory.fondName = this.selectedDocument.fondsName
-      console.log('this.selectedCategory', this.selectedCategory)
+      console.log('this.selectedCategory合并成件', this.selectedCategory)
       // let categoryLevel
       // if (this.selectedCategoryMerge.arrangeType === 1) {
       //   categoryLevel = 3
@@ -469,6 +469,8 @@ export default {
             this.$refs.previewForm.archivesType = 'add'
             this.$refs.previewForm.mergeFileArcIds = this.crud.selections.map(item => item.id)
             this.$refs.previewForm.mergeFileCategory = this.selectedCategoryMerge.id
+            this.$refs.previewForm.mergeFileRows = this.crud.selections
+            this.$refs.previewForm.mergeFileFields = this.tableDisplayFields
           })
         })
       })
diff --git a/src/views/prearchiveLibrary/module/detail.vue b/src/views/prearchiveLibrary/module/detail.vue
index 140333b..9aaafb8 100644
--- a/src/views/prearchiveLibrary/module/detail.vue
+++ b/src/views/prearchiveLibrary/module/detail.vue
@@ -82,7 +82,6 @@
 </template>
 
 <script>
-import { form } from '@crud/crud'
 import { FetchArchivesDetails, FetchFileListByDocumentId, FetchArchivesMetadata } from '@/api/prearchiveLibrary/prearchiveLibrary'
 import { mapGetters } from 'vuex'
 import { downloadFile } from '@/utils/index'
@@ -91,15 +90,18 @@ import { getToken } from '@/utils/auth'
 export default {
   name: 'PrearchiveLibraryDetail',
   components: { },
-  mixins: [
-    form({})
-  ],
   props: {
     selectedDocument: {
       type: Object,
       default: function() {
         return {}
       }
+    },
+    isProcessPrearchive: {
+      type: Boolean,
+      default: function() {
+        return false
+      }
     }
   },
   data() {
@@ -219,7 +221,7 @@ export default {
     },
     getDetial(rowId) {
       const params = {
-        documentId: this.selectedDocument.id,
+        documentId: this.isProcessPrearchive ? this.selectedDocument.documentId : this.selectedDocument.id,
         archivesId: rowId
       }
       FetchArchivesDetails(params).then(data => {
diff --git a/src/views/prearchiveLibrary/module/mergeIntoDocument.vue b/src/views/prearchiveLibrary/module/mergeIntoDocument.vue
new file mode 100644
index 0000000..0a01a7b
--- /dev/null
+++ b/src/views/prearchiveLibrary/module/mergeIntoDocument.vue
@@ -0,0 +1,211 @@
+<template>
+  <!-- 归档审批 -->
+  <el-dialog class="detail-dialog" :visible.sync="archivesFillingVisible" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body title="流程详情" :before-close="handleCloseDialog" @opened="opened">
+    <div class="setting-dialog">
+      <div style="padding-top: 20px;">
+        <el-form ref="form" :model="form" inline :rules="rules" label-width="80px">
+          <el-row>
+            <el-form-item label="标题" prop="title">
+              <el-input v-model="form.title" style="width: 572px;" />
+            </el-form-item>
+          </el-row>
+          <el-row>
+            <el-form-item label="全宗" prop="fondsNo">
+              <el-input v-model="form.fondsNo" disabled />
+            </el-form-item>
+            <el-form-item label="申请人" prop="applicant">
+              <el-input v-model="form.applicant" disabled />
+            </el-form-item>
+          </el-row>
+          <el-row>
+            <el-form-item label="备注" prop="remarks">
+              <el-input v-model="form.remarks" type="textarea" :rows="3" style="width: 572px;" />
+            </el-form-item>
+          </el-row>
+        </el-form>
+      </div>
+      <div class="detail-tab tab-content">
+        <ul class="tab-nav">
+          <li :class="{'active-tab-nav': activeIndex == 0 }" @click="changeActiveTab(0)">档案列表</li>
+        </ul>
+        <el-table
+          v-if="activeIndex == 0"
+          :data="selections"
+          height="300"
+          border
+          style="width: 100%;"
+        >
+          <el-table-column label="序号" width="55" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.$index + 1 }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="原文" prop="filesNum" width="60" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.filesNum === '' || scope.row.filesNum === null || scope.row.filesNum === undefined ? 0 : scope.row.filesNum }}
+            </template>
+          </el-table-column>
+          <el-table-column v-for="field in displayFields" :key="field.id" :label="field.fieldCnName" :align="field.displayformatType" :width="field.displayLength" show-overflow-tooltip>
+            <template slot="header">
+              <el-tooltip
+                class="item"
+                effect="dark"
+                :content="field.fieldCnName"
+                placement="top-start"
+              >
+                <span>{{ field.fieldCnName }}</span>
+              </el-tooltip>
+            </template>
+            <template slot-scope="scope">
+              {{ scope.row[field.fieldName] }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button :loading="btnLoading" type="primary" @click="handleComfired">确定</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { FetchFondsDetail } from '@/api/system/fonds'
+import { mapGetters } from 'vuex'
+import { FetchBusinessFlowTitle } from '@/api/collect/collect'
+import { FetchReIntoFlowBusiness } from '@/api/prearchiveLibrary/prearchiveLibrary'
+export default {
+  name: 'ArchivesFilling',
+  props: {
+    selectedCategory: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    },
+    selections: {
+      type: Array,
+      default: () => []
+    },
+    // 档案列表列配置
+    displayFields: {
+      type: Array,
+      default: () => []
+    },
+    // 合并成件时父组件传入的附加参数
+    extraParams: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      btnLoading: false,
+      archivesFillingVisible: false,
+      activeIndex: 0,
+      form: {
+        title: null,
+        username: null,
+        fondsNo: null,
+        remarks: null
+      },
+      rules: {
+        title: [
+          { required: true, message: '标题不可为空', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'user',
+      'baseApi'
+    ])
+  },
+  mounted() {
+  },
+  methods: {
+    getFondsDetail() {
+      FetchFondsDetail({ id: this.user.fonds.id }).then((res) => {
+        this.form.fondsNo = res.fondsNo
+        if (res.fondsNo) {
+          this.getBusinessFlowTitle()
+        }
+      }).catch(err => {
+        console.log(err)
+      })
+    },
+    getBusinessFlowTitle() {
+      const params = {
+        'username': this.user.username,
+        'fondsNo': this.form.fondsNo,
+        'businessType': 9 // 8.批量成件 9.合并成件 10.预归档移动
+      }
+      FetchBusinessFlowTitle(params).then((res) => {
+        if (res.code !== 500) {
+          console.log(res)
+          this.form.title = res
+        } else {
+          this.$message({ message: '失败', type: 'error', offset: 8 })
+        }
+      }).catch(err => {
+        console.log(err)
+      })
+    },
+    handleComfired() {
+      this.btnLoading = true
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          const archivesIds = []
+          this.selections.forEach(val => {
+            archivesIds.push(val.id)
+          })
+          const params = {
+            'businessType': 9,
+            'title': this.form.title,
+            'applicant': this.user.username,
+            'fondsNo': this.form.fondsNo,
+            'remarks': this.form.remarks,
+            ...this.extraParams
+          }
+          console.log(params)
+          FetchReIntoFlowBusiness(params).then((res) => {
+            if (res.code !== 500) {
+              this.$message({ message: '合并成件提交成功', type: 'success', offset: 8 })
+              this.$emit('close-dialog')
+            } else {
+              this.$message({ message: res.message, type: 'error', offset: 8 })
+            }
+            this.archivesFillingVisible = false
+            this.btnLoading = false
+          }).catch(err => {
+            this.btnLoading = false
+            console.log(err)
+          })
+        }
+      })
+    },
+    changeActiveTab(data) {
+      this.activeIndex = data
+    },
+    opened() {
+      if (this.activeIndex === 0) {
+        this.form.applicant = this.user.username
+        this.getFondsDetail()
+      }
+    },
+    handleCloseDialog() {
+      this.archivesFillingVisible = false
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+
+.detail-dialog{
+  .detail-tab .tab-nav{
+    margin: 0 0 18px 0;
+  }
+}
+</style>
diff --git a/src/views/system/processManage/runningProcess/module/businessDetails/index.vue b/src/views/system/processManage/runningProcess/module/businessDetails/index.vue
index 92450ed..79c2069 100644
--- a/src/views/system/processManage/runningProcess/module/businessDetails/index.vue
+++ b/src/views/system/processManage/runningProcess/module/businessDetails/index.vue
@@ -3,14 +3,16 @@
     <el-table :data="tableData" style="width: 100%" height="320" @cell-dblclick="tableDoubleClick">
       <el-table-column type="index" align="center" width="55" />
       <el-table-column prop="fondsName" label="所属全宗" min-width="120" />
-      <el-table-column prop="categoryName" label="门类名称" min-width="120" />
-      <el-table-column prop="categoryLevel" label="整理方式">
+      <el-table-column v-if="baseInfo && (baseInfo.businessType === 8 || baseInfo.businessType === 9 || baseInfo.businessType === 10)" prop="documentName" label="门类名称" />
+      <el-table-column v-else prop="categoryName" label="门类名称" min-width="120" />
+      <el-table-column v-if="baseInfo && (baseInfo.businessType !== 8 && baseInfo.businessType !== 9 && baseInfo.businessType !== 10)" prop="categoryLevel" label="整理方式">
         <template slot-scope="scope">
           <span>{{ scope.row.categoryLevel === 2 ? '案卷整理' : '按件整理' }}</span>
         </template>
       </el-table-column>
-      <el-table-column prop="archiveNo" label="项目号/档号" min-width="200" />
+      <el-table-column v-if="baseInfo && (baseInfo.businessType !== 8 && baseInfo.businessType !== 9 && baseInfo.businessType !== 10)" prop="archiveNo" label="项目号/档号" min-width="200" />
       <el-table-column prop="maintitle" label="题名" min-width="200" />
+      <el-table-column v-if="baseInfo && (baseInfo.businessType === 8 || baseInfo.businessType === 9 || baseInfo.businessType === 10)" prop="createdDate" label="成文日期" />
       <el-table-column v-if="isUtilize" prop="utilizeType" label="利用方式" width="300">
         <template slot-scope="scope">
           <el-checkbox-group v-model="scope.row.utilizeType" class="checkbox-style">
@@ -47,16 +49,18 @@
     </el-table>
     <el-pagination :page-size.sync="setPage.size" :total="setPage.total" :current-page.sync="setPage.page+1" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChangeHandler($event)" @current-change="pageChangeHandler" />
     <ArchivesInfo ref="archivesInfo" :category-id="categoryId" :arc-id="arcId" :is-title-type="isTitleType" />
+    <PrearchiveLibraryDetailInfo ref="prearchiveLibraryDetailInfo" :selected-document="selectedDocument" :is-process-prearchive="true" />
   </div>
 </template>
 
 <script>
 import ArchivesInfo from '@/views/components/archivesDetail/detail'
+import PrearchiveLibraryDetailInfo from '@/views/prearchiveLibrary/module/detail'
 import { parseTime } from '@/utils/index'
 
 export default {
   name: 'BusinessDetails',
-  components: { ArchivesInfo },
+  components: { ArchivesInfo, PrearchiveLibraryDetailInfo },
   props: {
     tableData: {
       type: Array,
@@ -119,8 +123,8 @@ export default {
           value: 2,
           label: '不允许借阅'
         }
-      ]
-
+      ],
+      selectedDocument: {}
     }
   },
   mounted() {
@@ -151,32 +155,35 @@ export default {
 
       this.categoryId = row.categoryPid
       this.arcId = row.archivesId
+      this.selectedDocument = row
       this.$nextTick(() => {
-        const currentDate = new Date()
-        const formattedDate = this.formatDate(currentDate)
-        // console.log('currentDate', currentDate)
-        // console.log(parseTime(this.baseInfo.giveStartTime))
-        const isStartTimeValid = parseTime(this.baseInfo.giveStartTime) <= formattedDate
-        const isEndTimeValid = parseTime(this.baseInfo.giveEndTime) >= formattedDate
-        console.log(isStartTimeValid)
-        console.log(isEndTimeValid)
-        // 根据条件设置 isShowUtilizeHandleBtn
-        if (this.isUtilize && this.baseInfo.status === 3 && isStartTimeValid && isEndTimeValid) {
-          this.$refs.archivesInfo.isShowUtilizeHandleBtn = true
-        } else {
-          this.$refs.archivesInfo.isShowUtilizeHandleBtn = false
-        }
-        this.$refs.archivesInfo.archivesInfoVisible = true
-        this.$refs.archivesInfo.archivesTabIndex = 0
-        this.$refs.archivesInfo.isFourTest = true
-        if (row.categoryLevel === 2) {
-          this.$refs.archivesInfo.isHasFile = false
-          this.$refs.archivesInfo.detailTitle = '案卷详情'
-          this.$refs.archivesInfo.getDetial(2, row.archivesId)
+        if (this.baseInfo.businessType === 8 || this.baseInfo.businessType === 9 || this.baseInfo.businessType === 10) {
+          this.$refs.prearchiveLibraryDetailInfo.archivesInfoVisible = true
+          this.$refs.prearchiveLibraryDetailInfo.archivesTabIndex = 0
+          this.$refs.prearchiveLibraryDetailInfo.getDetial(row.id)
         } else {
-          this.$refs.archivesInfo.isHasFile = true
-          this.$refs.archivesInfo.detailTitle = '文件详情'
-          this.$refs.archivesInfo.getDetial(3, row.archivesId)
+          const currentDate = new Date()
+          const formattedDate = this.formatDate(currentDate)
+          const isStartTimeValid = parseTime(this.baseInfo.giveStartTime) <= formattedDate
+          const isEndTimeValid = parseTime(this.baseInfo.giveEndTime) >= formattedDate
+          // 根据条件设置 isShowUtilizeHandleBtn
+          if (this.isUtilize && this.baseInfo.status === 3 && isStartTimeValid && isEndTimeValid) {
+            this.$refs.archivesInfo.isShowUtilizeHandleBtn = true
+          } else {
+            this.$refs.archivesInfo.isShowUtilizeHandleBtn = false
+          }
+          this.$refs.archivesInfo.archivesInfoVisible = true
+          this.$refs.archivesInfo.archivesTabIndex = 0
+          this.$refs.archivesInfo.isFourTest = true
+          if (row.categoryLevel === 2) {
+            this.$refs.archivesInfo.isHasFile = false
+            this.$refs.archivesInfo.detailTitle = '案卷详情'
+            this.$refs.archivesInfo.getDetial(2, row.archivesId)
+          } else {
+            this.$refs.archivesInfo.isHasFile = true
+            this.$refs.archivesInfo.detailTitle = '文件详情'
+            this.$refs.archivesInfo.getDetial(3, row.archivesId)
+          }
         }
       })
     },
diff --git a/src/views/system/user/processCenter/index.vue b/src/views/system/user/processCenter/index.vue
index 918d6a4..cd9dcf7 100644
--- a/src/views/system/user/processCenter/index.vue
+++ b/src/views/system/user/processCenter/index.vue
@@ -9,6 +9,9 @@
       <li :class="{'active-li': listIndex == 5}" @click="handleClick(5)">外部移交流程</li>
       <li :class="{'active-li': listIndex == 6}" @click="handleClick(6)">开放鉴定流程</li>
       <li :class="{'active-li': listIndex == 7}" @click="handleClick(7)">销毁鉴定流程</li>
+      <li :class="{'active-li': listIndex == 8}" @click="handleClick(8)">预归档批量成件</li>
+      <li :class="{'active-li': listIndex == 9}" @click="handleClick(9)">预归档合并成件</li>
+      <li :class="{'active-li': listIndex == 10}" @click="handleClick(10)">预归档移动</li>
     </ul>
     <div class="process-right">
       <div class="head-container" style="display: flex; justify-content: space-between;">
@@ -186,6 +189,15 @@ export default {
         case 7:
           this.businessType = 4
           break
+        case 8:
+          this.businessType = 8
+          break
+        case 9:
+          this.businessType = 9
+          break
+        case 10:
+          this.businessType = 10
+          break
       }
       this.crud.query.businessType = this.businessType
       this.crud.toQuery()
diff --git a/src/views/system/user/processCenter/module/form.vue b/src/views/system/user/processCenter/module/form.vue
index 8e49038..00c6571 100644
--- a/src/views/system/user/processCenter/module/form.vue
+++ b/src/views/system/user/processCenter/module/form.vue
@@ -42,7 +42,7 @@
             </el-form>
           </div>
         </div>
-        <businessDetails :table-data="tableData" :is-utilize="isUtilize" :is-flowable-form="true" :set-page="setPage" @select-change="handleSelectChange" @page-change="pageChangeHandler" @size-change="sizeChangeHandler" />
+        <businessDetails :base-info="baseInfo" :table-data="tableData" :is-utilize="isUtilize" :is-flowable-form="true" :set-page="setPage" @select-change="handleSelectChange" @page-change="pageChangeHandler" @size-change="sizeChangeHandler" />
       </div>
       <div v-if="activeIndex == 1" class="detail-img">
         <img :src="'data:image/jpeg;base64,'+ srcImg" alt="" :onerror="defaultImg">
@@ -57,6 +57,7 @@
 
 <script>
 import { FetchBecomeDocumentConfirm } from '@/api/collect/collect'
+import { FetchMergeToFileConfirm } from '@/api/prearchiveLibrary/prearchiveLibrary'
 import { FetchGenProcessDiagram } from '@/api/system/flowable'
 //  FetchBusinessFlowDetails,
 import { FetchHandBusinessFlowDetails, FetchUtilizeConfirm, FetchArchivesReturnConfirm, FetchArchivesOpenConfirm, FetchArchivesDestructionConfirm, FetchTransferConfirm, FetchOfflineTransferConfirm } from '@/api/archivesManage/library'
@@ -110,6 +111,12 @@ export default {
           return '内部移交'
         case 7:
           return '外部移交'
+        case 8:
+          return '预归档批量成件'
+        case 9:
+          return '预归档合并成件'
+        case 10:
+          return '预归档移动'
         default:
           return '-'
       }
@@ -306,6 +313,42 @@ export default {
               this.$message({ message: '操作提交失败', type: 'error', offset: 8 })
               console.log(err)
             })
+          } else if (this.selectRow.businessType === 8) {
+            // 批量成件
+            // FetchBatchToFileConfirm(params).then((res) => {
+            //   if (res.code !== 500) {
+            //     this.$message({ message: res, type: 'success', offset: 8 })
+            //   } else {
+            //     this.$message({ message: '操作提交失败', type: 'error', offset: 8 })
+            //   }
+            //   this.closedDialog()
+            // }).catch(err => {
+            //   console.log(err)
+            // })
+          } else if (this.selectRow.businessType === 9) {
+            // 合并成件
+            FetchMergeToFileConfirm(params).then((res) => {
+              if (res.code !== 500) {
+                this.$message({ message: res, type: 'success', offset: 8 })
+              } else {
+                this.$message({ message: '操作提交失败', type: 'error', offset: 8 })
+              }
+              this.closedDialog()
+            }).catch(err => {
+              console.log(err)
+            })
+          } else if (this.selectRow.businessType === 10) {
+            // 预归档移动
+            // FetchMoveConfirm(params).then((res) => {
+            //   if (res.code !== 500) {
+            //     this.$message({ message: res, type: 'success', offset: 8 })
+            //   } else {
+            //     this.$message({ message: '操作提交失败', type: 'error', offset: 8 })
+            //   }
+            //   this.closedDialog()
+            // }).catch(err => {
+            //   console.log(err)
+            // })
           }
           // this.closedDialog()
         } else {