移交申请

src/views/common/fileTree.vue

@@ -3,28 +3,13 @@
     <el-dialog class="l-dialog" :class="lDialog" :title="title" :visible.sync="dialogVisible" :showClose="true"
         :closeOnClickModal="false" @close="handleClose" :append-to-body="true">
         <div>
-            <el-form :model="form" :rules="rules" ref="ruleForm" label-width="110px">
+            
-                <el-form-item label="项目" prop="proId">
-                    <el-select class="form-item" v-model="form.proId" filterable clearable placeholder="请选择项目">
-                        <el-option v-for="item in proList" :key="item.id" :label="item.name"
-                            :value="item.id"></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="选择移交档案">
-                    <el-button plain type="primary" size="mini" icon="el-icon-plus" @click="handleAddFile">选择</el-button>
-                </el-form-item>
-                <el-form-item label="接收组织" prop="deptId">
-                    <treeselect v-model="form.deptId" :options="treeDataList" placeholder="请选择上级节点" value-key="id"
-                        noChildrenText="没有数据了" noOptionsText="没有数据了" noResultsText="没有搜索结果" />
-                </el-form-item>
-            </el-form>
         </div>
         <span slot="footer" class="dialog-footer">
             <el-button class="clear-btn" @click="handleClose" :disabled="disabled">取消</el-button>
             <el-button type="primary" class="search-btn" :disabled="disabled"
                 @click="submitForm('ruleForm')">确认</el-button>
         </span>
-        <FileTree v-if="fileTreeVisible" />
     </el-dialog>
     
 </template>
@@ -40,7 +25,7 @@ import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 export default {
     name: "FileTree",
-    props: ["width", "dataForm", "title", "disabled", "isAdd", "rowData"],
+    props: ["width", "dataForm", "title", "disabled", "rowData"],
     dicts: ['data_class_type'],
     components: { Treeselect},
     data() {
@@ -48,37 +33,15 @@ export default {
             lDialog: this.width > 500 ? "w700" : "w500",
             dialogVisible: true,
             isDisabled: true,
-            form: {
-                proId: undefined,
-                deptId: undefined,
-                remark: '',
-            },
-            treeDataList: [],
-            proList: [],
-            loading: null,
-            rules: {
-                proId: [
-                    { required: true, message: '请选择项目', trigger: 'change' }
-                ],
-                deptId: [
-                    { required: true, message: '请选择接收组织', trigger: 'change' }
-                ],
-            },
-            fileTreeVisible: false,
         };
     },
     created() {
-        this.initFormData();
+        // this.initFormData();
     },
     methods: {
         /** 初始化表单数据 */
         async initFormData() {
-            await getDeptSelectApi().then(res => {
+            
-                this.treeDataList = res.data;
-            });
-            await getProSelectApi().then(res => {
-                this.proList = res.data;
-            });
             if (this.isAdd === 'edit' && this.rowData) {
                 // 编辑模式：填充表单数据
                 this.form = {

src/views/filesTransfer/apply/prop/applyForm.vue

@@ -14,8 +14,16 @@
                     <el-button plain type="primary" size="mini" icon="el-icon-plus" @click="handleAddFile">选择</el-button>
                 </el-form-item>
                 <el-form-item label="接收组织" prop="deptId">
-                    <treeselect v-model="form.deptId" :options="treeDataList" placeholder="请选择上级节点" value-key="id"
+                    <treeselect
-                        noChildrenText="没有数据了" noOptionsText="没有数据了" noResultsText="没有搜索结果" />
+                        v-model="form.deptId"
+                        :options="treeDataList"
+                        placeholder="请选择接收组织"
+                        value-key="id"
+                        :disable-branch-nodes="true"
+                        noChildrenText="没有数据了"
+                        noOptionsText="没有数据了"
+                        noResultsText="没有搜索结果"
+                    />
                 </el-form-item>
             </el-form>
         </div>
@@ -24,9 +32,9 @@
             <el-button type="primary" class="search-btn" :disabled="disabled"
                 @click="submitForm('ruleForm')">确认</el-button>
         </span>
-        <!-- <FileTree v-if="fileTreeVisible" /> -->
+        <FileTree v-if="isflag" :isAdd="isAdd" :rowData="fileTreeRow" :title="fileTreeTitle"
+            @closeDialog="closeDialog" :dataForm="fileTreeRow" :width="800" />
     </el-dialog>
-    
 </template>
 <script>
 import _ from 'lodash'
@@ -65,7 +73,9 @@ export default {
                     { required: true, message: '请选择接收组织', trigger: 'change' }
                 ],
             },
-            fileTreeVisible: false,
+            fileTreeTitle: "",
+            isflag: false,
+            fileTreeRow: {},
         };
     },
     created() {
@@ -99,7 +109,15 @@ export default {
         },
         // 选择移交档案
         handleAddFile(){
-            this.fileTreeVisible = true;
+            this.fileTreeTitle = "选择";
+            this.fileTreeRow = {};
+            this.isflag = true;
+        },
+        closeDialog() {
+            this.isflag = false;
+        },
+        showColose() {
+            this.isflag = false;
         },
         /*关闭弹窗 */
         handleClose() {
@@ -175,30 +193,27 @@ export default {
             });
         },
         // 树数据过滤 - 支持无限层级转换
-        convertToVueTree(data) {
+        convertToVueTree(data, level = 1) {
             if (!data || !Array.isArray(data)) {
-                return [];
+                return []
             }
 
             return data.map(item => {
                 const node = {
                     id: item.deptId,
                     label: item.deptName,
-                };
+                }
 
-                // 递归处理子节点
                 if (item.children && Array.isArray(item.children) && item.children.length > 0) {
-                    const children = this.convertToVueTree(item.children);
+                    // 仅保留到第3层。第3层不再挂 children，成为叶子，结合 disable-branch-nodes 实现只能选第3层
-                    // 过滤掉null值（层级为3的节点）
+                    if (level < 3) {
-                    const filteredChildren = children.filter(child => child !== null);
+                        const children = this.convertToVueTree(item.children, level + 1)
-                    // 只有当子节点不为空时才添加 children 属性
+                        if (children.length > 0) node.children = children
-                    if (filteredChildren.length > 0) {
-                        node.children = filteredChildren;
                     }
                 }
 
-                return node;
+                return node
-            }).filter(node => node !== null); // 过滤掉null值
+            })
         },
     }
 };