a

src/views/admin/system/role/change-role.vue

@@ -1,5 +1,13 @@
 <template>
-  <el-dialog v-model="visible" title="角色切换" width="50%">
+  <el-dialog
+    v-model="visible"
+    title="角色切换"
+    width="50%"
+    :show-close="false"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :before-close="handleBeforeClose"
+  >
     <el-form>
 <!--      <el-form-item label="学校">-->
 <!--        <el-tag>{{schoolName}}</el-tag>-->
@@ -19,32 +27,48 @@
 
 
     <template #footer>
-<!--      <el-button type="primary" @click="handleChangeRole">切换</el-button>-->
-      <el-button  @click="visible=false">关 闭</el-button>
+      <!--      <el-button type="primary" @click="handleChangeRole">切换</el-button>-->
+      <el-button @click="handleFooterClose">关 闭</el-button>
     </template>
   </el-dialog>
 </template>
 
 <script setup lang="ts">
-import {listAllRole} from '/@/api/admin/role'
-import {Local, Session} from '/@/utils/storage';
-import {useMessage} from "/@/hooks/message";
-// import {querySchoolName} from "/@/api/admin/tenant"
+import { listAllRole } from '/@/api/admin/role'
+import { Local } from '/@/utils/storage'
+import { useMessage } from '/@/hooks/message'
 
-const visible=ref(false)
-const radio=ref('')
-const allRole=reactive([])
-// const schoolName=ref('')
+const visible = ref(false)
+const radio = ref('')
+const allRole = reactive<any[]>([])
 
-const open=()=>{
-  visible.value=true
-  // handleQuerySchoolName()
-  listAllRole().then(res=>{
-    Object.assign(allRole,res.data)
-    radio.value=Local.get("roleCode")
-    visible.value=true
+const open = () => {
+  visible.value = true
+  listAllRole().then((res) => {
+    Object.assign(allRole, res.data)
+    radio.value = Local.get('roleCode')
+    visible.value = true
   })
 }
+
+const canClose = () => {
+  if (!radio.value) {
+    useMessage().warning('请选择一个角色')
+    return false
+  }
+  return true
+}
+
+const handleBeforeClose = (done: () => void) => {
+  if (!canClose()) return
+  done()
+}
+
+const handleFooterClose = () => {
+  if (!canClose()) return
+  visible.value = false
+}
+
 const handleChangeRole = (label: string) => {
   const obj = allRole.find((v: any) => v.roleCode === label)
   if (!obj) return
@@ -53,16 +77,12 @@ const handleChangeRole = (label: string) => {
   Local.set('roleId', obj.roleId)
   useMessage().success('操作成功')
   setTimeout(() => {
+    // 切换角色后统一回到首页，避免停留在诸如 jsonflow/run-job/do-job 等内部路由
+    window.location.hash = '#/'
     window.location.reload()
   }, 500)
 }
 
-const handleQuerySchoolName=()=>{
-  // querySchoolName({id:Session.get("tenantId")}).then((res:any)=>{
-  //   schoolName.value=res.data
-  // })
-}
-
 defineExpose({
   open
 })