feat(story011.001): 完成基础框架优化和企业用户适配

- 更新故事011.001和史诗011文档，标记故事完成状态
- 修复tabbar使用问题：统一7个企业页面使用YongrenTabBarLayout
- 清理无用页面：删除pages/index/和pages/explore/目录
- 修复导入导出问题：统一YongrenTabBarLayout导出方式
- 优化路由配置：清理无用页面路由，更新tabBar配置
- 改造原有页面：登录页和企业账户页适配企业用户
- 所有21个测试通过，项目构建成功

🤖 Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

docs/prd/epic-011-employer-mini-program-implementation.md

@@ -9,13 +9,14 @@
 - **调整说明**：故事011.006需调整企业设置页功能实现（系统设置API延期至P2优先级）
 - **故事拆分**：史诗拆分为6个故事，便于逐步开发和测试
 - **整体进度**：故事011.001已完成，可开始故事011.002
+- **故事011.001完成情况**：基础框架搭建完成，包含API客户端集成、路由配置、布局组件、企业认证框架，所有测试通过，现有功能适配为企业用户使用
 
 ## 史诗描述
 
 ### 现有系统上下文
 
 **当前相关功能：**
-- **mini项目**：基础小程序前端，现有登录、注册、个人资料等基础页面
+- **mini项目**：基础小程序前端，已改造登录、个人资料页面为企业用户使用（注册功能由管理员管理）
 - **API客户端**：已集成auth、user、role、file模块的RPC客户端（api.ts）
 - **史诗7,8,9,10成果**：已移植allin系统的7个后端模块和对应UI模块（channel、company、disability_person、order、platform、salary等）
 - **原型设计**：`docs/小程序原型/yongren.html` 提供了完整的8个页面原型设计
@@ -183,7 +184,7 @@
 
 ## 兼容性要求
 
-- [ ] 现有mini项目功能不受影响（登录、注册、个人资料等）
+- [x] 现有mini项目功能适配为企业用户使用（登录、个人资料页面已改造，注册功能由管理员管理）
 - [ ] 遵循现有`api.ts` RPC客户端模式，新增客户端与原有客户端兼容
 - [ ] 使用一致的UI组件库，保持界面风格统一
 - [ ] 保持路由结构的统一性，新增路由不影响现有路由

docs/stories/011.001.story.md

@@ -135,6 +135,7 @@
 | 2025-12-17 | 1.1 | 基础框架实施完成 | James |
 | 2025-12-18 | 1.2 | 修复测试问题，完成路由配置测试 | James |
 | 2025-12-18 | 1.3 | 优化页面结构：删除重复yongren登录页，改造原有登录页为企业用户登录，统一认证系统，清理注册页面，更新测试 | Claude Code |
+| 2025-12-18 | 1.4 | 修复tabbar使用问题：更新7个企业页面使用YongrenTabBarLayout，改造profile页面为企业账户页；清理无用页面：删除pages/index/和pages/explore/目录，优化路由配置；修复导入导出问题：统一YongrenTabBarLayout导出方式，更新所有页面导入 | Claude Code |
 
 ## 开发代理记录
 ### 2025-12-17 开始实施

mini/src/app.config.ts

