补充我的页面

src/utils/router/index.ts

@@ -59,6 +59,11 @@ export const staticRouting : RouteRecordRaw[] = [
         path: '/app',
         component: () => import('@/views/app/index.vue'),
         meta: { hidden: true },
+    },
+    {
+        path: '/user',
+        component: () => import('@/views/user/index.vue'),
+        meta: { hidden: true },
     }
 ]
 

src/views/common/bottom/index.vue

@@ -27,7 +27,7 @@ const openPage = (val:number) => {
             router.push({ path: "/news",query:{id: "16213848089876281",fa:4}});
             break;
         case 5:
-            router.push({ path: "/my",query:{fa:5}});
+            router.push({ path: "/user",query:{fa:5}});
             break;
         default:
             router.push({ path: "/"});

src/views/home/index.vue

@@ -305,7 +305,7 @@ const openNews = (val:any,name:string) => {
                     <div class="card-header contentBetween">
                         <span>新闻资讯</span>
 
-                        <i @click="openNews('16213847972425134','新闻资讯')">MODE</i>
+                        <i @click="openNews('16213847972425134','新闻资讯')">MORE</i>
                     </div>
                 </template>
                 <ul class="newList">
@@ -320,7 +320,7 @@ const openNews = (val:any,name:string) => {
                     <div class="card-header contentBetween">
                         <span>知识库</span>
 
-                        <i @click="openNews('16213848089876281','知识库')">MODE</i>
+                        <i @click="openNews('16213848089876281','知识库')">MORE</i>
                     </div>
                 </template>
                 <ul class="newList">

src/views/user/index.vue

@@ -0,0 +1,94 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2024-11-26 07:57:09
+@ 备注: 我的
+-->
+<script lang='ts' setup>
+import { useRoute,useRouter } from 'vue-router'
+import { userStror } from "@/utils/pinia/stores/modules/userOrders";
+import UserImg from "@/assets/image/1.png";
+import BottomPage from '@/views/common/bottom/index.vue'
+
+const route = useRoute()
+const router = useRouter()
+const userPinia = userStror();
+
+const circleUrl = 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+
+const userUrl = ref(UserImg)
+onBeforeMount(() => {
+    userPinia.getInfo()
+        .then(() =>{
+            userUrl.value = userPinia.avatar?userPinia.avatar:UserImg
+        })
+})
+/**
+@ 作者: 秦东
+@ 时间: 2024-10-26 15:06:29
+@ 功能: 退出系统
+*/
+const exitLogin = () => {
+    userPinia.setUserInfoNull()
+    router.push('/login')
+}
+</script>
+<template>
+    <div>
+        <el-scrollbar ref="scrollBox" class="indexBody">
+            <el-row>
+                <el-col :span="24" class="imgBox">
+                    <el-avatar :size="150" :src="userUrl" />
+                </el-col>
+                <el-col :span="24" class="imgBox useBox">
+                    {{userPinia.userInfoCont.nickname}}（NO.{{userPinia.userInfoCont.number}}）
+                </el-col>
+                <el-col :span="24" class="contentBetween imgBox baisebeijing">
+                    <el-text>联系电话</el-text>
+                    <el-text>{{userPinia.userInfoCont.mobilephone}}</el-text>
+                </el-col>
+                <el-col :span="24" class="contentBetween imgBox baisebeijing">
+                    <el-text>行政组织</el-text>
+                    <el-text class="textRiht" v-html="userPinia.userInfoCont.postlist"></el-text>
+                </el-col>
+                <el-col :span="24" class="contentBetween imgBox baisebeijing">
+                    <el-text>联系地址</el-text>
+                    <el-text v-html="userPinia.userInfoCont.currentresidence"></el-text>
+                </el-col>
+                <el-col :span="24" class=" imgBox">
+                    <el-button type="danger" style="width: 100px;" @click="exitLogin()">退出</el-button>
+                </el-col>
+            </el-row>
+        </el-scrollbar>
+        <BottomPage />
+    </div>
+</template>
+<style  lang='scss' scoped>
+.indexBody{
+    width:100%;
+    height: calc(100vh - 65px);
+    padding: 0 5px 0px 5px;
+    .contentBetween{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .imgBox{
+        text-align: center;
+        padding: 20px 5px 10px 0;
+        
+        span{
+            min-width: 80px;
+        }
+        .textRiht{
+            text-align: right;
+        }
+    }
+    .baisebeijing{
+        background-color: #FFFFFF;
+        border-bottom: 1px solid #F4F3F3;
+    }
+    .useBox{
+        font-size: 25px;
+    }
+}
+</style>