查看个人信息

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 () {
     <el-container>
       <el-aside style="width: 250px">
         <div class="logo">
-          <img
-            src="../assets/金币管理系统logo.png"
-            alt="logo"
-            style="width: 30px; height: 30px"
-          />
+          <img src="../assets/金币管理系统logo.png" alt="logo" style="width: 30px; height: 30px" />
           <div style="font-size: 16px; font-weight: bold">海外金币管理系统</div>
         </div>
-        <el-menu
-          router="true"
-          background-color="#08193d"
-          active-text-color="#ffd04b"
-          text-color="white"
-          class="el-menu-vertical-demo"
-          default-active="2"
-          @open="handleOpen"
-          @close="handleClose"
-        >
+        <el-menu router="true" background-color="#08193d" active-text-color="#ffd04b" text-color="white"
+          class="el-menu-vertical-demo" default-active="2" @open="handleOpen" @close="handleClose">
           <el-menu-item index="/workspace">
             <el-icon>
               <Folder />
@@ -146,23 +138,14 @@ onMounted(async function () {
       </el-aside>
       <el-container>
         <el-header>
-          <el-menu
-            :default-active="activeIndex"
-            class="el-menu-demo"
-            mode="horizontal"
-            :ellipsis="false"
-            @select="handleSelect"
-          >
+          <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" :ellipsis="false"
+            @select="handleSelect">
             <el-sub-menu index="1" class="admin">
               <template #title>
-                <el-image
-                  :src="imgrule1"
-                  alt="错误"
-                  style="width: 50px; height: 50px"
-                />
+                <el-image :src="imgrule1" alt="错误" style="width: 50px; height: 50px" />
                 <span style="margin-left: 10px">{{ adminData.name }}</span>
               </template>
-              <el-menu-item index="1-1">查看个人信息</el-menu-item>
+              <el-menu-item @click="message()">查看个人信息</el-menu-item>
               <el-menu-item index="1-2" @click="logout">退出登录</el-menu-item>
             </el-sub-menu>
             <el-menu-item index="2">
@@ -176,9 +159,40 @@ onMounted(async function () {
       </el-container>
     </el-container>
   </div>
+  <!-- 查看个人信息 -->
+  <el-dialog v-model="messageVisible" title="查看个人信息" width="500px">
+    <el-form :model="adminData">
+      <el-form-item label="用户姓名" label-width="100px" label-position="left">
+        <span class="message-font">{{ adminData.name }}</span>
+      </el-form-item>
+      <el-form-item label="精网号" label-width="100px" label-position="left">
+        <span class="message-font">{{ adminData.jwcode }}</span>
+      </el-form-item>
+      <el-form-item label="地区" label-width="100px" label-position="left">
+        <span class="message-font">{{ adminData.area }}</span>
+      </el-form-item>
+      <el-form-item label="所属门店" label-width="100px" label-position="left">
+        <span class="message-font">{{ adminData.store }}</span>
+      </el-form-item>
+      <el-form-item label="注册时间" label-width="100px" label-position="left">
+        <span class="message-font">{{ adminData.createTime }}</span>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button text @click="closeMessage()">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+
 </template>
 
 <style scoped>
+.message-font {
+  font-size: 16px;
+  font-weight: bold;
+}
+
 .admin {
   margin-left: auto;
 }

vue/gold-system/src/views/workspace/index.vue

@@ -364,7 +364,7 @@ const get = async function () {
 // 获取中间柱状图数据
 const getMiddleBar = async function () {
   const result = await API.post(
-    "http://192.168.8.147:10010/statistics/getCoinTime",
+    "http://192.168.8.93:10010/statistics/getCoinTime",
     getMiddleBarObj.value
   );
 
@@ -551,7 +551,7 @@ const getMiddleBar = async function () {
 // 获取门店排名
 const getAreaRank = async function () {
   const result = await API.post(
-    "http://192.168.8.147:10010/statistics/getMee",
+    "http://192.168.8.93:10010/statistics/getMee",
     getAreaRankObj.value
   );