提交

src/views/fileManager/components/addTableData.vue

@@ -37,15 +37,16 @@
           ></el-input>
         </el-form-item>
         <el-form-item label="归档责任单位" prop="unitName">
-          <el-input
-            class="form-item"
+          <el-tree-select
             v-model="form.unitName"
-            clearable
-            show-word-limit
-            placeholder="请输入归档责任单位"
-            maxlength="32"
+            :data="dictData.unit_name"
+            placeholder="请选择归档责任单位"
+            value-key="id"
             :disabled="isDetailMode"
-          ></el-input>
+            check-strictly
+            :props="{ value: 'id', label: 'label', children: 'children' }"
+            style="width: 100%"
+          />
         </el-form-item>
         <el-form-item label="所属专业" prop="major">
           <el-input
@@ -146,6 +147,7 @@ import {
   getFileManageByIdApi
 } from '@/api/archivesManagement/fileManager/fileManager.js'
 import { getClassifyMarkSelApi ,getDictDataByTypeApi} from '@/api/select.js'
+import { getDeptTree } from '@/api/system/dept';
 
 const props = defineProps({
   width: {
@@ -201,6 +203,7 @@ const uploadRef = ref()
 // 字典数据（需要根据实际情况获取）
 const dictData = reactive({
   mark_code: [],
+  unit_name: [],
   file_size_limit: []
 })
 
@@ -214,6 +217,25 @@ const fetchDictData = async () => {
     } else {
       console.error('获取档案标识代码字典失败:', markCodeRes.data.msg)
     }
+    const convertToVueTree = (data) => {
+      if (!data || !Array.isArray(data)) return [];
+      return data.map((item) => {
+        const node = {
+          id: item.id,
+          label: item.title
+        };
+        if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+          const children = convertToVueTree(item.children);
+          if (children.length > 0) node.children = children;
+
+        }
+        return node;
+      });
+    };
+    const deptRes = await getDeptTree();
+    dictData.unit_name = convertToVueTree(deptRes.data.data);
+
+
 
     // 获取文件大小限制字典
     const fileSizeRes = await getDictDataByTypeApi({ dictType: 'file_size_limit' })
@@ -237,6 +259,7 @@ const fetchDictData = async () => {
     console.error('获取字典数据失败:', error)
     // 使用默认值
     dictData.mark_code = []
+    dictData.unit_name = []
     dictData.file_size_limit = []
   }
 }