feat: 添加防抖指令和任务管理功能

feat(anchor): 新增主播管理模块

feat(account): 完善客服账号管理功能

feat(knowledge): 添加任务列表查看和重新执行功能

feat(router): 增强路由组件动态导入逻辑

refactor: 优化多个视图的按钮防抖处理

style: 统一代码格式和样式

fix: 修复客服账号状态切换逻辑

src/api/customerService/account/index.ts

@@ -1,36 +1,70 @@
 import request from '/@/utils/request';
 
-//获取账号列表
-export function getaccountList(data: object) {
+export interface AccountParams {
+	datasetIds: number[];
+	documentIds: number[];
+	accountCode: string;
+	accountName?: string;
+	status?: number;
+	greeting?: string;
+	keywordOption?: string[];
+	selfIdentity?: string;
+	platform: string;
+}
+
+export interface AccountListParams {
+	pageNum?: number;
+	pageSize?: number;
+	accountCode?: string;
+	accountName?: string;
+	status?: number;
+	platform?: string;
+}
+
+export interface AccountDetailParams {
+	id: number;
+}
+
+//获取客服账号列表
+export function getAccountList(data: AccountListParams) {
 	return request({
-		url: '/customer-server/customer/service/account/list',
+		url: '/customer-server/account/list',
 		method: 'get',
 		params: data,
 	});
 }
 
+//获取客服账号详情
+export function getAccountOne(params: AccountDetailParams) {
+	return request({
+		url: '/customer-server/account/getOne',
+		method: 'get',
+		params: params,
+	});
+}
+
 //添加客服账号
-export function addAccount(data: object) {
+export function addAccount(data: AccountParams) {
 	return request({
-		url: '/customer-server/customer/service/account/add',
+		url: '/customer-server/account/add',
 		method: 'post',
 		data: data,
 	});
 }
 
-//禁用账号
-export function updatestate(data: object) {
+//更新客服账号
+export function updateAccount(data: AccountParams & { id: number }) {
 	return request({
-		url: '/customer-server/customer/service/account/toggleStatus',
+		url: '/customer-server/account/update',
 		method: 'post',
 		data: data,
 	});
 }
 
-//更新账号
-export function updateAccount(data: object) {
+//删除客服账号
+export function deleteAccount(data: { id: number }) {
 	return request({
-		url: '/customer-server/customer/service/account/update',
+		url: '/customer-server/account/delete',
 		method: 'post',
 		data: data,
 	});

src/api/knowledge/document/index.ts

@@ -236,3 +236,20 @@ export function updateDocumentVector(data: any) {
 		data,
 	});
 }
+
+// 获取任务列表
+export function listTasks() {
+	return request({
+		url: '/rag/task/get',
+		method: 'get',
+	});
+}
+
+// 重新执行任务
+export function reexecuteTask(id: string) {
+	return request({
+		url: '/rag/task/reexecute',
+		method: 'post',
+		data: { id },
+	});
+}

src/api/trade/operation/setting/anchor/index.ts

@@ -0,0 +1,69 @@
+import request from '/@/utils/request';
+
+// 主播管理API接口
+
+export interface AnchorListParams {
+	pageNum: number;
+	pageSize: number;
+	name?: string;
+	phone?: string;
+	code?: string;
+	status?: number;
+}
+
+export interface AnchorParams {
+	id?: string;
+	name: string;
+	phone: string;
+	code: string;
+	status?: number;
+	remark?: string;
+}
+
+export function getAnchorList(data: AnchorListParams) {
+	return request({
+		url: '/erp/anchor/controller/listAnchors',
+		method: 'get',
+		params: data,
+	});
+}
+
+export function getAnchorOne(data: { id: string }) {
+	return request({
+		url: '/erp/anchor/controller/getAnchor',
+		method: 'get',
+		params: data,
+	});
+}
+
+export function addAnchor(data: AnchorParams) {
+	return request({
+		url: '/erp/anchor/controller/createAnchor',
+		method: 'post',
+		data: data,
+	});
+}
+
+export function updateAnchor(data: AnchorParams) {
+	return request({
+		url: '/erp/anchor/controller/updateAnchor',
+		method: 'post',
+		data: data,
+	});
+}
+
+export function deleteAnchor(data: { id: string }) {
+	return request({
+		url: '/erp/anchor/controller/deleteAnchor',
+		method: 'post',
+		data: data,
+	});
+}
+
+export function updateAnchorStatus(data: { id: string; status: number }) {
+	return request({
+		url: '/erp/anchor/controller/updateAnchorStatus',
+		method: 'post',
+		data: data,
+	});
+}

src/directives/debounce.ts

@@ -0,0 +1,49 @@
+import type { Directive, DirectiveBinding } from 'vue';
+
+interface DebounceBinding extends DirectiveBinding {
+	value: () => void;
+	arg?: string;
+	modifiers?: {
+		[key: string]: boolean;
+	};
+}
+
+const debounceTimers = new Map<string, number>();
+
+const debounce = (fn: () => void, key: string, delay = 300) => {
+	if (debounceTimers.has(key)) {
+		clearTimeout(debounceTimers.get(key) as number);
+	}
+
+	const timer = setTimeout(() => {
+		fn();
+		debounceTimers.delete(key);
+	}, delay) as unknown as number;
+
+	debounceTimers.set(key, timer);
+};
+
+export const debounceDirective: Directive = {
+	mounted(el: HTMLElement, binding: DebounceBinding) {
+		const fn = binding.value;
+		const key = binding.arg || `debounce_${Date.now()}_${Math.random()}`;
+		const delay = binding.modifiers?.fast ? 200 : binding.modifiers?.slow ? 500 : 300;
+
+		el.addEventListener('click', (event: Event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			debounce(fn, key, delay);
+		});
+
+		el.dataset.debounceKey = key;
+	},
+	unmounted(el: HTMLElement) {
+		const key = el.dataset.debounceKey;
+		if (key && debounceTimers.has(key)) {
+			clearTimeout(debounceTimers.get(key) as number);
+			debounceTimers.delete(key);
+		}
+	},
+};
+
+export default debounceDirective;

src/router/backEnd.ts

@@ -141,17 +141,51 @@ export function setBackEndControlRefreshRoutes() {
 export function backEndComponent(routes: any) {
 	if (!routes) return [];
 	return routes.map((item: any) => {
+		// 递归处理子路由
 		if (item.children && item.children.length > 0) {
-			item.children.some((ci: any) => {
-				if (!ci.meta.isHide) {
-					item.redirect = ci;
-					return true;
+			item.children = backEndComponent(item.children);
+			// 找到第一个非隐藏的子路由作为重定向
+			const firstVisibleChild = item.children.find((ci: any) => !ci.meta?.isHide);
+			if (firstVisibleChild) {
+				item.redirect = firstVisibleChild.path;
+			}
+			// 确保父级路由有component
+			if (!item.component || item.component === false) {
+				item.component = dynamicViewsModules['../layout/routerView/parent.vue'];
+			}
+		} else {
+			// 确保叶子路由有component
+			let componentFound = false;
+			if (item.component && item.component !== false) {
+				const comp = dynamicImport(dynamicViewsModules, item.component as string);
+				if (comp) {
+					item.component = comp;
+					componentFound = true;
 				}
-				return false;
-			});
+			}
+			if (!componentFound) {
+				// 尝试根据path生成component路径
+				const path = item.path.replace(/^\//, '');
+				let comp = dynamicImport(dynamicViewsModules, path);
+				if (!comp) {
+					comp = dynamicImport(dynamicViewsModules, path + '/index');
+				}
+				if (!comp) {
+					// 尝试直接拼接views路径
+					const viewsPath = 'views/' + path + '/index.vue';
+					const directKey = Object.keys(dynamicViewsModules).find((key) => key.includes(viewsPath));
+					if (directKey) {
+						comp = dynamicViewsModules[directKey];
+					}
+				}
+				if (comp) {
+					item.component = comp;
+				} else {
+					// 如果还是找不到，使用一个默认组件
+					item.component = dynamicViewsModules['../layout/routerView/parent.vue'];
+				}
+			}
 		}
-		if (item.component) item.component = dynamicImport(dynamicViewsModules, item.component as string);
-		item.children && backEndComponent(item.children);
 		return item;
 	});
 }
@@ -164,10 +198,35 @@ export function backEndComponent(routes: any) {
  */
 export function dynamicImport(dynamicViewsModules: Record<string, Function>, component: string) {
 	const keys = Object.keys(dynamicViewsModules);
-	const matchKeys = keys.filter((key) => {
+
+	// 尝试多种匹配方式
+	let matchKeys = keys.filter((key) => {
 		const k = key.replace(/..\/views|../, '');
 		return k.startsWith(`${component}`) || k.startsWith(`/${component}`);
 	});
+
+	// 如果没有匹配到，尝试带index的路径
+	if (matchKeys?.length === 0) {
+		matchKeys = keys.filter((key) => {
+			const k = key.replace(/..\/views|../, '');
+			return k.startsWith(`${component}/index`) || k.startsWith(`/${component}/index`);
+		});
+	}
+
+	// 尝试直接匹配完整路径
+	if (matchKeys?.length === 0) {
+		matchKeys = keys.filter((key) => {
+			return key.includes(component);
+		});
+	}
+
+	// 尝试更宽松的匹配方式
+	if (matchKeys?.length === 0) {
+		matchKeys = keys.filter((key) => {
+			return key.replace(/..\/views\//, '').includes(component.replace(/\//g, ''));
+		});
+	}
+
 	if (matchKeys?.length === 1) {
 		const matchKey = matchKeys[0];
 		return dynamicViewsModules[matchKey];
@@ -175,4 +234,6 @@ export function dynamicImport(dynamicViewsModules: Record<string, Function>, com
 	if (matchKeys?.length > 1) {
 		return false;
 	}
+
+	return false;
 }

src/utils/debounce.ts

@@ -0,0 +1,53 @@
+import { onUnmounted } from 'vue';
+
+interface DebounceOptions {
+	delay?: number;
+	immediate?: boolean;
+}
+
+export function useDebounce() {
+	const timers = new Map<string, number>();
+
+	const debounce = (key: string, fn: () => void, options: DebounceOptions = {}) => {
+		const { delay = 300 } = options;
+
+		if (timers.has(key)) {
+			clearTimeout(timers.get(key) as number);
+		}
+
+		const timer = setTimeout(() => {
+			fn();
+			timers.delete(key);
+		}, delay) as unknown as number;
+
+		timers.set(key, timer);
+	};
+
+	const clear = () => {
+		timers.forEach((timer) => clearTimeout(timer));
+		timers.clear();
+	};
+
+	onUnmounted(() => {
+		clear();
+	});
+
+	return { debounce, clear };
+}
+
+export function createDebouncedFn(key: string, fn: () => void, delay = 300) {
+	const timers = new Map<string, number>();
+
+	return () => {
+		if (timers.has(key)) {
+			clearTimeout(timers.get(key) as number);
+		}
+
+		const timer = setTimeout(() => {
+			fn();
+			timers.delete(key);
+		}, delay) as unknown as number;
+
+		timers.set(key, timer);
+	};
+}

src/utils/directive.ts

@@ -1,12 +1,14 @@
 import type { App } from 'vue';
 import { authDirective } from '/@/utils/authDirective';
 import { wavesDirective, dragDirective } from '/@/utils/customDirective';
+import { debounceDirective } from '/@/directives/debounce';
 
 /**
  * 导出指令方法：v-xxx
  * @methods authDirective 用户权限指令，用法：v-auth
  * @methods wavesDirective 按钮波浪指令，用法：v-waves
  * @methods dragDirective 自定义拖动指令，用法：v-drag
+ * @methods debounceDirective 防抖指令，用法：v-debounce
  */
 export function directive(app: App) {
 	// 用户权限指令
@@ -15,4 +17,6 @@ export function directive(app: App) {
 	wavesDirective(app);
 	// 自定义拖动指令
 	dragDirective(app);
+	// 防抖指令
+	app.directive('debounce', debounceDirective);
 }

src/views/ads/summary/monitor/index.vue

@@ -4,7 +4,7 @@
 			<template #header>
 				<div class="card-header">
 					<span>监控总表</span>
-					<el-button type="text" @click="openSettingDialog" class="setting-btn">
+					<el-button type="text" v-debounce @click="openSettingDialog" class="setting-btn">
 						<el-icon><Setting /></el-icon>
 						<span>设置</span>
 					</el-button>
@@ -47,8 +47,8 @@
 											</el-select>
 										</el-form-item>
 										<el-form-item>
-											<el-button type="primary" @click="handleSearch">查询</el-button>
-											<el-button @click="handleReset">重置</el-button>
+											<el-button type="primary" v-debounce @click="handleSearch">查询</el-button>
+											<el-button v-debounce @click="handleReset">重置</el-button>
 										</el-form-item>
 									</el-form>
 								</div>
@@ -96,8 +96,8 @@
 											</el-select>
 										</el-form-item>
 										<el-form-item>
-											<el-button type="primary" @click="handleSearch">查询</el-button>
-											<el-button @click="handleReset">重置</el-button>
+											<el-button type="primary" v-debounce @click="handleSearch">查询</el-button>
+											<el-button v-debounce @click="handleReset">重置</el-button>
 										</el-form-item>
 									</el-form>
 								</div>
@@ -210,8 +210,8 @@
 											</el-select>
 										</el-form-item>
 										<el-form-item>
-											<el-button type="primary" @click="handleCustomerSearch">查询</el-button>
-											<el-button @click="handleCustomerReset">重置</el-button>
+											<el-button type="primary" v-debounce @click="handleCustomerSearch">查询</el-button>
+											<el-button v-debounce @click="handleCustomerReset">重置</el-button>
 										</el-form-item>
 									</el-form>
 								</div>
@@ -376,13 +376,13 @@
 						<el-input-number v-model="taskSettings.totalBudget" :min="0" :step="10000" />
 					</el-form-item>
 					<el-form-item label="部门任务分配">
-						<el-button type="primary" @click="openDepartmentTaskDialog">设置部门任务</el-button>
+						<el-button type="primary" v-debounce @click="openDepartmentTaskDialog">设置部门任务</el-button>
 					</el-form-item>
 				</el-form>
 				<template #footer>
 					<span class="dialog-footer">
-						<el-button @click="dialogVisible = false">取消</el-button>
-						<el-button type="primary" @click="handleSaveSettings">保存设置</el-button>
+						<el-button v-debounce @click="dialogVisible = false">取消</el-button>
+						<el-button type="primary" v-debounce @click="handleSaveSettings">保存设置</el-button>
 					</span>
 				</template>
 			</el-dialog>
@@ -398,8 +398,8 @@
 				</el-table>
 				<template #footer>
 					<span class="dialog-footer">
-						<el-button @click="departmentTaskDialogVisible = false">取消</el-button>
-						<el-button type="primary" @click="saveDepartmentTasks">保存分配</el-button>
+						<el-button v-debounce @click="departmentTaskDialogVisible = false">取消</el-button>
+						<el-button type="primary" v-debounce @click="saveDepartmentTasks">保存分配</el-button>
 					</span>
 				</template>
 			</el-dialog>

src/views/customerService/account/component/editAccount.vue

@@ -3,14 +3,18 @@
 		<el-dialog :title="(formData.id ? '修改' : '添加') + '客服账号'" v-model="isShowDialog" width="769px">
 			<el-form ref="formRef" :model="formData" :rules="rules" size="default" label-width="90px">
 				<el-row :gutter="35">
-					<!-- 客服账号输入框 -->
 					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
-						<el-form-item label="客服账号" prop="accountName">
-							<el-input v-model="formData.accountName" placeholder="请输入客服账号，如：cs_xhs_qixue" clearable />
+						<el-form-item label="账号编码" prop="accountCode">
+							<el-input v-model="formData.accountCode" placeholder="请输入账号编码" clearable />
+						</el-form-item>
+					</el-col>
+
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="客服账号" prop="accountName">
+							<el-input v-model="formData.accountName" placeholder="请输入客服账号名称" clearable />
 						</el-form-item>
 					</el-col>
 
-					<!-- 客服平台选择 -->
 					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
 						<el-form-item label="客服平台" prop="platform">
 							<el-select v-model="formData.platform" placeholder="请选择客服平台" clearable style="width: 100%">
@@ -22,37 +26,35 @@
 					</el-col>
 				</el-row>
 
-				<!-- 高级配置（可选） -->
 				<el-collapse v-model="activeNames" class="mt20">
 					<el-collapse-item title="高级配置（可选）" name="advanced">
-						<el-form-item label="自定义提示词" prop="prompt">
-							<el-input
-								type="textarea"
-								v-model="formData.prompt"
-								:rows="8"
-								placeholder="留空则使用系统默认提示词模板，如：你是专业的客服顾问，请用温暖关心的语气回答用户问题..."
-							/>
-							<div style="color: #909399; font-size: 12px; margin-top: 5px;">
-								提示：系统会自动引用知识库内容，您只需专注于业务话术即可。留空将使用默认模板，创建后也可在此修改
-							</div>
+						<el-form-item label="AI身份" prop="selfIdentity">
+							<el-input type="textarea" v-model="formData.selfIdentity" :rows="4" placeholder="AI客服身份描述，如：你是专业的小红书客服顾问..." />
 						</el-form-item>
 						<el-form-item label="开场白" prop="greeting">
 							<el-input
 								type="textarea"
 								v-model="formData.greeting"
-								:rows="6"
+								:rows="4"
 								placeholder="WebSocket连接时发送的开场白，如：你好，有什么可以帮你的吗？"
 							/>
 							<div class="form-tip">留空则不发送开场白</div>
 						</el-form-item>
+						<el-form-item label="关键词" prop="keywordOption">
+							<el-select v-model="formData.keywordOption" multiple placeholder="选择关键词选项" style="width: 100%">
+								<el-option label="推荐回复" value="recommend" />
+								<el-option label="智能问答" value="qa" />
+								<el-option label="人工转接" value="transfer" />
+							</el-select>
+						</el-form-item>
 					</el-collapse-item>
 				</el-collapse>
 			</el-form>
 
 			<template #footer>
 				<span class="dialog-footer">
-					<el-button @click="onCancel" size="default">取 消</el-button>
-					<el-button type="primary" @click="onSubmit" size="default" :loading="loading">
+					<el-button v-debounce @click="onCancel" size="default">取 消</el-button>
+					<el-button type="primary" v-debounce @click="onSubmit" size="default" :loading="loading">
 						{{ formData.id ? '修 改' : '新 增' }}
 					</el-button>
 				</span>
@@ -64,17 +66,19 @@
 <script lang="ts" setup>
 import { ref, reactive, toRefs, nextTick } from 'vue';
 import { ElMessage, type FormInstance, type FormRules } from 'element-plus';
-import { addAccount, updateAccount } from '/@/api/customerService/account';
+import { addAccount, updateAccount, getAccountOne } from '/@/api/customerService/account';
 
 interface DialogFormData {
-	id?: string;
+	id?: number;
+	datasetIds: number[];
+	documentIds: number[];
+	accountCode: string;
 	accountName: string;
 	platform: string;
-	prompt?: string;
+	status?: number;
 	greeting?: string;
-	status: number;
-	creator: '';
-	modifier: '';
+	keywordOption?: string[];
+	selfIdentity?: string;
 }
 
 const emit = defineEmits<{
@@ -86,22 +90,21 @@ const state = reactive({
 	isShowDialog: false,
 	activeNames: [] as string[],
 	formData: {
-		id: '',
+		id: 0,
+		datasetIds: [] as number[],
+		documentIds: [] as number[],
+		accountCode: '',
 		accountName: '',
 		platform: '',
-		prompt: '',
-		greeting: '',
 		status: 1,
-		creator: '',
-		modifier: '',
+		greeting: '',
+		keywordOption: [] as string[],
+		selfIdentity: '',
 	} as DialogFormData,
 });
 
 const rules: FormRules = {
-	accountName: [
-		{ required: true, message: '客服账号不能为空', trigger: 'blur' },
-		{ min: 2, max: 50, message: '客服账号长度在 2 到 50 个字符', trigger: 'blur' },
-	],
+	accountCode: [{ required: true, message: '账号编码不能为空', trigger: 'blur' }],
 	platform: [{ required: true, message: '请选择客服平台', trigger: 'change' }],
 };
 
@@ -111,21 +114,38 @@ const { loading, isShowDialog, formData, activeNames } = toRefs(state);
 /**
  * 打开对话框
  */
-const openDialog = (row?: DialogFormData) => {
+const openDialog = async (row?: DialogFormData) => {
 	resetForm();
 
 	if (row && row.id) {
-		// 编辑模式：填充数据
-		state.formData = { ...row };
-	} else {
-		// 新增模式：重置ID和状态
-		state.formData.id = '';
-		state.formData.status = 1;
+		try {
+			state.loading = true;
+			const res = await getAccountOne({ id: row.id });
+			if (res.data) {
+				state.formData = {
+					...res.data,
+					id: res.data.id,
+					datasetIds: res.data.datasetIds || [],
+					documentIds: res.data.documentIds || [],
+					accountCode: res.data.accountCode || '',
+					accountName: res.data.accountName || '',
+					platform: res.data.platform || '',
+					status: res.data.status ?? 1,
+					greeting: res.data.greeting || '',
+					keywordOption: res.data.keywordOption || [],
+					selfIdentity: res.data.selfIdentity || '',
+				};
+			}
+		} catch (error) {
+			console.error('获取账号详情失败:', error);
+			ElMessage.error('获取账号详情失败');
+		} finally {
+			state.loading = false;
+		}
 	}
 
 	state.isShowDialog = true;
 
-	// 下次DOM更新后清除验证
 	nextTick(() => {
 		formRef.value?.clearValidate();
 	});
@@ -158,12 +178,10 @@ const onSubmit = async () => {
 		state.loading = true;
 
 		if (state.formData.id) {
-			// 修改操作
-			await updateAccount(state.formData);
+			await updateAccount(state.formData as any);
 			ElMessage.success('修改成功');
 		} else {
-			// 新增操作
-			await addAccount(state.formData);
+			await addAccount(state.formData as any);
 			ElMessage.success('添加成功');
 		}
 
@@ -171,9 +189,6 @@ const onSubmit = async () => {
 		emit('refresh');
 	} catch (error) {
 		console.error('操作失败:', error);
-		// 错误已由请求拦截器统一处理
-	} finally {
-		state.loading = false;
 	}
 };
 
@@ -182,14 +197,16 @@ const onSubmit = async () => {
  */
 const resetForm = () => {
 	state.formData = {
-		id: '',
+		id: 0,
+		datasetIds: [],
+		documentIds: [],
+		accountCode: '',
 		accountName: '',
 		platform: '',
-		prompt: '',
-		greeting: '',
 		status: 1,
-		creator: '',
-		modifier: '',
+		greeting: '',
+		keywordOption: [],
+		selfIdentity: '',
 	};
 };
 

src/views/customerService/account/index.vue

@@ -21,19 +21,19 @@
 						</el-select>
 					</el-form-item>
 					<el-form-item>
-						<el-button size="default" type="primary" class="ml10" @click="handleSearch" :loading="tableData.loading">
+						<el-button size="default" type="primary" class="ml10" v-debounce @click="handleSearch" :loading="tableData.loading">
 							<el-icon>
 								<ele-Search />
 							</el-icon>
 							查询
 						</el-button>
-						<el-button size="default" type="success" class="ml10 " @click="onOpenAddRole">
+						<el-button size="default" type="success" class="ml10" v-debounce @click="onOpenAddRole">
 							<el-icon>
 								<ele-FolderAdd />
 							</el-icon>
 							新增客服
 						</el-button>
-						<el-button size="default" class="ml10" @click="handleReset" :disabled="tableData.loading">
+						<el-button size="default" class="ml10" v-debounce @click="handleReset" :disabled="tableData.loading">
 							<el-icon>
 								<ele-Refresh />
 							</el-icon>
@@ -50,6 +50,7 @@
 						<el-button
 							size="small"
 							:type="!scope.row.isDisabled ? 'success' : 'info'"
+							v-debounce
 							@click="handleStatusChange(scope.row)"
 							:loading="scope.row.statusLoading"
 						>
@@ -72,7 +73,7 @@
 				</el-table-column>
 				<el-table-column label="操作" width="150">
 					<template #default="scope">
-						<el-button style="color: deepskyblue" size="small" text type="primary" @click="onOpenEditRole(scope.row)">
+						<el-button style="color: deepskyblue" size="small" text type="primary" v-debounce @click="onOpenEditRole(scope.row)">
 							<el-icon><ele-EditPen /></el-icon>修改
 						</el-button>
 					</template>
@@ -94,19 +95,26 @@
 import { ref, reactive, onMounted } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import EditAccount from './component/editAccount.vue';
-import { addAccount, getaccountList, updatestate } from '/@/api/customerService/account';
+import { getAccountList, updateAccount } from '/@/api/customerService/account';
 
 // 定义类型接口
 interface TableDataItem {
-	id: string;
+	id: number;
 	accountName: string;
-	isDisabled: boolean; // 布尔值：false=启用，true=禁用
+	isDisabled: boolean;
 	platform: string;
 	creator: string;
 	modifier: string;
 	createdAt: number;
 	updatedAt: number;
 	statusLoading?: boolean;
+	datasetIds?: number[];
+	documentIds?: number[];
+	accountCode?: string;
+	status?: number;
+	greeting?: string;
+	keywordOption?: string[];
+	selfIdentity?: string;
 }
 
 interface TableParam {
@@ -158,7 +166,7 @@ const getList = async () => {
 			platform: tableData.param.platform || undefined,
 		};
 
-		const res = await getaccountList(queryParams);
+		const res = await getAccountList(queryParams);
 
 		if (res && res.data) {
 			tableData.data = (res.data.list || []).map((item: TableDataItem) => ({
@@ -172,7 +180,6 @@ const getList = async () => {
 			ElMessage.warning('暂无数据');
 		}
 	} catch (error) {
-		console.error('获取客服账号列表失败:', error);
 		// 错误已由请求拦截器统一处理
 		tableData.data = [];
 		tableData.total = 0;
@@ -236,7 +243,6 @@ const formatTime = (time: string | number | Date): string => {
 
 		return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
 	} catch (error) {
-		console.error('时间格式化错误:', error);
 		return String(time);
 	}
 };
@@ -253,21 +259,23 @@ const handleStatusChange = async (row: TableDataItem) => {
 		});
 
 		row.statusLoading = true;
-		const newStatus = !row.isDisabled; // 切换布尔值
+		const newStatus = row.isDisabled ? 1 : 0;
 
-		await updatestate({
+		await updateAccount({
 			id: row.id,
-			isDisabled: newStatus,
+			datasetIds: [],
+			documentIds: [],
+			accountCode: '',
+			platform: '',
+			status: newStatus,
 		});
 
-		ElMessage.success(`客服账号已${newStatus ? '禁用' : '启用'}`);
-		await getList(); // 重新获取数据
+		ElMessage.success(`客服账号已${!row.isDisabled ? '禁用' : '启用'}`);
+		await getList();
 	} catch (error) {
 		if (error == 'cancel') {
 			return;
 		}
-		console.error('状态切换失败:', error);
-		// 错误已由请求拦截器统一处理
 	} finally {
 		setTimeout(() => {
 			row.statusLoading = false;
@@ -289,7 +297,6 @@ const onOpenEditRole = (row: any) => {
 	editRoleRef.value?.openDialog(row);
 };
 
-
 // 生命周期
 onMounted(() => {
 	getList();

src/views/customerService/script/index.vue

@@ -8,19 +8,19 @@
 						<el-input size="default" v-model="tableData.param.tag" placeholder="请输入标签" class="w-50 m-2" clearable @keyup.enter="handleSearch" />
 					</el-form-item>
 					<el-form-item>
-						<el-button size="default" type="primary" class="ml10" @click="handleSearch" :loading="tableData.loading">
+						<el-button size="default" type="primary" class="ml10" v-debounce @click="handleSearch" :loading="tableData.loading">
 							<el-icon>
 								<ele-Search />
 							</el-icon>
 							查询
 						</el-button>
-						<el-button size="default" class="ml10" @click="handleReset" :disabled="tableData.loading">
+						<el-button size="default" class="ml10" v-debounce @click="handleReset" :disabled="tableData.loading">
 							<el-icon>
 								<ele-Refresh />
 							</el-icon>
 							重置
 						</el-button>
-						<el-button size="default" type="success" @click="handleAdd">
+						<el-button size="default" type="success" v-debounce @click="handleAdd">
 							<el-icon><FolderAdd /></el-icon>
 							新增话术
 						</el-button>
@@ -47,10 +47,10 @@
 				</el-table-column>
 				<el-table-column label="操作" width="200" align="center" fixed="right">
 					<template #default="{ row }">
-						<el-button size="small" text type="primary" class="op-btn-edit" @click="handleEdit(row)">
+						<el-button size="small" text type="primary" class="op-btn-edit" v-debounce @click="handleEdit(row)">
 							<el-icon><EditPen /></el-icon>修改
 						</el-button>
-						<el-button size="small" text type="danger" class="op-btn-del" @click="handleDelete(row)">
+						<el-button size="small" text type="danger" class="op-btn-del" v-debounce @click="handleDelete(row)">
 							<el-icon><DeleteFilled /></el-icon>删除
 						</el-button>
 					</template>

src/views/knowledge/index.vue

@@ -8,11 +8,11 @@
 					<span class="header-title">知识库</span>
 				</div>
 				<div class="header-actions">
-					<el-button type="primary" @click="onAddknowledge">
+					<el-button type="primary" v-debounce @click="onAddknowledge">
 						<el-icon><ele-Plus /></el-icon>
 						新建知识库
 					</el-button>
-					<el-button type="success" @click="onOpenModelConfig">
+					<el-button type="success" v-debounce @click="onOpenModelConfig">
 						<el-icon><ele-Setting /></el-icon>
 						模型配置
 					</el-button>
@@ -39,12 +39,12 @@
 					<!-- 悬停操作按钮 -->
 					<div class="card-actions" @click.stop>
 						<el-tooltip content="重命名" placement="top">
-							<el-button text size="small" @click="onRenameknowledge(item)">
+							<el-button text size="small" v-debounce @click="onRenameknowledge(item)">
 								<el-icon><ele-Edit /></el-icon>
 							</el-button>
 						</el-tooltip>
 						<el-tooltip content="删除" placement="top">
-							<el-button text size="small" type="danger" @click="onDeleteknowledge(item)">
+							<el-button text size="small" type="danger" v-debounce @click="onDeleteknowledge(item)">
 								<el-icon><ele-Delete /></el-icon>
 							</el-button>
 						</el-tooltip>
@@ -125,7 +125,7 @@
 										<el-icon><ele-Search /></el-icon>
 									</template>
 								</el-input>
-								<el-button type="primary" @click="onUploadFile">
+								<el-button type="primary" v-debounce @click="onUploadFile">
 									<el-icon><ele-Plus /></el-icon>
 									新增文件
 								</el-button>
@@ -146,17 +146,20 @@
 								</el-table-column>
 								<el-table-column prop="vectorStatus" label="向量化" width="100" align="center">
 									<template #default="{ row }">
-										<el-tag :type="row.vectorStatus === 2 ? 'success' : 'warning'" size="small">
-											{{ row.vectorStatus === 2 ? '已完成' : '未完成' }}
+										<el-tag :type="getVectorStatusType(row.vectorStatus)" size="small">
+											{{ getVectorStatusText(row.vectorStatus) }}
 										</el-tag>
 									</template>
 								</el-table-column>
 								<el-table-column prop="createdAt" label="上传日期" width="180" />
 								<el-table-column label="动作" width="180" align="center">
 									<template #default="{ row }">
-										<el-button text size="small" @click="onPreviewFile(row)">预览</el-button>
-										<el-button text size="small" type="primary" @click="onGenerateVector(row)">生成向量</el-button>
-										<el-button text size="small" type="danger" @click="onDeleteFile(row)">删除</el-button>
+										<el-button text size="small" v-debounce @click="onPreviewFile(row)">预览</el-button>
+										<el-button v-if="row.vectorStatus === 1" text size="small" type="primary" v-debounce @click="onGenerateVector(row)"
+											>生成向量</el-button
+										>
+										<el-button v-else text size="small" type="primary" v-debounce @click="onViewTaskList(row)">查看任务</el-button>
+										<el-button text size="small" type="danger" v-debounce @click="onDeleteFile(row)">删除</el-button>
 									</template>
 								</el-table-column>
 							</el-table>
@@ -169,7 +172,7 @@
 						<div class="panel-card">
 							<h3>检索测试</h3>
 							<el-input v-model="searchQuery" type="textarea" :rows="3" placeholder="输入问题进行检索测试..." />
-							<el-button type="primary" class="mt15" @click="onSearchTest">测试检索</el-button>
+							<el-button type="primary" class="mt15" v-debounce @click="onSearchTest">测试检索</el-button>
 							<div class="search-results mt15" v-if="searchResults.length > 0">
 								<h4>检索结果</h4>
 								<div class="result-item" v-for="(item, index) in searchResults" :key="index">
@@ -215,7 +218,7 @@
 									<el-input-number v-model="settingsForm.chunkOverlap" :min="0" :max="500" />
 								</el-form-item>
 								<el-form-item>
-									<el-button type="primary" @click="onSaveSettings">保存配置</el-button>
+									<el-button type="primary" v-debounce @click="onSaveSettings">保存配置</el-button>
 								</el-form-item>
 							</el-form>
 						</div>
@@ -236,7 +239,7 @@
 			</el-form>
 			<template #footer>
 				<el-button @click="showknowledgeDialog = false">取消</el-button>
-				<el-button type="primary" @click="onSaveknowledge" :loading="knowledgeSaving">确定</el-button>
+				<el-button type="primary" v-debounce @click="onSaveknowledge" :loading="knowledgeSaving">确定</el-button>
 			</template>
 		</el-dialog>
 
@@ -261,7 +264,7 @@
 			</el-upload>
 			<template #footer>
 				<el-button @click="showUploadDialog = false">取消</el-button>
-				<el-button type="primary" @click="onConfirmUpload" :loading="uploading" :disabled="uploadFileList.length === 0">
+				<el-button type="primary" v-debounce @click="onConfirmUpload" :loading="uploading" :disabled="uploadFileList.length === 0">
 					上传 ({{ uploadFileList.length }} 个文件)
 				</el-button>
 			</template>
@@ -278,7 +281,7 @@
 		<!-- 模型配置弹窗 -->
 		<el-dialog title="模型配置" v-model="showModelConfigDialog" width="1000px" :close-on-click-modal="false">
 			<div class="model-config-list" v-loading="modelConfigLoading">
-				<el-button type="primary" style="margin-bottom: 16px" @click="onCreateModelConfig">
+				<el-button type="primary" style="margin-bottom: 16px" v-debounce @click="onCreateModelConfig">
 					<el-icon><ele-Plus /></el-icon>
 					创建模型配置
 				</el-button>
@@ -299,7 +302,7 @@
 					</el-table-column>
 					<el-table-column label="操作" width="80" align="center">
 						<template #default="{ row }">
-							<el-button text size="small" type="primary" @click="onEditModelConfig(row)">编辑</el-button>
+							<el-button text size="small" type="primary" v-debounce @click="onEditModelConfig(row)">编辑</el-button>
 						</template>
 					</el-table-column>
 				</el-table>
@@ -310,6 +313,53 @@
 			</template>
 		</el-dialog>
 
+		<!-- 任务列表弹窗 -->
+		<el-dialog title="任务列表" v-model="showTaskListDialog" width="900px" :close-on-click-modal="false">
+			<el-table :data="taskList" style="width: 100%" border v-loading="taskListLoading">
+				<el-table-column prop="taskType" label="任务类型" width="150">
+					<template #default="{ row }">
+						{{ getTaskTypeText(row.taskType) }}
+					</template>
+				</el-table-column>
+				<el-table-column prop="status" label="任务状态" width="120">
+					<template #default="{ row }">
+						<el-tag :type="getTaskStatusType(row.status)" size="small">
+							{{ getTaskStatusText(row.status) }}
+						</el-tag>
+					</template>
+				</el-table-column>
+				<el-table-column prop="remark" label="备注" min-width="200" />
+				<el-table-column prop="startTime" label="开始时间" width="180">
+					<template #default="{ row }">
+						{{ row.startTime ? formatDateTime(row.startTime) : '-' }}
+					</template>
+				</el-table-column>
+				<el-table-column prop="endTime" label="结束时间" width="180">
+					<template #default="{ row }">
+						{{ row.endTime ? formatDateTime(row.endTime) : '-' }}
+					</template>
+				</el-table-column>
+				<el-table-column label="操作" width="120" align="center">
+					<template #default="{ row }">
+						<el-button
+							v-if="row.status === 'FAILED' || row.status === 'COMPLETED'"
+							text
+							size="small"
+							type="primary"
+							v-debounce
+							@click="onReexecuteTask(row)"
+							>重新执行</el-button
+						>
+						<el-button v-else text size="small" type="info" disabled>执行中</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+			<el-empty v-if="taskList.length === 0 && !taskListLoading" description="暂无任务" :image-size="60" />
+			<template #footer>
+				<el-button @click="showTaskListDialog = false">关闭</el-button>
+			</template>
+		</el-dialog>
+
 		<!-- 创建/编辑模型配置弹窗 -->
 		<el-dialog :title="isEditMode ? '编辑模型配置' : '创建模型配置'" v-model="showCreateModelDialog" width="600px" :close-on-click-modal="false">
 			<div v-loading="modelEnumsLoading || modelFormLoading">
@@ -356,7 +406,7 @@
 			</div>
 			<template #footer>
 				<el-button @click="showCreateModelDialog = false">取消</el-button>
-				<el-button type="primary" @click="onSaveModelConfig()" :disabled="!selectedModelType || !selectedConfigType"> 保存 </el-button>
+				<el-button type="primary" v-debounce @click="onSaveModelConfig" :disabled="!selectedModelType || !selectedConfigType"> 保存 </el-button>
 			</template>
 		</el-dialog>
 	</div>
@@ -374,7 +424,17 @@ import { ElMessage, ElMessageBox } from 'element-plus';
 import type { FormInstance, FormRules, UploadFile } from 'element-plus';
 import DocumentDetailDialog from './component/documentDetailDialog.vue';
 import { listknowledges, createknowledge, updateknowledge, deleteknowledge } from '/@/api/knowledge/dataset';
-import { listDocuments, uploadFile, createDocument, deleteDocument, updateDocument, generateVector, getDocument } from '/@/api/knowledge/document';
+import {
+	listDocuments,
+	uploadFile,
+	createDocument,
+	deleteDocument,
+	updateDocument,
+	generateVector,
+	getDocument,
+	listTasks,
+	reexecuteTask,
+} from '/@/api/knowledge/document';
 import { listModelConfigs, createModelConfig, updateModelConfig, getModelConfig, getAllModelEnums, getModelFormField } from '/@/api/knowledge/model';
 
 // 数据集相关
@@ -389,6 +449,11 @@ const showModelConfigDialog = ref(false);
 const modelConfigList = ref<any[]>([]);
 const modelConfigLoading = ref(false);
 
+// 任务列表相关
+const showTaskListDialog = ref(false);
+const taskList = ref<any[]>([]);
+const taskListLoading = ref(false);
+
 // 创建模型配置相关
 const showCreateModelDialog = ref(false);
 const modelEnums = ref<any[]>([]);
@@ -995,6 +1060,101 @@ const formatDateTime = (dateTime: string) => {
 	return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
 };
 
+// 获取向量状态文本
+const getVectorStatusText = (status: number) => {
+	const statusMap: Record<number, string> = {
+		1: '待处理',
+		2: '处理中',
+		3: '已完成',
+		4: '失败',
+	};
+	return statusMap[status] || '未知';
+};
+
+// 获取向量状态标签类型
+const getVectorStatusType = (status: number) => {
+	const typeMap: Record<number, any> = {
+		1: 'warning',
+		2: 'primary',
+		3: 'success',
+		4: 'danger',
+	};
+	return typeMap[status] || 'info';
+};
+
+// 获取任务类型文本
+const getTaskTypeText = (taskType: string) => {
+	const typeMap: Record<string, string> = {
+		EXTRACT_KEYWORDS: '提取关键词',
+		GENERATE_VECTOR: '生成向量',
+		FULL_TEXT_SEARCH: '全文检索',
+		DOC_PARSE: '文档解析',
+	};
+	return typeMap[taskType] || taskType;
+};
+
+// 获取任务状态文本
+const getTaskStatusText = (status: string) => {
+	const statusMap: Record<string, string> = {
+		PENDING: '待执行',
+		RUNNING: '执行中',
+		COMPLETED: '已完成',
+		FAILED: '执行失败',
+	};
+	return statusMap[status] || status;
+};
+
+// 获取任务状态标签类型
+const getTaskStatusType = (status: string) => {
+	const typeMap: Record<string, any> = {
+		PENDING: 'warning',
+		RUNNING: 'primary',
+		COMPLETED: 'success',
+		FAILED: 'danger',
+	};
+	return typeMap[status] || 'info';
+};
+
+// 查看任务列表
+const onViewTaskList = async (row: any) => {
+	showTaskListDialog.value = true;
+	await getTaskList();
+};
+
+// 获取任务列表
+const getTaskList = async () => {
+	taskListLoading.value = true;
+	try {
+		const response = await listTasks();
+		taskList.value = response.data?.list || [];
+	} catch (error) {
+		ElMessage.error('获取任务列表失败');
+		taskList.value = [];
+	} finally {
+		taskListLoading.value = false;
+	}
+};
+
+// 重新执行任务
+const onReexecuteTask = async (task: any) => {
+	ElMessageBox.confirm(`确定要重新执行任务【${getTaskTypeText(task.taskType)}】吗？`, '提示', {
+		confirmButtonText: '确定',
+		cancelButtonText: '取消',
+		type: 'warning',
+	})
+		.then(async () => {
+			try {
+				await reexecuteTask(task.id);
+				ElMessage.success('重新执行任务成功');
+				// 重新获取任务列表
+				await getTaskList();
+			} catch (error) {
+				ElMessage.error('重新执行任务失败，请重试');
+			}
+		})
+		.catch(() => {});
+};
+
 // 页面加载
 onMounted(() => {
 	getknowledgeList();

src/views/system/user/index.vue

@@ -19,7 +19,7 @@
 					</el-aside>
 				</el-card>
 			</el-col> -->
-			<el-col >
+			<el-col>
 				<el-card shadow="hover">
 					<div class="system-user-search mb15">
 						<el-form :model="tableData.param" ref="queryRef" :inline="true" label-width="68px">
@@ -62,25 +62,25 @@
 								></el-date-picker>
 							</el-form-item>
 							<el-form-item>
-								<el-button size="default" type="primary" class="ml10" @click="userList">
+								<el-button size="default" type="primary" class="ml10" v-debounce @click="userList">
 									<el-icon>
 										<ele-Search />
 									</el-icon>
 									查询
 								</el-button>
-								<el-button size="default" @click="resetQuery(queryRef)">
+								<el-button size="default" v-debounce @click="resetQuery(queryRef)">
 									<el-icon>
 										<ele-Refresh />
 									</el-icon>
 									重置
 								</el-button>
-								<el-button size="default" type="success" class="ml10" @click="onOpenAddUser">
+								<el-button size="default" type="success" class="ml10" v-debounce @click="onOpenAddUser">
 									<el-icon>
 										<ele-FolderAdd />
 									</el-icon>
 									新增用户
 								</el-button>
-								<el-button size="default" type="danger" class="ml10" @click="onRowDel(null)">
+								<el-button size="default" type="danger" class="ml10" v-debounce @click="onRowDel(null)">
 									<el-icon>
 										<ele-Delete />
 									</el-icon>
@@ -119,9 +119,27 @@
 						<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip></el-table-column>
 						<el-table-column label="操作" width="200">
 							<template #default="scope">
-								<el-button size="small" text type="primary" class="op-btn-edit" :disabled="!scope.row.isOperation" @click="onOpenEditUser(scope.row)">修改</el-button>
-								<el-button size="small" text type="primary" class="op-btn-del" :disabled="!scope.row.isOperation" @click="onRowDel(scope.row)">删除</el-button>
-								<el-button size="small" text type="primary" @click="handleResetPwd(scope.row)">重置</el-button>
+								<el-button
+									size="small"
+									text
+									type="primary"
+									class="op-btn-edit"
+									:disabled="!scope.row.isOperation"
+									v-debounce
+									@click="onOpenEditUser(scope.row)"
+									>修改</el-button
+								>
+								<el-button
+									size="small"
+									text
+									type="primary"
+									class="op-btn-del"
+									:disabled="!scope.row.isOperation"
+									v-debounce
+									@click="onRowDel(scope.row)"
+									>删除</el-button
+								>
+								<el-button size="small" text type="primary" v-debounce @click="handleResetPwd(scope.row)">重置</el-button>
 							</template>
 						</el-table-column>
 					</el-table>

src/views/trade/operation/setting/anchor/component/editAnchor.vue

@@ -0,0 +1,196 @@
+<template>
+	<div class="anchor-edit-dialog">
+		<el-dialog :title="(formData.id ? '修改' : '添加') + '主播'" v-model="isShowDialog" width="769px">
+			<el-form ref="formRef" :model="formData" :rules="rules" size="default" label-width="90px">
+				<el-row :gutter="35">
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="主播姓名" prop="name">
+							<el-input v-model="formData.name" placeholder="请输入主播姓名" clearable />
+						</el-form-item>
+					</el-col>
+
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="联系电话" prop="phone">
+							<el-input v-model="formData.phone" placeholder="请输入联系电话" clearable />
+						</el-form-item>
+					</el-col>
+
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="工号" prop="code">
+							<el-input v-model="formData.code" placeholder="请输入工号" clearable />
+						</el-form-item>
+					</el-col>
+
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="状态" prop="status">
+							<el-select v-model="formData.status" placeholder="请选择状态" clearable style="width: 100%">
+								<el-option label="正常" :value="1" />
+								<el-option label="停用" :value="0" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+
+					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
+						<el-form-item label="备注" prop="remark">
+							<el-input
+								v-model="formData.remark"
+								type="textarea"
+								:rows="4"
+								placeholder="请输入备注"
+								clearable
+							/>
+						</el-form-item>
+					</el-col>
+				</el-row>
+			</el-form>
+
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button @click="onCancel" size="default">取 消</el-button>
+					<el-button type="primary" @click="onSubmit" size="default" :loading="loading">
+						{{ formData.id ? '修 改' : '新 增' }}
+					</el-button>
+				</span>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, toRefs, nextTick } from 'vue';
+import { ElMessage, type FormInstance, type FormRules } from 'element-plus';
+import { addAnchor, updateAnchor, getAnchorOne } from '/@/api/trade/operation/setting/anchor';
+
+interface DialogFormData {
+	id?: string;
+	name: string;
+	phone: string;
+	code: string;
+	status: number;
+	remark: string;
+}
+
+const emit = defineEmits<{
+	(e: 'refresh'): void;
+}>();
+
+const state = reactive({
+	loading: false,
+	isShowDialog: false,
+	formData: {
+		id: '',
+		name: '',
+		phone: '',
+		code: '',
+		status: 1,
+		remark: '',
+	} as DialogFormData,
+});
+
+const rules: FormRules = {
+	name: [
+		{ required: true, message: '主播姓名不能为空', trigger: 'blur' },
+		{ min: 2, max: 50, message: '主播姓名长度在 2 到 50 个字符', trigger: 'blur' },
+	],
+	phone: [
+		{ required: true, message: '联系电话不能为空', trigger: 'blur' },
+		{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur' },
+	],
+	code: [
+		{ required: true, message: '工号不能为空', trigger: 'blur' },
+	],
+};
+
+const formRef = ref<FormInstance>();
+const { loading, isShowDialog, formData } = toRefs(state);
+
+const openDialog = async (row?: DialogFormData) => {
+	resetForm();
+
+	if (row && row.id) {
+		try {
+			state.loading = true;
+			const res = await getAnchorOne({ id: row.id });
+			if (res.data) {
+				state.formData = {
+					id: res.data.id,
+					name: res.data.name || '',
+					phone: res.data.phone || '',
+					code: res.data.code || '',
+					status: res.data.status ?? 1,
+					remark: res.data.remark || '',
+				};
+			}
+		} catch (error) {
+			console.error('获取主播详情失败:', error);
+			ElMessage.error('获取主播详情失败');
+		} finally {
+			state.loading = false;
+		}
+	}
+
+	state.isShowDialog = true;
+	nextTick(() => {
+		formRef.value?.clearValidate();
+	});
+};
+
+const closeDialog = () => {
+	state.isShowDialog = false;
+};
+
+const onCancel = () => {
+	closeDialog();
+};
+
+const onSubmit = async () => {
+	if (!formRef.value) return;
+
+	try {
+		const valid = await formRef.value.validate();
+		if (!valid) return;
+
+		state.loading = true;
+
+		if (state.formData.id) {
+			await updateAnchor(state.formData);
+			ElMessage.success('修改成功');
+		} else {
+			await addAnchor(state.formData);
+			ElMessage.success('添加成功');
+		}
+
+		closeDialog();
+		emit('refresh');
+	} catch (error) {
+		console.error('操作失败:', error);
+		ElMessage.error('操作失败');
+	} finally {
+		state.loading = false;
+	}
+};
+
+const resetForm = () => {
+	state.formData = {
+		id: '',
+		name: '',
+		phone: '',
+		code: '',
+		status: 1,
+		remark: '',
+	};
+};
+
+defineExpose({
+	openDialog,
+	closeDialog,
+});
+</script>
+
+<style scoped>
+.status-tip {
+	font-size: 12px;
+	color: #999;
+	margin-top: 5px;
+}
+</style>

src/views/trade/operation/setting/anchor/index.vue

@@ -0,0 +1,216 @@
+<template>
+	<div class="trade-operation-setting-anchor">
+		<el-card shadow="never" class="search-card">
+			<el-form :inline="true" :model="searchForm" class="mb20">
+				<el-form-item label="主播姓名">
+					<el-input v-model="searchForm.name" placeholder="请输入主播姓名" clearable />
+				</el-form-item>
+				<el-form-item label="联系电话">
+					<el-input v-model="searchForm.phone" placeholder="请输入联系电话" clearable />
+				</el-form-item>
+				<el-form-item label="工号">
+					<el-input v-model="searchForm.code" placeholder="请输入工号" clearable />
+				</el-form-item>
+				<el-form-item label="状态">
+					<el-select v-model="searchForm.status" placeholder="请选择状态" clearable>
+						<el-option label="正常" :value="1" />
+						<el-option label="停用" :value="0" />
+					</el-select>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleSearch" :loading="tableData.loading">
+						<el-icon><Search /></el-icon>
+						查询
+					</el-button>
+					<el-button @click="handleReset" :disabled="tableData.loading">
+						<el-icon><Refresh /></el-icon>
+						重置
+					</el-button>
+					<el-button type="success" @click="onOpenAdd">
+						<el-icon><Plus /></el-icon>
+						新增
+					</el-button>
+				</el-form-item>
+			</el-form>
+		</el-card>
+
+		<el-card shadow="never" class="mt20">
+			<el-table v-loading="tableData.loading" :data="tableData.data" style="width: 100%">
+				<el-table-column prop="id" label="ID" width="200" />
+				<el-table-column prop="name" label="主播姓名" />
+				<el-table-column prop="phone" label="联系电话" />
+				<el-table-column prop="code" label="工号" />
+				<el-table-column prop="statusName" label="状态" width="100" />
+				<el-table-column prop="remark" label="备注" show-overflow-tooltip />
+				<el-table-column prop="createdAt" label="创建时间" width="180">
+					<template #default="{ row }">
+						{{ formatTimestamp(row.createdAt) }}
+					</template>
+				</el-table-column>
+				<el-table-column prop="updatedAt" label="更新时间" width="180">
+					<template #default="{ row }">
+						{{ formatTimestamp(row.updatedAt) }}
+					</template>
+				</el-table-column>
+				<el-table-column label="操作" width="150" fixed="right">
+					<template #default="{ row }">
+						<el-button size="small" type="primary" text @click="onOpenEdit(row)">
+							<el-icon><EditPen /></el-icon>修改
+						</el-button>
+						<el-button size="small" type="danger" text @click="handleDelete(row)">
+							<el-icon><Delete /></el-icon>删除
+						</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+
+			<el-pagination
+				v-model:current-page="tableData.param.pageNum"
+				v-model:page-size="tableData.param.pageSize"
+				:page-sizes="[10, 20, 30, 50]"
+				layout="total, sizes, prev, pager, next, jumper"
+				:total="tableData.total"
+				@size-change="handleSizeChange"
+				@current-change="handleCurrentChange"
+				class="mt20"
+			/>
+		</el-card>
+
+		<EditAnchor ref="editAnchorRef" @refresh="getList" />
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, onMounted } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { Search, Refresh, Plus, EditPen, Delete } from '@element-plus/icons-vue';
+import { getAnchorList, deleteAnchor } from '/@/api/trade/operation/setting/anchor';
+import EditAnchor from './component/editAnchor.vue';
+
+interface TableDataItem {
+	id: string;
+	name: string;
+	phone: string;
+	code: string;
+	status: number;
+	statusName: string;
+	remark: string;
+	createdAt: number;
+	updatedAt: number;
+}
+
+const searchForm = reactive({
+	name: '',
+	phone: '',
+	code: '',
+	status: undefined as number | undefined,
+});
+
+const tableData = reactive({
+	loading: false,
+	data: [] as TableDataItem[],
+	total: 0,
+	param: {
+		pageNum: 1,
+		pageSize: 10,
+	},
+});
+
+const editAnchorRef = ref();
+
+const handleSearch = () => {
+	tableData.param.pageNum = 1;
+	getList();
+};
+
+const handleReset = () => {
+	searchForm.name = '';
+	searchForm.phone = '';
+	searchForm.code = '';
+	searchForm.status = undefined;
+	tableData.param.pageNum = 1;
+	getList();
+};
+
+const handleSizeChange = (size: number) => {
+	tableData.param.pageSize = size;
+	getList();
+};
+
+const handleCurrentChange = (current: number) => {
+	tableData.param.pageNum = current;
+	getList();
+};
+
+const formatTimestamp = (timestamp: number) => {
+	if (!timestamp) return '';
+	const date = new Date(timestamp * 1000);
+	return date.toLocaleString('zh-CN');
+};
+
+const getList = async () => {
+	try {
+		tableData.loading = true;
+		const res = await getAnchorList({
+			...tableData.param,
+			name: searchForm.name || undefined,
+			phone: searchForm.phone || undefined,
+			code: searchForm.code || undefined,
+			status: searchForm.status,
+		});
+		if (res && res.data) {
+			tableData.data = res.data.list || [];
+			tableData.total = res.data.total || 0;
+		}
+	} catch (error) {
+		console.error('获取主播列表失败:', error);
+		ElMessage.error('获取主播列表失败');
+	} finally {
+		tableData.loading = false;
+	}
+};
+
+const onOpenAdd = () => {
+	editAnchorRef.value?.openDialog();
+};
+
+const onOpenEdit = (row: TableDataItem) => {
+	editAnchorRef.value?.openDialog(row);
+};
+
+const handleDelete = async (row: TableDataItem) => {
+	try {
+		await ElMessageBox.confirm(`确定要删除主播 "${row.name}" 吗？`, '提示', {
+			confirmButtonText: '确定',
+			cancelButtonText: '取消',
+			type: 'warning',
+		});
+		await deleteAnchor({ id: row.id });
+		ElMessage.success('删除成功');
+		getList();
+	} catch (error) {
+		if (error !== 'cancel') {
+			console.error('删除失败:', error);
+			ElMessage.error('删除失败');
+		}
+	}
+};
+
+onMounted(() => {
+	getList();
+});
+</script>
+
+<style scoped lang="scss">
+.trade-operation-setting-anchor {
+	padding: 20px;
+}
+
+.mb20 {
+	margin-bottom: 20px;
+}
+
+.mt20 {
+	margin-top: 20px;
+}
+</style>