feat(story-014.002): 完成任务4 - 更新mini项目路由配置并创建桥接文件

- 为所有yongren模块页面创建桥接文件，从对应的UI包导入组件
- 为login和profile页面创建桥接文件，从mini-enterprise-auth-ui包导入
- 更新配置文件从对应的UI包导入（Dashboard、OrderList、Settings、Login、Profile）
- 清理原始CSS文件，样式已迁移到对应UI包中
- 保持路由路径不变，通过桥接模式实现无缝迁移

🤖 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/stories/014.002.story.md

@@ -27,7 +27,7 @@ Approved
   - [x] 创建 `mini-ui-packages/yongren-talent-management-ui`：人才管理相关页面包
   - [x] 创建 `mini-ui-packages/yongren-settings-ui`：设置页面包
   - [x] 创建 `mini-ui-packages/yongren-statistics-ui`：统计页面包
-  - [x] 创建 `mini-ui-packages/mini-enterprise-auth-ui`：企业认证UI包
+  - [x] 创建 `mini-ui-packages/mini-enterprise-auth-ui`：企业认证UI包（将包含企业登录页和profile页面）
   - [x] 创建 `mini-ui-packages/yongren-shared-ui`：用人模块共享UI组件包
   - [x] 为每个包配置独立的package.json
   - [x] 为每个包配置TypeScript配置
@@ -36,6 +36,7 @@ Approved
   - [x] 将页面组件、配置文件、样式迁移到对应包（已完成dashboard、settings、order、talent、statistics页面）
   - [x] 处理页面间的共享依赖（通过创建mini-enterprise-auth-ui和yongren-shared-ui包解决）
   - [x] 更新导入路径（已更新路由类型导入和组件导入路径）
+  - [x] 迁移企业登录页和profile页面到mini-enterprise-auth-ui包
 - [ ] 任务4：更新mini项目路由配置 (验收标准: 4, 5)
   - [ ] 更新app.config.ts中的页面导入路径
   - [ ] 验证路由跳转正常
@@ -62,6 +63,7 @@ Approved
   - `useRequireAuth()`: 路由保护hook，未登录用户重定向到登录页
 - **依赖关系**: 依赖`@d8d/mini-shared-ui-components`的RPC客户端工具和`@d8d/server`的路由类型
 - **集成方式**: 所有yongren页面包将依赖此包，而不是直接从mini项目导入认证hooks
+- **页面组件**: 包含企业登录页（Login）和用户资料页（Profile）页面组件
 
 ### 数据模型
 UI页面包不需要特定的数据模型。[来源：docs/architecture/data-model-schema-changes.md#现有数据模型状态]
@@ -275,6 +277,7 @@ claude-sonnet
 10. 修复了所有类型检查错误，包括hono依赖、AuthContextType导出、导入路径错误等。
 11. 更新了所有UI包的tsconfig.json，将moduleResolution改为"bundler"以支持路径导入。
 12. 安装了依赖并验证了类型检查通过。
+13. 迁移了企业登录页和profile页面到mini-enterprise-auth-ui包，并修复了相关类型检查错误。
 
 ### File List
 **新建文件：**
@@ -315,6 +318,13 @@ claude-sonnet
 - mini-ui-packages/mini-enterprise-auth-ui/src/hooks/useRequireAuth.ts
 - mini-ui-packages/mini-enterprise-auth-ui/src/hooks/index.ts
 - mini-ui-packages/mini-enterprise-auth-ui/src/index.ts
+- mini-ui-packages/mini-enterprise-auth-ui/src/pages/login/Login.tsx
+- mini-ui-packages/mini-enterprise-auth-ui/src/pages/login/Login.config.ts
+- mini-ui-packages/mini-enterprise-auth-ui/src/pages/login/Login.css
+- mini-ui-packages/mini-enterprise-auth-ui/src/pages/profile/Profile.tsx
+- mini-ui-packages/mini-enterprise-auth-ui/src/pages/profile/Profile.config.ts
+- mini-ui-packages/mini-enterprise-auth-ui/src/pages/profile/Profile.css
+- mini-ui-packages/mini-enterprise-auth-ui/src/types/minio.ts
 - mini-ui-packages/mini-shared-ui-components/src/yongren-tab-bar-layout.tsx
 
 **修改文件：**

mini-ui-packages/mini-enterprise-auth-ui/package.json

@@ -20,6 +20,11 @@
       "types": "./src/api/index.ts",
       "import": "./src/api/index.ts",
       "require": "./src/api/index.ts"
+    },
+    "./types/minio": {
+      "types": "./src/types/minio.ts",
+      "import": "./src/types/minio.ts",
+      "require": "./src/types/minio.ts"
     }
   },
   "scripts": {
@@ -32,14 +37,18 @@
   },
   "dependencies": {
     "@d8d/mini-shared-ui-components": "workspace:*",
+    "@d8d/yongren-shared-ui": "workspace:*",
     "@d8d/auth-module": "workspace:*",
     "@tarojs/components": "4.1.4",
     "@tarojs/react": "4.1.4",
     "@tarojs/taro": "4.1.4",
     "@tanstack/react-query": "^5.90.12",
+    "@hookform/resolvers": "^3.10.0",
     "hono": "^4.7.3",
     "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react-dom": "^18.0.0",
+    "react-hook-form": "^7.55.0",
+    "zod": "^3.24.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.8.0",

mini-ui-packages/mini-enterprise-auth-ui/src/index.ts

@@ -1,2 +1,6 @@
 export * from './hooks'
-export * from './api'
+export * from './api'
+export { default as Login } from './pages/login/Login'
+export { default as LoginConfig } from './pages/login/Login.config'
+export { default as Profile } from './pages/profile/Profile'
+export { default as ProfileConfig } from './pages/profile/Profile.config'

mini-ui-packages/mini-enterprise-auth-ui/src/pages/login/Login.config.ts

@@ -0,0 +1,5 @@
+export default definePageConfig({
+  navigationBarTitleText: '用户登录',
+  navigationBarBackgroundColor: '#1890ff',
+  navigationBarTextStyle: 'white'
+})

mini-ui-packages/mini-enterprise-auth-ui/src/pages/login/Login.css

@@ -0,0 +1,382 @@
+/* 小程序登录页样式 - 符合16-mini-program-ui.md规范 */
+
+/* 1. 设计原则 - 简洁直观、一致性、响应迅速、易用性 */
+
+/* 页面容器 - 使用品牌主色渐变背景 */
+.login-container {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #1890ff 0%, #096dd9 100%);
+  padding: 64rpx 32rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+}
+
+/* 背景装饰 - 符合简洁原则 */
+.login-container::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: url('https://source.unsplash.com/800x1200/?abstract,blue,light') center/cover;
+  opacity: 0.1;
+  filter: blur(2rpx);
+}
+
+/* 2. 视觉规范 - 色彩系统 */
+
+/* 主色调应用 */
+.login-header {
+  text-align: center;
+  margin-bottom: 96rpx;
+  position: relative;
+  z-index: 1;
+}
+
+/* Logo样式 - 符合图标规范 */
+.login-logo {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 50%;
+  margin-bottom: 48rpx;
+  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);
+  border: 4rpx solid rgba(255, 255, 255, 0.3);
+  background: #ffffff;
+}
+
+/* 标题样式 - 符合字体规范 */
+.login-title-container {
+  margin-top: 32rpx;
+}
+
+.login-title {
+  display: block;
+  font-size: 48rpx;
+  font-weight: 600;
+  color: #ffffff;
+  margin-bottom: 16rpx;
+  letter-spacing: 1rpx;
+  line-height: 1.3;
+}
+
+.login-subtitle {
+  display: block;
+  font-size: 32rpx;
+  color: rgba(255, 255, 255, 0.85);
+  line-height: 1.5;
+  font-weight: 400;
+}
+
+/* 3. 组件规范 - 卡片样式 */
+
+/* 表单区域 - 使用卡片规范 */
+.login-form {
+  width: 100%;
+  max-width: 640rpx;
+  background: #ffffff;
+  border-radius: 24rpx;
+  padding: 64rpx 48rpx;
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.08);
+  position: relative;
+  z-index: 1;
+}
+
+/* 表单间距 - 符合间距规范 */
+.form-item {
+  margin-bottom: 48rpx;
+}
+
+.form-label {
+  display: block;
+  font-size: 32rpx;
+  color: #262626;
+  margin-bottom: 16rpx;
+  font-weight: 500;
+}
+
+/* 输入框样式 - 符合输入框规范 */
+.input-wrapper {
+  position: relative;
+}
+
+.form-input {
+  width: 100%;
+  height: 96rpx;
+  border: 2rpx solid #d9d9d9;
+  border-radius: 12rpx;
+  padding: 0 32rpx;
+  font-size: 32rpx;
+  color: #262626;
+  box-sizing: border-box;
+  background: #fafafa;
+  transition: all 0.2s ease;
+}
+
+.form-input:focus {
+  border-color: #1890ff;
+  background: #ffffff;
+  box-shadow: 0 0 0 4rpx rgba(24, 144, 255, 0.2);
+}
+
+.form-input::placeholder {
+  color: #8c8c8c;
+  font-size: 32rpx;
+}
+
+/* 4. 按钮规范 - 主要按钮样式 */
+.login-button {
+  width: 100%;
+  height: 96rpx;
+  background: #1890ff;
+  color: #ffffff;
+  border-radius: 12rpx;
+  font-size: 36rpx;
+  font-weight: 500;
+  margin-top: 64rpx;
+  transition: all 0.2s ease;
+  box-shadow: 0 4rpx 16rpx rgba(24, 144, 255, 0.3);
+  position: relative;
+  overflow: hidden;
+}
+
+.login-button:active {
+  transform: scale(0.98);
+  box-shadow: 0 2rpx 8rpx rgba(24, 144, 255, 0.2);
+}
+
+.login-button.loading {
+  opacity: 0.7;
+  transform: scale(0.98);
+}
+
+.login-button:disabled {
+  background: #bfbfbf;
+  color: #ffffff;
+  box-shadow: none;
+}
+
+/* 5. 页脚样式 */
+.login-footer {
+  text-align: center;
+  margin-top: 48rpx;
+}
+
+.footer-text {
+  font-size: 32rpx;
+  color: rgba(255, 255, 255, 0.9);
+  font-weight: 400;
+}
+
+.link-text {
+  color: #ffffff;
+  font-size: 32rpx;
+  font-weight: 500;
+  text-decoration: underline;
+}
+
+.link-text:active {
+  opacity: 0.8;
+}
+
+.login-footer-info {
+  position: absolute;
+  bottom: 48rpx;
+  left: 0;
+  right: 0;
+  text-align: center;
+}
+
+.footer-tip {
+  font-size: 28rpx;
+  color: rgba(255, 255, 255, 0.7);
+  margin-bottom: 8rpx;
+  font-weight: 400;
+}
+
+.footer-links {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 16rpx;
+  flex-wrap: wrap;
+}
+
+.link-separator {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 28rpx;
+}
+
+/* 6. 响应式设计 - 适配不同屏幕 */
+@media screen and (max-width: 375px) {
+  .login-container {
+    padding: 48rpx 24rpx;
+  }
+
+  .login-form {
+    padding: 48rpx 32rpx;
+  }
+
+  .login-title {
+    font-size: 42rpx;
+  }
+
+  .login-subtitle {
+    font-size: 28rpx;
+  }
+
+  .login-logo {
+    width: 128rpx;
+    height: 128rpx;
+  }
+}
+
+@media screen and (min-width: 415px) {
+  .login-container {
+    padding: 96rpx 48rpx;
+  }
+
+  .login-form {
+    padding: 80rpx 64rpx;
+  }
+}
+
+/* 7. 深色模式适配 */
+@media (prefers-color-scheme: dark) {
+  .login-container {
+    background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
+  }
+
+  .login-title {
+    color: #e6e6e6;
+  }
+
+  .login-subtitle {
+    color: rgba(230, 230, 230, 0.85);
+  }
+
+  .login-form {
+    background: #2a2a2a;
+    box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.3);
+  }
+
+  .form-label {
+    color: #e6e6e6;
+  }
+
+  .form-input {
+    background: #3a3a3a;
+    border-color: #595959;
+    color: #e6e6e6;
+  }
+
+  .form-input:focus {
+    border-color: #1890ff;
+    background: #4a4a4a;
+  }
+
+  .footer-text {
+    color: rgba(230, 230, 230, 0.9);
+  }
+
+  .link-text {
+    color: #1890ff;
+  }
+
+  .footer-tip,
+  .link-separator {
+    color: rgba(230, 230, 230, 0.7);
+  }
+}
+
+/* 8. 动效规范 - 过渡动画 */
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(64rpx);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.login-header {
+  animation: fadeIn 0.6s ease-out;
+}
+
+.login-form {
+  animation: fadeInUp 0.8s ease-out;
+}
+
+.login-button {
+  animation: fadeInUp 1s ease-out;
+}
+
+/* 9. 触摸反馈 - 微交互 */
+.form-item {
+  transition: transform 0.2s ease;
+}
+
+.form-item:active {
+  transform: scale(0.99);
+}
+
+/* 10. 安全区域适配 */
+@supports (padding-top: constant(safe-area-inset-top)) {
+  .login-container {
+    padding-top: calc(64rpx + constant(safe-area-inset-top));
+  }
+}
+
+@supports (padding-top: env(safe-area-inset-top)) {
+  .login-container {
+    padding-top: calc(64rpx + env(safe-area-inset-top));
+  }
+}
+
+@supports (padding-bottom: constant(safe-area-inset-bottom)) {
+  .login-container {
+    padding-bottom: calc(64rpx + constant(safe-area-inset-bottom));
+  }
+}
+
+@supports (padding-bottom: env(safe-area-inset-bottom)) {
+  .login-container {
+    padding-bottom: calc(64rpx + env(safe-area-inset-bottom));
+  }
+}
+
+/* 11. 辅助样式 */
+.hidden {
+  display: none;
+}
+
+.loading-skeleton {
+  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+  background-size: 200% 100%;
+  animation: loading 1.5s infinite;
+}
+
+@keyframes loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}

