handleUpdateFormData({
- deveiceGroups: devices.map(v => v.id),
- deveiceGroupsOptions: devices,
+ deviceGroups: devices.map(v => v.id),
+ deviceGroupsOptions: devices,
})
}
showInput={true}
@@ -353,7 +353,7 @@ const NewAutoLike: React.FC = () => {
onClick={handleNext}
className={style.nextBtn}
size="large"
- disabled={formData.deveiceGroups.length === 0}
+ disabled={formData.deviceGroups.length === 0}
>
下一步
@@ -372,7 +372,7 @@ const NewAutoLike: React.FC = () => {
friendsGroupsOptions: friends,
})
}
- deviceIds={formData.deveiceGroups}
+ deviceIds={formData.deviceGroups}
/>
+ }
+ title="任务详情"
+ />
+ }
+ >
+
+ 加载中...
+
+
+ );
+ }
+
+ if (!task) {
+ return (
+
navigate("/workspace/contact-import/list")}
+ >
+ 返回
+
+ }
+ title="任务详情"
+ />
+ }
+ >
+
+
+
+
+ );
+ }
+
+ const statusInfo = getStatusInfo(task.status);
+
+ return (
+
+
+ navigate(`/workspace/contact-import/form/${task.id}`)
+ }
+ >
+ 编辑
+
+ }
+ />
+ {/* 任务操作栏 */}
+
+
+
+
{task.name}
+
+ {statusInfo.text}
+
+
+
+
+
+
+ {/* 标签页 */}
+
+
+
+ {/* 基本信息 */}
+
+ 基本信息
+
+
+ 任务名称:
+ {task.name}
+
+
+ 设备组数:
+
+ {task.deviceGroups?.length || 0}
+
+
+
+ 导入数量:
+ {task.num}
+
+
+ 客户端ID:
+ {task.clientId}
+
+
+ 备注类型:
+ {task.remarkType}
+
+
+ 备注内容:
+ {task.remarkValue}
+
+
+
+ {/* 时间配置 */}
+
+ 时间配置
+
+
+ 开始时间:
+ {task.startTime}
+
+
+ 结束时间:
+ {task.endTime}
+
+
+ 每日最大导入:
+
+ {task.maxImportsPerDay}
+
+
+
+ 导入间隔:
+
+ {task.importInterval}分钟
+
+
+
+
+ {/* 统计信息 */}
+
+ 统计信息
+
+
+ 今日导入:
+
+ {task.todayImportCount}
+
+
+
+ 总导入数:
+
+ {task.totalImportCount}
+
+
+
+ 创建时间:
+ {task.createTime}
+
+
+ 更新时间:
+ {task.updateTime}
+
+
+
+ {records.length === 0 && !recordsLoading ? (
+
+ ) : (
+
+ {records.map(record => (
+
+
+
+
+ {getRecordStatusIcon(record.importStatus)}
+
+ {record.deviceName}
+
+ {getRecordStatusTag(record.importStatus)}
+
+
+
+ {record.createTime}
+
+
+
+ 导入数量:
+ {record.num}
+
+
+ 备注:
+
+ {record.remarkType}: {record.remarkValue}
+
+
+ {record.errorMessage && (
+
+ 错误信息: {record.errorMessage}
+
+ )}
+
+ )}
+
+
+ {recordsLoading && (
+
+ 加载中...
+
+ )}
+
+
+
+ );
+};
+
+export default ContactImportDetail;
diff --git a/Cunkebao/src/pages/mobile/workspace/contact-import/form/api.ts b/Cunkebao/src/pages/mobile/workspace/contact-import/form/api.ts
new file mode 100644
index 00000000..d9abded4
--- /dev/null
+++ b/Cunkebao/src/pages/mobile/workspace/contact-import/form/api.ts
@@ -0,0 +1,91 @@
+import request from "@/api/request";
+import {
+ Allocation,
+ CreateContactImportTaskData,
+ UpdateContactImportTaskData,
+ ContactImportRecord,
+ PaginatedResponse,
+ ImportStats,
+} from "./data";
+
+// 获取通讯录导入任务列表
+export function fetchContactImportTasks(
+ params = { type: 6, page: 1, limit: 10 },
+) {
+ return request("/v1/workbench/list", params, "GET");
+}
+
+// 获取单个任务详情
+export function fetchContactImportTaskDetail(id: number) {
+ return request("/v1/workbench/detail", { id }, "GET");
+}
+
+// 创建通讯录导入任务
+export function createContactImportTask(data: Allocation): Promise
{
+ return request("/v1/workbench/create", { ...data, type: 6 }, "POST");
+}
+
+// 更新通讯录导入任务
+export function updateContactImportTask(data: Allocation): Promise {
+ return request("/v1/workbench/update", { ...data, type: 6 }, "POST");
+}
+
+// 删除通讯录导入任务
+export function deleteContactImportTask(id: number): Promise {
+ return request("/v1/workbench/delete", { id }, "DELETE");
+}
+
+// 切换任务状态
+export function toggleContactImportTask(data: {
+ id: number;
+ status: number;
+}): Promise {
+ return request("/v1/workbench/update-status", { ...data }, "POST");
+}
+
+// 复制通讯录导入任务
+export function copyContactImportTask(id: number): Promise {
+ return request("/v1/workbench/copy", { id }, "POST");
+}
+
+// 获取导入记录
+export function fetchImportRecords(
+ workbenchId: number,
+ page: number = 1,
+ limit: number = 20,
+ keyword?: string,
+): Promise> {
+ return request(
+ "/v1/workbench/import-records",
+ {
+ workbenchId,
+ page,
+ limit,
+ keyword,
+ },
+ "GET",
+ );
+}
+
+// 获取统计数据
+export function fetchImportStats(): Promise {
+ return request("/v1/workbench/import-stats", {}, "GET");
+}
+
+// 获取设备组列表
+export function fetchDeviceGroups(): Promise {
+ return request("/v1/device/groups", {}, "GET");
+}
+
+// 手动触发导入
+export function triggerImport(taskId: number): Promise {
+ return request("/v1/workbench/trigger-import", { taskId }, "POST");
+}
+
+// 批量操作任务
+export function batchOperateTasks(data: {
+ taskIds: number[];
+ operation: "start" | "stop" | "delete";
+}): Promise {
+ return request("/v1/workbench/batch-operate", data, "POST");
+}
diff --git a/Cunkebao/src/pages/mobile/workspace/contact-import/form/data.ts b/Cunkebao/src/pages/mobile/workspace/contact-import/form/data.ts
new file mode 100644
index 00000000..4847665e
--- /dev/null
+++ b/Cunkebao/src/pages/mobile/workspace/contact-import/form/data.ts
@@ -0,0 +1,168 @@
+// 分配接口类型
+export interface Allocation {
+ /** 主键ID */
+ id?: number;
+ /** 任务名称 */
+ name: string;
+ //是否启用0关闭，1启用
+ status: number;
+ //任务类型，固定为6
+ type: number;
+ /** 工作台ID */
+ workbenchId: number;
+
+ /** 设备id */
+ deviceGroups: number[];
+ /** 流量池 */
+ pools?: JSON | null;
+
+ /** 分配数量 */
+ num?: number | null;
+
+ /** 是否清除现有联系人，默认0 */
+ clearContact?: number;
+
+ /** 备注类型 0不备注 1年月日 2月日 3自定义，默认0 */
+ remarkType: number;
+
+ /** 备注 */
+ remark?: string | null;
+
+ /** 开始时间 */
+ startTime?: string | null;
+
+ /** 结束时间 */
+ endTime?: string | null;
+ [key: string]: any;
+}
+// 通讯录导入任务状态
+export type ContactImportTaskStatus = 1 | 2; // 1: 开启, 2: 关闭
+
+// 设备组信息
+export interface DeviceGroup {
+ id: string;
+ name: string;
+ deviceCount: number;
+ status: "online" | "offline";
+ lastActive: string;
+}
+
+// 通讯录导入记录
+export interface ContactImportRecord {
+ id: string;
+ workbenchId: string;
+ wechatAccountId: string;
+ deviceId: string;
+ num: number;
+ clientId: string;
+ remarkType: string;
+ remarkValue: string;
+ startTime: string;
+ endTime: string;
+ createTime: string;
+ operatorName: string;
+ operatorAvatar: string;
+ deviceName: string;
+ importStatus: "success" | "failed" | "pending";
+ errorMessage?: string;
+}
+
+// 通讯录导入任务配置
+export interface ContactImportTaskConfig {
+ id: number;
+ workbenchId: number;
+ devices: number[];
+ pools: number[];
+ num: number;
+ clearContact: number;
+ remarkType: number;
+ remark: string;
+ startTime: string;
+ endTime: string;
+ createTime: string;
+}
+
+// 通讯录导入任务
+export interface ContactImportTask {
+ id: number;
+ companyId: number;
+ name: string;
+ type: number;
+ status: ContactImportTaskStatus;
+ autoStart: number;
+ userId: number;
+ createTime: string;
+ updateTime: string;
+ config: ContactImportTaskConfig;
+ creatorName: string;
+ auto_like: any;
+ moments_sync: any;
+ traffic_config: any;
+ group_push: any;
+ group_create: any;
+ // 计算属性，用于向后兼容
+ deviceGroups?: string[];
+ todayImportCount?: number;
+ totalImportCount?: number;
+ maxImportsPerDay?: number;
+ importInterval?: number;
+}
+
+// 创建通讯录导入任务数据
+export interface CreateContactImportTaskData {
+ name: string;
+ type: number;
+ config: {
+ devices: number[];
+ pools: number[];
+ num: number;
+ clearContact: number;
+ remarkType: number;
+ remark: string;
+ startTime: string;
+ endTime: string;
+ };
+}
+
+// 更新通讯录导入任务数据
+export interface UpdateContactImportTaskData
+ extends CreateContactImportTaskData {
+ id: number;
+}
+
+// 任务配置
+export interface TaskConfig {
+ deviceGroups: string[];
+ num: number;
+ clientId: string;
+ remarkType: string;
+ remarkValue: string;
+ startTime: string;
+ endTime: string;
+ maxImportsPerDay: number;
+ importInterval: number;
+}
+
+// API响应
+export interface ApiResponse {
+ code: number;
+ msg: string;
+ data: T;
+}
+
+// 分页响应
+export interface PaginatedResponse {
+ list: T[];
+ total: number;
+ page: number;
+ limit: number;
+}
+
+// 统计数据
+export interface ImportStats {
+ totalTasks: number;
+ activeTasks: number;
+ todayImports: number;
+ totalImports: number;
+ successRate: number;
+}
diff --git a/Cunkebao/src/pages/mobile/workspace/contact-import/form/index.module.scss b/Cunkebao/src/pages/mobile/workspace/contact-import/form/index.module.scss
new file mode 100644
index 00000000..bdc76bee
--- /dev/null
+++ b/Cunkebao/src/pages/mobile/workspace/contact-import/form/index.module.scss
@@ -0,0 +1,146 @@
+.basicSection {
+ background: none;
+ border-radius: 0;
+ box-shadow: none;
+ padding: 24px 16px 0 16px;
+ width: 100%;
+ max-width: 600px;
+ margin: 0 auto;
+}
+
+.formItem {
+ margin-bottom: 24px;
+}
+
+.formLabel {
+ font-size: 15px;
+ color: #222;
+ font-weight: 500;
+ margin-bottom: 10px;
+ display: block;
+}
+
+.input {
+ height: 44px;
+ border-radius: 8px;
+ font-size: 15px;
+ width: 100%;
+}
+
+.select {
+ width: 100%;
+ height: 44px;
+
+ :global(.ant-select-selector) {
+ height: 44px !important;
+ border-radius: 8px !important;
+ font-size: 15px !important;
+ }
+
+ :global(.ant-select-selection-item) {
+ line-height: 42px !important;
+ }
+}
+
+.timePicker {
+ width: 100%;
+ height: 44px;
+
+ :global(.ant-picker) {
+ width: 100%;
+ height: 44px;
+ border-radius: 8px;
+ font-size: 15px;
+ }
+}
+
+.counterRow {
+ display: flex;
+ align-items: center;
+ gap: 0;
+}
+
+.stepperContainer {
+ display: flex;
+ align-items: center;
+ gap: 0;
+}
+
+.stepperButton {
+ width: 40px;
+ height: 40px;
+ border-radius: 8px;
+ background: #fff;
+ border: 1px solid #e5e7eb;
+ font-size: 16px;
+ color: #188eee;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ transition: border 0.2s;
+
+ &:hover {
+ border: 1px solid #188eee;
+ }
+}
+
+.stepperInput {
+ width: 80px;
+ height: 40px;
+ border-radius: 0;
+ border: 1px solid #e5e7eb;
+ border-left: none;
+ border-right: none;
+ text-align: center;
+ font-size: 16px;
+ font-weight: 600;
+ color: #222;
+ padding: 0 8px;
+}
+
+.counterTip {
+ font-size: 12px;
+ color: #aaa;
+ margin-top: 4px;
+}
+
+.buttonGroup {
+ display: flex;
+ gap: 12px;
+ padding: 14px;
+ background: #fff;
+}
+
+.submitButton {
+ height: 44px;
+ border-radius: 8px;
+ font-size: 15px;
+ min-width: 120px;
+ flex: 1;
+}
+
+.resetButton {
+ height: 44px;
+ border-radius: 8px;
+ font-size: 15px;
+ min-width: 100px;
+}
+
+.deviceSelection {
+ width: 100%;
+
+ :global {
+ .ant-input {
+ border-radius: 8px;
+ border: 1px solid #e8e8e8;
+ padding: 12px 16px;
+ font-size: 14px;
+
+ &:focus {
+ border-color: #1890ff;
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+ }
+ }
+ }
+}
diff --git a/Cunkebao/src/pages/mobile/workspace/contact-import/form/index.tsx b/Cunkebao/src/pages/mobile/workspace/contact-import/form/index.tsx
new file mode 100644
index 00000000..a7606240
--- /dev/null
+++ b/Cunkebao/src/pages/mobile/workspace/contact-import/form/index.tsx
@@ -0,0 +1,355 @@
+import React, { useState, useEffect } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import { PlusOutlined, MinusOutlined } from "@ant-design/icons";
+import { Button, Input, message, TimePicker, Select, Switch } from "antd";
+import NavCommon from "@/components/NavCommon";
+import Layout from "@/components/Layout/Layout";
+import DeviceSelection from "@/components/DeviceSelection";
+import {
+ createContactImportTask,
+ updateContactImportTask,
+ fetchContactImportTaskDetail,
+} from "./api";
+import { Allocation } from "./data";
+
+import style from "./index.module.scss";
+import dayjs from "dayjs";
+
+const ContactImportForm: React.FC = () => {
+ const navigate = useNavigate();
+ const { id } = useParams<{ id?: string }>();
+ const isEdit = !!id;
+
+ const [loading, setLoading] = useState(false);
+ const [formData, setFormData] = useState({
+ name: "", // 任务名称
+ status: 1, // 是否启用，默认启用
+ type: 6, // 任务类型，固定为6
+ workbenchId: 1, // 默认工作台ID
+ deviceGroups: [] as number[],
+ pools: [] as any[],
+ num: 50,
+ clearContact: 0,
+ remarkType: 0,
+ remark: "",
+ startTime: dayjs("09:00", "HH:mm"),
+ endTime: dayjs("21:00", "HH:mm"),
+ // 保留原有字段用于UI显示
+ deviceGroupsOptions: [] as any[],
+ });
+
+ // 处理设备选择
+ const handleDeviceSelect = (selectedDevices: any[]) => {
+ setFormData(prev => ({
+ ...prev,
+ deviceGroupsOptions: selectedDevices,
+ deviceGroups: selectedDevices.map(device => device.id), // 提取设备ID存储到deviceGroups数组
+ }));
+ };
+
+ // 获取任务详情（编辑模式）
+ const loadTaskDetail = async () => {
+ if (!id) return;
+
+ try {
+ setLoading(true);
+ const data = await fetchContactImportTaskDetail(Number(id));
+ if (data) {
+ const config = data.config || {};
+
+ // 构造设备选择组件需要的数据格式
+ const deviceGroupsOptions = config.deviceGroupsOptions || [];
+
+ setFormData({
+ name: data.name || "",
+ status: data.status || 1,
+ type: data.type || 6,
+ workbenchId: config.workbenchId || 1,
+ deviceGroups:
+ deviceGroupsOptions.map((device: any) => device.id) || [],
+ pools: config.pools ? JSON.parse(JSON.stringify(config.pools)) : [],
+ num: config.num || 50,
+ clearContact: config.clearContact || 0,
+ remarkType: config.remarkType || 0,
+ remark: config.remark || "",
+ startTime: config.startTime ? dayjs(config.startTime, "HH:mm") : null,
+ endTime: config.endTime ? dayjs(config.endTime, "HH:mm") : null,
+ deviceGroupsOptions,
+ });
+ }
+ } catch (error) {
+ console.error("Failed to load task detail:", error);
+ message.error("获取任务详情失败");
+ navigate("/workspace/contact-import/list");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ // 更新表单数据
+ const handleUpdateFormData = (data: Partial) => {
+ setFormData(prev => ({ ...prev, ...data }));
+ };
+
+ // 提交表单
+ const handleSubmit = async () => {
+ // 表单验证
+ if (!formData.name.trim()) {
+ message.error("请输入任务名称");
+ return;
+ }
+
+ if (formData.deviceGroups.length === 0) {
+ message.error("请选择设备");
+ return;
+ }
+
+ if (!formData.num || formData.num <= 0) {
+ message.error("请输入有效的分配数量");
+ return;
+ }
+
+ // 验证开始时间不得大于结束时间
+ if (formData.startTime && formData.endTime) {
+ if (formData.startTime.isAfter(formData.endTime)) {
+ message.error("开始时间不得大于结束时间");
+ return;
+ }
+ }
+
+ setLoading(true);
+ try {
+ const submitData: Partial = {
+ name: formData.name,
+ status: formData.status,
+ type: formData.type,
+ workbenchId: formData.workbenchId,
+ deviceGroups: formData.deviceGroups,
+ pools: JSON.parse(JSON.stringify(formData.pools)),
+ num: formData.num,
+ clearContact: formData.clearContact,
+ remarkType: formData.remarkType,
+ remark: formData.remark || null,
+ startTime: formData.startTime?.format("HH:mm") || null,
+ endTime: formData.endTime?.format("HH:mm") || null,
+ };
+
+ if (isEdit && id) {
+ await updateContactImportTask({
+ ...submitData,
+ id: Number(id),
+ } as Allocation);
+ message.success("更新成功");
+ } else {
+ await createContactImportTask(submitData as Allocation);
+ message.success("创建成功");
+ }
+
+ navigate("/workspace/contact-import/list");
+ } catch (error) {
+ message.error(isEdit ? "更新失败" : "创建失败");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ // 重置表单
+ const handleReset = () => {
+ setFormData({
+ name: "",
+ status: 1,
+ type: 6,
+ workbenchId: 1,
+ deviceGroups: [],
+ pools: [],
+ num: 50,
+ clearContact: 0,
+ remarkType: 0,
+ remark: "",
+ startTime: dayjs("09:00", "HH:mm"),
+ endTime: dayjs("21:00", "HH:mm"),
+ deviceGroupsOptions: [],
+ });
+ };
+
+ useEffect(() => {
+ if (isEdit) {
+ loadTaskDetail();
+ }
+ }, [id, isEdit]);
+
+ return (
+ }
+ footer={
+
+
+
+
+ }
+ loading={loading}
+ >
+
+
+
+
任务名称
+
handleUpdateFormData({ name: e.target.value })}
+ className={style.input}
+ />
+
为此导入任务设置一个名称
+
+
+
+
+
+
分配数量
+
+ }
+ onClick={() =>
+ handleUpdateFormData({ num: Math.max(1, formData.num - 1) })
+ }
+ disabled={formData.num <= 1}
+ className={style.stepperButton}
+ />
+ {
+ const value = parseInt(e.target.value) || 1;
+ handleUpdateFormData({
+ num: Math.min(1000, Math.max(1, value)),
+ });
+ }}
+ className={style.stepperInput}
+ />
+ }
+ onClick={() =>
+ handleUpdateFormData({
+ num: Math.min(1000, formData.num + 1),
+ })
+ }
+ disabled={formData.num >= 1000}
+ className={style.stepperButton}
+ />
+
+
要分配给设备的联系人数量
+
+
+
+
清除现有联系人
+
+ handleUpdateFormData({ clearContact: checked ? 1 : 0 })
+ }
+ />
+ 是否清除设备上现有的联系人
+
+
+
+
备注类型
+
+
选择联系人备注的格式
+
+
+ {formData.remarkType === 3 && (
+
+
自定义备注
+
handleUpdateFormData({ remark: e.target.value })}
+ className={style.input}
+ />
+
输入自定义的备注内容
+
+ )}
+
+
+
开始时间
+
+ handleUpdateFormData({
+ startTime: time,
+ })
+ }
+ format="HH:mm"
+ placeholder="请选择开始时间"
+ className={style.timePicker}
+ />
+ 设置每天开始导入的时间
+
+
+
+
结束时间
+
+ handleUpdateFormData({
+ endTime: time,
+ })
+ }
+ format="HH:mm"
+ placeholder="请选择结束时间"
+ className={style.timePicker}
+ />
+ 设置每天结束导入的时间
+
+
+
+ 是否启用
+
+ handleUpdateFormData({ status: check ? 1 : 0 })
+ }
+ />
+
+
+
+
+ {open && (
+
+
+ 查看
+
+
+ 编辑
+
+
+ 复制
+
+
+ 删除
+
+
+ )}
+
+
+ setSearchKeyword(e.target.value)}
+ prefix={}
+ allowClear
+ size="large"
+ />
+
+
+
+ {/* 任务列表 */}
+
+ {loading ? (
+
+ 加载中...
+
+ ) : filteredTasks.length === 0 ? (
+
+
+
+ {searchKeyword ? "未找到相关任务" : "暂无通讯录导入任务"}
+
+ {!searchKeyword && (
+
+ )}
+
+ ) : (
+ filteredTasks.map(task => (
+
+
+
+
{task.name}
+
+ {getStatusText(task.status)}
+
+
+
handleView(task.id)}
+ onEdit={() => handleEdit(task.id)}
+ onCopy={() => handleCopy(task.id)}
+ onDelete={() => handleDelete(task.id)}
+ />
+
+
+ 备注类型:
+
+ {task.config?.remarkType === 1 ? "自定义备注" : "其他"}
+
+
+
+ 设备数量:
+
+ {task.config?.devices?.length || 0}
+
+
+
+ 导入数量:
+ {task.config?.num || 0}
+
+
+ 创建时间:
+ {task.createTime}
+
+
+
+
+
+
+ ))
+ )}
+
+
选择设备
= ({
setLoading(true);
try {
const detailRes = await fetchDistributionRuleDetail(ruleId);
- const deviceData = detailRes?.config?.deveiceGroupsOptions || [];
+ const deviceData = detailRes?.config?.deviceGroupsOptions || [];
setDevices(deviceData);
} catch (error) {
console.error("获取设备详情失败:", error);
diff --git a/Cunkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss b/Cunkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss
index 75333cfb..6bf58b79 100644
--- a/Cunkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss
+++ b/Cunkebao/src/pages/pc/ckbox/components/NavCommon/index.module.scss
@@ -43,33 +43,91 @@
.headerRight {
display: flex;
align-items: center;
+ gap: 16px;
}
.userInfo {
- cursor: pointer;
- padding: 8px 12px;
- border-radius: 6px;
- transition: all 0.3s;
+ display: flex;
+ align-items: center;
+ gap: 16px;
+ padding: 8px 0;
- &:hover {
- background-color: #f5f5f5;
- }
.suanli {
- font-size: 16px;
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ font-size: 14px;
color: #666;
+ font-weight: 500;
+ padding: 6px 12px;
+ background: #f8f9fa;
+ border-radius: 20px;
+ border: 1px solid #e9ecef;
+
.suanliIcon {
- font-size: 24px;
+ font-size: 16px;
+ color: #ffc107;
}
}
}
-.avatar {
- border: 2px solid #f0f0f0;
+.messageButton {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 44px;
+ height: 44px;
+ border-radius: 50%;
transition: all 0.3s;
+ border: 1px solid #e9ecef;
+ background: #fff;
&:hover {
+ background-color: #f8f9fa;
border-color: #1890ff;
+ transform: translateY(-1px);
+ box-shadow: 0 4px 12px rgba(24, 144, 255, 0.15);
}
+
+ .anticon {
+ font-size: 18px;
+ color: #666;
+ }
+}
+
+.userSection {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ cursor: pointer;
+ padding: 8px 16px;
+ border-radius: 24px;
+ transition: all 0.3s;
+ border: 1px solid #e9ecef;
+ background: #fff;
+
+ &:hover {
+ background-color: #f8f9fa;
+ border-color: #1890ff;
+ transform: translateY(-1px);
+ box-shadow: 0 4px 12px rgba(24, 144, 255, 0.15);
+ }
+}
+
+.userNickname {
+ font-size: 14px;
+ color: #333;
+ font-weight: 600;
+ max-width: 100px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.avatar {
+ border: 2px solid #e9ecef;
+ transition: all 0.3s;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.username {
diff --git a/Cunkebao/src/pages/pc/ckbox/weChat/api.ts b/Cunkebao/src/pages/pc/ckbox/weChat/api.ts
index 98bc336a..af476f26 100644
--- a/Cunkebao/src/pages/pc/ckbox/weChat/api.ts
+++ b/Cunkebao/src/pages/pc/ckbox/weChat/api.ts
@@ -13,7 +13,48 @@ import {
//读取聊天信息
//kf.quwanzhi.com:9991/api/WechatFriend/clearUnreadCount
+function jsonToQueryString(json) {
+ const params = new URLSearchParams();
+ for (const key in json) {
+ if (Object.prototype.hasOwnProperty.call(json, key)) {
+ params.append(key, json[key]);
+ }
+ }
+ return params.toString();
+}
+//转移客户
+export function WechatFriendAllot(params: {
+ wechatFriendId?: number;
+ wechatChatroomId?: number;
+ toAccountId: number;
+ notifyReceiver: boolean;
+ comment: string;
+}) {
+ return request(
+ "/api/wechatFriend/allot?" + jsonToQueryString(params),
+ undefined,
+ "PUT",
+ );
+}
+//获取可转移客服列表
+export function getTransferableAgentList() {
+ return request("/api/account/myDepartmentAccountsForTransfer", {}, "GET");
+}
+
+// 微信好友列表
+export function WechatFriendRebackAllot(params: {
+ wechatFriendId?: number;
+ wechatChatroomId?: number;
+}) {
+ return request(
+ "/api/wechatFriend/rebackAllot?" + jsonToQueryString(params),
+ undefined,
+ "PUT",
+ );
+}
+
+// 微信群列表
export function WechatGroup(params) {
return request("/api/WechatGroup/list", params, "GET");
}
diff --git a/Cunkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/components/chatRecord/index.tsx b/Cunkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/components/chatRecord/index.tsx
new file mode 100644
index 00000000..3068e42d
--- /dev/null
+++ b/Cunkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/components/chatRecord/index.tsx
@@ -0,0 +1,150 @@
+import React, { useState } from "react";
+import { Button, Modal, Input, DatePicker, message } from "antd";
+import { MessageOutlined } from "@ant-design/icons";
+import dayjs from "dayjs";
+import { useWeChatStore } from "@/store/module/weChat/weChat";
+
+const { RangePicker } = DatePicker;
+
+interface ChatRecordProps {
+ className?: string;
+ disabled?: boolean;
+}
+
+const ChatRecord: React.FC = ({
+ className,
+ disabled = false,
+}) => {
+ const [visible, setVisible] = useState(false);
+ const [searchContent, setSearchContent] = useState("");
+ const [dateRange, setDateRange] = useState<[dayjs.Dayjs, dayjs.Dayjs] | null>(
+ null,
+ );
+ const [loading, setLoading] = useState(false);
+ const SearchMessage = useWeChatStore(state => state.SearchMessage);
+
+ // 打开弹窗
+ const openModal = () => {
+ setVisible(true);
+ };
+
+ // 关闭弹窗并重置状态
+ const closeModal = () => {
+ setVisible(false);
+ setSearchContent("");
+ setDateRange(null);
+ setLoading(false);
+ };
+
+ // 执行查找
+ const handleSearch = async () => {
+ if (!dateRange) {
+ message.warning("请选择时间范围");
+ return;
+ }
+
+ try {
+ setLoading(true);
+ const [From, To] = dateRange;
+ const searchData = {
+ From: From.unix() * 1000,
+ To: To.unix() * 1000,
+ keyword: searchContent.trim(),
+ };
+ await SearchMessage(searchData);
+
+ message.success("查找完成");
+ closeModal();
+ } catch (error) {
+ console.error("查找失败:", error);
+ message.error("查找失败，请重试");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ return (
+ <>
+
+
+ 聊天记录
+
+
+
+
+
+ ,
+ ]}
+ >
+
+ {/* 时间范围选择 */}
+
+
+ {/* 查找内容输入 */}
+
+
+ 查找内容
+
+
setSearchContent(e.target.value)}
+ size="large"
+ maxLength={100}
+ showCount
+ disabled={loading}
+ />
+
+
+
+ 转给他人
+
+
+
+
+
+
+
+
+ ,
+ ]}
+ >
+