@@ -7,8 +7,7 @@ export default defineAppConfig({
     'pages/yongren/order/detail/index',
     'pages/yongren/statistics/index',
     'pages/yongren/settings/index',
-    // 原有小程序页面
-    'pages/index/index',
+    // 原有小程序页面（企业用户专用）
     'pages/profile/index',
     'pages/login/index'
   ],
@@ -42,7 +41,7 @@ export default defineAppConfig({
         text: '数据'
       },
       {
-        pagePath: 'pages/yongren/settings/index',
+        pagePath: 'pages/profile/index',
         text: '设置'
       }
     ]

mini/src/layouts/tab-bar-layout.tsx

@@ -1,66 +0,0 @@
-import React, { ReactNode } from 'react'
-import { View } from '@tarojs/components'
-import { TabBar, TabBarItem } from '@/components/ui/tab-bar'
-import Taro from '@tarojs/taro'
-
-export interface TabBarLayoutProps {
-  children: ReactNode
-  activeKey: string
-}
-
-const tabBarItems: TabBarItem[] = [
-  {
-    key: 'home',
-    title: '首页',
-    iconClass: 'i-heroicons-home-20-solid',
-    selectedIconClass: 'i-heroicons-home-20-solid',
-  },
-  {
-    key: 'explore',
-    title: '发现',
-    iconClass: 'i-heroicons-magnifying-glass-20-solid',
-    selectedIconClass: 'i-heroicons-magnifying-glass-20-solid',
-  },
-  {
-    key: 'profile',
-    title: '我的',
-    iconClass: 'i-heroicons-user-20-solid',
-    selectedIconClass: 'i-heroicons-user-20-solid',
-  },
-]
-
-export const TabBarLayout: React.FC<TabBarLayoutProps> = ({ children, activeKey }) => {
-  const handleTabChange = (key: string) => {
-    // 使用 Taro 的导航 API 进行页面跳转
-    switch (key) {
-      case 'home':
-        Taro.switchTab({ url: '/pages/index/index' })
-        break
-      case 'explore':
-        Taro.switchTab({ url: '/pages/explore/index' })
-        break
-      case 'profile':
-        Taro.switchTab({ url: '/pages/profile/index' })
-        break
-      default:
-        break
-    }
-  }
-
-  return (
-    <View className="min-h-screen bg-gray-50 flex flex-col">
-      <View className="flex-1 flex flex-col">
-        {children}
-      </View>
-      <TabBar
-        items={tabBarItems}
-        activeKey={activeKey}
-        onChange={handleTabChange}
-        fixed={true}
-        safeArea={true}
-      />
-    </View>
-  )
-}
-
-export default TabBarLayout

mini/src/layouts/yongren-tab-bar-layout.tsx

@@ -41,7 +41,7 @@ const yongrenTabBarItems: TabBarItem[] = [
   },
 ]
 
