From dcb0ab1377e8fd53300f6aa581045e7c14eaf198 Mon Sep 17 00:00:00 2001
From: liangbin <15536829364@163.com>
Date: Tue, 3 Feb 2026 09:53:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=94=A8=E6=88=B7=E4=B8=AD=E5=BF=83):=20?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80=E5=8F=8A=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加用户信息展示、消息中心、项目存档和退出登录功能
实现跳转到项目存档页面的导航逻辑
添加样式布局和响应式设计
---
 src/pages/user/index.vue | 93 +++++++++++++++++++++++++++++++++++++++-
 1 file changed, 92 insertions(+), 1 deletion(-)

diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index 5a497fe..cf2bc9c 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -1,3 +1,94 @@
+<!-- 个人中心 -->
 <template>
-  <div>用户中心</div>
+  <view class="PageBox">
+    <view class="CardBox">
+      <view class="imgBox">
+        <u-image src="https://img95.699pic.com/photo/60054/8564.jpg_wh300.jpg" shape="circle" width="100rpx"
+          height="100rpx" />
+      </view>
+      <view class="usrInfoBox">
+        <view class="FlexBox Title">{{ userInfo.name }}-{{ userInfo.position }} </view>
+        <view class="FlexBox">所属单位：{{ userInfo.unit }} </view>
+        <view class="FlexBox">联系方式：{{ userInfo.phone }} </view>
+      </view>
+    </view>
+    <view class="CardBox">
+      <u-icon name="bell-fill" size="32rpx" color="#0088FF" />
+      <view class="TxtBox">消息中心</view>
+    </view>
+    <view class="CardBox" @click="toArchivesRoom">
+      <u-icon name="file-text-fill" size="32rpx" color="#0088FF" />
+      <view class="TxtBox">项目存档</view>
+    </view>
+    <view class="CardBox">
+      <u-icon name="arrow-leftward" size="32rpx" color="#0088FF" />
+      <view class="TxtBox">退出登录</view>
+    </view>
+  </view>
 </template>
+<script setup>
+import { ref } from 'vue'
+
+
+const userInfo = ref({
+  id: '123456', // 用户ID
+  name: '张三', // 用户名
+  phone: '13800138000', // 手机号
+  email: 'zhangsan@example.com', // 邮箱
+  position: '工程师', // 职位
+  unit: '中国建筑集团有限公司', // 所属单位
+})
+
+
+// 跳转到项目存档页面
+const toArchivesRoom = () => {
+  uni.navigateTo({
+    url: '/pages/ArchivesRoom/index',
+  })
+}
+
+
+
+</script>
+<style lang="scss" scoped>
+.FlexBox {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 20rpx;
+}
+
+.Title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+
+.PageBox {
+  background-color: #fff;
+  height: calc(100vh - 120rpx);
+  overflow: hidden;
+  padding: 20rpx;
+  box-sizing: border-box;
+
+  .CardBox {
+    width: 100%;
+    padding: 20rpx;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 20rpx;
+    background-color: #F9FAFB;
+    border-radius: 10rpx;
+    margin-bottom: 40rpx;
+    box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.2);
+  }
+
+  .imgBox {
+    width: 100rpx;
+    height: 100rpx;
+  }
+
+}
+</style>
\ No newline at end of file