From 5f2356dcc16eb35cc98dd8fdd727c7f984a6fd41 Mon Sep 17 00:00:00 2001
From: zhaojiale <631455805@qq.com>
Date: 星期二, 09 八月 2022 15:14:36 +0800
Subject: [PATCH] 应急队伍管理部门修改

---
 src/views/contingencyManagement/contingency/component/openAdd.vue |   49 +++++++++++++++++++++++++++++++++++++------------
 1 files changed, 37 insertions(+), 12 deletions(-)

diff --git a/src/views/contingencyManagement/contingency/component/openAdd.vue b/src/views/contingencyManagement/contingency/component/openAdd.vue
index e853358..cf1f71c 100644
--- a/src/views/contingencyManagement/contingency/component/openAdd.vue
+++ b/src/views/contingencyManagement/contingency/component/openAdd.vue
@@ -30,7 +30,7 @@
                     </el-col>
                     <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                         <el-form-item label="负责人部门" prop="principalDepartmentId">
-                            <el-tree-select v-model="ruleForm.principalDepartmentId" :data="data" class="w100"
+                            <el-tree-select v-model="ruleForm.principalDepartmentId" :data="newTreeList" class="w100"
                                             :props="propse" clearable placeholder="请选择"/>
                         </el-form-item>
                     </el-col>
@@ -201,29 +201,53 @@
             // 上传附件
             const fileList = ref<UploadUserFile[]>([])
 
-            //部门树
-            const department = () => {
-                goalManagementApi()
+            //定义树形下拉框
+            const principalDepartmentId = ref()
+            const data = ref()
+
+
+
+            //el-tree-select回显
+            const propse = {
+                label: 'depName',
+                children: 'children',
+            };
+            const newTreeList = [];
+            //得到部门树
+            const department = async () => {
+                await goalManagementApi()
                     .getTreedepartment()
                     .then((res) => {
                         if (res.data.code == 200) {
                             data.value = res.data.data;
+                            getTreeList(res.data.data, newTreeList);
                         } else {
                             ElMessage.error(res.data.msg);
                         }
                     });
             };
-            //定义树形下拉框
-            const principalDepartmentId = ref()
-            const propse = {
-                label: 'depName',
-                children: 'children',
-                value: 'depId',
+            // 递归树状数据且修改字段名
+            const getTreeList = (treeList, newTreeList) => {
+                treeList.map((c) => {
+                    let tempData = {
+                        depName: c.depName,
+                        value: c.depId,
+                        children: [],
+                    };
+                    if (c.children && c.children.length > 0) {
+                        tempData.children = [];
+                        getTreeList(c.children, tempData.children);
+                    }
+                    newTreeList.push(tempData);
+                });
             };
-            const data = ref()
             onMounted(() => {
                 department();
             });
+
+
+
+
             // 打开用户选择弹窗
             const userRef = ref();
             const openUser = () => {
@@ -482,7 +506,8 @@
                 onRowDel,
                 department,
                 peopleInsertBtn,
-                teamId
+                teamId,
+                newTreeList
             };
         },
     });

--
Gitblit v1.9.2