From 6c0a5589fc581fd68dd864be83fd690afb125767 Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Mon, 26 May 2025 17:31:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/documentArchives.js            |  25 +-
 src/assets/images/errRecord.png               | Bin 0 -> 4329 bytes
 src/views/archivesMIOD/miodLibrary/index.vue  |  19 +-
 .../miodLibrary/module/detail.vue             | 213 ++++++++++++++----
 .../archivesMIOD/miodLibrary/treeList.vue     |  17 +-
 src/views/components/category/PreviewForm.vue |  45 ++--
 6 files changed, 247 insertions(+), 72 deletions(-)
 create mode 100644 src/assets/images/errRecord.png

diff --git a/src/api/system/documentArchives.js b/src/api/system/documentArchives.js
index 3955af5..f238690 100644
--- a/src/api/system/documentArchives.js
+++ b/src/api/system/documentArchives.js
@@ -116,15 +116,32 @@ export function FetchInitDocumentDetailsList(params) {
   })
 }
 
+// 添加公文文件
+export function FetchAddDocumentDetails(data) {
+  return request({
+    url: 'api/documentArchives/addDocumentDetails',
+    method: 'post',
+    data
+  })
+}
+
 // 删除公文文件
-export function FetchDelelteDocumentDetails(data) {
+export function FetchDeleteDocumentDetails(data) {
   return request({
-    url: 'api/documentArchives/delelteDocumentDetails',
+    url: 'api/documentArchives/deleteDocumentDetails',
     method: 'post',
     data
   })
 }
 
+// 根据公文id获取需阅读者信息
+export function FetchInitDistributorByDocumentId(params) {
+  return request({
+    url: 'api/documentArchives/initDistributorByDocumentId' + '?' + qs.stringify(params, { indices: false }),
+    method: 'get'
+  })
+}
+
 export default {
   FetchInitDocumentParam,
   updateDocumentParam,
@@ -139,5 +156,7 @@ export default {
   FetchArchivesDetails,
   FetchHandleDocument,
   FetchInitDocumentDetailsList,
-  FetchDelelteDocumentDetails
+  FetchAddDocumentDetails,
+  FetchDeleteDocumentDetails,
+  FetchInitDistributorByDocumentId
 }
diff --git a/src/assets/images/errRecord.png b/src/assets/images/errRecord.png
new file mode 100644
index 0000000000000000000000000000000000000000..bf6c0372d7e47011bb0881f55afef1633f622444
GIT binary patch
literal 4329
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

literal 0
HcmV?d00001

diff --git a/src/views/archivesMIOD/miodLibrary/index.vue b/src/views/archivesMIOD/miodLibrary/index.vue
index b4059f2..88f9671 100644
--- a/src/views/archivesMIOD/miodLibrary/index.vue
+++ b/src/views/archivesMIOD/miodLibrary/index.vue
@@ -141,7 +141,7 @@
 <script>
 import CRUD, { presenter, header } from '@crud/crud'
 import { miodLibraryCrud } from './mixins/index'
-import crudDocumentArchives, { FetchDelArchives, FetchCompleteDelArchives, FetchRestoreArchives } from '@/api/system/documentArchives'
+import crudDocumentArchives, { FetchDelArchives, FetchCompleteDelArchives, FetchRestoreArchives, FetchInitDistributorByDocumentId } from '@/api/system/documentArchives'
 import rrOperation from '@crud/RR.operation'
 import crudOperation from '@crud/CRUD.operation'
 import pagination from '@crud/Pagination'
@@ -372,15 +372,24 @@ export default {
             if (type === 'edit') {
               this.$refs.previewForm.archivesType = 'edit'
               this.$refs.previewForm.addOrUpdateForm = data.echo
+
               if (data.fileecho) {
-                const fileecho = []
-                fileecho.push(data.fileecho)
-                this.$refs.previewForm.fileOriginal = fileecho[0].file_name
-                this.$refs.previewForm.fileJsonString = JSON.stringify(fileecho)
+                this.$refs.previewForm.fileOriginal = data.fileecho.file_name || null
+                this.$refs.previewForm.fileJsonString = JSON.stringify([data.fileecho])
               } else {
                 this.$refs.previewForm.fileOriginal = ''
                 this.$refs.previewForm.fileJsonString = ''
               }
+              // 获取借阅者
+              FetchInitDistributorByDocumentId(params).then(res => {
+                if (res && res.length !== 0) {
+                  this.$refs.previewForm.miodDeptsTags = res
+                  const ids = res.map(item => item.id)
+                  this.$set(this.$refs.previewForm.addOrUpdateForm, 'miodDepts', ids)
+                } else {
+                  this.$set(this.$refs.previewForm.addOrUpdateForm, 'miodDepts', null)
+                }
+              })
             } else {
               this.$refs.previewForm.archivesType = 'add'
             }
diff --git a/src/views/archivesMIOD/miodLibrary/module/detail.vue b/src/views/archivesMIOD/miodLibrary/module/detail.vue
index 3e5d5e6..648ec42 100644
--- a/src/views/archivesMIOD/miodLibrary/module/detail.vue
+++ b/src/views/archivesMIOD/miodLibrary/module/detail.vue
@@ -11,38 +11,42 @@
           <li :class="{'active-tab-nav': archivesTabIndex == 2}" @click="changeActiveTab(2)">操作记录</li>
         </ul>
         <div style="position: absolute; right: 0; top:0;">
-          <span class="row-state defalut-state">未传阅</span>
-          <!-- <span class="row-state soon-state">传阅中</span> -->
-          <!-- <span class="row-state end-state">已传阅</span> -->
+          <span
+            class="row-state"
+            :class="getStateClass(readStatus)"
+          >
+            {{ readStatus || '未传阅' }}
+          </span>
         </div>
         <!-- 基本信息 -->
         <div v-if="archivesTabIndex===0" class="base-info item-content">
           <el-row>
             <el-col v-for="(item,index) in archivesDetailsData" :key="index" :span="item.isLine ? 24 : 12" class="base-info-item">
               <span>{{ item.fieldCnName }}：</span>
-              <p :style="{ width: ( item.editLength ? item.editLength+'px' : '' ), flex: ( !item.editLength ? 1 : '' )}">{{ item.context }}</p>
+              <p :style="{ width: ( item.editLength ? item.editLength+'px' : '' ), flex: ( !item.editLength ? 1 : '' ), whiteSpace: 'pre-line'}">{{ item.context }}</p>
             </el-col>
           </el-row>
           <div>
-            <div class="childDevice-info">
-              <p><i style="font-style:normal; font-weight: bold;">待传阅者：</i><span>张三、李四</span></p>
+            <div v-if="borrowerList.length !== 0" class="childDevice-info">
+              <p><i style="font-style:normal; font-weight: bold;">待传阅者：</i><span>{{ borrowerList | formatBorrowerList }}</span></p>
             </div>
-            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 0 20px 0 10px;">
+            <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-bottom: 10px; padding: 0 20px 0 10px;">
               <h4 style="font-size: 16px; color: #1c1c1c;">文件列表</h4>
-              <el-button size="mini" style="padding: 7px 7px 7px 10px; ">
+              <el-button v-if="archivesFiledata.length !== 0" size="mini" style="padding: 7px 7px 7px 10px; " @click="handleAddDocDetails">
                 <i class="iconfont icon-tianjiawenjian" />
               </el-button>
             </div>
             <el-table
+              v-loading="archivesFiledataLoading"
               :data="archivesFiledata"
-              style="min-width: 100%"
+              style="min-width: 100%;"
               height="calc(100vh - 716px)"
             >
               <el-table-column prop="reg_no" label="登记号" show-overflow-tooltip min-width="140" />
               <el-table-column prop="details_type" label="类型" min-width="85">
                 <template slot-scope="scope">
-                  <el-tag v-if="scope.row.details_type === 1" type="success">原件</el-tag>
-                  <el-tag v-else type="info">复印件</el-tag>
+                  <el-tag v-if="scope.row.details_type === 1">原件</el-tag>
+                  <el-tag v-else>复印件</el-tag>
                 </template>
               </el-table-column>
               <el-table-column prop="pass_location" label="传阅所在位置" min-width="180" />
@@ -120,12 +124,17 @@
 
 <script>
 import { form } from '@crud/crud'
-import { FetchArchivesDetails, FetchInitDocumentDetailsList } from '@/api/system/documentArchives'
+import { FetchArchivesDetails, FetchInitDocumentDetailsList, FetchAddDocumentDetails, FetchDeleteDocumentDetails, FetchInitDistributorByDocumentId } from '@/api/system/documentArchives'
 import { mapGetters } from 'vuex'
 
 import BindingTagDlg from '@/views/components/BindingTagDlg'
 export default {
   name: 'PrearchiveLibraryDetail',
+  filters: {
+    formatBorrowerList(list) {
+      return list.map(item => item.borrowName).join('、')
+    }
+  },
   components: { BindingTagDlg },
   mixins: [
     form({})
@@ -152,6 +161,9 @@ export default {
       tableData: [],
       parentInfo: null,
       handleTableData: [],
+      currentArchivesId: null,
+      archivesFiledataLoading: false,
+      borrowerList: [],
       page: {
         page: 0,
         size: 10,
@@ -183,13 +195,32 @@ export default {
   computed: {
     ...mapGetters([
       'baseApi'
-    ])
+    ]),
+    // 计算属性：获取传阅状态
+    readStatus() {
+      const readTypeItem = this.archivesDetailsData.find(
+        item => item.fieldName === 'read_type'
+      )
+      return readTypeItem ? readTypeItem.context : '未传阅'
+    }
   },
   created() {
   },
   mounted() {
   },
   methods: {
+    getStateClass(status) {
+      switch (status) {
+        case '未传阅':
+          return 'defalut-state'
+        case '传阅中':
+          return 'soon-state'
+        case '已传阅':
+          return 'end-state'
+        default:
+          return 'defalut-state'
+      }
+    },
     changeActiveTab(index) {
       this.archivesTabIndex = index
     },
@@ -197,27 +228,96 @@ export default {
       return this.operateTypeMap[type] || '-'
     },
     getDetial(rowId) {
-      let documentId
-      if (this.selectedDocument.isType === 2) {
-        documentId = this.selectedDocument.id
-      } else {
-        documentId = this.selectedDocument.documentId
-      }
-      const params = {
-        documentId: documentId,
+      this.currentArchivesId = rowId
+      const documentId = this.selectedDocument.isType === 2
+        ? this.selectedDocument.id
+        : this.selectedDocument.documentId
+
+      const commonParams = {
+        documentId,
         archivesId: rowId
       }
-      FetchArchivesDetails(params).then(data => {
-        this.archivesDetailsData = data
+
+      Promise.all([
+        // 获取档案详情
+        FetchArchivesDetails(commonParams).then(data => {
+          this.archivesDetailsData = data
+        }),
+        // 获取传阅人列表
+        FetchInitDistributorByDocumentId(commonParams).then(data => {
+          this.borrowerList = data
+        })
+      ]).catch(error => {
+        console.error('请求出错:', error)
       })
+
+      this.getInitDocumentDetailsList()
+    },
+
+    getInitDocumentDetailsList() {
+      this.archivesFiledataLoading = true
+      const documentId = this.selectedDocument.isType === 2
+        ? this.selectedDocument.id
+        : this.selectedDocument.documentId
+
+      const params = {
+        documentId,
+        archivesId: this.currentArchivesId
+      }
+
       FetchInitDocumentDetailsList(params).then(data => {
         // id,parents_id,reg_no,details_type,pass_location,read_type,tid,is_destroy,create_by,create_time,update_by,update_time
         // id，公文id，登记号，文件类别（1.原文 2.复印件），传阅所在位置，传阅状态，tid，是否销毁，创建人，创建时间，更新人，更新时间
         const jsonData = this.convertData(data)
         this.archivesFiledata = jsonData
-        console.log(jsonData)
+        this.archivesFiledataLoading = false
+      }).catch(error => {
+        console.error('获取文档详情列表失败:', error)
+        this.archivesFiledataLoading = false
       })
     },
+    // getDetial(rowId) {
+    //   this.currentArchivesId = rowId
+    //   let documentId
+    //   if (this.selectedDocument.isType === 2) {
+    //     documentId = this.selectedDocument.id
+    //   } else {
+    //     documentId = this.selectedDocument.documentId
+    //   }
+    //   const params = {
+    //     documentId: documentId,
+    //     archivesId: rowId
+    //   }
+    //   FetchArchivesDetails(params).then(data => {
+    //     this.archivesDetailsData = data
+    //   })
+    //   this.getInitDocumentDetailsList()
+
+    //   FetchInitDistributorByDocumentId(params).then(data => {
+    //     this.borrowerList = data
+    //   })
+    // },
+    // getInitDocumentDetailsList() {
+    //   this.archivesFiledataLoading = true
+    //   let documentId
+    //   if (this.selectedDocument.isType === 2) {
+    //     documentId = this.selectedDocument.id
+    //   } else {
+    //     documentId = this.selectedDocument.documentId
+    //   }
+    //   const params = {
+    //     documentId: documentId,
+    //     archivesId: this.currentArchivesId
+    //   }
+    //   FetchInitDocumentDetailsList(params).then(data => {
+    //     // id,parents_id,reg_no,details_type,pass_location,read_type,tid,is_destroy,create_by,create_time,update_by,update_time
+    //     // id，公文id，登记号，文件类别（1.原文 2.复印件），传阅所在位置，传阅状态，tid，是否销毁，创建人，创建时间，更新人，更新时间
+    //     const jsonData = this.convertData(data)
+    //     this.archivesFiledata = jsonData
+    //     console.log(jsonData)
+    //     this.archivesFiledataLoading = false
+    //   })
+    // },
     convertData(data) {
       return data.map(item => {
         const fieldNames = [
@@ -232,7 +332,28 @@ export default {
         return obj
       })
     },
-
+    handleAddDocDetails() {
+      let documentId
+      if (this.selectedDocument.isType === 2) {
+        documentId = this.selectedDocument.id
+      } else {
+        documentId = this.selectedDocument.documentId
+      }
+      const params = {
+        documentId: documentId,
+        archivesId: this.currentArchivesId,
+        regNo: this.archivesFiledata[0].reg_no
+      }
+      FetchAddDocumentDetails(params).then(data => {
+        if (data) {
+          this.getInitDocumentDetailsList()
+        } else {
+          this.$message({ message: '添加失败', type: 'error', offset: 8 })
+        }
+      }).catch(error => {
+        this.$message({ message: error, type: 'error', offset: 8 })
+      })
+    },
     bindingTag(data) {
       if (data.tid) {
         this.$refs.bindingTag.isBinding = true
@@ -264,23 +385,34 @@ export default {
       })
     },
     toDelete(datas) {
-      this.$confirm('此操作将删除当前所选' + this.crud.title + '<span>你是否还要继续？</span>', '提示', {
+      console.log('datas', datas)
+      this.$confirm('此操作将删除当前所选公文文件' + '<span>你是否还要继续？</span>', '提示', {
         confirmButtonText: '继续',
         cancelButtonText: '取消',
         type: 'warning',
         dangerouslyUseHTMLString: true
       }).then(() => {
-        this.crud.delAllLoading = true
-        const ids = datas.map(item => item.id)
-        console.log('ids', ids)
-        // FetchDelelteDocumentDetails(ids).then(() => {
-        //   this.$message({ message: '删除成功', type: 'success', offset: 8 })
-        //   this.crud.delAllLoading = false
-        //   this.crud.refresh()
-        // }).catch(err => {
-        //   this.crud.delAllLoading = false
-        //   console.log(err)
-        // })
+        let documentId
+        if (this.selectedDocument.isType === 2) {
+          documentId = this.selectedDocument.id
+        } else {
+          documentId = this.selectedDocument.documentId
+        }
+        const params = {
+          documentId: documentId,
+          archivesId: datas.id, // this.currentArchivesId,
+          isDestroy: true
+        }
+
+        console.log('ids', params)
+        FetchDeleteDocumentDetails(params).then((res) => {
+          console.log('res', res)
+          this.$message({ message: '删除成功', type: 'success', offset: 8 })
+          this.getInitDocumentDetailsList()
+        }).catch(err => {
+          this.crud.delAllLoading = false
+          console.log(err)
+        })
       }).catch(() => {
       })
     },
@@ -309,9 +441,9 @@ export default {
   .el-row{
     padding: 20px 0 0 0;
     background-color: #F6F8FC;
-    // height: calc(100vh / 2 - 200px);
-    // overflow: hidden;
-    // overflow-y: scroll;
+    height: calc(100vh / 2 - 80px);
+    overflow: hidden;
+    overflow-y: scroll;
   }
   .base-info-item{
     display: flex;
@@ -337,7 +469,6 @@ export default {
   display: flex;
   justify-content: flex-start;
   padding: 9px 12px 11px 12px;
-  margin-bottom: 24px;
   background: rgba(151,199,255,0.2);
   border-radius: 3px;
   border: 1px solid #97C7FF;
diff --git a/src/views/archivesMIOD/miodLibrary/treeList.vue b/src/views/archivesMIOD/miodLibrary/treeList.vue
index 9e45aee..4fdbc39 100644
--- a/src/views/archivesMIOD/miodLibrary/treeList.vue
+++ b/src/views/archivesMIOD/miodLibrary/treeList.vue
@@ -95,16 +95,19 @@ export default {
             documentId: child.id,
             dictionaryId: department.dictionaryId,
             dictionaryCode: department.dictionaryCode,
-            children: department.yearGroup.map(year => ({
-              documentId: child.id,
-              dictionaryName: department.dictionaryName,
-              label: year,
-              id: year,
-              isType: 4
-            }))
+            children: department.yearGroup
+              .sort((a, b) => b - a) // 年份倒序排列
+              .map(year => ({
+                documentId: child.id,
+                dictionaryName: department.dictionaryName,
+                label: year,
+                id: year,
+                isType: 4
+              }))
           }))
         }))
       }))
+      console.log(' this.crud.data', this.crud.data)
       // 初始化默认找到第一个document节点选中
       this.$nextTick(() => {
         const defaultSelectedNode = this.findFirstIsType2Node(this.crud.data)
diff --git a/src/views/components/category/PreviewForm.vue b/src/views/components/category/PreviewForm.vue
index e4102f0..8addf32 100644
--- a/src/views/components/category/PreviewForm.vue
+++ b/src/views/components/category/PreviewForm.vue
@@ -2,7 +2,7 @@
   <!-- :style="`padding: ${isDesFormType === 'arcives' ? '20px 0 100px 0 !important' : ''};` -->
   <div class="preview-content right-preview">
     <el-form ref="addOrUpdateForm" :model="addOrUpdateForm" :rules="rules" :validate-on-rule-change="false" label-width="125px">
-      <el-row :gutter="4" style="padding:0 20px" :class="isDesFormType === 'prearchiveLibrary' ? 'library-form' :''">
+      <el-row :gutter="4" style="padding:0 20px" :class="isDesFormType === 'prearchiveLibrary' || isDesFormType === 'miodLibrary' ? 'library-form' :''">
         <draggable v-bind="{draggable:'.drag-item',animation:500}" :disabled="!isDraggable" @update="datadragEnd">
           <el-col
             v-for="(item,index) in formPreviewData"
@@ -47,10 +47,10 @@
               <el-input
                 v-if="item.isInputClass !== 'select' && item.isInputClass !== 'date' && item.fieldName !== 'barcode' "
                 v-model="addOrUpdateForm[item.fieldName]"
-                :type="item.isInputClass === 'popover' && item.isLine ? 'textarea' : (item.isInputClass === 'popover' ? 'text' : item.isInputClass)"
-                :rows="item.isInputClass === 'textarea' || (item.isInputClass === 'popover' && item.isLine) ? 3 : ''"
-                :class="{'input-popover':(item.isInputClass === 'popover'),'mulit-input':(item.isInputClass === 'popover' && item.isLine)}"
-                :style="[{ width: item.editLength+'px'},item.isInputClass === 'popover' && item.isLine ? 'height:60px': '']"
+                :type="item.isInputClass === 'popover' && item.isLine && item.isRadio ? 'textarea' : (item.isInputClass === 'popover' ? 'text' : item.isInputClass)"
+                :rows="item.isInputClass === 'textarea' || (item.isInputClass === 'popover' && item.isLine && item.isRadio) ? 3 : ''"
+                :class="{'input-popover':(item.isInputClass === 'popover'),'mulit-input':(item.isInputClass === 'popover' && item.isLine && item.isRadio)}"
+                :style="[{ width: item.editLength+'px'},item.isInputClass === 'popover' && item.isLine && item.isRadio ? 'height:60px': '']"
                 :disabled="isDisabled || (item.fieldName === 'archival_category_code') || (item.fieldName === 'fonds_no' && isDesFormType !== 'category') || (item.fieldName === 'doc_department'&& archivesType === 'edit' ) || (item.fieldName === 'reg_no'&& archivesType === 'edit' )"
                 :validate-event="!isDisabled"
                 @mousewheel.native.prevent
@@ -61,7 +61,7 @@
               >
                 <i v-if="item.isInputClass === 'popover'" slot="suffix" class="el-input__icon iconfont icon-gengduo1" @click="handleCurrentFieldName(item)" />
               </el-input>
-              <i v-if="item.isInputClass === 'popover' && item.isLine" class="mulit-input-icon el-input__icon iconfont icon-gengduo1" @click="handleCurrentFieldName(item)" />
+              <i v-if="item.isInputClass === 'popover' && item.isLine && item.isRadio" :class="[ isDesFormType === 'miodLibrary' ? 'mulit-input-icon' : 'mulit-input-setting','el-input__icon iconfont icon-gengduo1']" @click="handleCurrentFieldName(item)" />
               <!-- date -->
               <el-date-picker v-if="item.isInputClass === 'date'" v-model="addOrUpdateForm[item.fieldName]" type="date" align="right" format="yyyy-MM-dd" placeholder="" :clearable="false" :style="{ width: item.editLength+'px'}" :disabled="isDisabled" :validate-event="!isDisabled" />
             </el-form-item>
@@ -75,7 +75,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row v-if="isDesFormType === 'miodLibrary' " class="preview-form-bottom miod-form-bottom">
+      <el-row v-if="isDesFormType === 'miodLibrary' " class="preview-form-bottom miod-form-bottom ">
         <el-col>
           <el-form-item
             label="需要传阅领导及部门"
@@ -134,7 +134,7 @@
           <el-table-column prop="dictionaryRemarks" label="内容说明" show-overflow-tooltip />
         </el-table>
       </div>
-      <div slot="footer" class="dialog-footer">
+      <div v-if="currentField && currentField.isRadio && currentField.isLine" slot="footer" class="dialog-footer">
         <el-button type="text" @click="handleClose">取消</el-button>
         <el-button type="primary" @click.native="handleComfirePopover">确定</el-button>
       </div>
@@ -150,7 +150,7 @@
           <el-table-column prop="fondsOrders" label="排序" width="60" />
         </el-table>
       </div>
-      <div slot="footer" class="dialog-footer">
+      <div v-if="currentField && currentField.isRadio && currentField.isLine" slot="footer" class="dialog-footer">
         <el-button type="text" @click="handleClose">取消</el-button>
         <!-- @click.native="handleComfireDepts" -->
         <el-button type="primary">确定</el-button>
@@ -168,7 +168,7 @@
           <el-table-column label="所属门类" prop="categoryName" show-overflow-tooltip />
         </el-table>
       </div>
-      <div slot="footer" class="dialog-footer">
+      <div v-if="currentField && currentField.isRadio && currentField.isLine" slot="footer" class="dialog-footer">
         <el-button type="text" @click="handleClose">取消</el-button>
         <!-- @click.native="handleComfireDepts" -->
         <el-button type="primary">确定</el-button>
@@ -321,6 +321,7 @@ export default {
       popoverTableDataFonds: [],
       popoverFondsVisible: false,
       currentFieldName: null, // popover 当前fieldName
+      currentField: null,
       treeCurrentFiled: null,
       categoryId: null,
       result: null,
@@ -374,10 +375,13 @@ export default {
         console.log('currentFieldName', this.currentFieldName)
         const findField = this.formPreviewData.find(item => item.fieldName === this.currentFieldName)
         console.log('findField', findField)
-        if (findField.isRadio) {
-          return false // 单选模式禁用所有 checkbox
-        }
-        return row.level ? row.level === 3 : true // 多选模式下保留原逻辑
+        // if (!findField.isRadio) {
+        //   return false // 单选模式禁用所有 checkbox
+        // } else {
+
+        // }
+
+        return row.level ? row.level === 3 : true
       }
     }
   },
@@ -1073,6 +1077,7 @@ export default {
     },
     // popover - 当前选中得
     handleCurrentFieldName(item) {
+      this.currentField = item
       this.currentFieldName = item.fieldName
       if (item.fieldName === 'fonds_no' && this.isDesFormType !== 'category') {
         return false
@@ -1320,6 +1325,7 @@ export default {
       this.$refs[formName].validate((valid, fields) => {
         if (valid && isValid) {
           delete this.addOrUpdateForm.id
+          delete this.addOrUpdateForm.miodDepts
           this.$emit('formLoadingShow', true)
           // 公文库
           if (this.isDesFormType === 'miodLibrary') {
@@ -1331,7 +1337,8 @@ export default {
               'jsonString': JSON.stringify(this.addOrUpdateForm),
               'fileJsonString': null,
               // 'fondsAffiliation': this.selectedDocument.fondsId
-              'fondsAffiliation': null
+              'fondsAffiliation': null,
+              'borrowerId': this.miodDeptsTags.map(item => item.id)
             }
             console.log('params', params)
             miodEditDocument(params).then(res => {
@@ -1506,7 +1513,7 @@ export default {
       this.popoverTableDataClassify = []
       this.popoverTableDataFonds = []
       this.deptsVisible = false
-      done()
+      // done()
     },
     // 选择附件
     async changeFile(e) {
@@ -1840,4 +1847,10 @@ export default {
   right: -303px;
   top: -17px;
 }
+
+.mulit-input-setting{
+  position: absolute;
+  right: 20px;
+  top: -17px;
+}
 </style>