邮箱左侧

src/views/connect/E-mail/mail/com/left.vue

@@ -105,6 +105,7 @@
             :expand-on-click-node="false"
             default-expand-all
             @node-click="(data, node) => handleTreeNodeNewClick(data, node)"
+            v-loading="staffLoading"
           >
             <template #default="{ node, data }">
               <span class="tree-content">
@@ -338,6 +339,7 @@ const mailMapData = {
 let selectFloderId = ref("");
 const mailList = ref([]);
 const staffMailData = ref([]);
+const staffLoading = ref(false);
 const userList = ref([]);
 const formOption = reactive({
   inline: true,
@@ -707,9 +709,9 @@ const handleTreeNodeNewClick = (data, node) => {
       ) {
         return;
       } else {
-        proxy
-          .post("/mailInfo/getUserEmailList", { id: data.userId })
-          .then((res) => {
+        staffLoading.value = true;
+        proxy.post("/mailInfo/getUserEmailList", { id: data.userId }).then(
+          (res) => {
             let arr = handleMapMailListData(res);
             arr = arr.map((x) => ({
               ...x,
@@ -720,7 +722,18 @@ const handleTreeNodeNewClick = (data, node) => {
               })),
             }));
             staffMailData.value[0].children[index].children = arr;
-          });
+            setTimeout(() => {
+              staffLoading.value = false;
+            }, 200);
+          },
+          (err) => {
+            staffLoading.value = false;
+            return ElMessage({
+              message: `获取员工邮箱失败，请联系管理员`,
+              type: "info",
+            });
+          }
+        );
       }
     }
   } else if (data.isFolder) {