diff --git a/nkebao/src/components/ui/checkbox.tsx b/nkebao/src/components/ui/checkbox.tsx
index 87aa708f..f5f8daaf 100644
--- a/nkebao/src/components/ui/checkbox.tsx
+++ b/nkebao/src/components/ui/checkbox.tsx
@@ -2,6 +2,7 @@ import React from 'react';
interface CheckboxProps {
checked?: boolean;
+ onCheckedChange?: (checked: boolean) => void;
onChange?: (checked: boolean) => void;
disabled?: boolean;
className?: string;
@@ -10,17 +11,24 @@ interface CheckboxProps {
export function Checkbox({
checked = false,
+ onCheckedChange,
onChange,
disabled = false,
className = '',
id
}: CheckboxProps) {
+ const handleChange = (e: React.ChangeEvent) => {
+ const newChecked = e.target.checked;
+ onCheckedChange?.(newChecked);
+ onChange?.(newChecked);
+ };
+
return (
onChange?.(e.target.checked)}
+ onChange={handleChange}
disabled={disabled}
className={`w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2 ${className}`}
/>
diff --git a/nkebao/src/components/ui/input.tsx b/nkebao/src/components/ui/input.tsx
index adfa67d6..f7673113 100644
--- a/nkebao/src/components/ui/input.tsx
+++ b/nkebao/src/components/ui/input.tsx
@@ -4,47 +4,45 @@ interface InputProps {
value?: string;
onChange?: (e: React.ChangeEvent) => void;
onKeyDown?: (e: React.KeyboardEvent) => void;
+ onClick?: (e: React.MouseEvent) => void;
placeholder?: string;
className?: string;
readOnly?: boolean;
+ readonly?: boolean;
id?: string;
- name?: string;
type?: string;
- required?: boolean;
min?: number;
max?: number;
- step?: number;
}
export function Input({
value,
onChange,
onKeyDown,
+ onClick,
placeholder,
className = '',
readOnly = false,
+ readonly = false,
id,
- name,
type = 'text',
- required = false,
min,
- max,
- step,
+ max
}: InputProps) {
+ const isReadOnly = readOnly || readonly;
+
return (
);
diff --git a/nkebao/src/components/ui/radio-group.tsx b/nkebao/src/components/ui/radio-group.tsx
new file mode 100644
index 00000000..db914721
--- /dev/null
+++ b/nkebao/src/components/ui/radio-group.tsx
@@ -0,0 +1,44 @@
+"use client"
+
+import * as React from "react"
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { Circle } from "lucide-react"
+
+import { cn } from "@/utils"
+
+const RadioGroup = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => {
+ return (
+
+ )
+})
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
+
+const RadioGroupItem = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => {
+ return (
+
+
+
+
+
+ )
+})
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+
+export { RadioGroup, RadioGroupItem }
\ No newline at end of file
diff --git a/nkebao/src/components/ui/scroll-area.tsx b/nkebao/src/components/ui/scroll-area.tsx
new file mode 100644
index 00000000..e3987084
--- /dev/null
+++ b/nkebao/src/components/ui/scroll-area.tsx
@@ -0,0 +1,48 @@
+"use client"
+
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+
+import { cn } from "@/utils"
+
+const ScrollArea = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+ {children}
+
+
+
+
+))
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+
+const ScrollBar = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, orientation = "vertical", ...props }, ref) => (
+
+
+
+))
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+
+export { ScrollArea, ScrollBar }
\ No newline at end of file
diff --git a/nkebao/src/components/ui/switch.tsx b/nkebao/src/components/ui/switch.tsx
index 0b2a85f7..1d363fcc 100644
--- a/nkebao/src/components/ui/switch.tsx
+++ b/nkebao/src/components/ui/switch.tsx
@@ -5,15 +5,17 @@ interface SwitchProps {
onCheckedChange: (checked: boolean) => void;
disabled?: boolean;
className?: string;
+ id?: string;
}
-export function Switch({ checked, onCheckedChange, disabled = false, className = '' }: SwitchProps) {
+export function Switch({ checked, onCheckedChange, disabled = false, className = '', id }: SwitchProps) {
return (
);
-}
\ No newline at end of file
+}
+
+// 直接导出toast函数，用于在组件中直接使用
+export const toast = (toastData: Omit
) => {
+ // 这里需要确保ToastProvider已经包装了应用
+ // 在实际使用中，应该通过useToast hook来调用
+ console.warn('toast function called without context. Please use useToast hook instead.');
+
+ // 创建一个简单的DOM toast作为fallback
+ const toastElement = document.createElement('div');
+ toastElement.className = `fixed top-4 right-4 z-50 max-w-sm w-full bg-white rounded-lg shadow-lg border p-4 transform transition-all duration-300 ${
+ toastData.variant === 'destructive'
+ ? 'border-red-200 bg-red-50'
+ : 'border-gray-200'
+ }`;
+
+ toastElement.innerHTML = `
+
+
+
+ ${toastData.title}
+
+ ${toastData.description ? `
+
+ ${toastData.description}
+
+ ` : ''}
+
+
+
-
- {/* 步骤指示器 */}
-
-
-
- {steps.map((step, index) => (
-
-
- {index + 1}
-
-
-
{step.title}
-
{step.description}
-
- {index < steps.length - 1 && (
-
- )}
-
- ))}
-
-
- {/* 步骤内容 */}
- {currentStep === 1 && (
-
-
-
- 任务基本信息
-
-
-
-
- handleInputChange('name', e.target.value)}
- placeholder="请输入任务名称"
- />
-
-
-
-
-
-
- 选择执行设备
-
-
-
- {devices.map((device) => (
-
handleDeviceToggle(device.id)}
- >
-
handleDeviceToggle(device.id)}
- />
-
-
{device.name}
-
- 状态: {device.status === 'online' ? '在线' : '离线'}
-
-
- ))}
-
-
- )}
-
- {currentStep === 2 && (
-
-
-
- 选择目标人群
-
-
-
- {targetGroups.map((group) => (
-
handleGroupToggle(group.id)}
- >
-
handleGroupToggle(group.id)}
- />
-
-
{group.name}
-
- 人数: {group.count} | 标签: {group.tags.join(', ')}
-
-
- ))}
-
-
-
-
- 选择标签
-
-
-
- {availableTags.map((tag) => (
- handleTagToggle(tag)}
- >
- {tag}
-
- ))}
-
-
-
-
- )}
-
- {currentStep === 3 && (
-
-
-
- 点赞设置
-
-
-
-
-
-
-
-
-
- {(['text', 'image', 'video', 'link'] as ContentType[]).map((type) => (
- handleContentTypeToggle(type)}
- >
- {type === 'text' ? '文字' : type === 'image' ? '图片' : type === 'video' ? '视频' : '链接'}
-
- ))}
-
-
- handleInputChange('enableFriendTags', checked)}
- />
-
-
-
- {formData.enableFriendTags && (
-
-
- handleInputChange('friendTags', e.target.value)}
- placeholder="请输入要添加的标签"
- />
-
- )}
-
-
-
- )}
-
- {/* 操作按钮 */}
-
-
-
-
- {currentStep < 3 ? (
-
- ) : (
-
- )}
-
-
-
-
+
+
+
{isEditMode ? '编辑自动点赞' : '新建自动点赞'}
+
+
+
+
+
+
+ {currentStep === 1 && (
+
+ )}
+
+ {currentStep === 2 && (
+
+
+
+ setDeviceDialogOpen(true)}
+ value={formData.devices.length > 0 ? `已选择 ${formData.devices.length} 个设备` : ''}
+ />
+
+
+ {formData.devices.length > 0 && (
+
+
已选择的设备
+
+ {formData.devices.map(deviceId => {
+ const device = devices.find(d => d.id === deviceId);
+ if (!device) return null;
+ return (
+
+
+
{device.name}
+
+ {device.status === 'online' ? '在线' : '离线'}
+
+
+
+
IMEI: {device.imei}
+
微信号: {device.wechatId}
+
+
+ );
+ })}
+
+
+ )}
+
+
+
+
+
+
+
handleUpdateFormData({ devices })}
+ devices={devices}
+ />
+
+ )}
+
+ {currentStep === 3 && (
+
+
+
+
+
+
+
setFriendDialogOpen(true)}
+ value={formData.friends && formData.friends.length > 0 ? `已选择 ${formData.friends.length} 个好友` : ''}
+ />
+
+
+
+
+
+
+
handleUpdateFormData({ friends })}
+ deviceIds={formData.devices}
+ />
+
+ )}
+
+
+
+
+
+ {steps.map((step, index) => (
+
+
+ {index < currentStep ? : index + 1}
+
+
+
+ {step.title}
+
+
{step.description}
+
+
+ ))}
+
+
+
+
+
+
+ onChange({ name: e.target.value })}
+ className="h-12 rounded-xl border-gray-200"
+ />
+
+
+
+
+
+
+
+
onChange({ interval: Number.parseInt(e.target.value) || 5 })}
+ className="h-12 rounded-none border-x-0 border-gray-200 text-center"
+ />
+
+ 秒
+
+
+
+
+
设置两次点赞之间的最小时间间隔
+
+
+
+
+
+
+
+
onChange({ maxLikes: Number.parseInt(e.target.value) || 10 })}
+ className="h-12 rounded-none border-x-0 border-gray-200 text-center"
+ />
+
+ 次/天
+
+
+
+
+
设置每天最多点赞的次数
+
+
+
+
+
+
设置每天可以点赞的时间段
+
+
+
+
+
+ {[
+ { id: 'text' as ContentType, label: '文字' },
+ { id: 'image' as ContentType, label: '图片' },
+ { id: 'video' as ContentType, label: '视频' },
+ ].map((type) => (
+
handleContentTypeChange(type.id)}
+ >
+ {type.label}
+
+ ))}
+
+
选择要点赞的内容类型
+
+
+
+
+
+ onChange({ enableFriendTags: checked })}
+ />
+
+ {formData.enableFriendTags && (
+ <>
+
+
+
onChange({ friendTags: e.target.value })}
+ className="h-12 rounded-xl border-gray-200"
+ />
+
只给有此标签的好友点赞
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
选择目标人群标签
+
+
+
+
+ setSearchQuery(e.target.value)}
+ />
+
+
+
+
+ {tagGroups.slice(0, 4).map((group) => (
+
+ {group.name}
+
+ ))}
+
+ {tagGroups.map((group) => (
+
+
+ {group.tags.map((tag) => (
+ toggleTag(tag)}
+ >
+ {selectedTags.includes(tag) && }
+ {tag}
+
+ ))}
+
+
+ ))}
+
+
+
+
+ {filteredTagGroups.length > 0 ? (
+ filteredTagGroups.map((group) => (
+
+
{group.name}
+
+ {group.tags.map((tag) => (
+
+ toggleTag(tag)}
+ />
+
+
+ ))}
+
+
+ ))
+ ) : (
+
没有找到匹配的标签
+ )}
+
+
+
+
+
+ setCustomTag(e.target.value)}
+ className="pl-9"
+ placeholder="添加自定义标签"
+ onKeyDown={(e) => e.key === 'Enter' && addCustomTag()}
+ />
+
+
+
+
+
+
+
标签匹配逻辑
+
选择多个标签之间的匹配关系
+
+
onOperatorChange(value as 'and' | 'or')}
+ className="flex flex-col space-y-2"
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
已选择的标签
+
+ {selectedTags.length === 0 ? (
+
未选择任何标签
+ ) : (
+
+ {selectedTags.map((tag) => (
+
+ {tag}
+
+
+ ))}
+
+ )}
+
+
+
+
+
+
+
+
+
+ {open && (
+
+
{ onEdit(); setOpen(false); }} style={{ padding: 8, cursor: "pointer", display: "flex", alignItems: "center", borderRadius: 6, fontSize: 14, gap: 6, transition: "background .2s" }} onMouseOver={e => (e.currentTarget as HTMLDivElement).style.background="#f5f5f5"} onMouseOut={e => (e.currentTarget as HTMLDivElement).style.background=""}>
+ 编辑计划
+
+
{ onPause(); setOpen(false); }} style={{ padding: 8, cursor: "pointer", display: "flex", alignItems: "center", borderRadius: 6, fontSize: 14, gap: 6, transition: "background .2s" }} onMouseOver={e => (e.currentTarget as HTMLDivElement).style.background="#f5f5f5"} onMouseOut={e => (e.currentTarget as HTMLDivElement).style.background=""}>
+
暂停计划
+
+
{ onDelete(); setOpen(false); }} style={{ padding: 8, cursor: "pointer", display: "flex", alignItems: "center", borderRadius: 6, fontSize: 14, gap: 6, color: "#e53e3e", transition: "background .2s" }} onMouseOver={e => (e.currentTarget as HTMLDivElement).style.background="#f5f5f5"} onMouseOut={e => (e.currentTarget as HTMLDivElement).style.background=""}>
+ 删除计划
+
+
+ )}
+
setSearchTerm(e.target.value)}
@@ -260,7 +292,7 @@ export default function TrafficDistribution() {
-
@@ -268,189 +300,81 @@ export default function TrafficDistribution() {
{/* 规则列表 */}
- {filteredRules.length === 0 ? (
+ {isLoading ? (
+ // 加载状态
+
+ ) : filteredRules.length === 0 ? (
- 暂无分发规则
- 创建您的第一个流量分发规则
+ 暂无分发计划
+ 创建您的第一个流量分发计划
) : (
filteredRules.map((rule) => (
-
-
-
+
+
+
{rule.name}
-
- {getStatusText(rule.status)}
-
-
- 优先级: {getPriorityText(rule.priority)}
-
-
-
- toggleRuleStatus(rule.id)}
- disabled={rule.status === 'completed'}
- />
-
-
-
-
-
- handleView(rule.id)}>
-
- 查看
-
- handleEdit(rule.id)}>
-
- 编辑
-
- handleCopy(rule.id)}>
-
- 复制
-
- handleDelete(rule.id)}>
-
- 删除
-
-
-
-
-
-
-
执行设备：{rule.deviceCount} 个
-
目标渠道：{rule.targetChannels.length} 个
-
-
-
已分发：{rule.distributedTraffic}/{rule.totalTraffic}
-
创建人：{rule.creator}
-
-
-
- 分发进度
-
- {Math.round((rule.distributedTraffic / rule.totalTraffic) * 100)}%
-
-
-
-
-
-
- 上次分发：{rule.lastDistributionTime}
-
-
- 创建时间：{rule.createTime}
-
-
-
-
-
-
-
-
基本设置
-
-
-
- 分发间隔：
- {rule.distributionInterval} 秒
-
-
- 每日最大分发数：
- {rule.maxDistributionPerDay}
-
-
- 执行时间段：
-
- {rule.timeRange.start} - {rule.timeRange.end}
-
-
-
- 优先级：
- {getPriorityText(rule.priority)}
-
-
-
-
-
-
-
-
分发渠道
-
-
-
- {rule.targetChannels.map((channel) => (
-
- {channel}
-
- ))}
-
-
-
-
-
-
-
-
分发比例
-
-
- {Object.entries(rule.distributionRatio).map(([channel, ratio]) => (
-
- {channel}：
- {ratio}%
-
- ))}
-
-
-
-
-
-
-
筛选条件
-
-
-
- {rule.filterConditions.map((condition) => (
-
- {condition}
-
- ))}
-
-
-
+
+
+ 进行中
+
+ toggleRuleStatus(rule.id)}
+ disabled={rule.status === 'completed'}
+ />
+ handleEdit(rule.id)}
+ onPause={() => toggleRuleStatus(rule.id)}
+ onDelete={() => handleDelete(rule.id)}
+ />
- )}
+
+
+
+ 上次执行: {rule.lastDistributionTime}
+
+
创建人: {rule.creator}
+
))
)}