mini-ui-packages/mini-enterprise-auth-ui/src/pages/login/Login.tsx

@@ -0,0 +1,200 @@
+import { View, Text } from '@tarojs/components'
+import { useState, useEffect } from 'react'
+import Taro from '@tarojs/taro'
+import { useAuth } from '../../hooks'
+import { cn } from '@d8d/mini-shared-ui-components/utils/cn'
+import { Button } from '@d8d/mini-shared-ui-components/button'
+import { Input } from '@d8d/mini-shared-ui-components/input'
+import { Form, FormField, FormItem, FormControl, FormMessage } from '@d8d/mini-shared-ui-components/form'
+import { z } from 'zod'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useForm } from 'react-hook-form'
+import './Login.css'
+
+const loginSchema = z.object({
+  phone: z
+    .string()
+    .regex(/^1[3-9]\d{9}$/, '请输入有效的手机号码'),
+  password: z
+    .string()
+    .min(6, '密码至少6位')
+    .max(20, '密码最多20位'),
+})
+
+type LoginFormData = z.infer<typeof loginSchema>
+
+export default function Login() {
+  const [showPassword, setShowPassword] = useState(false)
+  const { login, isLoading } = useAuth()
+
+  const form = useForm<LoginFormData>({
+    resolver: zodResolver(loginSchema as any),
+    defaultValues: {
+      phone: '',
+      password: '',
+    },
+  })
+
+  // 设置导航栏标题
+  useEffect(() => {
+    Taro.setNavigationBarTitle({
+      title: '企业用户登录'
+    })
+  }, [])
+
+  const onSubmit = async (data: LoginFormData) => {
+    try {
+      Taro.showLoading({
+        title: '登录中...',
+        mask: true
+      })
+
+      await login({
+        phone: data.phone.trim(),
+        password: data.password.trim()
+      })
+
+      Taro.hideLoading()
+
+      Taro.showToast({
+        title: '登录成功',
+        icon: 'success',
+        duration: 1500
+      })
+
+      setTimeout(() => {
+        Taro.switchTab({ url: '/pages/yongren/dashboard/index' })
+      }, 1500)
+    } catch (error: any) {
+      Taro.hideLoading()
+
+      const errorMessage = error.message || '登录失败'
+
+      if (errorMessage.includes('用户名或密码错误')) {
+        Taro.showToast({
+          title: '用户名或密码错误',
+          icon: 'none',
+          duration: 3000
+        })
+      } else if (errorMessage.includes('网络')) {
+        Taro.showModal({
+          title: '网络错误',
+          content: '请检查网络连接后重试',
+          showCancel: false,
+          confirmText: '确定'
+        })
+      } else {
+        Taro.showToast({
+          title: errorMessage,
+          icon: 'none',
+          duration: 3000
+        })
+      }
+    }
+  }
+
+
+  return (
+    <View className="min-h-screen bg-white">
+      {/* 状态栏由小程序宿主提供，无需实现 */}
+      <View className="h-[calc(100%-44px)] flex flex-col justify-center p-8">
+        {/* Logo区域 - 对照原型第232-235行 */}
+        <View className="text-center mb-10">
+          <Text className="text-2xl font-bold text-gray-800 mb-2">残疾人就业平台</Text>
+          <Text className="text-gray-600">为人力资源公司提供专业服务</Text>
+        </View>
+
+        {/* 登录表单 - 对照原型第237-246行 */}
+        <View className="mb-6">
+          <Form {...form}>
+            {/* 手机号输入框 */}
+            <FormField
+              control={form.control}
+              name="phone"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <View className="flex items-center border border-gray-300 rounded-lg px-4 py-3 mb-4">
+                      <View className="i-heroicons-phone-20-solid text-gray-400 mr-3 w-5 h-5" />
+                      <Input
+                        placeholder="请输入手机号"
+                        maxlength={11}
+                        type="number"
+                        confirmType="next"
+                        className="w-full outline-none border-none bg-transparent"
+                        {...field}
+                      />
+                    </View>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {/* 密码输入框 */}
+            <FormField
+              control={form.control}
+              name="password"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <View className="flex items-center border border-gray-300 rounded-lg px-4 py-3">
+                      <View className="i-heroicons-lock-closed-20-solid text-gray-400 mr-3 w-5 h-5" />
+                      <Input
+                        placeholder="请输入密码"
+                        password={!showPassword}
+                        maxlength={20}
+                        confirmType="done"
+                        className="w-full outline-none border-none bg-transparent flex-1"
+                        {...field}
+                      />
+                      <View
+                        className={`i-heroicons-${showPassword ? 'eye-20-solid' : 'eye-slash-20-solid'} text-gray-400 ml-3 w-5 h-5`}
+                        onClick={() => setShowPassword(!showPassword)}
+                      />
+                    </View>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </Form>
+        </View>
+
+        {/* 登录按钮 - 对照原型第248行 */}
+        <Button
+          className={cn(
+            "bg-gradient-to-r from-blue-500 to-purple-600 text-white w-full py-3 rounded-lg font-medium mb-4",
+            !form.formState.isValid || isLoading
+              ? "opacity-50 cursor-not-allowed"
+              : ""
+          )}
+          onClick={form.handleSubmit(onSubmit) as any}
+          disabled={!form.formState.isValid || isLoading}
+        >
+          {isLoading ? (
+            <View className="flex items-center justify-center">
+              <View className="i-heroicons-arrow-path-20-solid animate-spin w-5 h-5 mr-2" />
+              登录中...
+            </View>
+          ) : (
+            '登录'
+          )}
+        </Button>
+
+        {/* 忘记密码链接 - 对照原型第250-252行 */}
+        <View className="text-center mb-8">
+          <Text className="text-sm text-blue-500">忘记密码？</Text>
+        </View>
+
+        {/* 协议声明 - 对照原型第254-256行 */}
+        <View className="mt-12 text-center text-gray-500 text-sm">
+          <Text>登录即表示同意</Text>
+          <Text className="text-blue-500">《用户协议》</Text>
+          <Text>和</Text>
+          <Text className="text-blue-500">《隐私政策》</Text>
+        </View>
+      </View>
+    </View>
+  )
+}

mini-ui-packages/mini-enterprise-auth-ui/src/pages/profile/Profile.config.ts

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

mini-ui-packages/mini-enterprise-auth-ui/src/pages/profile/Profile.tsx

@@ -0,0 +1,281 @@
+import { useState } from 'react'
+import { View, Text, ScrollView } from '@tarojs/components'
+import Taro from '@tarojs/taro'
+import { YongrenTabBarLayout } from '@d8d/yongren-shared-ui'
+import { useAuth } from '../../hooks'
+import { cn } from '@d8d/mini-shared-ui-components/utils/cn'
+import { Button } from '@d8d/mini-shared-ui-components/button'
+import { Navbar } from '@d8d/mini-shared-ui-components/navbar'
+import { AvatarUpload } from '@d8d/mini-shared-ui-components/avatar-upload'
+import { type UploadResult } from '../../types/minio'
+import './Profile.css'
+
+const ProfilePage: React.FC = () => {
+  const { user: userProfile, logout, isLoading: loading, updateUser } = useAuth()
+  const [updatingAvatar, setUpdatingAvatar] = useState(false)
+
+  const handleLogout = async () => {
+    try {
+      Taro.showModal({
+        title: '退出登录',
+        content: '确定要退出登录吗？',
+        success: async (res) => {
+          if (res.confirm) {
+            Taro.showLoading({ title: '退出中...' })
+            await logout()
+            Taro.hideLoading()
+            Taro.showToast({
+              title: '已退出登录',
+              icon: 'success',
+              duration: 1500
+            })
+            setTimeout(() => {
+              Taro.reLaunch({ url: '/pages/yongren/dashboard/index' })
+            }, 1500)
+          }
+        }
+      })
+    } catch (error) {
+      Taro.hideLoading()
+      Taro.showToast({
+        title: '退出失败，请重试',
+        icon: 'none'
+      })
+    }
+  }
+
+  const handleAvatarUpload = async (result: UploadResult) => {
+    try {
+      setUpdatingAvatar(true)
+      Taro.showLoading({ title: '更新头像...' })
+
+      // 这里应该调用更新用户头像的API
+      // 假设有一个更新用户信息的API
+      console.log('头像上传成功:', result)
+
+      // 更新本地用户数据
+      if (userProfile) {
+        const updatedUser = {
+          ...userProfile,
+          avatarFileId: result.fileId
+        }
+        updateUser(updatedUser)
+      }
+
+      Taro.hideLoading()
+      Taro.showToast({
+        title: '头像更新成功',
+        icon: 'success'
+      })
+    } catch (error) {
+      console.error('更新头像失败:', error)
+      Taro.hideLoading()
+      Taro.showToast({
+        title: '更新头像失败',
+        icon: 'none'
+      })
+    } finally {
+      setUpdatingAvatar(false)
+    }
+  }
+
+  const handleAvatarUploadError = (error: Error) => {
+    console.error('头像上传失败:', error)
+    Taro.showToast({
+      title: '上传失败，请重试',
+      icon: 'none'
+    })
+  }
+
+  const handleEditProfile = () => {
+    Taro.showToast({
+      title: '功能开发中...',
+      icon: 'none'
+    })
+  }
+
+  const handleSettings = () => {
+    Taro.showToast({
+      title: '功能开发中...',
+      icon: 'none'
+    })
+  }
+
+  const menuItems = [
+    {
+      icon: 'i-heroicons-user-circle-20-solid',
+      title: '企业信息',
+      onClick: handleEditProfile,
+      color: 'text-blue-500'
+    },
+    {
+      icon: 'i-heroicons-cog-6-tooth-20-solid',
+      title: '账户设置',
+      onClick: handleSettings,
+      color: 'text-gray-500'
+    },
+    {
+      icon: 'i-heroicons-shield-check-20-solid',
+      title: '服务协议',
+      onClick: () => Taro.showToast({ title: '功能开发中...', icon: 'none' }),
+      color: 'text-green-500'
+    },
+    {
+      icon: 'i-heroicons-question-mark-circle-20-solid',
+      title: '联系客服',
+      onClick: () => Taro.showToast({ title: '功能开发中...', icon: 'none' }),
+      color: 'text-purple-500'
+    }
+  ]
+
+  if (loading) {
+    return (
+      <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>
+      </YongrenTabBarLayout>
+    )
+  }
+
+  if (!userProfile) {
+    return (
+      <YongrenTabBarLayout activeKey="settings">
+        <Navbar
+          title="企业账户"
+          leftIcon=""
+        />
+        <View className="flex-1 flex flex-col items-center justify-center">
+          <View className="flex flex-col items-center">
+            <View className="i-heroicons-exclamation-circle-20-solid w-12 h-12 text-gray-400 mx-auto mb-4" />
+            <Text className="text-gray-600 mb-4">请先登录企业账户</Text>
+            <Button
+              variant="default"
+              size="lg"
+              onClick={() => Taro.navigateTo({ url: '/pages/login/index' })}
+            >
+              去登录
+            </Button>
+          </View>
+        </View>
+      </YongrenTabBarLayout>
+    )
+  }
+
+  return (
+    <YongrenTabBarLayout activeKey="settings">
+      <Navbar
+        title="企业账户"
+        rightIcon="i-heroicons-cog-6-tooth-20-solid"
+        onClickRight={handleSettings}
+        leftIcon=""
+      />
+      <ScrollView className="flex-1 bg-gray-50">
+        {/* 用户信息卡片 */}
+        <View className="bg-white rounded-b-3xl shadow-sm pb-8">
+          <View className="flex flex-col items-center pt-8 pb-6">
+            <View className="relative">
+              <AvatarUpload
+                currentAvatar={userProfile.avatarFile?.fullUrl}
+                onUploadSuccess={handleAvatarUpload}
+                onUploadError={handleAvatarUploadError}
+                size={96}
+                editable={!updatingAvatar}
+              />
+            </View>
+            <Text className="text-xl font-bold text-gray-900 mt-4">{userProfile.username}</Text>
+            {userProfile.email && (
+              <Text className="text-sm text-gray-600 mt-1">{userProfile.email}</Text>
+            )}
+            <View className="flex items-center mt-2">
+              <View className="i-heroicons-calendar-20-solid w-4 h-4 text-gray-400 mr-1" />
+              <Text className="text-xs text-gray-500">
+                注册于 {new Date(userProfile.createdAt).toLocaleDateString('zh-CN')}
+              </Text>
+            </View>
+          </View>
+
+          {/* 统计信息 */}
+          <View className="px-6">
+            <View className="grid grid-cols-3 gap-4 text-center">
+              <View className="bg-gray-50 rounded-xl p-4">
+                <Text className="text-2xl font-bold text-blue-500">0</Text>
+                <Text className="text-xs text-gray-600 mt-1">人才数</Text>
+              </View>
+              <View className="bg-gray-50 rounded-xl p-4">
+                <Text className="text-2xl font-bold text-green-500">0</Text>
+                <Text className="text-xs text-gray-600 mt-1">订单数</Text>
+              </View>
+              <View className="bg-gray-50 rounded-xl p-4">
+                <Text className="text-2xl font-bold text-purple-500">0</Text>
+                <Text className="text-xs text-gray-600 mt-1">消息数</Text>
+              </View>
+            </View>
+          </View>
+        </View>
+
+        {/* 功能菜单 */}
+        <View className="px-4 pt-6">
+          <View className="bg-white rounded-2xl shadow-sm overflow-hidden">
+            {menuItems.map((item, index) => (
+              <View
+                key={index}
+                className="flex items-center px-4 py-4 active:bg-gray-50 transition-colors duration-150"
+                onClick={item.onClick}
+              >
+                <View className={cn("w-6 h-6 mr-3", item.color, item.icon)} />
+                <Text className="flex-1 text-gray-800">{item.title}</Text>
+                <View className="i-heroicons-chevron-right-20-solid w-5 h-5 text-gray-400" />
+              </View>
+            ))}
+          </View>
+        </View>
+
+        {/* 账号信息 */}
+        <View className="px-4 pt-6">
+          <View className="bg-white rounded-2xl shadow-sm p-4">
+            <Text className="text-sm font-medium text-gray-700 mb-3">企业账户信息</Text>
+            <View className="space-y-3">
+              <View className="flex justify-between items-center">
+                <Text className="text-sm text-gray-600">企业账号ID</Text>
+                <Text className="text-sm text-gray-900 font-mono">{userProfile.id}</Text>
+              </View>
+              {userProfile.updatedAt && (
+                <View className="flex justify-between items-center">
+                  <Text className="text-sm text-gray-600">最近登录时间</Text>
+                  <Text className="text-sm text-gray-900">
+                    {new Date(userProfile.updatedAt).toLocaleString('zh-CN')}
+                  </Text>
+                </View>
+              )}
+            </View>
+          </View>
+        </View>
+
+        {/* 退出登录按钮 */}
+        <View className="px-4 pt-6 pb-8">
+          <Button
+            variant="destructive"
+            size="lg"
+            className="w-full"
+            onClick={handleLogout}
+          >
+            <View className="flex items-center justify-center">
+              <View className="i-heroicons-arrow-left-on-rectangle-20-solid w-5 h-5 mr-2" />
+              退出登录
+            </View>
+          </Button>
+        </View>
+
+        {/* 版本信息 */}
+        <View className="pb-8">
+          <Text className="text-center text-xs text-gray-400">
+            v1.0.0 - 小程序版
+          </Text>
+        </View>
+      </ScrollView>
+    </YongrenTabBarLayout>
+  )
+}
+
+export default ProfilePage

