| | |
| | | </template>
|
| | | <div>
|
| | | <div class="text-center">
|
| | | <userAvatar :user="state.user" />
|
| | | <userAvatar />
|
| | | </div>
|
| | | <ul class="list-group list-group-striped">
|
| | | <li class="list-group-item">
|
| | |
| | | <userInfo :user="state.user" />
|
| | | </el-tab-pane>
|
| | | <el-tab-pane label="修改密码" name="resetPwd">
|
| | | <resetPwd :user="state.user" />
|
| | | <resetPwd />
|
| | | </el-tab-pane>
|
| | | </el-tabs>
|
| | | </el-card>
|
| | |
| | | </template>
|
| | |
|
| | | <script setup name="Profile">
|
| | | import userAvatar from "./userAvatar";
|
| | | import userInfo from "./userInfo";
|
| | | import resetPwd from "./resetPwd";
|
| | | import { getUserProfile } from "@/api/system/user";
|
| | | import userAvatar from "./userAvatar"
|
| | | import userInfo from "./userInfo"
|
| | | import resetPwd from "./resetPwd"
|
| | | import { getUserProfile } from "@/api/system/user"
|
| | |
|
| | | const activeTab = ref("userinfo");
|
| | | const activeTab = ref("userinfo")
|
| | | const state = reactive({
|
| | | user: {},
|
| | | roleGroup: {},
|
| | | postGroup: {}
|
| | | });
|
| | | })
|
| | |
|
| | | function getUser() {
|
| | | getUserProfile().then(response => {
|
| | | state.user = response.data;
|
| | | state.roleGroup = response.roleGroup;
|
| | | state.postGroup = response.postGroup;
|
| | | });
|
| | | };
|
| | | state.user = response.data
|
| | | state.roleGroup = response.roleGroup
|
| | | state.postGroup = response.postGroup
|
| | | })
|
| | | }
|
| | |
|
| | | getUser();
|
| | | getUser()
|
| | | </script>
|