diff --git a/vue/gold-system/src/views/index.vue b/vue/gold-system/src/views/index.vue index 8bd38b5..9c9a945 100644 --- a/vue/gold-system/src/views/index.vue +++ b/vue/gold-system/src/views/index.vue @@ -8,6 +8,10 @@ import axios from "axios"; import { ElMessageBox } from "element-plus"; import API from "../api/index.js"; +const router = useRouter(); +const imgrule1 = "../src/assets/动漫美女.png"; +const messageVisible = ref(false); + //这是获取用户信息的接口 const adminData = ref({ name: "", @@ -25,16 +29,17 @@ const getAdminData = async function () { console.log("请求失败", error); } }; -getAdminData(); -const router = useRouter(); - -// 用户对象假的 -const admin = ref({ - adminId: 1, - name: "客服A", - area: "新加坡", -}); +// 查看个人信息弹出框 +const openMessage = function () { + messageVisible.value = true; +} +const closeMessage = function () { + messageVisible.value = false; +}; +const message = function () { + openMessage(); +} function logout() { localStorage.removeItem("token"); @@ -42,8 +47,7 @@ function logout() { ElMessage.success("退出成功"); } -const imgrule1 = "../src/assets/动漫美女.png"; -const list = ["../src/assets/韩信.png"]; + // 挂载 onMounted(async function () { // 获取用户信息 @@ -56,23 +60,11 @@ onMounted(async function () { - + @@ -146,23 +138,14 @@ onMounted(async function () { - + - 查看个人信息 + 查看个人信息 退出登录 @@ -176,9 +159,40 @@ onMounted(async function () { + + + + + {{ adminData.name }} + + + {{ adminData.jwcode }} + + + {{ adminData.area }} + + + {{ adminData.store }} + + + {{ adminData.createTime }} + + + + +