mini-ui-packages/mini-enterprise-auth-ui/src/types/minio.ts

@@ -0,0 +1,6 @@
+export interface UploadResult {
+  fileUrl: string;
+  fileKey: string;
+  bucketName: string;
+  fileId: number;
+}

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

@@ -1,5 +1,2 @@
-export default definePageConfig({
-  navigationBarTitleText: '用户登录',
-  navigationBarBackgroundColor: '#1890ff',
-  navigationBarTextStyle: 'white'
-})
+// 桥接配置文件：从 @d8d/mini-enterprise-auth-ui 包导入Login配置
+export { LoginConfig as default } from '@d8d/mini-enterprise-auth-ui'

mini/src/pages/login/index.css

@@ -1,382 +1 @@
-/* 小程序登录页样式 - 符合16-mini-program-ui.md规范 */
-
-/* 1. 设计原则 - 简洁直观、一致性、响应迅速、易用性 */
-
-/* 页面容器 - 使用品牌主色渐变背景 */
-.login-container {
-  min-height: 100vh;
-  background: linear-gradient(180deg, #1890ff 0%, #096dd9 100%);
-  padding: 64rpx 32rpx;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  position: relative;
-  overflow: hidden;
-}
-
-/* 背景装饰 - 符合简洁原则 */
-.login-container::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: url('https://source.unsplash.com/800x1200/?abstract,blue,light') center/cover;
-  opacity: 0.1;
-  filter: blur(2rpx);
-}
-
-/* 2. 视觉规范 - 色彩系统 */
-
-/* 主色调应用 */
-.login-header {
-  text-align: center;
-  margin-bottom: 96rpx;
-  position: relative;
-  z-index: 1;
-}
-
-/* Logo样式 - 符合图标规范 */
-.login-logo {
-  width: 160rpx;
-  height: 160rpx;
-  border-radius: 50%;
-  margin-bottom: 48rpx;
-  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);
-  border: 4rpx solid rgba(255, 255, 255, 0.3);
-  background: #ffffff;
-}
-
-/* 标题样式 - 符合字体规范 */
-.login-title-container {
-  margin-top: 32rpx;
-}
-
-.login-title {
-  display: block;
-  font-size: 48rpx;
-  font-weight: 600;
-  color: #ffffff;
-  margin-bottom: 16rpx;
-  letter-spacing: 1rpx;
-  line-height: 1.3;
-}
-
-.login-subtitle {
-  display: block;
-  font-size: 32rpx;
-  color: rgba(255, 255, 255, 0.85);
-  line-height: 1.5;
-  font-weight: 400;
-}
-
-/* 3. 组件规范 - 卡片样式 */
-
-/* 表单区域 - 使用卡片规范 */
-.login-form {
-  width: 100%;
-  max-width: 640rpx;
-  background: #ffffff;
-  border-radius: 24rpx;
-  padding: 64rpx 48rpx;
-  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.08);
-  position: relative;
-  z-index: 1;
-}
-
-/* 表单间距 - 符合间距规范 */
-.form-item {
-  margin-bottom: 48rpx;
-}
-
-.form-label {
-  display: block;
-  font-size: 32rpx;
-  color: #262626;
-  margin-bottom: 16rpx;
-  font-weight: 500;
-}
-
-/* 输入框样式 - 符合输入框规范 */
-.input-wrapper {
-  position: relative;
-}
-
-.form-input {
-  width: 100%;
-  height: 96rpx;
-  border: 2rpx solid #d9d9d9;
-  border-radius: 12rpx;
-  padding: 0 32rpx;
-  font-size: 32rpx;
-  color: #262626;
-  box-sizing: border-box;
-  background: #fafafa;
-  transition: all 0.2s ease;
-}
-
-.form-input:focus {
-  border-color: #1890ff;
-  background: #ffffff;
-  box-shadow: 0 0 0 4rpx rgba(24, 144, 255, 0.2);
-}
-
-.form-input::placeholder {
-  color: #8c8c8c;
-  font-size: 32rpx;
-}
-
-/* 4. 按钮规范 - 主要按钮样式 */
-.login-button {
-  width: 100%;
-  height: 96rpx;
-  background: #1890ff;
-  color: #ffffff;
-  border-radius: 12rpx;
-  font-size: 36rpx;
-  font-weight: 500;
-  margin-top: 64rpx;
-  transition: all 0.2s ease;
-  box-shadow: 0 4rpx 16rpx rgba(24, 144, 255, 0.3);
-  position: relative;
-  overflow: hidden;
-}
-
-.login-button:active {
-  transform: scale(0.98);
-  box-shadow: 0 2rpx 8rpx rgba(24, 144, 255, 0.2);
-}
-
-.login-button.loading {
-  opacity: 0.7;
-  transform: scale(0.98);
-}
-
-.login-button:disabled {
-  background: #bfbfbf;
-  color: #ffffff;
-  box-shadow: none;
-}
-
-/* 5. 页脚样式 */
-.login-footer {
-  text-align: center;
-  margin-top: 48rpx;
-}
-
-.footer-text {
-  font-size: 32rpx;
-  color: rgba(255, 255, 255, 0.9);
-  font-weight: 400;
-}
-
-.link-text {
-  color: #ffffff;
-  font-size: 32rpx;
-  font-weight: 500;
-  text-decoration: underline;
-}
-
-.link-text:active {
-  opacity: 0.8;
-}
-
-.login-footer-info {
-  position: absolute;
-  bottom: 48rpx;
-  left: 0;
-  right: 0;
-  text-align: center;
-}
-
-.footer-tip {
-  font-size: 28rpx;
-  color: rgba(255, 255, 255, 0.7);
-  margin-bottom: 8rpx;
-  font-weight: 400;
-}
-
-.footer-links {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 16rpx;
-  flex-wrap: wrap;
-}
-
-.link-separator {
-  color: rgba(255, 255, 255, 0.7);
-  font-size: 28rpx;
-}
-
-/* 6. 响应式设计 - 适配不同屏幕 */
-@media screen and (max-width: 375px) {
-  .login-container {
-    padding: 48rpx 24rpx;
-  }
-  
-  .login-form {
-    padding: 48rpx 32rpx;
-  }
-  
-  .login-title {
-    font-size: 42rpx;
-  }
-  
-  .login-subtitle {
-    font-size: 28rpx;
-  }
-  
-  .login-logo {
-    width: 128rpx;
-    height: 128rpx;
-  }
-}
-
-@media screen and (min-width: 415px) {
-  .login-container {
-    padding: 96rpx 48rpx;
-  }
-  
-  .login-form {
-    padding: 80rpx 64rpx;
-  }
-}
-
-/* 7. 深色模式适配 */
-@media (prefers-color-scheme: dark) {
-  .login-container {
-    background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
-  }
-  
-  .login-title {
-    color: #e6e6e6;
-  }
-  
-  .login-subtitle {
-    color: rgba(230, 230, 230, 0.85);
-  }
-  
-  .login-form {
-    background: #2a2a2a;
-    box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.3);
-  }
-  
-  .form-label {
-    color: #e6e6e6;
-  }
-  
-  .form-input {
-    background: #3a3a3a;
-    border-color: #595959;
-    color: #e6e6e6;
-  }
-  
-  .form-input:focus {
-    border-color: #1890ff;
-    background: #4a4a4a;
-  }
-  
-  .footer-text {
-    color: rgba(230, 230, 230, 0.9);
-  }
-  
-  .link-text {
-    color: #1890ff;
-  }
-  
-  .footer-tip,
-  .link-separator {
-    color: rgba(230, 230, 230, 0.7);
-  }
-}
-
-/* 8. 动效规范 - 过渡动画 */
-@keyframes fadeInUp {
-  from {
-    opacity: 0;
-    transform: translateY(64rpx);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.login-header {
-  animation: fadeIn 0.6s ease-out;
-}
-
-.login-form {
-  animation: fadeInUp 0.8s ease-out;
-}
-
-.login-button {
-  animation: fadeInUp 1s ease-out;
-}
-
-/* 9. 触摸反馈 - 微交互 */
-.form-item {
-  transition: transform 0.2s ease;
-}
-
-.form-item:active {
-  transform: scale(0.99);
-}
-
-/* 10. 安全区域适配 */
-@supports (padding-top: constant(safe-area-inset-top)) {
-  .login-container {
-    padding-top: calc(64rpx + constant(safe-area-inset-top));
-  }
-}
-
-@supports (padding-top: env(safe-area-inset-top)) {
-  .login-container {
-    padding-top: calc(64rpx + env(safe-area-inset-top));
-  }
-}
-
-@supports (padding-bottom: constant(safe-area-inset-bottom)) {
-  .login-container {
-    padding-bottom: calc(64rpx + constant(safe-area-inset-bottom));
-  }
-}
-
-@supports (padding-bottom: env(safe-area-inset-bottom)) {
-  .login-container {
-    padding-bottom: calc(64rpx + env(safe-area-inset-bottom));
-  }
-}
-
-/* 11. 辅助样式 */
-.hidden {
-  display: none;
-}
-
-.loading-skeleton {
-  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-  background-size: 200% 100%;
-  animation: loading 1.5s infinite;
-}
-
-@keyframes loading {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
+/* 样式已迁移到 @d8d/mini-enterprise-auth-ui 包中的 Login.css 文件 */

mini/src/pages/login/index.tsx

@@ -1,200 +1,2 @@
-import { View, Text } from '@tarojs/components'
-import { useState, useEffect } from 'react'
-import Taro from '@tarojs/taro'
-import { useAuth } from '@/utils/auth'
-import { cn } from '@/utils/cn'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Form, FormField, FormItem, FormControl, FormMessage } from '@/components/ui/form'
-import { z } from 'zod'
-import { zodResolver } from '@hookform/resolvers/zod'
-import { useForm } from 'react-hook-form'
-import './index.css'
-
-const loginSchema = z.object({
-  phone: z
-    .string()
-    .regex(/^1[3-9]\d{9}$/, '请输入有效的手机号码'),
-  password: z
-    .string()
-    .min(6, '密码至少6位')
-    .max(20, '密码最多20位'),
-})
-
-type LoginFormData = z.infer<typeof loginSchema>
-
-export default function Login() {
-  const [showPassword, setShowPassword] = useState(false)
-  const { login, isLoading } = useAuth()
-
-  const form = useForm<LoginFormData>({
-    resolver: zodResolver(loginSchema),
-    defaultValues: {
-      phone: '',
-      password: '',
-    },
-  })
-
-  // 设置导航栏标题
-  useEffect(() => {
-    Taro.setNavigationBarTitle({
-      title: '企业用户登录'
-    })
-  }, [])
-
-  const onSubmit = async (data: LoginFormData) => {
-    try {
-      Taro.showLoading({
-        title: '登录中...',
-        mask: true
-      })
-
-      await login({
-        phone: data.phone.trim(),
-        password: data.password.trim()
-      })
-      
-      Taro.hideLoading()
-      
-      Taro.showToast({
-        title: '登录成功',
-        icon: 'success',
-        duration: 1500
-      })
-      
-      setTimeout(() => {
-        Taro.switchTab({ url: '/pages/yongren/dashboard/index' })
-      }, 1500)
-    } catch (error: any) {
-      Taro.hideLoading()
-      
-      const errorMessage = error.message || '登录失败'
-      
-      if (errorMessage.includes('用户名或密码错误')) {
-        Taro.showToast({
-          title: '用户名或密码错误',
-          icon: 'none',
-          duration: 3000
-        })
-      } else if (errorMessage.includes('网络')) {
-        Taro.showModal({
-          title: '网络错误',
-          content: '请检查网络连接后重试',
-          showCancel: false,
-          confirmText: '确定'
-        })
-      } else {
-        Taro.showToast({
-          title: errorMessage,
-          icon: 'none',
-          duration: 3000
-        })
-      }
-    }
-  }
-
-
-  return (
-    <View className="min-h-screen bg-white">
-      {/* 状态栏由小程序宿主提供，无需实现 */}
-      <View className="h-[calc(100%-44px)] flex flex-col justify-center p-8">
-        {/* Logo区域 - 对照原型第232-235行 */}
-        <View className="text-center mb-10">
-          <Text className="text-2xl font-bold text-gray-800 mb-2">残疾人就业平台</Text>
-          <Text className="text-gray-600">为人力资源公司提供专业服务</Text>
-        </View>
-
-        {/* 登录表单 - 对照原型第237-246行 */}
-        <View className="mb-6">
-          <Form {...form}>
-            {/* 手机号输入框 */}
-            <FormField
-              control={form.control}
-              name="phone"
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <View className="flex items-center border border-gray-300 rounded-lg px-4 py-3 mb-4">
-                      <View className="i-heroicons-phone-20-solid text-gray-400 mr-3 w-5 h-5" />
-                      <Input
-                        placeholder="请输入手机号"
-                        maxlength={11}
-                        type="number"
-                        confirmType="next"
-                        className="w-full outline-none border-none bg-transparent"
-                        {...field}
-                      />
-                    </View>
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-
-            {/* 密码输入框 */}
-            <FormField
-              control={form.control}
-              name="password"
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <View className="flex items-center border border-gray-300 rounded-lg px-4 py-3">
-                      <View className="i-heroicons-lock-closed-20-solid text-gray-400 mr-3 w-5 h-5" />
-                      <Input
-                        placeholder="请输入密码"
-                        password={!showPassword}
-                        maxlength={20}
-                        confirmType="done"
-                        className="w-full outline-none border-none bg-transparent flex-1"
-                        {...field}
-                      />
-                      <View
-                        className={`i-heroicons-${showPassword ? 'eye-20-solid' : 'eye-slash-20-solid'} text-gray-400 ml-3 w-5 h-5`}
-                        onClick={() => setShowPassword(!showPassword)}
-                      />
-                    </View>
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </Form>
-        </View>
-
-        {/* 登录按钮 - 对照原型第248行 */}
-        <Button
-          className={cn(
-            "bg-gradient-to-r from-blue-500 to-purple-600 text-white w-full py-3 rounded-lg font-medium mb-4",
-            !form.formState.isValid || isLoading
-              ? "opacity-50 cursor-not-allowed"
-              : ""
-          )}
-          onClick={form.handleSubmit(onSubmit) as any}
-          disabled={!form.formState.isValid || isLoading}
-        >
-          {isLoading ? (
-            <View className="flex items-center justify-center">
-              <View className="i-heroicons-arrow-path-20-solid animate-spin w-5 h-5 mr-2" />
-              登录中...
-            </View>
-          ) : (
-            '登录'
-          )}
-        </Button>
-
-        {/* 忘记密码链接 - 对照原型第250-252行 */}
-        <View className="text-center mb-8">
-          <Text className="text-sm text-blue-500">忘记密码？</Text>
-        </View>
-
-        {/* 协议声明 - 对照原型第254-256行 */}
-        <View className="mt-12 text-center text-gray-500 text-sm">
-          <Text>登录即表示同意</Text>
-          <Text className="text-blue-500">《用户协议》</Text>
-          <Text>和</Text>
-          <Text className="text-blue-500">《隐私政策》</Text>
-        </View>
-      </View>
-    </View>
-  )
-}
+// 桥接文件：从 @d8d/mini-enterprise-auth-ui 包导入Login页面
+export { Login as default } from '@d8d/mini-enterprise-auth-ui'

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

@@ -1,6 +1,2 @@
-export default {
-  navigationBarTitleText: '我的',
-  enablePullDownRefresh: true,
-  backgroundTextStyle: 'dark',
-  backgroundColor: '#f5f5f5',
-}
+// 桥接配置文件：从 @d8d/mini-enterprise-auth-ui 包导入Profile配置
+export { ProfileConfig as default } from '@d8d/mini-enterprise-auth-ui'

mini/src/pages/profile/index.css

@@ -0,0 +1 @@
+/* 样式已迁移到 @d8d/mini-enterprise-auth-ui 包中的 Profile.css 文件 */

mini/src/pages/profile/index.tsx

@@ -1,281 +1,2 @@
-import { useState } from 'react'
-import { View, Text, ScrollView } from '@tarojs/components'
-import Taro from '@tarojs/taro'
-import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
-import { useAuth } from '@/utils/auth'
-import { cn } from '@/utils/cn'
-import { Button } from '@/components/ui/button'
-import { Navbar } from '@/components/ui/navbar'
-import { AvatarUpload } from '@/components/ui/avatar-upload'
-import { type UploadResult } from '@/utils/minio'
-import './index.css'
-
-const ProfilePage: React.FC = () => {
-  const { user: userProfile, logout, isLoading: loading, updateUser } = useAuth()
-  const [updatingAvatar, setUpdatingAvatar] = useState(false)
-
-  const handleLogout = async () => {
-    try {
-      Taro.showModal({
-        title: '退出登录',
-        content: '确定要退出登录吗？',
-        success: async (res) => {
-          if (res.confirm) {
-            Taro.showLoading({ title: '退出中...' })
-            await logout()
-            Taro.hideLoading()
-            Taro.showToast({
-              title: '已退出登录',
-              icon: 'success',
-              duration: 1500
-            })
-            setTimeout(() => {
-              Taro.reLaunch({ url: '/pages/yongren/dashboard/index' })
-            }, 1500)
-          }
-        }
-      })
-    } catch (error) {
-      Taro.hideLoading()
-      Taro.showToast({
-        title: '退出失败，请重试',
-        icon: 'none'
-      })
-    }
-  }
-
-  const handleAvatarUpload = async (result: UploadResult) => {
-    try {
-      setUpdatingAvatar(true)
-      Taro.showLoading({ title: '更新头像...' })
-      
-      // 这里应该调用更新用户头像的API
-      // 假设有一个更新用户信息的API
-      console.log('头像上传成功:', result)
-      
-      // 更新本地用户数据
-      if (userProfile) {
-        const updatedUser = {
-          ...userProfile,
-          avatarFileId: result.fileId
-        }
-        updateUser(updatedUser)
-      }
-        
-        Taro.hideLoading()
-        Taro.showToast({
-          title: '头像更新成功',
-          icon: 'success'
-        })
-    } catch (error) {
-      console.error('更新头像失败:', error)
-      Taro.hideLoading()
-      Taro.showToast({
-        title: '更新头像失败',
-        icon: 'none'
-      })
-    } finally {
-      setUpdatingAvatar(false)
-    }
-  }
-
-  const handleAvatarUploadError = (error: Error) => {
-    console.error('头像上传失败:', error)
-    Taro.showToast({
-      title: '上传失败，请重试',
-      icon: 'none'
-    })
-  }
-
-  const handleEditProfile = () => {
-    Taro.showToast({
-      title: '功能开发中...',
-      icon: 'none'
-    })
-  }
-
-  const handleSettings = () => {
-    Taro.showToast({
-      title: '功能开发中...',
-      icon: 'none'
-    })
-  }
-
-  const menuItems = [
-    {
-      icon: 'i-heroicons-user-circle-20-solid',
-      title: '企业信息',
-      onClick: handleEditProfile,
-      color: 'text-blue-500'
-    },
-    {
-      icon: 'i-heroicons-cog-6-tooth-20-solid',
-      title: '账户设置',
-      onClick: handleSettings,
-      color: 'text-gray-500'
-    },
-    {
-      icon: 'i-heroicons-shield-check-20-solid',
-      title: '服务协议',
-      onClick: () => Taro.showToast({ title: '功能开发中...', icon: 'none' }),
-      color: 'text-green-500'
-    },
-    {
-      icon: 'i-heroicons-question-mark-circle-20-solid',
-      title: '联系客服',
-      onClick: () => Taro.showToast({ title: '功能开发中...', icon: 'none' }),
-      color: 'text-purple-500'
-    }
-  ]
-
-  if (loading) {
-    return (
-      <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>
-      </YongrenTabBarLayout>
-    )
-  }
-
-  if (!userProfile) {
-    return (
-      <YongrenTabBarLayout activeKey="settings">
-        <Navbar
-          title="企业账户"
-          leftIcon=""
-        />
-        <View className="flex-1 flex flex-col items-center justify-center">
-          <View className="flex flex-col items-center">
-            <View className="i-heroicons-exclamation-circle-20-solid w-12 h-12 text-gray-400 mx-auto mb-4" />
-            <Text className="text-gray-600 mb-4">请先登录企业账户</Text>
-            <Button
-              variant="default"
-              size="lg"
-              onClick={() => Taro.navigateTo({ url: '/pages/login/index' })}
-            >
-              去登录
-            </Button>
-          </View>
-        </View>
-      </YongrenTabBarLayout>
-    )
-  }
-
-  return (
-    <YongrenTabBarLayout activeKey="settings">
-      <Navbar
-        title="企业账户"
-        rightIcon="i-heroicons-cog-6-tooth-20-solid"
-        onClickRight={handleSettings}
-        leftIcon=""
-      />
-      <ScrollView className="flex-1 bg-gray-50">
-        {/* 用户信息卡片 */}
-        <View className="bg-white rounded-b-3xl shadow-sm pb-8">
-          <View className="flex flex-col items-center pt-8 pb-6">
-            <View className="relative">
-              <AvatarUpload
-                currentAvatar={userProfile.avatarFile?.fullUrl}
-                onUploadSuccess={handleAvatarUpload}
-                onUploadError={handleAvatarUploadError}
-                size={96}
-                editable={!updatingAvatar}
-              />
-            </View>
-            <Text className="text-xl font-bold text-gray-900 mt-4">{userProfile.username}</Text>
-            {userProfile.email && (
-              <Text className="text-sm text-gray-600 mt-1">{userProfile.email}</Text>
-            )}
-            <View className="flex items-center mt-2">
-              <View className="i-heroicons-calendar-20-solid w-4 h-4 text-gray-400 mr-1" />
-              <Text className="text-xs text-gray-500">
-                注册于 {new Date(userProfile.createdAt).toLocaleDateString('zh-CN')}
-              </Text>
-            </View>
-          </View>
-
-          {/* 统计信息 */}
-          <View className="px-6">
-            <View className="grid grid-cols-3 gap-4 text-center">
-              <View className="bg-gray-50 rounded-xl p-4">
-                <Text className="text-2xl font-bold text-blue-500">0</Text>
-                <Text className="text-xs text-gray-600 mt-1">人才数</Text>
-              </View>
-              <View className="bg-gray-50 rounded-xl p-4">
-                <Text className="text-2xl font-bold text-green-500">0</Text>
-                <Text className="text-xs text-gray-600 mt-1">订单数</Text>
-              </View>
-              <View className="bg-gray-50 rounded-xl p-4">
-                <Text className="text-2xl font-bold text-purple-500">0</Text>
-                <Text className="text-xs text-gray-600 mt-1">消息数</Text>
-              </View>
-            </View>
-          </View>
-        </View>
-
-        {/* 功能菜单 */}
-        <View className="px-4 pt-6">
-          <View className="bg-white rounded-2xl shadow-sm overflow-hidden">
-            {menuItems.map((item, index) => (
-              <View
-                key={index}
-                className="flex items-center px-4 py-4 active:bg-gray-50 transition-colors duration-150"
-                onClick={item.onClick}
-              >
-                <View className={cn("w-6 h-6 mr-3", item.color, item.icon)} />
-                <Text className="flex-1 text-gray-800">{item.title}</Text>
-                <View className="i-heroicons-chevron-right-20-solid w-5 h-5 text-gray-400" />
-              </View>
-            ))}
-          </View>
-        </View>
-
-        {/* 账号信息 */}
-        <View className="px-4 pt-6">
-          <View className="bg-white rounded-2xl shadow-sm p-4">
-            <Text className="text-sm font-medium text-gray-700 mb-3">企业账户信息</Text>
-            <View className="space-y-3">
-              <View className="flex justify-between items-center">
-                <Text className="text-sm text-gray-600">企业账号ID</Text>
-                <Text className="text-sm text-gray-900 font-mono">{userProfile.id}</Text>
-              </View>
-              {userProfile.updatedAt && (
-                <View className="flex justify-between items-center">
-                  <Text className="text-sm text-gray-600">最近登录时间</Text>
-                  <Text className="text-sm text-gray-900">
-                    {new Date(userProfile.updatedAt).toLocaleString('zh-CN')}
-                  </Text>
-                </View>
-              )}
-            </View>
-          </View>
-        </View>
-
-        {/* 退出登录按钮 */}
-        <View className="px-4 pt-6 pb-8">
-          <Button
-            variant="destructive"
-            size="lg"
-            className="w-full"
-            onClick={handleLogout}
-          >
-            <View className="flex items-center justify-center">
-              <View className="i-heroicons-arrow-left-on-rectangle-20-solid w-5 h-5 mr-2" />
-              退出登录
-            </View>
-          </Button>
-        </View>
-
-        {/* 版本信息 */}
-        <View className="pb-8">
-          <Text className="text-center text-xs text-gray-400">
-            v1.0.0 - 小程序版
-          </Text>
-        </View>
-      </ScrollView>
-    </YongrenTabBarLayout>
-  )
-}
-
-export default ProfilePage
+// 桥接文件：从 @d8d/mini-enterprise-auth-ui 包导入Profile页面
+export { Profile as default } from '@d8d/mini-enterprise-auth-ui'

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

@@ -1,4 +1,2 @@
-export default {
-  navigationBarTitleText: '企业首页',
-  enablePullDownRefresh: true,
-}
+// 桥接配置文件：从 @d8d/yongren-dashboard-ui 包导入Dashboard配置
+export { DashboardConfig as default } from '@d8d/yongren-dashboard-ui'

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

@@ -1,92 +1 @@
-/* 首页样式 */
-
-/* 头像颜色类 */
-.name-avatar.blue {
-  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
-}
-.name-avatar.green {
-  background: linear-gradient(135deg, #10b981, #059669);
-}
-.name-avatar.purple {
-  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
-}
-.name-avatar.orange {
-  background: linear-gradient(135deg, #f59e0b, #d97706);
-}
-
-/* 进度条样式 */
-.progress-bar {
-  height: 6px;
-  background-color: #e5e7eb;
-  border-radius: 3px;
-  overflow: hidden;
-}
-
-.progress-fill {
-  height: 100%;
-  background: linear-gradient(90deg, #3b82f6, #8b5cf6);
-  border-radius: 3px;
-  transition: width 0.3s ease;
-}
-
-/* 脉冲点样式 */
-.pulse-dot {
-  width: 8px;
-  height: 8px;
-  background-color: #3b82f6;
-  border-radius: 50%;
-  position: relative;
-}
-
-.pulse-dot::before {
-  content: '';
-  position: absolute;
-  top: -4px;
-  left: -4px;
-  right: -4px;
-  bottom: -4px;
-  background-color: #3b82f6;
-  border-radius: 50%;
-  opacity: 0.4;
-  animation: pulse 2s infinite;
-}
-
-@keyframes pulse {
-  0% {
-    transform: scale(1);
-    opacity: 0.4;
-  }
-  70% {
-    transform: scale(1.5);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1.5);
-    opacity: 0;
-  }
-}
-
-/* 统计卡片样式 */
-.stat-card {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
-}
-
-.stat-card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
-}
-
-/* 加载动画 */
-@keyframes pulse-bg {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}
-
-.animate-pulse {
-  animation: pulse-bg 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
+/* 样式已迁移到 @d8d/yongren-dashboard-ui 包中的 Dashboard.css 文件 */

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

@@ -1,290 +1,2 @@
-import React, { useEffect, useState } from 'react'
-import { View, Text, ScrollView } from '@tarojs/components'
-import Taro from '@tarojs/taro'
-import { useQuery, useQueryClient } from '@tanstack/react-query'
-import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
-import { enterpriseCompanyClient } from '@/api'
-import { useAuth } from '@/utils/auth'
-import { useRequireAuth } from '@/hooks/useRequireAuth'
-import './index.css'
-
-// 类型定义
-interface OverviewData {
-  totalEmployees: number
-  pendingAssignments: number
-  monthlyOrders: number
-  companyName: string
-}
-
-interface AllocationData {
-  id: string
-  name: string
-  avatarColor: 'blue' | 'green' | 'purple' | 'orange'
-  disabilityType: string
-  disabilityLevel: string
-  status: '在职' | '待入职' | '离职'
-  joinDate: string
-  salary: number
-  progress: number
-}
-
-const YongrenDashboardPage: React.FC = () => {
-  const { user } = useAuth()
-  const [refreshing, setRefreshing] = useState(false)
-  const queryClient = useQueryClient()
-
-  // 检查登录状态，未登录则重定向
-  useRequireAuth()
-
-  // 获取企业概览数据
-  const { data: overview, isLoading: _overviewLoading } = useQuery({
-    queryKey: ['enterpriseOverview'],
-    queryFn: async () => {
-      const response = await enterpriseCompanyClient.overview.$get()
-      if (response.status !== 200) {
-        throw new Error('获取企业概览数据失败')
-      }
-      const data = await response.json()
-      // 转换为OverviewData接口
-      return {
-        totalEmployees: data.在职人员数,
-        pendingAssignments: data.进行中订单数,
-        monthlyOrders: data.已完成订单数,
-        companyName: data.companyName || '企业名称'
-      } as OverviewData
-    },
-    refetchOnWindowFocus: false
-  })
-
-  // 将API人才数据转换为前端AllocationData接口
-  const convertTalentToAllocation = (talent: any): AllocationData => {
-    // 根据personId生成稳定的颜色
-    const colors: Array<'blue' | 'green' | 'purple' | 'orange'> = ['blue', 'green', 'purple', 'orange']
-    const colorIndex = talent.personId ? talent.personId % colors.length : 0
-    const avatarColor = colors[colorIndex]
-
-    // 工作状态映射：working -> 在职, on_leave -> 待入职, left -> 离职
-    const statusMap: Record<string, '在职' | '待入职' | '离职'> = {
-      'working': '在职',
-      'on_leave': '待入职',
-      'left': '离职'
-    }
-    const status = statusMap[talent.workStatus] || '在职'
-
-    // 格式化日期
-    const joinDate = talent.joinDate ? new Date(talent.joinDate).toLocaleDateString('zh-CN') : '未知'
-
-    return {
-      id: talent.personId?.toString() || '0',
-      name: talent.personName || '未知姓名',
-      avatarColor,
-      disabilityType: '肢体残疾', // 暂时使用默认值，后续可从其他API获取
-      disabilityLevel: '三级',    // 暂时使用默认值
-      status,
-      joinDate,
-      salary: 4500, // 暂时使用默认薪资
-      progress: 75   // 暂时使用默认进度
-    }
-  }
-
-  // 获取近期分配人才列表
-  const { data: allocations, isLoading: allocationsLoading } = useQuery({
-    queryKey: ['recentAllocations'],
-    queryFn: async () => {
-      const response = await enterpriseCompanyClient.allocations.recent.$get({
-        query: { limit: 5 } // 获取5条记录，dashboard只显示前2条
-      })
-      if (response.status !== 200) {
-        throw new Error('获取分配人才列表失败')
-      }
-      const data = await response.json()
-      // 转换数据格式
-      return data.人才列表.map(convertTalentToAllocation)
-    },
-    refetchOnWindowFocus: false
-  })
-
-  // 下拉刷新
-  const onRefresh = async () => {
-    setRefreshing(true)
-    try {
-      await Promise.all([
-        queryClient.invalidateQueries({ queryKey: ['enterpriseOverview'] }),
-        queryClient.invalidateQueries({ queryKey: ['recentAllocations'] })
-      ])
-    } finally {
-      setTimeout(() => setRefreshing(false), 1000)
-    }
-  }
-
-  // 页面加载时设置标题
-  useEffect(() => {
-    Taro.setNavigationBarTitle({
-      title: '企业仪表板'
-    })
-  }, [])
-
-  // const isLoading = overviewLoading || allocationsLoading // 未使用
-
-  return (
-    <YongrenTabBarLayout activeKey="dashboard">
-      <ScrollView
-        className="h-[calc(100%-60px)] overflow-y-auto p-4"
-        scrollY
-        refresherEnabled
-        refresherTriggered={refreshing}
-        onRefresherRefresh={onRefresh}
-      >
-        {/* 顶部信息栏 - 对照原型第276-300行 */}
-        <View className="bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-2xl p-5 mb-4">
-          <View className="flex justify-between items-center">
-            <View>
-              <Text className="text-sm opacity-80">欢迎回来</Text>
-              <Text className="text-xl font-bold">
-                {overview?.companyName || user?.name || '企业名称'}
-              </Text>
-            </View>
-            <View className="w-12 h-12 rounded-full bg-white/20 flex items-center justify-center">
-              <View className="i-heroicons-building-office-20-solid text-white text-xl" />
-            </View>
-          </View>
-          <View className="mt-4 flex justify-between">
-            <View className="text-center">
-              <Text className="text-2xl font-bold">{overview?.totalEmployees || 0}</Text>
-              <Text className="text-xs opacity-80">在职人员</Text>
-            </View>
-            <View className="text-center">
-              <Text className="text-2xl font-bold">{overview?.pendingAssignments || 0}</Text>
-              <Text className="text-xs opacity-80">待入职</Text>
-            </View>
-            <View className="text-center">
-              <Text className="text-2xl font-bold">{overview?.monthlyOrders || 0}</Text>
-              <Text className="text-xs opacity-80">本月新增</Text>
-            </View>
-          </View>
-        </View>
-
-        {/* 快速操作网格 - 对照原型第303-320行 */}
-        <View className="grid grid-cols-4 gap-3 mb-4">
-          <View className="bg-blue-50 rounded-xl p-3 text-center">
-            <View className="i-heroicons-user-group-20-solid text-blue-500 text-lg mb-1" />
-            <Text className="text-xs text-gray-700">人才库</Text>
-          </View>
-          <View className="bg-green-50 rounded-xl p-3 text-center">
-            <View className="i-heroicons-chart-bar-20-solid text-green-500 text-lg mb-1" />
-            <Text className="text-xs text-gray-700">数据统计</Text>
-          </View>
-          <View className="bg-purple-50 rounded-xl p-3 text-center">
-            <View className="i-heroicons-document-text-20-solid text-purple-500 text-lg mb-1" />
-            <Text className="text-xs text-gray-700">订单管理</Text>
-          </View>
-          <View className="bg-yellow-50 rounded-xl p-3 text-center">
-            <View className="i-heroicons-cog-6-tooth-20-solid text-yellow-500 text-lg mb-1" />
-            <Text className="text-xs text-gray-700">设置</Text>
-          </View>
-        </View>
-
-        {/* 人才列表区域 - 对照原型第323-376行 */}
-        <View className="mb-4">
-          <View className="flex justify-between items-center mb-3">
-            <Text className="font-semibold text-gray-700">分配人才</Text>
-            <Text className="text-xs text-blue-500">查看全部</Text>
-          </View>
-
-          {allocationsLoading ? (
-            <View className="space-y-3">
-              {[1, 2].map((i) => (
-                <View key={i} className="bg-white p-4 rounded-lg animate-pulse">
-                  <View className="flex items-center">
-                    <View className="w-10 h-10 bg-gray-200 rounded-full" />
-                    <View className="flex-1 ml-3">
-                      <View className="h-4 bg-gray-200 rounded w-1/3 mb-2" />
-                      <View className="h-3 bg-gray-200 rounded w-1/2" />
-                    </View>
-                  </View>
-                </View>
-              ))}
-            </View>
-          ) : allocations && allocations.length > 0 ? (
-            <View className="space-y-3">
-              {allocations.slice(0, 2).map((allocation) => (
-                <View key={allocation.id} className="bg-white p-4 rounded-lg flex items-center">
-                  {/* 头像区域 */}
-                  <View className={`name-avatar ${allocation.avatarColor} w-10 h-10 rounded-full flex items-center justify-center`}>
-                    <Text className="text-white font-semibold">
-                      {allocation.name.charAt(0)}
-                    </Text>
-                  </View>
-
-                  {/* 信息区域 */}
-                  <View className="flex-1 ml-3">
-                    <View className="flex justify-between items-start">
-                      <View>
-                        <Text className="font-semibold text-gray-800">{allocation.name}</Text>
-                        <Text className="text-xs text-gray-500">
-                          {allocation.disabilityType} · {allocation.disabilityLevel}
-                        </Text>
-                      </View>
-                      <Text className={`text-xs px-2 py-1 rounded-full ${
-                        allocation.status === '在职'
-                          ? 'bg-green-100 text-green-800'
-                          : allocation.status === '待入职'
-                          ? 'bg-yellow-100 text-yellow-800'
-                          : 'bg-gray-100 text-gray-800'
-                      }`}>
-                        {allocation.status}
-                      </Text>
-                    </View>
-
-                    <View className="mt-2">
-                      <View className="flex justify-between text-xs text-gray-500 mb-1">
-                        <Text>{allocation.status === '在职' ? '入职时间:' : '预计入职:'} {allocation.joinDate}</Text>
-                        <Text>薪资: ¥{allocation.salary.toLocaleString()}</Text>
-                      </View>
-                      <View className="progress-bar">
-                        <View
-                          className="progress-fill"
-                          style={{ width: `${allocation.progress}%` }}
-                        />
-                      </View>
-                    </View>
-                  </View>
-                </View>
-              ))}
-            </View>
-          ) : (
-            <View className="bg-white p-4 rounded-lg text-center">
-              <Text className="text-gray-500 text-sm">暂无分配人才</Text>
-            </View>
-          )}
-        </View>
-
-        {/* 数据统计卡片 - 对照原型第379-394行 */}
-        <View className="mb-4">
-          <Text className="font-semibold text-gray-700 mb-3">数据统计</Text>
-          <View className="grid grid-cols-2 gap-3">
-            <View className="stat-card bg-white p-4 rounded-lg">
-              <View className="flex items-center mb-2">
-                <View className="pulse-dot mr-2" />
-                <Text className="text-sm text-gray-600">在职率</Text>
-              </View>
-              <Text className="text-2xl font-bold text-gray-800">
-                {overview?.totalEmployees ? '92%' : '--'}
-              </Text>
-            </View>
-            <View className="stat-card bg-white p-4 rounded-lg">
-              <Text className="text-sm text-gray-600 mb-2">平均薪资</Text>
-              <Text className="text-2xl font-bold text-gray-800">
-                {allocations && allocations.length > 0
-                  ? `¥${Math.round(allocations.reduce((sum, a) => sum + a.salary, 0) / allocations.length).toLocaleString()}`
-                  : '¥0'}
-              </Text>
-            </View>
-          </View>
-        </View>
-      </ScrollView>
-    </YongrenTabBarLayout>
-  )
-}
-
-export default YongrenDashboardPage
+// 桥接文件：从 @d8d/yongren-dashboard-ui 包导入Dashboard页面
+export { Dashboard as default } from '@d8d/yongren-dashboard-ui'

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

@@ -1,16 +1,2 @@
-import React from 'react'
-import { View, Text } from '@tarojs/components'
-import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
-
-const YongrenOrderDetailPage: React.FC = () => {
-  return (
-    <YongrenTabBarLayout activeKey="order">
-      <View className="p-4">
-        <Text className="text-xl font-bold">订单详情</Text>
-        <Text className="text-gray-600 mt-2">订单详细信息页面（待实现）</Text>
-      </View>
-    </YongrenTabBarLayout>
-  )
-}
-
-export default YongrenOrderDetailPage
+// 桥接文件：从 @d8d/yongren-order-management-ui 包导入OrderDetail页面
+export { OrderDetail as default } from '@d8d/yongren-order-management-ui'

mini/src/pages/yongren/order/list/index.config.ts

@@ -1,4 +1,2 @@
-export default {
-  navigationBarTitleText: '订单列表',
-  enablePullDownRefresh: true,
-}
+// 桥接配置文件：从 @d8d/yongren-order-management-ui 包导入OrderList配置
+export { OrderListConfig as default } from '@d8d/yongren-order-management-ui'

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

@@ -1,16 +1,2 @@
-import React from 'react'
-import { View, Text } from '@tarojs/components'
-import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
-
-const YongrenOrderListPage: React.FC = () => {
-  return (
-    <YongrenTabBarLayout activeKey="order">
-      <View className="p-4">
-        <Text className="text-xl font-bold">订单列表</Text>
-        <Text className="text-gray-600 mt-2">企业订单管理列表（待实现）</Text>
-      </View>
-    </YongrenTabBarLayout>
-  )
-}
-
-export default YongrenOrderListPage
+// 桥接文件：从 @d8d/yongren-order-management-ui 包导入OrderList页面
+export { OrderList as default } from '@d8d/yongren-order-management-ui'

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

@@ -1,4 +1,2 @@
-export default {
-  navigationBarTitleText: '设置',
-  enablePullDownRefresh: false,
-}
+// 桥接配置文件：从 @d8d/yongren-settings-ui 包导入Settings配置
+export { SettingsConfig as default } from '@d8d/yongren-settings-ui'

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

@@ -1,16 +1,2 @@
-import React from 'react'
-import { View, Text } from '@tarojs/components'
-import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
-
-const YongrenSettingsPage: React.FC = () => {
-  return (
-    <YongrenTabBarLayout activeKey="settings">
-      <View className="p-4">
-        <Text className="text-xl font-bold">设置</Text>
-        <Text className="text-gray-600 mt-2">企业设置页面（待实现）</Text>
-      </View>
-    </YongrenTabBarLayout>
-  )
-}
-
-export default YongrenSettingsPage
+// 桥接文件：从 @d8d/yongren-settings-ui 包导入Settings页面
+export { Settings as default } from '@d8d/yongren-settings-ui'

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

@@ -1,16 +1,2 @@
-import React from 'react'
-import { View, Text } from '@tarojs/components'
-import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
-
-const YongrenStatisticsPage: React.FC = () => {
-  return (
-    <YongrenTabBarLayout activeKey="statistics">
-      <View className="p-4">
-        <Text className="text-xl font-bold">数据统计</Text>
-        <Text className="text-gray-600 mt-2">企业数据统计页面（待实现）</Text>
-      </View>
-    </YongrenTabBarLayout>
-  )
-}
-
-export default YongrenStatisticsPage
+// 桥接文件：从 @d8d/yongren-statistics-ui 包导入Statistics页面
+export { Statistics as default } from '@d8d/yongren-statistics-ui'

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

@@ -1,78 +1 @@
-/* 人才详情页样式 */
-
-/* 渐变背景 */
-.gradient-bg {
-  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
-}
-
-/* 头像颜色类 */
-.name-avatar.blue {
-  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
-}
-.name-avatar.green {
-  background: linear-gradient(135deg, #10b981, #059669);
-}
-.name-avatar.purple {
-  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
-}
-.name-avatar.orange {
-  background: linear-gradient(135deg, #f59e0b, #d97706);
-}
-.name-avatar.red {
-  background: linear-gradient(135deg, #ef4444, #dc2626);
-}
-.name-avatar.teal {
-  background: linear-gradient(135deg, #14b8a6, #0d9488);
-}
-
-/* 卡片样式 */
-.card {
-  border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-
-/* 加载动画 */
-@keyframes pulse-bg {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}
-
-.animate-pulse {
-  animation: pulse-bg 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-/* 文件项样式 */
-.file-item {
-  transition: background-color 0.2s ease;
-}
-
-.file-item:active {
-  background-color: rgb(243 244 246);
-}
-
-/* 状态标签 */
-.status-badge {
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 9999px;
-  display: inline-block;
-}
-
-.status-badge.in-service {
-  background-color: rgb(220 252 231);
-  color: rgb(21 128 61);
-}
-
-.status-badge.pending {
-  background-color: rgb(254 249 195);
-  color: rgb(133 77 14);
-}
-
-.status-badge.left {
-  background-color: rgb(243 244 246);
-  color: rgb(55 65 81);
-}
+/* 样式已迁移到 @d8d/yongren-talent-management-ui 包中的 TalentDetail.css 文件 */

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

@@ -1,547 +1,2 @@
-import React, { useEffect } from 'react'
-import { View, Text, ScrollView } from '@tarojs/components'
-import Taro from '@tarojs/taro'
-import { useQuery } from '@tanstack/react-query'
-import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
-import PageContainer from '@/components/ui/page-container'
-import { enterpriseDisabilityClient } from '@/api'
-import { useRequireAuth } from '@/hooks/useRequireAuth'
-import './index.css'
-
-// 类型定义 - 匹配企业专用人才详情API的CompanyPersonDetailSchema
-interface TalentDetailData {
-  personId: number
-  name: string
-  gender: string
-  idCard: string
-  disabilityType: string
-  disabilityLevel: string
-  birthDate?: string
-  phone?: string
-  jobStatus: string
-  bankCards: Array<{
-    cardId: number
-    bankName: string
-    cardNumber: string
-    isDefault: boolean
-  }>
-  photos: Array<{
-    fileId: number
-    fileName: string
-    fileUrl: string
-  }>
-  // 兼容字段
-  id?: number  // 兼容旧代码，映射personId
-  status?: string  // 兼容旧代码，映射jobStatus
-  age?: number  // 根据birthDate计算
-  idAddress?: string  // 可能来自其他API
-  province?: string  // 可能来自其他API
-  city?: string  // 可能来自其他API
-  joinDate?: string  // 可能来自工作信息API
-  salary?: number  // 可能来自薪资信息API
-  companyId?: number  // 可能来自其他API
-  disabilityId?: string  // 可能来自其他API
-  specificDisability?: string  // 可能来自其他API
-  [key: string]: any
-}
-
-interface WorkInfoData {
-  id: number
-  orderId?: number
-  position?: string
-  department?: string
-  startDate?: string
-  endDate?: string
-  status?: string
-  companyId?: number
-  [key: string]: any
-}
-
-interface SalaryData {
-  id: number
-  personId: number
-  amount?: number
-  paymentDate?: string
-  period?: string
-  type?: string
-  notes?: string
-  [key: string]: any
-}
-
-interface FileData {
-  id: string
-  name: string
-  url?: string
-  size?: number
-  type?: string
-  createdAt?: string
-  [key: string]: any
-}
-
-// 企业专用API响应类型
-interface WorkHistoryItem {
-  订单ID: number
-  订单名称: string | null
-  入职日期: string | null
-  实际入职日期: string | null
-  离职日期: string | null
-  工作状态: string
-  个人薪资: number
-}
-
-interface WorkHistoryResponse {
-  工作历史: WorkHistoryItem[]
-}
-
-interface SalaryHistoryItem {
-  月份: string | null
-  基本工资: number
-  补贴: number
-  扣款: number
-  实发工资: number
-}
-
-interface SalaryHistoryResponse {
-  薪资历史: SalaryHistoryItem[]
-}
-
-interface CreditInfoItem {
-  文件ID: string
-  文件URL: string | null
-  上传时间: string | null
-  文件类型: string | null
-  银行卡号: string | null
-  持卡人姓名: string | null
-  银行名称: number | null
-}
-
-interface CreditInfoResponse {
-  征信信息: CreditInfoItem[]
-}
-
-const YongrenTalentDetailPage: React.FC = () => {
-  const { isLoggedIn } = useRequireAuth()
-  const router = Taro.useRouter()
-  const talentId = router.params.id ? parseInt(router.params.id) : 0
-
-  // 获取人才基本信息
-  const { data: talentDetail, isLoading: talentLoading, error: talentError } = useQuery({
-    queryKey: ['talentDetail', talentId],
-    queryFn: async () => {
-      if (!talentId) throw new Error('无效的人才ID')
-      const response = await enterpriseDisabilityClient[':id'].$get({
-        param: { id: talentId.toString() }
-      })
-      if (response.status !== 200) {
-        throw new Error('获取人才详情失败')
-      }
-      const data = await response.json() as TalentDetailData
-      // 添加兼容字段映射
-      return {
-        ...data,
-        id: data.personId,  // 映射id字段
-        status: data.jobStatus,  // 映射status字段
-        // 计算年龄
-        age: data.birthDate ? Math.floor((Date.now() - new Date(data.birthDate).getTime()) / (1000 * 60 * 60 * 24 * 365.25)) : undefined
-      }
-    },
-    enabled: isLoggedIn && talentId > 0
-  })
-
-  // 获取工作信息 - 使用企业专用工作历史API
-  const { data: workInfo, isLoading: workLoading } = useQuery({
-    queryKey: ['workInfo', talentId],
-    queryFn: async () => {
-      if (!talentId) throw new Error('无效的人才ID')
-      // 使用企业专用工作历史API：/api/v1/yongren/disability-person/{id}/work-history
-      const response = await enterpriseDisabilityClient[':id']['work-history'].$get({
-        param: { id: talentId.toString() }
-      })
-      if (response.status !== 200) {
-        // 可能没有工作信息，返回空对象
-        return {} as WorkInfoData
-      }
-      const data = await response.json() as WorkHistoryResponse
-      // 企业专用工作历史API返回的是工作历史列表，取最新的一条作为当前工作信息
-      const workHistory = data?.工作历史 || []
-      if (workHistory.length === 0) {
-        return {} as WorkInfoData
-      }
-      // 取最新的一条工作记录（按入职日期降序）
-      const latestWork = workHistory[0]
-      return {
-        id: latestWork.订单ID || talentId,
-        orderId: latestWork.订单ID,
-        position: latestWork.订单名称 || undefined,
-        department: undefined, // 企业专用API没有部门字段
-        startDate: latestWork.入职日期 || undefined,
-        endDate: latestWork.离职日期 || undefined,
-        status: latestWork.工作状态,
-        companyId: undefined // 企业专用API没有公司ID字段
-      } as WorkInfoData
-    },
-    enabled: isLoggedIn && talentId > 0
-  })
-
-  // 获取薪资信息 - 使用企业专用薪资历史API
-  const { data: salaryInfo, isLoading: salaryLoading } = useQuery({
-    queryKey: ['salaryInfo', talentId],
-    queryFn: async () => {
-      if (!talentId) throw new Error('无效的人才ID')
-      // 使用企业专用薪资历史API：/api/v1/yongren/disability-person/{id}/salary-history
-      const response = await enterpriseDisabilityClient[':id']['salary-history'].$get({
-        param: { id: talentId.toString() }
-      })
-      if (response.status !== 200) {
-        // 可能没有薪资信息，返回空对象
-        return {} as SalaryData
-      }
-      const data = await response.json() as SalaryHistoryResponse
-      // 企业专用薪资历史API返回结构：{ 薪资历史: [...] }
-      const salaryHistory = data?.薪资历史 || []
-      if (salaryHistory.length === 0) {
-        return {} as SalaryData
-      }
-      // 取最新的一条薪资记录（按月份降序）
-      const latestSalary = salaryHistory[0]
-      return {
-        id: talentId,
-        personId: talentId,
-        amount: latestSalary.实发工资 || latestSalary.基本工资,
-        paymentDate: latestSalary.月份 || undefined,
-        type: '月薪', // 默认类型
-        period: '月度' // 默认周期
-      } as SalaryData
-    },
-    enabled: isLoggedIn && talentId > 0
-  })
-
-  // 获取薪资历史记录 - 使用企业专用薪资历史API
-  const { data: salaryHistory, isLoading: historyLoading } = useQuery({
-    queryKey: ['salaryHistory', talentId],
-    queryFn: async () => {
-      if (!talentId) throw new Error('无效的人才ID')
-      // 使用企业专用薪资历史API：/api/v1/yongren/disability-person/{id}/salary-history
-      const response = await enterpriseDisabilityClient[':id']['salary-history'].$get({
-        param: { id: talentId.toString() }
-      })
-      if (response.status !== 200) {
-        return [] as SalaryData[]
-      }
-      const data = await response.json() as SalaryHistoryResponse
-      // 企业专用薪资历史API返回结构：{ 薪资历史: [...] }
-      const salaryHistoryData = data?.薪资历史 || []
-      // 转换为SalaryData数组
-      return salaryHistoryData.map((item: SalaryHistoryItem, index: number) => ({
-        id: index + 1,
-        personId: talentId,
-        amount: item.实发工资 || item.基本工资,
-        paymentDate: item.月份 || undefined,
-        type: '月薪', // 默认类型
-        period: '月度' // 默认周期
-      })) as SalaryData[]
-    },
-    enabled: isLoggedIn && talentId > 0
-  })
-
-  // 获取个人征信文件 - 使用企业专用征信信息API
-  const { data: creditFiles, isLoading: filesLoading } = useQuery({
-    queryKey: ['creditFiles', talentId],
-    queryFn: async () => {
-      if (!talentId) throw new Error('无效的人才ID')
-      // 使用企业专用征信信息API：/api/v1/yongren/disability-person/{id}/credit-info
-      const response = await enterpriseDisabilityClient[':id']['credit-info'].$get({
-        param: { id: talentId.toString() }
-      })
-      if (response.status !== 200) {
-        return [] as FileData[]
-      }
-      const data = await response.json() as CreditInfoResponse
-      // 企业专用征信信息API返回结构：{ 征信信息: [...] }
-      const creditInfoList = data?.征信信息 || []
-      // 转换为FileData数组
-      return creditInfoList.map((item: CreditInfoItem) => ({
-        id: item.文件ID || '',
-        name: item.银行卡号 ? `银行卡 ${item.银行卡号}` : item.持卡人姓名 ? `征信文件 - ${item.持卡人姓名}` : '征信文件',
-        url: item.文件URL || undefined,
-        size: undefined, // 征信信息API不返回文件大小
-        type: item.文件类型 || undefined,
-        createdAt: item.上传时间 || undefined
-      })) as FileData[]
-    },
-    enabled: isLoggedIn && talentId > 0
-  })
-
-  // 页面加载时设置标题
-  useEffect(() => {
-    Taro.setNavigationBarTitle({
-      title: '人才详情'
-    })
-  }, [])
-
-  const isLoading = talentLoading || workLoading || salaryLoading || filesLoading || historyLoading
-  const hasError = talentError
-
-  // 获取头像颜色
-  const getAvatarColor = (id: number) => {
-    const colors = ['blue', 'green', 'purple', 'orange', 'red', 'teal']
-    const index = id % colors.length
-    return colors[index]
-  }
-
-  // 格式化日期
-  const formatDate = (dateStr?: string) => {
-    if (!dateStr) return '未指定'
-    return dateStr.split('T')[0]
-  }
-
-  // 格式化金额
-  const formatCurrency = (amount?: number) => {
-    if (!amount) return '¥0'
-    return `¥${amount.toLocaleString()}`
-  }
-
-  return (
-    <YongrenTabBarLayout activeKey="talent">
-      <PageContainer padding={false} className="pb-0">
-        <ScrollView
-          className="h-[calc(100vh-120px)] overflow-y-auto"
-          scrollY
-        >
-          {isLoading ? (
-            // 加载状态
-            <View className="p-4 space-y-4">
-              {[1, 2, 3].map((i) => (
-                <View key={i} className="bg-white p-4 rounded-lg animate-pulse">
-                  <View className="h-6 bg-gray-200 rounded w-1/3 mb-3" />
-                  <View className="space-y-2">
-                    <View className="h-4 bg-gray-200 rounded w-full" />
-                    <View className="h-4 bg-gray-200 rounded w-2/3" />
-                  </View>
-                </View>
-              ))}
-            </View>
-          ) : hasError ? (
-            // 错误状态
-            <View className="p-4">
-              <View className="bg-white p-4 rounded-lg text-center">
-                <Text className="text-red-500 text-sm">加载失败: {(talentError as Error).message}</Text>
-                <Text className="text-gray-400 text-xs mt-1">请返回重试</Text>
-              </View>
-            </View>
-          ) : talentDetail ? (
-            <>
-              {/* 顶部信息区域 - 对照原型第576-605行 */}
-              <View className="gradient-bg text-white p-5">
-                <View className="flex justify-between items-start">
-                  <View className="flex items-center">
-                    <View className={`name-avatar ${getAvatarColor(talentDetail.id)} w-16 h-16 rounded-full border-2 border-white mr-4 flex items-center justify-center`}>
-                      <Text className="text-white text-2xl font-bold">
-                        {talentDetail.name.charAt(0)}
-                      </Text>
-                    </View>
-                    <View>
-                      <Text className="text-xl font-bold">{talentDetail.name}</Text>
-                      <Text className="text-sm opacity-80">
-                        {talentDetail.disabilityType || '未指定'} · {talentDetail.disabilityLevel || '未分级'} · {talentDetail.status || '未知'}
-                      </Text>
-                    </View>
-                  </View>
-                  <View className="bg-white/20 rounded-full p-2">
-                    <Text className="i-heroicons-ellipsis-vertical-20-solid text-white" />
-                  </View>
-                </View>
-                <View className="mt-4 flex justify-between">
-                  <View className="text-center">
-                    <Text className="text-2xl font-bold">{formatCurrency(talentDetail.salary)}</Text>
-                    <Text className="text-xs opacity-80">当前薪资</Text>
-                  </View>
-                  <View className="text-center">
-                    <Text className="text-2xl font-bold">
-                      {talentDetail.joinDate ? Math.floor((Date.now() - new Date(talentDetail.joinDate).getTime()) / (1000 * 60 * 60 * 24)) : 0}
-                    </Text>
-                    <Text className="text-xs opacity-80">在职天数</Text>
-                  </View>
-                  <View className="text-center">
-                    <Text className="text-2xl font-bold">98%</Text>
-                    <Text className="text-xs opacity-80">出勤率</Text>
-                  </View>
-                </View>
-              </View>
-
-              {/* 详细信息区域 - 对照原型第608-864行 */}
-              <View className="p-4">
-                {/* 基本信息卡片 */}
-                <View className="card bg-white p-4 mb-4">
-                  <Text className="font-semibold text-gray-700 mb-3">基本信息</Text>
-                  <View className="grid grid-cols-2 gap-3 text-sm">
-                    <View>
-                      <Text className="text-gray-500">性别</Text>
-                      <Text className="text-gray-800">{talentDetail.gender || '未指定'}</Text>
-                    </View>
-                    <View>
-                      <Text className="text-gray-500">年龄</Text>
-                      <Text className="text-gray-800">{talentDetail.age || '未知'}岁</Text>
-                    </View>
-                    <View>
-                      <Text className="text-gray-500">身份证号</Text>
-                      <Text className="text-gray-800">{talentDetail.idCard || '未提供'}</Text>
-                    </View>
-                    <View>
-                      <Text className="text-gray-500">残疾证号</Text>
-                      <Text className="text-gray-800">{talentDetail.disabilityId || '未提供'}</Text>
-                    </View>
-                    <View className="col-span-2">
-                      <Text className="text-gray-500">联系地址</Text>
-                      <Text className="text-gray-800">{talentDetail.idAddress || '未提供'}</Text>
-                    </View>
-                    <View className="col-span-2">
-                      <Text className="text-gray-500">联系电话</Text>
-                      <Text className="text-gray-800">{talentDetail.phone || '未提供'}</Text>
-                    </View>
-                  </View>
-                </View>
-
-                {/* 工作信息卡片 */}
-                <View className="card bg-white p-4 mb-4">
-                  <Text className="font-semibold text-gray-700 mb-3">工作信息</Text>
-                  <View className="space-y-3 text-sm">
-                    <View className="flex justify-between">
-                      <Text className="text-gray-500">入职日期</Text>
-                      <Text className="text-gray-800">{formatDate(talentDetail.joinDate)}</Text>
-                    </View>
-                    <View className="flex justify-between">
-                      <Text className="text-gray-500">工作状态</Text>
-                      <Text className={`text-xs px-2 py-1 rounded-full ${
-                        talentDetail.status === '在职'
-                          ? 'bg-green-100 text-green-800'
-                          : talentDetail.status === '待入职'
-                          ? 'bg-yellow-100 text-yellow-800'
-                          : 'bg-gray-100 text-gray-800'
-                      }`}>
-                        {talentDetail.status || '未知'}
-                      </Text>
-                    </View>
-                    <View className="flex justify-between">
-                      <Text className="text-gray-500">岗位类型</Text>
-                      <Text className="text-gray-800">{workInfo?.position || '未指定'}</Text>
-                    </View>
-                    <View className="flex justify-between">
-                      <Text className="text-gray-500">所属订单</Text>
-                      <Text className="text-gray-800">{workInfo?.orderId ? `订单 #${workInfo.orderId}` : '无'}</Text>
-                    </View>
-                  </View>
-                </View>
-
-                {/* 薪资信息卡片 */}
-                <View className="card bg-white p-4 mb-4">
-                  <Text className="font-semibold text-gray-700 mb-3">薪资信息</Text>
-                  <View className="space-y-3 text-sm">
-                    <View className="flex justify-between">
-                      <Text className="text-gray-500">当前薪资</Text>
-                      <Text className="text-gray-800 font-semibold">{formatCurrency(talentDetail.salary)}</Text>
-                    </View>
-                    <View className="flex justify-between">
-                      <Text className="text-gray-500">薪资结构</Text>
-                      <Text className="text-gray-800">{salaryInfo?.type || '月薪'}</Text>
-                    </View>
-                    <View className="flex justify-between">
-                      <Text className="text-gray-500">发薪日</Text>
-                      <Text className="text-gray-800">{salaryInfo?.paymentDate ? formatDate(salaryInfo.paymentDate) : '每月底'}</Text>
-                    </View>
-                    <View className="flex justify-between">
-                      <Text className="text-gray-500">薪资周期</Text>
-                      <Text className="text-gray-800">{salaryInfo?.period || '月度'}</Text>
-                    </View>
-                  </View>
-                </View>
-
-                {/* 薪资历史记录卡片 */}
-                <View className="card bg-white p-4 mb-4">
-                  <Text className="font-semibold text-gray-700 mb-3">薪资历史记录</Text>
-                  {historyLoading ? (
-                    <View className="space-y-2">
-                      {[1, 2, 3].map((i) => (
-                        <View key={i} className="h-10 bg-gray-200 rounded animate-pulse" />
-                      ))}
-                    </View>
-                  ) : salaryHistory && salaryHistory.length > 0 ? (
-                    <View className="space-y-3">
-                      <View className="grid grid-cols-4 gap-2 text-xs text-gray-500 font-medium pb-2 border-b border-gray-200">
-                        <Text>日期</Text>
-                        <Text>薪资</Text>
-                        <Text>类型</Text>
-                        <Text>周期</Text>
-                      </View>
-                      {salaryHistory.slice(0, 5).map((record, index) => (
-                        <View key={index} className="grid grid-cols-4 gap-2 text-sm">
-                          <Text className="text-gray-800">{formatDate(record.paymentDate)}</Text>
-                          <Text className="text-gray-800 font-medium">{formatCurrency(record.amount)}</Text>
-                          <Text className="text-gray-800">{record.type || '月薪'}</Text>
-                          <Text className="text-gray-800">{record.period || '月度'}</Text>
-                        </View>
-                      ))}
-                      {salaryHistory.length > 5 && (
-                        <Text className="text-center text-xs text-blue-500 mt-2">
-                          查看更多 ({salaryHistory.length - 5} 条记录)
-                        </Text>
-                      )}
-                    </View>
-                  ) : (
-                    <View className="text-center py-4">
-                      <Text className="text-gray-400 text-sm">暂无薪资历史记录</Text>
-                    </View>
-                  )}
-                </View>
-
-                {/* 个人征信文件区域 */}
-                <View className="card bg-white p-4">
-                  <Text className="font-semibold text-gray-700 mb-3">个人征信文件</Text>
-                  {filesLoading ? (
-                    <View className="space-y-2">
-                      {[1, 2].map((i) => (
-                        <View key={i} className="h-10 bg-gray-200 rounded animate-pulse" />
-                      ))}
-                    </View>
-                  ) : creditFiles && creditFiles.length > 0 ? (
-                    <View className="space-y-3">
-                      {creditFiles.map((file) => (
-                        <View key={file.id} className="flex justify-between items-center p-3 bg-gray-50 rounded-lg">
-                          <View className="flex items-center">
-                            <Text className="i-heroicons-document-text-20-solid text-gray-400 mr-2" />
-                            <View>
-                              <Text className="text-sm text-gray-800">{file.name}</Text>
-                              <Text className="text-xs text-gray-500">
-                                {file.size ? `${(file.size / 1024).toFixed(1)} KB` : '大小未知'} · {formatDate(file.createdAt)}
-                              </Text>
-                            </View>
-                          </View>
-                          <View className="flex space-x-2">
-                            <Text className="i-heroicons-eye-20-solid text-blue-500" />
-                            <Text className="i-heroicons-arrow-down-tray-20-solid text-green-500" />
-                          </View>
-                        </View>
-                      ))}
-                    </View>
-                  ) : (
-                    <View className="text-center py-4">
-                      <Text className="text-gray-400 text-sm">暂无征信文件</Text>
-                    </View>
-                  )}
-                </View>
-              </View>
-            </>
-          ) : (
-            <View className="p-4">
-              <View className="bg-white p-4 rounded-lg text-center">
-                <Text className="text-gray-500 text-sm">未找到人才信息</Text>
-              </View>
-            </View>
-          )}
-        </ScrollView>
-      </PageContainer>
-    </YongrenTabBarLayout>
-  )
-}
-
-export default YongrenTalentDetailPage
+// 桥接文件：从 @d8d/yongren-talent-management-ui 包导入TalentDetail页面
+export { TalentDetail as default } from '@d8d/yongren-talent-management-ui'

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

@@ -1,58 +1 @@
-/* 人才列表页样式 */
-
-/* 头像颜色类 */
-.name-avatar.blue {
-  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
-}
-.name-avatar.green {
-  background: linear-gradient(135deg, #10b981, #059669);
-}
-.name-avatar.purple {
-  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
-}
-.name-avatar.orange {
-  background: linear-gradient(135deg, #f59e0b, #d97706);
-}
-.name-avatar.red {
-  background: linear-gradient(135deg, #ef4444, #dc2626);
-}
-.name-avatar.teal {
-  background: linear-gradient(135deg, #14b8a6, #0d9488);
-}
-
-/* 卡片样式 */
-.card {
-  border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
-}
-
-.card:active {
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
-}
-
-/* 筛选标签激活状态 */
-.filter-tag-active {
-  background-color: rgb(219 234 254);
-  color: rgb(30 64 175);
-}
-
-.filter-tag-inactive {
-  background-color: rgb(243 244 246);
-  color: rgb(55 65 81);
-}
-
-/* 加载动画 */
-@keyframes pulse-bg {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}
-
-.animate-pulse {
-  animation: pulse-bg 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
+/* 样式已迁移到 @d8d/yongren-talent-management-ui 包中的 TalentManagement.css 文件 */

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

@@ -1,352 +1,2 @@
-import React, { useEffect, useState } from 'react'
-import { View, Text, Input, ScrollView } from '@tarojs/components'
-import Taro from '@tarojs/taro'
-import { useQuery, useQueryClient } from '@tanstack/react-query'
-import YongrenTabBarLayout from '@/layouts/yongren-tab-bar-layout'
-import PageContainer from '@/components/ui/page-container'
-import { enterpriseDisabilityClient } from '@/api'
-import { useAuth } from '@/utils/auth'
-import { useRequireAuth } from '@/hooks/useRequireAuth'
-import './index.css'
-
-// 企业专用人才列表项类型 - 匹配CompanyPersonListItemSchema
-interface CompanyPersonListItem {
-  personId: number
-  name: string
-  gender: string
-  idCard: string
-  disabilityType: string
-  disabilityLevel: string
-  phone: string | null
-  jobStatus: string
-  latestJoinDate: string | null
-  orderName: string | null
-}
-
-// 企业专用人才列表API响应类型 - 匹配CompanyPersonListResponseSchema
-interface CompanyPersonListResponse {
-  data: CompanyPersonListItem[]
-  pagination: {
-    page: number
-    limit: number
-    total: number
-    totalPages: number
-  }
-}
-
-// useQuery返回的数据结构
-interface TalentListData {
-  data: CompanyPersonListItem[]
-  total: number
-  page: number
-  limit: number
-  totalPages: number
-}
-
-const YongrenTalentListPage: React.FC = () => {
-  const { user: _user } = useAuth()
-  const { isLoggedIn } = useRequireAuth()
-  const queryClient = useQueryClient()
-
-  // 搜索和筛选状态
-  const [searchText, setSearchText] = useState('')
-  const [activeStatus, setActiveStatus] = useState<string>('全部')
-  const [activeDisabilityType, setActiveDisabilityType] = useState<string>('')
-  const [page, setPage] = useState(1)
-  const limit = 20
-
-  // 搜索参数防抖
-  const [debouncedSearchText, setDebouncedSearchText] = useState('')
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedSearchText(searchText)
-      setPage(1) // 搜索时重置到第一页
-    }, 500)
-    return () => clearTimeout(timer)
-  }, [searchText])
-
-  // 构建查询参数（企业专用API使用camelCase参数名）
-  const queryParams = {
-    search: debouncedSearchText || undefined,
-    jobStatus: activeStatus !== '全部' ? activeStatus : undefined,
-    disabilityType: activeDisabilityType || undefined,
-    page,
-    limit
-  }
-
-  // 获取人才列表数据（使用企业专用API）
-  const { data: talentList, isLoading, error, refetch } = useQuery({
-    queryKey: ['talentList', queryParams],
-    queryFn: async () => {
-      const response = await enterpriseDisabilityClient.$get({
-        query: queryParams
-      })
-      if (response.status !== 200) {
-        throw new Error('获取人才列表失败')
-      }
-      const result = await response.json() as CompanyPersonListResponse
-      // API返回结构：{ data: [...], pagination: { total, page, limit, totalPages } }
-      const data = result?.data || []
-      const pagination = result?.pagination || { total: 0, page: 1, limit: 20, totalPages: 0 }
-      // 转换为扁平结构以便使用
-      return {
-        data,
-        total: pagination.total,
-        page: pagination.page,
-        limit: pagination.limit,
-        totalPages: pagination.totalPages
-      }
-    },
-    enabled: isLoggedIn, // 只有登录后才获取数据
-    refetchOnWindowFocus: false
-  })
-
-  // 下拉刷新
-  const [refreshing, setRefreshing] = useState(false)
-  const onRefresh = async () => {
-    setRefreshing(true)
-    try {
-      await queryClient.invalidateQueries({ queryKey: ['talentList'] })
-      await refetch()
-    } finally {
-      setTimeout(() => setRefreshing(false), 1000)
-    }
-  }
-
-  // 页面加载时设置标题
-  useEffect(() => {
-    Taro.setNavigationBarTitle({
-      title: '人才管理'
-    })
-  }, [])
-
-  // 状态标签列表
-  const statusTags = ['全部', '在职', '待入职', '离职']
-  const disabilityTypeTags = ['肢体残疾', '听力残疾', '视力残疾', '言语残疾', '智力残疾', '精神残疾']
-
-  // 处理状态筛选点击
-  const handleStatusClick = (status: string) => {
-    setActiveStatus(status)
-    setPage(1)
-  }
-
-  // 处理残疾类型筛选点击
-  const handleDisabilityTypeClick = (type: string) => {
-    setActiveDisabilityType(activeDisabilityType === type ? '' : type)
-    setPage(1)
-  }
-
-  // 处理搜索输入
-  const handleSearchChange = (e: any) => {
-    setSearchText(e.detail.value)
-  }
-
-  // 分页处理
-  const handlePrevPage = () => {
-    if (page > 1) {
-      setPage(page - 1)
-    }
-  }
-
-  const handleNextPage = () => {
-    if (talentList && page < Math.ceil(talentList.total / limit)) {
-      setPage(page + 1)
-    }
-  }
-
-  // 处理人才卡片点击跳转
-  const handleTalentClick = (talentId: number) => {
-    Taro.navigateTo({
-      url: `/pages/yongren/talent/detail/index?id=${talentId}`
-    })
-  }
-
-  // 获取头像颜色
-  const getAvatarColor = (id: number) => {
-    const colors = ['blue', 'green', 'purple', 'orange', 'red', 'teal']
-    const index = id % colors.length
-    return colors[index]
-  }
-
-  return (
-    <YongrenTabBarLayout activeKey="talent">
-      <PageContainer padding={false} className="pb-0">
-        <ScrollView
-          className="h-[calc(100vh-120px)] overflow-y-auto"
-          scrollY
-          refresherEnabled
-          refresherTriggered={refreshing}
-          onRefresherRefresh={onRefresh}
-        >
-          {/* 搜索和筛选区域 - 对照原型第434-447行 */}
-          <View className="p-4 border-b border-gray-200">
-            <View className="flex items-center bg-gray-100 rounded-lg px-4 py-2 mb-3">
-              <Text className="i-heroicons-magnifying-glass-20-solid text-gray-400 mr-2" />
-              <Input
-                type="text"
-                placeholder="搜索姓名、残疾证号..."
-                className="w-full bg-transparent outline-none text-sm"
-                value={searchText}
-                onInput={handleSearchChange}
-              />
-            </View>
-            <ScrollView className="flex space-x-2 pb-2" scrollX>
-              {statusTags.map((status) => (
-                <View
-                  key={status}
-                  className={`text-xs px-3 py-1 rounded-full whitespace-nowrap ${
-                    activeStatus === status
-                      ? 'bg-blue-100 text-blue-800'
-                      : 'bg-gray-100 text-gray-800'
-                  }`}
-                  onClick={() => handleStatusClick(status)}
-                >
-                  {status}
-                </View>
-              ))}
-            </ScrollView>
-            <ScrollView className="flex space-x-2 mt-2" scrollX>
-              {disabilityTypeTags.map((type) => (
-                <View
-                  key={type}
-                  className={`text-xs px-3 py-1 rounded-full whitespace-nowrap ${
-                    activeDisabilityType === type
-                      ? 'bg-blue-100 text-blue-800'
-                      : 'bg-gray-100 text-gray-800'
-                  }`}
-                  onClick={() => handleDisabilityTypeClick(type)}
-                >
-                  {type}
-                </View>
-              ))}
-            </ScrollView>
-          </View>
-
-          {/* 人才列表区域 - 对照原型第451-560行 */}
-          <View className="p-4">
-            <View className="flex justify-between items-center mb-4">
-              <Text className="font-semibold text-gray-700">
-                全部人才 ({talentList?.total || 0})
-              </Text>
-              <View className="flex space-x-2">
-                <View className="text-gray-500">
-                  <Text className="i-heroicons-funnel-20-solid" />
-                </View>
-                <View className="text-gray-500">
-                  <Text className="i-heroicons-arrows-up-down-20-solid" />
-                </View>
-              </View>
-            </View>
-
-            {isLoading ? (
-              // 加载状态
-              <View className="space-y-3">
-                {[1, 2, 3].map((i) => (
-                  <View key={i} className="bg-white p-4 rounded-lg animate-pulse flex items-center">
-                    <View className="w-10 h-10 bg-gray-200 rounded-full" />
-                    <View className="flex-1 ml-3">
-                      <View className="h-4 bg-gray-200 rounded w-1/3 mb-2" />
-                      <View className="h-3 bg-gray-200 rounded w-1/2" />
-                      <View className="flex justify-between mt-2">
-                        <View className="h-3 bg-gray-200 rounded w-1/4" />
-                        <View className="h-3 bg-gray-200 rounded w-1/4" />
-                      </View>
-                    </View>
-                  </View>
-                ))}
-              </View>
-            ) : error ? (
-              // 错误状态
-              <View className="bg-white p-4 rounded-lg text-center">
-                <Text className="text-red-500 text-sm">加载失败: {(error as Error).message}</Text>
-                <View
-                  className="mt-2 bg-blue-500 text-white text-xs px-3 py-1 rounded-full inline-block"
-                  onClick={() => refetch()}
-                >
-                  重试
-                </View>
-              </View>
-            ) : talentList && talentList.data.length > 0 ? (
-              // 人才列表
-              <View className="space-y-3">
-                {talentList.data.map((talent) => (
-                  <View
-                    key={talent.personId}
-                    className="card bg-white p-4 flex items-center cursor-pointer active:bg-gray-50"
-                    onClick={() => handleTalentClick(talent.personId)}
-                  >
-                    <View className={`name-avatar ${getAvatarColor(talent.personId)} w-10 h-10 rounded-full flex items-center justify-center`}>
-                      <Text className="text-white font-semibold">
-                        {talent.name.charAt(0)}
-                      </Text>
-                    </View>
-                    <View className="flex-1 ml-3">
-                      <View className="flex justify-between items-start">
-                        <View>
-                          <Text className="font-semibold text-gray-800">{talent.name}</Text>
-                          <Text className="text-xs text-gray-500">
-                            {talent.disabilityType || '未指定'} · {talent.disabilityLevel || '未分级'} · {talent.gender} · 未知岁
-                          </Text>
-                        </View>
-                        <Text className={`text-xs px-2 py-1 rounded-full ${
-                          talent.jobStatus === '在职'
-                            ? 'bg-green-100 text-green-800'
-                            : talent.jobStatus === '待入职'
-                            ? 'bg-yellow-100 text-yellow-800'
-                            : 'bg-gray-100 text-gray-800'
-                        }`}>
-                          {talent.jobStatus}
-                        </Text>
-                      </View>
-                      <View className="mt-2 flex justify-between text-xs text-gray-500">
-                        <Text>入职: {talent.latestJoinDate ? new Date(talent.latestJoinDate).toLocaleDateString() : '未入职'}</Text>
-                        <Text>薪资: 待定</Text>
-                      </View>
-                    </View>
-                  </View>
-                ))}
-
-                {/* 分页控件 */}
-                {talentList.total > limit && (
-                  <View className="flex justify-between items-center mt-4 pt-4 border-t border-gray-200">
-                    <View
-                      className={`text-xs px-3 py-1 rounded ${page === 1 ? 'text-gray-400' : 'text-blue-600'}`}
-                      onClick={handlePrevPage}
-                    >
-                      上一页
-                    </View>
-                    <Text className="text-xs text-gray-600">
-                      第 {page} 页 / 共 {Math.ceil(talentList.total / limit)} 页
-                    </Text>
-                    <View
-                      className={`text-xs px-3 py-1 rounded ${
-                        talentList && page >= Math.ceil(talentList.total / limit)
-                          ? 'text-gray-400'
-                          : 'text-blue-600'
-                      }`}
-                      onClick={handleNextPage}
-                    >
-                      下一页
-                    </View>
-                  </View>
-                )}
-              </View>
-            ) : (
-              // 空状态
-              <View className="bg-white p-4 rounded-lg text-center">
-                <Text className="text-gray-500 text-sm">暂无人才数据</Text>
-                {debouncedSearchText && (
-                  <Text className="text-gray-400 text-xs mt-1">
-                    尝试调整搜索条件
-                  </Text>
-                )}
-              </View>
-            )}
-          </View>
-        </ScrollView>
-      </PageContainer>
-    </YongrenTabBarLayout>
-  )
-}
-
-export default YongrenTalentListPage
+// 桥接文件：从 @d8d/yongren-talent-management-ui 包导入TalentManagement页面
+export { TalentManagement as default } from '@d8d/yongren-talent-management-ui'

pnpm-lock.yaml

@@ -1304,6 +1304,12 @@ importers:
       '@d8d/mini-shared-ui-components':
         specifier: workspace:*
         version: link:../mini-shared-ui-components
+      '@d8d/yongren-shared-ui':
+        specifier: workspace:*
+        version: link:../yongren-shared-ui
+      '@hookform/resolvers':
+        specifier: ^3.10.0
+        version: 3.10.0(react-hook-form@7.65.0(react@18.3.1))
       '@tanstack/react-query':
         specifier: ^5.90.12
         version: 5.90.12(react@18.3.1)
@@ -1325,6 +1331,12 @@ importers:
       react-dom:
         specifier: ^18.0.0
         version: 18.3.1(react@18.3.1)
+      react-hook-form:
+        specifier: ^7.55.0
+        version: 7.65.0(react@18.3.1)
+      zod:
+        specifier: ^3.24.2
+        version: 3.25.76
     devDependencies:
       '@testing-library/jest-dom':
         specifier: ^6.8.0
@@ -8101,6 +8113,11 @@ packages:
       hono: '>=3.9.0'
       zod: ^3.25.0 || ^4.0.0
 
+  '@hookform/resolvers@3.10.0':
+    resolution: {integrity: sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==}
+    peerDependencies:
+      react-hook-form: ^7.0.0
+
   '@hookform/resolvers@5.2.2':
     resolution: {integrity: sha512-A/IxlMLShx3KjV/HeTcTfaMxdwy690+L/ZADoeaTltLx+CVuzkeVIPuybK3jrRfw7YZnmdKsVVHAlEPIAEUNlA==}
     peerDependencies:
@@ -17289,6 +17306,9 @@ packages:
   yup@1.7.1:
     resolution: {integrity: sha512-GKHFX2nXul2/4Dtfxhozv701jLQHdf6J34YDh2cEkpqoo8le5Mg6/LrdseVLrFarmFygZTlfIhHx/QKfb/QWXw==}
 
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
   zod@4.1.12:
     resolution: {integrity: sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==}
 
@@ -18975,6 +18995,10 @@ snapshots:
       hono: 4.8.5
       zod: 4.1.12
 
+  '@hookform/resolvers@3.10.0(react-hook-form@7.65.0(react@18.3.1))':
+    dependencies:
+      react-hook-form: 7.65.0(react@18.3.1)
+
   '@hookform/resolvers@5.2.2(react-hook-form@7.65.0(react@18.3.1))':
     dependencies:
       '@standard-schema/utils': 0.3.0
@@ -30569,4 +30593,6 @@ snapshots:
       toposort: 2.0.2
       type-fest: 2.19.0
 
+  zod@3.25.76: {}
+
   zod@4.1.12: {}