1

src/layout/navBars/breadcrumb/user.vue

@@ -65,6 +65,7 @@
 				<el-dropdown-menu>
 					<el-dropdown-item command="/home">{{ $t('user.dropdown1') }}</el-dropdown-item>
 					<el-dropdown-item command="personal">{{ $t('user.dropdown2') }}</el-dropdown-item>
+					<el-dropdown-item command="changeRole">切换角色</el-dropdown-item>
 					<el-dropdown-item divided command="logOut">{{ $t('user.dropdown5') }}</el-dropdown-item>
 				</el-dropdown-menu>
 			</template>
@@ -73,6 +74,8 @@
 		<global-websocket uri="/admin/ws/info" v-if="websocketEnable" @rollback="rollback" />
         <global-websocket uri="/jsonflow/ws/info" v-if="useFlowJob().jsonFlowEnable()" @rollback="rollback" />
 		<personal-drawer ref="personalDrawerRef"></personal-drawer>
+
+    <change-role ref="ChangeRoleRef" />
 	</div>
 </template>
 
@@ -91,6 +94,9 @@ import { useMsg } from '/@/stores/msg';
 import { fetchUserMessageList } from '/@/api/admin/message';
 import {useFlowJob} from "/@/flow/stores/flowJob";
 
+
+const ChangeRoleRef=ref()
+const ChangeRole = defineAsyncComponent(() => import('/@/views/admin/system/role/change-role.vue'))
 // 引入组件
 const GlobalWebsocket = defineAsyncComponent(() => import('/@/components/Websocket/index.vue'));
 const UserNews = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/userNews.vue'));
@@ -190,7 +196,11 @@ const onHandleCommandClick = (path: string) => {
 	} else if (path === 'personal') {
 		// 打开个人页面
 		personalDrawerRef.value.open();
-	} else {
+	}else if(path === 'changeRole'){
+    debugger
+    ChangeRoleRef.value.open()
+  }
+  else {
 		router.push(path);
 	}
 };

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

@@ -0,0 +1,67 @@
+<template>
+  <el-dialog v-model="visible" title="角色切换" width="50%">
+    <el-form>
+<!--      <el-form-item label="学校">-->
+<!--        <el-tag>{{schoolName}}</el-tag>-->
+<!--      </el-form-item>-->
+      <el-form-item label="角色">
+        <el-radio-group v-model="radio">
+          <el-radio-button v-for="(item,index) in allRole"  :key="index" :label="item.roleCode" @click.native="handleChangeRole(item.roleCode)">{{item.roleName}}</el-radio-button>
+        </el-radio-group>
+
+      </el-form-item>
+    </el-form>
+
+
+    <template #footer>
+<!--      <el-button type="primary" @click="handleChangeRole">切换</el-button>-->
+      <el-button  @click="visible=false">关 闭</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"
+
+const visible=ref(false)
+const radio=ref('')
+const allRole=reactive([])
+const schoolName=ref('')
+
+const open=()=>{
+  visible.value=true
+  // handleQuerySchoolName()
+  // listAllRole().then(res=>{
+  //   Object.assign(allRole,res.data)
+  //   radio.value=Local.get("roleCode")
+  //   visible.value=true
+  // })
+}
+const handleChangeRole=(label:any)=>{
+  let obj:any=allRole.find((v:any) => v.roleCode == label)
+  Local.set("roleCode",obj.roleCode)
+  Local.set("roleName",obj.roleName)
+  Local.set("roleId",obj.roleId)
+  useMessage().success("操作成功")
+  setTimeout(()=>{
+    window.location.reload()
+  },500)
+}
+
+const handleQuerySchoolName=()=>{
+  // querySchoolName({id:Session.get("tenantId")}).then((res:any)=>{
+  //   schoolName.value=res.data
+  // })
+}
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+
+</style>

src/views/admin/system/role/changeRole-fir.vue

@@ -0,0 +1,59 @@
+<template>
+  <el-dialog v-model="visible" width="50%" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" center>
+    <template #title>
+      <div style="margin: 0 auto;width:100%;text-align:center;font-size:18px;font-weight:bold;">
+        登录角色选择
+      </div>
+    </template>
+    <div style="margin: 0 auto;width:100%;text-align:center;font-size:18px;font-weight:bold;">
+      <el-radio-group v-model="radio">
+        <el-radio-button v-for="(item,index) in allRole"  :key="index" :label="item.roleCode" @click.native="handleChangeRole(item.roleCode)">{{item.roleName}}</el-radio-button>
+      </el-radio-group>
+    </div>
+  </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"
+
+const visible=ref(false)
+const radio=ref('')
+const allRole=reactive([])
+const schoolName=ref('')
+
+const open=()=>{
+  handleQuerySchoolName()
+  listAllRole().then(res=>{
+    Object.assign(allRole,res.data)
+    radio.value=Local.get("roleCode")
+    visible.value=true
+  })
+}
+const handleChangeRole=(label:any)=>{
+  let obj:any=allRole.find((v:any) => v.roleCode == label)
+  Local.set("roleCode",obj.roleCode)
+  Local.set("roleName",obj.roleName)
+  Local.set("roleId",obj.roleId)
+  useMessage().success("操作成功")
+  setTimeout(()=>{
+    window.location.reload()
+  },500)
+}
+
+const handleQuerySchoolName=()=>{
+  querySchoolName({id:Session.get("tenantId")}).then((res:any)=>{
+    schoolName.value=res.data
+  })
+}
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+
+</style>