微信小程序页面迁移校验之前 P5任务处理之前

apps/miniprogram - 副本/miniprogram/pages/my-profile/my-profile.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarTitleText": "我的",
+  "usingComponents": {
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "ai-float-button": "/components/ai-float-button/ai-float-button"
+  }
+}

apps/miniprogram - 副本/miniprogram/pages/my-profile/my-profile.ts

@@ -0,0 +1,31 @@
+import { mockUserProfile } from '../../utils/mock-data'
+import { getMenuRoute, navigateTo } from '../../utils/router'
+
+// TODO: 联调时替换为真实 API 获取用户信息
+Page({
+  data: {
+    userInfo: mockUserProfile,
+  },
+
+  onMenuTap(e: WechatMiniprogram.TouchEvent) {
+    const key = e.currentTarget.dataset.key as string
+    const route = getMenuRoute(key)
+    if (route) {
+      navigateTo(route)
+    }
+  },
+
+  onLogout() {
+    wx.showModal({
+      title: '确认退出',
+      content: '确认退出当前账号吗？',
+      confirmColor: '#e34d59',
+      success(res) {
+        if (res.confirm) {
+          wx.clearStorageSync()
+          wx.reLaunch({ url: '/pages/login/login' })
+        }
+      },
+    })
+  },
+})

apps/miniprogram - 副本/miniprogram/pages/my-profile/my-profile.wxml

@@ -0,0 +1,52 @@
+<!-- 我的页面 -->
+<view class="page-my-profile">
+  <!-- 用户信息区域 -->
+  <view class="user-card">
+    <image class="avatar" src="{{userInfo.avatar}}" mode="aspectFill" />
+    <view class="user-info">
+      <view class="name-row">
+        <text class="name">{{userInfo.name}}</text>
+        <text class="role-tag">{{userInfo.role}}</text>
+      </view>
+      <text class="store-name">{{userInfo.storeName}}</text>
+    </view>
+  </view>
+
+  <!-- 菜单列表 -->
+  <view class="menu-list">
+    <view class="menu-item" bind:tap="onMenuTap" data-key="notes">
+      <view class="menu-left">
+        <view class="menu-icon icon-notes">
+          <t-icon name="edit-1" size="40rpx" color="#0052d9" />
+        </view>
+        <text class="menu-text">备注记录</text>
+      </view>
+      <t-icon name="chevron-right" size="32rpx" color="#c5c5c5" />
+    </view>
+
+    <view class="menu-item" bind:tap="onMenuTap" data-key="chat-history">
+      <view class="menu-left">
+        <view class="menu-icon icon-chat">
+          <t-icon name="chat" size="40rpx" color="#00a870" />
+        </view>
+        <text class="menu-text">助手对话记录</text>
+      </view>
+      <t-icon name="chevron-right" size="32rpx" color="#c5c5c5" />
+    </view>
+
+    <view class="menu-item menu-item--last" bind:tap="onLogout">
+      <view class="menu-left">
+        <view class="menu-icon icon-logout">
+          <t-icon name="poweroff" size="40rpx" color="#e34d59" />
+        </view>
+        <text class="menu-text">退出账号</text>
+      </view>
+      <t-icon name="chevron-right" size="32rpx" color="#c5c5c5" />
+    </view>
+  </view>
+</view>
+
+<!-- AI 悬浮按钮 — TabBar 页面 bottom 200rpx -->
+<ai-float-button visible="{{true}}" bottom="200" />
+
+<dev-fab />

apps/miniprogram - 副本/miniprogram/pages/my-profile/my-profile.wxss

@@ -0,0 +1,102 @@
+.page-my-profile {
+  min-height: 100vh;
+  background: var(--color-bg-page, #f3f3f3);
+}
+
+/* 用户信息卡片 */
+.user-card {
+  display: flex;
+  align-items: center;
+  gap: 32rpx;
+  padding: 48rpx;
+  background: #fff;
+}
+
+.avatar {
+  width: 128rpx;
+  height: 128rpx;
+  border-radius: 50%;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+  flex-shrink: 0;
+}
+
+.user-info {
+  flex: 1;
+  overflow: hidden;
+}
+
+.name-row {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+  margin-bottom: 8rpx;
+}
+
+.name {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: var(--color-text-primary, #242424);
+}
+
+.role-tag {
+  padding: 4rpx 16rpx;
+  background: rgba(0, 82, 217, 0.1);
+  color: #0052d9;
+  font-size: 24rpx;
+  border-radius: 8rpx;
+}
+
+.store-name {
+  font-size: 28rpx;
+  color: var(--color-text-placeholder, #8b8b8b);
+}
+
+/* 菜单列表 */
+.menu-list {
+  margin-top: 24rpx;
+}
+
+.menu-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 32rpx;
+  background: #fff;
+  border-bottom: 1rpx solid #f3f3f3;
+}
+
+.menu-item--last {
+  border-bottom: none;
+}
+
+.menu-left {
+  display: flex;
+  align-items: center;
+  gap: 24rpx;
+}
+
+.menu-icon {
+  width: 64rpx;
+  height: 64rpx;
+  border-radius: 16rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.icon-notes {
+  background: rgba(0, 82, 217, 0.1);
+}
+
+.icon-chat {
+  background: rgba(0, 168, 112, 0.1);
+}
+
+.icon-logout {
+  background: rgba(227, 77, 89, 0.1);
+}
+
+.menu-text {
+  font-size: 28rpx;
+  color: var(--color-text-primary, #242424);
+}