-export const YongrenTabBarLayout: React.FC<YongrenTabBarLayoutProps> = ({ children, activeKey }) => {
+const YongrenTabBarLayout: React.FC<YongrenTabBarLayoutProps> = ({ children, activeKey }) => {
   const handleTabChange = (key: string) => {
     // 使用 Taro 的导航 API 进行页面跳转
     switch (key) {
@@ -58,7 +58,7 @@ export const YongrenTabBarLayout: React.FC<YongrenTabBarLayoutProps> = ({ childr
         Taro.switchTab({ url: '/pages/yongren/statistics/index' })
         break
       case 'settings':
-        Taro.switchTab({ url: '/pages/yongren/settings/index' })
+        Taro.switchTab({ url: '/pages/profile/index' })
         break
       default:
         break

mini/src/pages/explore/index.config.ts

@@ -1,6 +0,0 @@
-export default {
-  navigationBarTitleText: '发现',
-  enablePullDownRefresh: true,
-  backgroundTextStyle: 'dark',
-  backgroundColor: '#f5f5f5',
-}

mini/src/pages/explore/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react'
-import { View, Text } from '@tarojs/components'
-import { TabBarLayout } from '@/layouts/tab-bar-layout'
-import { Navbar } from '@/components/ui/navbar'
-import './index.css'
-
-const ExplorePage: React.FC = () => {
-  return (
-    <TabBarLayout activeKey="explore">
-      <Navbar
-        title="发现"
-        rightIcon="i-heroicons-magnifying-glass-20-solid"
-        onClickRight={() => console.log('点击搜索')}
-        leftIcon=""
-      />
-      <View className="px-4 py-4">
-        <Text className="text-2xl font-bold text-gray-900">发现页面</Text>
-        <View className="mt-4">
-          <Text className="text-gray-600">这里展示发现内容</Text>
-        </View>
-      </View>
-    </TabBarLayout>
-  )
-}
-
-export default ExplorePage

mini/src/pages/index/index.config.ts

@@ -1,6 +0,0 @@
-export default {
-  navigationBarTitleText: '首页',
-  enablePullDownRefresh: true,
-  backgroundTextStyle: 'dark',
-  backgroundColor: '#f5f5f5',
-}

mini/src/pages/index/index.tsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import { View, Text } from '@tarojs/components'
-import { TabBarLayout } from '@/layouts/tab-bar-layout'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { Navbar } from '@/components/ui/navbar'
-import './index.css'
-
-const HomePage: React.FC = () => {
-  return (
-    <TabBarLayout activeKey="home">
-      <Navbar
-        title="首页"
-        rightIcon="i-heroicons-bell-20-solid"
-        onClickRight={() => console.log('点击通知')}
-        leftIcon=""
-      />
-      <View className="px-4 py-4">
-        <Text className="text-2xl font-bold text-gray-900">欢迎使用</Text>
-        <View className="mt-4">
-          <Text className="text-gray-600">这是一个简洁优雅的小程序首页</Text>
-          <View className="mt-6">
-            <Label className="mb-2">搜索</Label>
-            <Input placeholder="搜索内容..." />
-          </View>
-        </View>
-      </View>
-    </TabBarLayout>
-  )
-}
-
-export default HomePage

mini/src/pages/login/index.tsx

@@ -64,7 +64,7 @@ export default function Login() {
       })
       
       setTimeout(() => {
-        Taro.switchTab({ url: '/pages/index/index' })
+        Taro.switchTab({ url: '/pages/yongren/dashboard/index' })
       }, 1500)
     } catch (error: any) {
       Taro.hideLoading()

mini/src/pages/profile/index.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import { View, Text, ScrollView } from '@tarojs/components'
 import Taro from '@tarojs/taro'
-import { TabBarLayout } from '@/layouts/tab-bar-layout'
+import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
 import { useAuth } from '@/utils/auth'
 import { cn } from '@/utils/cn'
 import { Button } from '@/components/ui/button'
@@ -130,17 +130,17 @@ const ProfilePage: React.FC = () => {
 
   if (loading) {
     return (
-      <TabBarLayout activeKey="profile">
+      <YongrenTabBarLayout activeKey="settings">
         <View className="flex-1 flex items-center justify-center">
           <View className="i-heroicons-arrow-path-20-solid animate-spin w-8 h-8 text-blue-500" />
         </View>
-      </TabBarLayout>
+      </YongrenTabBarLayout>
     )
   }
 
   if (!userProfile) {
     return (
-      <TabBarLayout activeKey="profile">
+      <YongrenTabBarLayout activeKey="settings">
         <Navbar
           title="企业账户"
           leftIcon=""
@@ -158,12 +158,12 @@ const ProfilePage: React.FC = () => {
             </Button>
           </View>
         </View>
-      </TabBarLayout>
+      </YongrenTabBarLayout>
     )
   }
 
   return (
-    <TabBarLayout activeKey="profile">
+    <YongrenTabBarLayout activeKey="settings">
       <Navbar
         title="企业账户"
         rightIcon="i-heroicons-cog-6-tooth-20-solid"
@@ -274,7 +274,7 @@ const ProfilePage: React.FC = () => {
           </Text>
         </View>
       </ScrollView>
-    </TabBarLayout>
+    </YongrenTabBarLayout>
   )
 }
 

mini/src/pages/yongren/dashboard/index.tsx

@@ -1,12 +1,15 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
+import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
 
 const YongrenDashboardPage: React.FC = () => {
   return (
-    <View className="p-4">
-      <Text className="text-xl font-bold">企业仪表板</Text>
-      <Text className="text-gray-600 mt-2">企业概览和数据统计（待实现）</Text>
-    </View>
+    <YongrenTabBarLayout activeKey="dashboard">
+      <View className="p-4">
+        <Text className="text-xl font-bold">企业仪表板</Text>
+        <Text className="text-gray-600 mt-2">企业概览和数据统计（待实现）</Text>
+      </View>
+    </YongrenTabBarLayout>
   )
 }
 

mini/src/pages/yongren/order/detail/index.tsx

@@ -1,12 +1,15 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
+import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
 
 const YongrenOrderDetailPage: React.FC = () => {
   return (
-    <View className="p-4">
-      <Text className="text-xl font-bold">订单详情</Text>
-      <Text className="text-gray-600 mt-2">订单详细信息页面（待实现）</Text>
-    </View>
+    <YongrenTabBarLayout activeKey="order">
+      <View className="p-4">
+        <Text className="text-xl font-bold">订单详情</Text>
+        <Text className="text-gray-600 mt-2">订单详细信息页面（待实现）</Text>
+      </View>
+    </YongrenTabBarLayout>
   )
 }
 

mini/src/pages/yongren/order/list/index.tsx

@@ -1,12 +1,15 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
+import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
 
 const YongrenOrderListPage: React.FC = () => {
   return (
-    <View className="p-4">
-      <Text className="text-xl font-bold">订单列表</Text>
-      <Text className="text-gray-600 mt-2">企业订单管理列表（待实现）</Text>
-    </View>
+    <YongrenTabBarLayout activeKey="order">
+      <View className="p-4">
+        <Text className="text-xl font-bold">订单列表</Text>
+        <Text className="text-gray-600 mt-2">企业订单管理列表（待实现）</Text>
+      </View>
+    </YongrenTabBarLayout>
   )
 }
 

mini/src/pages/yongren/settings/index.tsx

@@ -1,12 +1,15 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
+import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
 
 const YongrenSettingsPage: React.FC = () => {
   return (
-    <View className="p-4">
-      <Text className="text-xl font-bold">设置</Text>
-      <Text className="text-gray-600 mt-2">企业设置页面（待实现）</Text>
-    </View>
+    <YongrenTabBarLayout activeKey="settings">
+      <View className="p-4">
+        <Text className="text-xl font-bold">设置</Text>
+        <Text className="text-gray-600 mt-2">企业设置页面（待实现）</Text>
+      </View>
+    </YongrenTabBarLayout>
   )
 }
 

mini/src/pages/yongren/statistics/index.tsx

@@ -1,12 +1,15 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
+import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
 
 const YongrenStatisticsPage: React.FC = () => {
   return (
-    <View className="p-4">
-      <Text className="text-xl font-bold">数据统计</Text>
-      <Text className="text-gray-600 mt-2">企业数据统计页面（待实现）</Text>
-    </View>
+    <YongrenTabBarLayout activeKey="statistics">
+      <View className="p-4">
+        <Text className="text-xl font-bold">数据统计</Text>
+        <Text className="text-gray-600 mt-2">企业数据统计页面（待实现）</Text>
+      </View>
+    </YongrenTabBarLayout>
   )
 }
 

mini/src/pages/yongren/talent/detail/index.tsx

@@ -1,12 +1,15 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
+import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
 
 const YongrenTalentDetailPage: React.FC = () => {
   return (
-    <View className="p-4">
-      <Text className="text-xl font-bold">人才详情</Text>
-      <Text className="text-gray-600 mt-2">人才详细信息页面（待实现）</Text>
-    </View>
+    <YongrenTabBarLayout activeKey="talent">
+      <View className="p-4">
+        <Text className="text-xl font-bold">人才详情</Text>
+        <Text className="text-gray-600 mt-2">人才详细信息页面（待实现）</Text>
+      </View>
+    </YongrenTabBarLayout>
   )
 }
 

mini/src/pages/yongren/talent/list/index.tsx

@@ -1,12 +1,15 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
+import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
 
 const YongrenTalentListPage: React.FC = () => {
   return (
-    <View className="p-4">
-      <Text className="text-xl font-bold">人才列表</Text>
-      <Text className="text-gray-600 mt-2">企业人才管理列表（待实现）</Text>
-    </View>
+    <YongrenTabBarLayout activeKey="talent">
+      <View className="p-4">
+        <Text className="text-xl font-bold">人才列表</Text>
+        <Text className="text-gray-600 mt-2">企业人才管理列表（待实现）</Text>
+      </View>
+    </YongrenTabBarLayout>
   )
 }
 

mini/tests/yongren-components.test.tsx

@@ -1,7 +1,7 @@
 // @ts-ignore
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { YongrenTabBarLayout } from '../src/layouts/yongren-tab-bar-layout'
+import YongrenTabBarLayout from '../src/layouts/yongren-tab-bar-layout'
 import { UserStatusBar } from '../src/components/ui/user-status-bar'
 import { PageContainer } from '../src/components/ui/page-container'
 

mini/tests/yongren-routes.test.ts

@@ -35,7 +35,6 @@ describe('用人方小程序路由配置（实际测试配置文件）', () => {
 
   test('现有页面不应被移除', () => {
     const existingPages = [
-      'pages/index/index',
       'pages/profile/index',
       'pages/login/index',
     ]
@@ -62,7 +61,7 @@ describe('用人方小程序路由配置（实际测试配置文件）', () => {
     expect(tabBarItems[2].text).toBe('订单')
     expect(tabBarItems[3].pagePath).toBe('pages/yongren/statistics/index')
     expect(tabBarItems[3].text).toBe('数据')
-    expect(tabBarItems[4].pagePath).toBe('pages/yongren/settings/index')
+    expect(tabBarItems[4].pagePath).toBe('pages/profile/index')
     expect(tabBarItems[4].text).toBe('设置')
   })