| | |
| | | <el-tab-pane label="第三方应用" name="thirdParty"> |
| | | <thirdParty :auths="state.auths" /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="在线设备" name="onlinDevice"> |
| | | <onlinDevice :devices="state.devices" /> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </el-card> |
| | | </el-col> |
| | |
| | | import UserInfo from './userInfo.vue'; |
| | | import ResetPwd from './resetPwd.vue'; |
| | | import ThirdParty from './thirdParty.vue'; |
| | | import OnlinDevice from './onlineDevice.vue'; |
| | | import { getAuthList } from '@/api/system/social/auth'; |
| | | import { getUserProfile } from '@/api/system/user'; |
| | | import { getOnline } from '@/api/monitor/online'; |
| | | import { UserVO } from '@/api/system/user/types'; |
| | | |
| | | const activeTab = ref('userinfo'); |
| | |
| | | roleGroup: string; |
| | | postGroup: string; |
| | | auths: any; |
| | | devices: any; |
| | | } |
| | | const state = ref<State>({ |
| | | user: {}, |
| | | roleGroup: '', |
| | | postGroup: '', |
| | | auths: [] |
| | | auths: [], |
| | | devices: [] |
| | | }); |
| | | |
| | | const userForm = ref({}); |
| | |
| | | const res = await getAuthList(); |
| | | state.value.auths = res.data; |
| | | }; |
| | | const getOnlines = async () => { |
| | | const res = await getOnline(); |
| | | state.value.devices = res.rows; |
| | | }; |
| | | |
| | | onMounted(() => { |
| | | getUser(); |
| | | getAuths(); |
| | | getOnlines(); |
| | | }); |
| | | </script> |