refactor(userRoleConfig): 优化用户角色配置弹窗数据加载逻辑

- 添加 isDataLoaded 变量用于控制数据加载状态
- 在弹窗打开时重置数据加载状态
- 在数据加载完成后设置 isDataLoaded 为 true
- 在数据加载失败时设置 isDataLoaded 为 true 并显示提示信息
- 关闭弹窗时重置数据加载状态

 <template>
 <template>
   <el-dialog
   <el-dialog
+    v-if="isDataLoaded"
     class="entryDialog classCUploadDialog"
     class="entryDialog classCUploadDialog"
     :title="title"
     :title="title"
     :visible.sync="outerVisible"
     :visible.sync="outerVisible"
@@ -275,24 +276,33 @@ export default {
         submitLoading: false,
         submitLoading: false,
       },
       },
       loadingText: "",
       loadingText: "",
+      isDataLoaded: false, // 新增变量
     };
     };
   },
   },
   watch: {
   watch: {
     outerVisible(val) {
     outerVisible(val) {
       if (val) {
       if (val) {
-        this.loadings.dialogLoading = false;
+        this.loadings.dialogLoading = true;
+        this.isDataLoaded = false; // 重置数据加载状态
         this.searchUserData(this.active.id);
         this.searchUserData(this.active.id);
         if (this.type == "update") {
         if (this.type == "update") {
         } else if (this.type == "roleChange") {
         } else if (this.type == "roleChange") {
           this.searchRoleData();
           this.searchRoleData();
         }
         }
+      } else {
+        this.isDataLoaded = false; // 关闭弹窗时重置数据加载状态
+      }
+    },
+    isDataLoaded(val) {
+      if (val) {
+        this.loadings.dialogLoading = false;
+        this.$emit('update:outerVisible', true); // 设置 outerVisible 为 true
       }
       }
     },
     },
   },
   },
   methods: {
   methods: {
-    //查询用户信息详情
+    // 查询用户信息详情
     searchUserData(id) {
     searchUserData(id) {
-      this.loadings.dialogLoading = true;
       getUserDetailData({ id: id })
       getUserDetailData({ id: id })
         .then((res) => {
         .then((res) => {
           if (res.code === "200") {
           if (res.code === "200") {
@@ -300,14 +310,15 @@ export default {
           } else {
           } else {
             this.alertWarningMsg(res.message);
             this.alertWarningMsg(res.message);
           }
           }
-          this.loadings.dialogLoading = false;
+          this.isDataLoaded = true; // 设置数据加载完成
         })
         })
         .catch((err) => {
         .catch((err) => {
           console.log(err);
           console.log(err);
-          this.loadings.dialogLoading = false;
+          this.alertWarningMsg("数据加载失败，请重试");
+          this.isDataLoaded = true; // 设置数据加载完成
         });
         });
     },
     },
-    //查询角色
+    // 查询角色
     searchRoleData() {
     searchRoleData() {
       getUserRoleType({ userId: this.active.id })
       getUserRoleType({ userId: this.active.id })
         .then((res) => {
         .then((res) => {
@@ -315,9 +326,12 @@ export default {
             let unassigned = res.data.unassigned.concat(res.data.assigned);
             let unassigned = res.data.unassigned.concat(res.data.assigned);
             this.portDataInfo(unassigned, res.data.assigned);
             this.portDataInfo(unassigned, res.data.assigned);
           }
           }
+          this.isDataLoaded = true; // 设置数据加载完成
         })
         })
         .catch((err) => {
         .catch((err) => {
           console.log(err);
           console.log(err);
+          this.alertWarningMsg("数据加载失败，请重试");
+          this.isDataLoaded = true; // 设置数据加载完成
         });
         });
     },
     },
     //数据保存
     //数据保存