feat(user-management-ui-mt): 集成信用额度管理对话框到用户管理界面

- 在用户管理UI包中添加@d8d/credit-balance-management-ui-mt依赖
- 在UserManagement组件中导入CreditBalanceDialog和CreditCard图标
- 添加信用额度管理相关状态和打开对话框处理函数
- 在用户列表操作列添加信用额度管理按钮
- 在组件返回部分添加CreditBalanceDialog组件
- 修复TypeScript类型错误：移除未使用的Role类型和z导入
- 修复CreditBalanceDialog中的类型比较错误
- 更新故事004.002文档，记录集成过程和修复内容

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

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

packages/credit-balance-management-ui-mt/src/components/CreditBalanceDialog.tsx

@@ -512,7 +512,7 @@ export const CreditBalanceDialog: React.FC<CreditBalanceDialogProps> = ({
                                   step="0.01"
                                   placeholder="请输入总额度"
                                   data-testid="total-limit-input"
-                                  value={field.value === '' || field.value === undefined || field.value === null ? '' : String(field.value || 0)}
+                                  value={field.value === undefined || field.value === null || String(field.value) === '' ? '' : String(field.value || 0)}
                                   onChange={(e) => {
                                     const value = e.target.value;
                                     if (value === '') {
@@ -585,7 +585,7 @@ export const CreditBalanceDialog: React.FC<CreditBalanceDialogProps> = ({
                                   step="0.01"
                                   placeholder="正数增加，负数减少"
                                   data-testid="adjust-amount-input"
-                                  value={field.value === '' || field.value === undefined || field.value === null ? '' : String(field.value || 0)}
+                                  value={field.value === undefined || field.value === null || String(field.value) === '' ? '' : String(field.value || 0)}
                                   onChange={(e) => {
                                     const value = e.target.value;
                                     if (value === '') {
@@ -659,7 +659,7 @@ export const CreditBalanceDialog: React.FC<CreditBalanceDialogProps> = ({
                                 step="0.01"
                                 placeholder="请输入恢复金额"
                                 data-testid="checkout-amount-input"
-                                value={field.value === '' ? '' : String(field.value || 0)}
+                                value={field.value === undefined || field.value === null || String(field.value) === '' ? '' : String(field.value || 0)}
                                 onChange={(e) => {
                                   const value = e.target.value;
                                   if (value === '') {

packages/credit-balance-module-mt/tests/utils/test-data-factory.ts

@@ -16,7 +16,7 @@ export class CreditBalanceTestDataFactory {
       password: 'test_password',
       nickname: '测试用户',
       registrationSource: 'web',
-      state: 1,
+      isDisabled: 0,
       ...overrides
     };
   }

packages/user-management-ui-mt/package.json

@@ -43,6 +43,7 @@
     "@d8d/shared-types": "workspace:*",
     "@d8d/shared-ui-components": "workspace:*",
     "@d8d/user-module-mt": "workspace:*",
+    "@d8d/credit-balance-management-ui-mt": "workspace:*",
     "@hookform/resolvers": "^5.2.1",
     "@tanstack/react-query": "^5.90.9",
     "axios": "^1.7.9",

packages/user-management-ui-mt/src/components/UserManagement.tsx

@@ -23,6 +23,8 @@ import { Popover, PopoverContent, PopoverTrigger } from '@d8d/shared-ui-componen
 import { Calendar } from '@d8d/shared-ui-components/components/ui/calendar';
 import { cn } from '@d8d/shared-ui-components/utils/cn';
 import { DisabledStatus } from '@d8d/shared-types';
+import { CreditBalanceDialog } from '@d8d/credit-balance-management-ui-mt';
+import { CreditCard } from 'lucide-react';
 
 // 使用RPC方式提取类型
 type CreateUserRequest = InferRequestType<typeof userClient.index.$post>['json'];
@@ -58,6 +60,8 @@ export const UserManagement = () => {
   const [editingUser, setEditingUser] = useState<UserResponse | null>(null);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const [userToDelete, setUserToDelete] = useState<number | null>(null);
+  const [creditBalanceDialogOpen, setCreditBalanceDialogOpen] = useState(false);
+  const [selectedUserForCredit, setSelectedUserForCredit] = useState<{ id: number; name: string } | null>(null);
 
   const [isCreateForm, setIsCreateForm] = useState(true);
 
@@ -196,6 +200,15 @@ export const UserManagement = () => {
     setIsModalOpen(true);
   };
 
+  // 打开信用额度管理对话框
+  const handleOpenCreditDialog = (user: UserResponse) => {
+    setSelectedUserForCredit({
+      id: user.id,
+      name: user.name || user.username
+    });
+    setCreditBalanceDialogOpen(true);
+  };
+
   // 打开编辑用户对话框
   const handleEditUser = (user: UserResponse) => {
     setEditingUser(user);
@@ -568,6 +581,15 @@ export const UserManagement = () => {
                       </TableCell>
                       <TableCell className="text-right">
                         <div className="flex justify-end gap-2">
+                          <Button
+                            variant="ghost"
+                            size="icon"
+                            onClick={() => handleOpenCreditDialog(user)}
+                            aria-label="管理信用额度"
+                            title="管理信用额度"
+                          >
+                            <CreditCard className="h-4 w-4" />
+                          </Button>
                           <Button
                             variant="ghost"
                             size="icon"
@@ -900,6 +922,19 @@ export const UserManagement = () => {
           </DialogFooter>
         </DialogContent>
       </Dialog>
+
+      {/* 信用额度管理对话框 */}
+      {selectedUserForCredit && (
+        <CreditBalanceDialog
+          userId={selectedUserForCredit.id}
+          userName={selectedUserForCredit.name}
+          open={creditBalanceDialogOpen}
+          onOpenChange={setCreditBalanceDialogOpen}
+          title={`${selectedUserForCredit.name}的信用额度管理`}
+          description={`管理用户 ${selectedUserForCredit.name} (ID: ${selectedUserForCredit.id}) 的信用额度`}
+          size="lg"
+        />
+      )}
     </div>
   );
 };

pnpm-lock.yaml

@@ -4515,6 +4515,9 @@ importers:
 
   packages/user-management-ui-mt:
     dependencies:
+      '@d8d/credit-balance-management-ui-mt':
+        specifier: workspace:*
+        version: link:../credit-balance-management-ui-mt
       '@d8d/shared-types':
         specifier: workspace:*
         version: link:../shared-types
@@ -4713,6 +4716,9 @@ importers:
       '@d8d/auth-module':
         specifier: workspace:*
         version: link:../packages/auth-module
+      '@d8d/credit-balance-management-ui-mt':
+        specifier: workspace:*
+        version: link:../packages/credit-balance-management-ui-mt
       '@d8d/delivery-address-management-ui-mt':
         specifier: workspace:*
         version: link:../packages/delivery-address-management-ui-mt

web/package.json

@@ -63,6 +63,7 @@
     "@d8d/delivery-address-management-ui-mt": "workspace:*",
     "@d8d/advertisement-management-ui-mt": "workspace:*",
     "@d8d/system-config-management-ui-mt": "workspace:*",
+    "@d8d/credit-balance-management-ui-mt": "workspace:*",
     "@d8d/tenant-management-ui": "workspace:*",
     "@d8d/user-module": "workspace:*",
     "@heroicons/react": "^2.2.0",

web/src/client/admin/api_init.ts

@@ -12,6 +12,7 @@ import { goodsCategoryClientManager } from '@d8d/goods-category-management-ui-mt
 import { deliveryAddressClientManager } from '@d8d/delivery-address-management-ui-mt/api';
 import { advertisementClientManager } from '@d8d/advertisement-management-ui-mt/api';
 import { systemConfigClientManager } from '@d8d/system-config-management-ui-mt/api';
+import { creditBalanceClientManager } from '@d8d/credit-balance-management-ui-mt/api';
 
 
 // 初始化所有多租户API客户端
@@ -27,4 +28,5 @@ goodsClientManager.init('/api/v1/admin/goods');
 goodsCategoryClientManager.init('/api/v1/admin/goods-categories');
 deliveryAddressClientManager.init('/api/v1/admin/delivery-addresses');
 advertisementClientManager.init('/api/v1/advertisements');
-systemConfigClientManager.init('/api/v1/admin/system-configs');
+systemConfigClientManager.init('/api/v1/admin/system-configs');
+creditBalanceClientManager.init('/api/v1/credit-balance');