diff --git a/src/api/customerService/script/index.ts b/src/api/customerService/script/index.ts
index a8b57d2..9f68c6f 100644
--- a/src/api/customerService/script/index.ts
+++ b/src/api/customerService/script/index.ts
@@ -3,7 +3,7 @@ import request from '/@/utils/request';
 //获取话术列表
 export function getscriptList(data: object) {
 	return request({
-		url: '/customer-server/speechcraft/list',
+		url: '/customer-server/scripted/speech/list',
 		method: 'get',
 		params: data,
 	});
@@ -12,7 +12,7 @@ export function getscriptList(data: object) {
 //增加话术
 export function addScript(data: object) {
 	return request({
-		url: '/customer-server/speechcraft/add',
+		url: '/customer-server/scripted/speech/add',
 		method: 'post',
 		data: data,
 	});
@@ -21,7 +21,7 @@ export function addScript(data: object) {
 //删除话术列表
 export function deleteScript(data: object) {
 	return request({
-		url: '/customer-server/speechcraft/delete',
+		url: '/customer-server/scripted/speech/delete',
 		method: 'post',
 		data: data,
 	});
@@ -30,8 +30,17 @@ export function deleteScript(data: object) {
 //更新话术列表
 export function updateScript(data: object) {
 	return request({
-		url: '/customer-server/speechcraft/update',
+		url: '/customer-server/scripted/speech/update',
 		method: 'post',
 		data: data,
 	});
 }
+
+//获取话术详情
+export function getScriptDetail(data: object) {
+	return request({
+		url: '/customer-server/scripted/speech/getOne',
+		method: 'get',
+		params: data,
+	});
+}
diff --git a/src/api/knowledge/document/index.ts b/src/api/knowledge/document/index.ts
index d8f93b1..d8da716 100644
--- a/src/api/knowledge/document/index.ts
+++ b/src/api/knowledge/document/index.ts
@@ -29,6 +29,7 @@ export interface UpdateDocumentParams {
 	fileSize?: number;
 	format?: string;
 	title?: string;
+	status?: number;
 }
 
 // 文档分段查询参数
@@ -184,3 +185,12 @@ export function getDocumentProcess(id: string) {
 		params: { id },
 	});
 }
+
+// 生成向量
+export function generateVector(id: string, datasetId: string) {
+	return request({
+		url: '/rag/document/vectorization',
+		method: 'post',
+		data: { id, datasetId },
+	});
+}
diff --git a/src/components/pagination/index.vue b/src/components/pagination/index.vue
index ee3e06a..f229446 100644
--- a/src/components/pagination/index.vue
+++ b/src/components/pagination/index.vue
@@ -1,100 +1,113 @@
 <template>
-  <div :class="{'hidden':hidden}" class="pagination-container">
-    <el-pagination
-        :background="background"
-        v-model:current-page="currentPage"
-        v-model:page-size="pageSize"
-        :layout="layout"
-        :page-sizes="pageSizes"
-        :pager-count="pagerCount"
-        :total="total"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-    />
-  </div>
+	<div :class="{ hidden: hidden }" class="pagination-container">
+		<el-pagination
+			:background="background"
+			v-model:current-page="currentPage"
+			v-model:page-size="pageSize"
+			:layout="layout"
+			:page-sizes="pageSizes"
+			:pager-count="pagerCount"
+			:total="total"
+			@size-change="handleSizeChange"
+			@current-change="handleCurrentChange"
+		/>
+	</div>
 </template>
 
 <script lang="ts">
-import { toRefs, defineComponent,computed } from 'vue';
+import { toRefs, defineComponent, computed, ref, onMounted } from 'vue';
 const props = {
-  total: {
-    required: true,
-    type: Number
-  },
-  page: {
-    type: Number,
-    default: 1
-  },
-  limit: {
-    type: Number,
-    default: 20
-  },
-  pageSizes: {
-    type: Array,
-    default() {
-      return [10, 20, 30, 50]
-    }
-  },
-  // 移动端页码按钮的数量端默认值5
-  pagerCount: {
-    type: Number,
-    default: document.body.clientWidth < 992 ? 5 : 7
-  },
-  layout: {
-    type: String,
-    default: 'total, sizes, prev, pager, next, jumper'
-  },
-  background: {
-    type: Boolean,
-    default: true
-  },
-  hidden: {
-    type: Boolean,
-    default: false
-  }
+	total: {
+		required: true,
+		type: Number,
+	},
+	page: {
+		type: Number,
+		default: 1,
+	},
+	limit: {
+		type: Number,
+		default: 20,
+	},
+	pageSizes: {
+		type: Array,
+		default() {
+			return [10, 20, 30, 50];
+		},
+	},
+	// 移动端页码按钮的数量端默认值5
+	pagerCount: {
+		type: Number,
+		default: document.body.clientWidth < 992 ? 5 : 7,
+	},
+	layout: {
+		type: String,
+		default: 'total, sizes, prev, pager, next, jumper',
+	},
+	background: {
+		type: Boolean,
+		default: true,
+	},
+	hidden: {
+		type: Boolean,
+		default: false,
+	},
 };
 export default defineComponent({
-  name: 'pagination',
-  props: props,
-  setup(props,{emit}){
-    const { page,limit,pageSizes } = toRefs(props);
-    const currentPage = computed({
-      get() {
-        return page.value;
-      },
-      set(val) {
-        emit('update:page', val)
-      }
-    });
-    const pageSize = computed({
-      get() {
-        return limit.value
-      },
-      set(val) {
-        emit('update:limit', val)
-      }
-    });
-    const handleSizeChange = (val:number) => {
-      emit('pagination', { page: currentPage.value, limit: val })
-    };
-    const handleCurrentChange=(val:number) => {
-      emit('pagination', { page: val, limit: pageSizes.value })
-    }
-    return {
-      currentPage,
-      pageSize,
-      handleSizeChange,
-      handleCurrentChange
-    }
-  }
+	name: 'pagination',
+	props: props,
+	setup(props, { emit }) {
+		const { page, limit } = toRefs(props);
+		const isInitialized = ref(false);
+
+		const currentPage = computed({
+			get() {
+				return page.value;
+			},
+			set(val) {
+				emit('update:page', val);
+			},
+		});
+		const pageSize = computed({
+			get() {
+				return limit.value;
+			},
+			set(val) {
+				emit('update:limit', val);
+			},
+		});
+
+		const handleSizeChange = (val: number) => {
+			if (isInitialized.value) {
+				emit('pagination', { page: currentPage.value, limit: val });
+			}
+		};
+		const handleCurrentChange = (val: number) => {
+			if (isInitialized.value) {
+				emit('pagination', { page: val, limit: pageSize.value });
+			}
+		};
+
+		// 组件挂载后标记为已初始化
+		onMounted(() => {
+			isInitialized.value = true;
+		});
+
+		return {
+			currentPage,
+			pageSize,
+			handleSizeChange,
+			handleCurrentChange,
+		};
+	},
 });
 </script>
 
 <style scoped lang="scss">
 .pagination-container {
-  padding: 32px 16px;
+	padding: 32px 16px;
 }
 .pagination-container.hidden {
-  display: none;
+	display: none;
 }
 </style>
diff --git a/src/utils/request.ts b/src/utils/request.ts
index ed1c693..c163cb3 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -108,8 +108,6 @@ const requestInterceptor = (config: InternalAxiosRequestConfig) => {
 				// 没有变化，只传递 id
 				config.data = { id: idField };
 			}
-
-			console.log('[最小化传参] 原始字段数:', Object.keys(currentData).length, '-> 传递字段数:', Object.keys(config.data).length);
 		}
 	}
 
@@ -155,7 +153,6 @@ const responseInterceptor = (response: AxiosResponse) => {
 	if (code === 402 && !requestUrl.includes('/assets/asset/sku/')) {
 		// 获取当前路由路径
 		const currentPath = window.location.hash.replace('#', '') || window.location.pathname;
-		console.log('[request.ts] 检测到403错误，当前路径:', currentPath);
 		handleModuleNotEnabled(currentPath);
 		// 直接返回，不再显示错误消息
 		return Promise.reject(new Error('模块未开通'));
@@ -173,8 +170,6 @@ const responseInterceptor = (response: AxiosResponse) => {
 
 // 响应错误拦截器
 const responseErrorHandler = (error: any) => {
-	console.error('API请求错误:', error);
-
 	if (error.code === 'ECONNABORTED' && error.message.includes('timeout')) {
 		showErrorMessage('请求超时，请检查网络连接');
 		return Promise.reject(new Error('请求超时'));
@@ -206,13 +201,11 @@ const responseErrorHandler = (error: any) => {
 				const lastSubscribeTime = sessionStorage.getItem('lastSubscribeTime');
 				const now = Date.now();
 				if (lastSubscribeTime && now - parseInt(lastSubscribeTime) < 5000) {
-					console.log('[responseErrorHandler] 刚完成开通，跳过402处理');
 					showErrorMessage(responseMessage || '服务开通中，请稍后刷新页面');
 					return Promise.reject(new Error('模块开通中'));
 				}
 
 				const currentPath = window.location.hash.replace('#', '') || window.location.pathname;
-				console.log('[responseErrorHandler] 检测到HTTP 402错误，当前路径:', currentPath);
 				handleModuleNotEnabled(currentPath);
 				return Promise.reject(new Error('模块未开通'));
 			}
diff --git a/src/views/ads/summary/monitor/index.vue b/src/views/ads/summary/monitor/index.vue
index 1b31f56..94f6572 100644
--- a/src/views/ads/summary/monitor/index.vue
+++ b/src/views/ads/summary/monitor/index.vue
@@ -1,135 +1,416 @@
 <template>
 	<div class="ads-summary-monitor">
 		<el-card shadow="hover">
-			<template #header
-				><div class="card-header"><span>监控总表</span></div></template
-			>
-			<div class="search-container">
-				<el-form :model="searchParams" :inline="true" class="search-form">
-					<el-form-item label="时间范围">
-						<el-date-picker
-							v-model="searchParams.dateRange"
-							type="daterange"
-							range-separator="至"
-							start-placeholder="开始日期"
-							end-placeholder="结束日期"
-							value-format="YYYY-MM-DD"
-							:shortcuts="dateShortcuts"
-						/>
+			<template #header>
+				<div class="card-header">
+					<span>监控总表</span>
+					<el-button type="text" @click="openSettingDialog" class="setting-btn">
+						<el-icon><Setting /></el-icon>
+						<span>设置</span>
+					</el-button>
+				</div>
+			</template>
+			<el-tabs v-model="activeTab" class="tabs-container">
+				<el-tab-pane label="数据趋势" name="trend">
+					<div class="chart-container">
+						<el-row :gutter="20">
+							<el-col :span="24">
+								<el-card>
+									<template #header>
+										<div class="card-header">预算执行趋势</div>
+									</template>
+									<div ref="trendChartRef" class="chart" style="width: 100%; height: 600px"></div>
+								</el-card>
+							</el-col>
+						</el-row>
+					</div>
+					<div class="table-container">
+						<el-card>
+							<template #header>
+								<div class="card-header">
+									<span>部门执行明细</span>
+									<el-form :model="searchParams" :inline="true" class="search-form">
+										<el-form-item label="时间范围">
+											<el-date-picker
+												v-model="searchParams.dateRange"
+												type="daterange"
+												range-separator="至"
+												start-placeholder="开始日期"
+												end-placeholder="结束日期"
+												value-format="YYYY-MM-DD"
+												:shortcuts="dateShortcuts"
+											/>
+										</el-form-item>
+										<el-form-item label="部门">
+											<el-select v-model="searchParams.department" placeholder="选择部门">
+												<el-option v-for="option in departmentOptions" :key="option.value || 'all'" :label="option.label" :value="option.value" />
+											</el-select>
+										</el-form-item>
+										<el-form-item>
+											<el-button type="primary" @click="handleSearch">查询</el-button>
+											<el-button @click="handleReset">重置</el-button>
+										</el-form-item>
+									</el-form>
+								</div>
+							</template>
+							<el-table :data="trendTableData" style="width: 100%">
+								<el-table-column prop="department" label="部门" />
+								<el-table-column prop="data" label="数据" />
+							</el-table>
+						</el-card>
+					</div>
+				</el-tab-pane>
+				<el-tab-pane label="部门分析" name="department">
+					<div class="chart-container">
+						<el-row :gutter="20">
+							<el-col :span="24">
+								<el-card>
+									<template #header>
+										<div class="card-header">部门达成率分析</div>
+									</template>
+									<div ref="departmentChartRef" class="chart" style="width: 100%; height: 600px"></div>
+								</el-card>
+							</el-col>
+						</el-row>
+					</div>
+					<div class="table-container">
+						<el-card>
+							<template #header>
+								<div class="card-header">
+									<span>部门预算执行明细</span>
+									<el-form :model="searchParams" :inline="true" class="search-form">
+										<el-form-item label="时间范围">
+											<el-date-picker
+												v-model="searchParams.dateRange"
+												type="daterange"
+												range-separator="至"
+												start-placeholder="开始日期"
+												end-placeholder="结束日期"
+												value-format="YYYY-MM-DD"
+												:shortcuts="dateShortcuts"
+											/>
+										</el-form-item>
+										<el-form-item label="部门">
+											<el-select v-model="searchParams.department" placeholder="选择部门">
+												<el-option v-for="option in departmentOptions" :key="option.value || 'all'" :label="option.label" :value="option.value" />
+											</el-select>
+										</el-form-item>
+										<el-form-item>
+											<el-button type="primary" @click="handleSearch">查询</el-button>
+											<el-button @click="handleReset">重置</el-button>
+										</el-form-item>
+									</el-form>
+								</div>
+							</template>
+							<el-table :data="departmentTableData" style="width: 100%">
+								<el-table-column prop="department" label="部门" />
+								<el-table-column prop="monthlyBudget" label="月度任务" />
+								<el-table-column prop="executed" label="已达成" />
+								<el-table-column prop="achievementRate" label="达成率">
+									<template #default="scope">{{ scope.row.achievementRate }}%</template>
+								</el-table-column>
+								<el-table-column prop="surplusBudget" label="剩余任务" />
+								<el-table-column prop="dailyAverage" label="剩余日均" />
+								<el-table-column prop="yesterday" label="昨日" />
+								<el-table-column prop="estimatedAchievement" label="预计达成" />
+								<el-table-column prop="dailyDifference" label="日均差" />
+								<el-table-column prop="previousDay" label="前日" />
+								<el-table-column prop="sequentialRatio" label="环比" />
+								<el-table-column prop="timeProgress" label="对比时间进度" />
+								<el-table-column prop="januaryAchievement" label="1月达成" />
+								<el-table-column prop="januarySequentialRatio" label="环比" />
+								<el-table-column prop="differenceFromTarget" label="目标差" />
+							</el-table>
+						</el-card>
+					</div>
+				</el-tab-pane>
+				<el-tab-pane label="任务进度" name="progress">
+					<div class="chart-container">
+						<el-row :gutter="20">
+							<el-col :span="24">
+								<el-card>
+									<template #header>
+										<div class="card-header">任务进度分析</div>
+									</template>
+									<div ref="progressChartRef" class="chart" style="width: 100%; height: 600px"></div>
+								</el-card>
+							</el-col>
+						</el-row>
+					</div>
+					<div class="table-container">
+						<el-card>
+							<template #header>
+								<div class="card-header">
+									<span>任务进度明细</span>
+									<el-form :model="searchParams" :inline="true" class="search-form">
+										<el-form-item label="时间范围">
+											<el-date-picker
+												v-model="searchParams.dateRange"
+												type="daterange"
+												range-separator="至"
+												start-placeholder="开始日期"
+												end-placeholder="结束日期"
+												value-format="YYYY-MM-DD"
+												:shortcuts="dateShortcuts"
+											/>
+										</el-form-item>
+										<el-form-item label="部门">
+											<el-select v-model="searchParams.department" placeholder="选择部门">
+												<el-option v-for="option in departmentOptions" :key="option.value || 'all'" :label="option.label" :value="option.value" />
+											</el-select>
+										</el-form-item>
+										<el-form-item>
+											<el-button type="primary" @click="handleSearch">查询</el-button>
+											<el-button @click="handleReset">重置</el-button>
+										</el-form-item>
+									</el-form>
+								</div>
+							</template>
+							<el-table :data="progressTableData" style="width: 100%">
+								<el-table-column prop="date" label="日期" />
+								<el-table-column prop="quarterFirstDay" label="季度第一天" />
+								<el-table-column prop="quarterLastDay" label="季度最后一天" />
+								<el-table-column prop="textAudit" label="文本审核" />
+								<el-table-column prop="homeCount" label="家居次数" />
+								<el-table-column prop="completedCount" label="已完成次数" />
+								<el-table-column prop="remainingDays" label="剩余天数" />
+								<el-table-column prop="quarterSecondMonth" label="季度二月" />
+								<el-table-column prop="textAudit2" label="文本审核2" />
+							</el-table>
+						</el-card>
+					</div>
+				</el-tab-pane>
+				<el-tab-pane label="客户监控" name="customer">
+					<div class="chart-container">
+						<el-row :gutter="20">
+							<el-col :span="24">
+								<el-card>
+									<template #header>
+										<div class="card-header">客户数据趋势</div>
+									</template>
+									<div ref="customerChartRef" class="chart" style="width: 100%; height: 600px"></div>
+								</el-card>
+							</el-col>
+						</el-row>
+					</div>
+					<div class="table-container">
+						<el-card>
+							<template #header>
+								<div class="card-header">
+									<span>监控总表</span>
+									<el-form :model="customerSearchParams" :inline="true" class="search-form">
+										<el-form-item label="客户">
+											<el-input v-model="customerSearchParams.customer" placeholder="搜索客户" style="width: 180px" />
+										</el-form-item>
+										<el-form-item label="状态">
+											<el-select v-model="customerSearchParams.status" placeholder="选择状态" style="width: 120px">
+												<el-option label="全部" value="" />
+												<el-option label="正常" value="normal" />
+												<el-option label="异常" value="abnormal" />
+											</el-select>
+										</el-form-item>
+										<el-form-item>
+											<el-button type="primary" @click="handleCustomerSearch">查询</el-button>
+											<el-button @click="handleCustomerReset">重置</el-button>
+										</el-form-item>
+									</el-form>
+								</div>
+							</template>
+							<el-table :data="customerTableData" style="width: 100%" border>
+								<el-table-column prop="customer" label="客户" width="150" />
+								<el-table-column prop="date1" label="2026/2/7" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date1 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date1 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date2" label="2026/2/8" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date2 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date2 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date3" label="2026/2/9" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date3 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date3 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date4" label="2026/2/10" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date4 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date4 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date5" label="2026/2/11" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date5 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date5 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date6" label="2026/2/12" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date6 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date6 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date7" label="2026/2/15" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date7 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date7 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date8" label="2026/2/16" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date8 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date8 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date9" label="2026/2/17" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date9 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date9 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date10" label="2026/2/18" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date10 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date10 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date11" label="2026/2/19" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date11 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date11 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date12" label="2026/2/20" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date12 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date12 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date13" label="2026/2/21" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date13 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date13 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date14" label="2026/2/22" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date14 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date14 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date15" label="2026/2/23" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date15 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date15 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date16" label="2026/2/24" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date16 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date16 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date17" label="2026/2/25" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date17 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date17 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date18" label="2026/2/26" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date18 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date18 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date19" label="2026/2/27" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date19 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date19 }}
+										</span>
+									</template>
+								</el-table-column>
+								<el-table-column prop="date20" label="2026/2/28" width="120">
+									<template #default="scope">
+										<span :class="scope.row.date20 >= 0 ? 'text-green' : 'text-red'">
+											{{ scope.row.date20 }}
+										</span>
+									</template>
+								</el-table-column>
+							</el-table>
+						</el-card>
+					</div>
+				</el-tab-pane>
+			</el-tabs>
+
+			<el-dialog v-model="dialogVisible" title="任务设置" width="400px">
+				<el-form :model="taskSettings" label-width="120px">
+					<el-form-item label="任务类型">
+						<el-radio-group v-model="taskSettings.taskType">
+							<el-radio label="monthly">月度任务</el-radio>
+							<el-radio label="quarterly">季度任务</el-radio>
+						</el-radio-group>
 					</el-form-item>
-					<el-form-item label="部门"
-						><el-select v-model="searchParams.department" placeholder="选择部门"
-							><el-option v-for="option in departmentOptions" :key="option.value || 'all'" :label="option.label" :value="option.value" /></el-select
-					></el-form-item>
-					<el-form-item>
-						<el-button type="primary" @click="handleSearch">查询</el-button>
-						<el-button @click="handleReset">重置</el-button>
+					<el-form-item label="总任务金额">
+						<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-form-item>
 				</el-form>
-			</div>
-			<div class="chart-container">
-				<el-row :gutter="20">
-					<el-col :span="12">
-						<el-card>
-							<template #header><div class="card-header">预算执行趋势</div></template>
-							<div ref="trendChartRef" class="chart"></div>
-						</el-card>
-					</el-col>
-					<el-col :span="12">
-						<el-card>
-							<template #header><div class="card-header">部门达成率对比</div></template>
-							<div ref="comparisonChartRef" class="chart"></div>
-						</el-card>
-					</el-col>
-				</el-row>
-				<el-row :gutter="20" style="margin-top: 20px">
-					<el-col :span="12">
-						<el-card>
-							<template #header><div class="card-header">预算执行分布</div></template>
-							<div ref="distributionChartRef" class="chart"></div>
-						</el-card>
-					</el-col>
-					<el-col :span="12">
-						<el-card>
-							<template #header><div class="card-header">月度预算执行</div></template>
-							<div ref="monthlyChartRef" class="chart"></div>
-						</el-card>
-					</el-col>
-				</el-row>
-			</div>
-			<div class="data-container">
-				<el-card>
-					<template #header><div class="card-header">关键指标</div></template>
-					<div class="stats-grid">
-						<el-card shadow="hover" class="stats-card">
-							<div class="stats-item">
-								<div class="stats-label">总预算</div>
-								<div class="stats-value">¥{{ totalStats.totalBudget }}</div>
-							</div>
-						</el-card>
-						<el-card shadow="hover" class="stats-card">
-							<div class="stats-item">
-								<div class="stats-label">已执行</div>
-								<div class="stats-value">¥{{ totalStats.executed }}</div>
-							</div>
-						</el-card>
-						<el-card shadow="hover" class="stats-card">
-							<div class="stats-item">
-								<div class="stats-label">总达成率</div>
-								<div class="stats-value">{{ totalStats.overallRate }}%</div>
-							</div>
-						</el-card>
-						<el-card shadow="hover" class="stats-card">
-							<div class="stats-item">
-								<div class="stats-label">日均执行</div>
-								<div class="stats-value">¥{{ totalStats.dailyAverage }}</div>
-							</div>
-						</el-card>
-					</div>
-				</el-card>
-			</div>
-			<div class="table-container">
-				<el-card>
-					<template #header><div class="card-header">部门预算执行明细</div></template>
-					<el-table :data="pagedData" style="width: 100%">
-						<el-table-column prop="department" label="部门" />
-						<el-table-column prop="monthlyBudget" label="月度任务" />
-						<el-table-column prop="executed" label="已达成" />
-						<el-table-column prop="achievementRate" label="达成率"
-							><template #default="scope">{{ scope.row.achievementRate }}%</template></el-table-column
-						>
-						<el-table-column prop="surplusBudget" label="剩余任务" />
-						<el-table-column prop="dailyAverage" label="剩余日均" />
-						<el-table-column prop="yesterday" label="昨日" />
-						<el-table-column prop="estimatedAchievement" label="预计达成" />
-						<el-table-column prop="dailyDifference" label="日均差" />
-						<el-table-column prop="previousDay" label="前日" />
-						<el-table-column prop="sequentialRatio" label="环比" />
-						<el-table-column prop="timeProgress" label="对比时间进度" />
-						<el-table-column prop="januaryAchievement" label="1月达成" />
-						<el-table-column prop="januarySequentialRatio" label="环比" />
-						<el-table-column prop="differenceFromTarget" label="目标差" />
-					</el-table>
-					<div class="pagination-container">
-						<el-pagination
-							v-model:current-page="pagination.currentPage"
-							v-model:page-size="pagination.pageSize"
-							:page-sizes="[10, 20, 50, 100]"
-							layout="total, sizes, prev, pager, next, jumper"
-							:total="pagination.total"
-							@size-change="handlePageSizeChange"
-							@current-change="handlePageChange"
-						/>
-					</div>
-				</el-card>
-			</div>
+				<template #footer>
+					<span class="dialog-footer">
+						<el-button @click="dialogVisible = false">取消</el-button>
+						<el-button type="primary" @click="handleSaveSettings">保存设置</el-button>
+					</span>
+				</template>
+			</el-dialog>
+
+			<el-dialog v-model="departmentTaskDialogVisible" title="部门任务分配" width="600px">
+				<el-table :data="departmentTasks" style="width: 100%">
+					<el-table-column prop="department" label="部门" />
+					<el-table-column prop="budget" label="任务金额">
+						<template #default="scope">
+							<el-input-number v-model="scope.row.budget" :min="0" :step="10000" />
+						</template>
+					</el-table-column>
+				</el-table>
+				<template #footer>
+					<span class="dialog-footer">
+						<el-button @click="departmentTaskDialogVisible = false">取消</el-button>
+						<el-button type="primary" @click="saveDepartmentTasks">保存分配</el-button>
+					</span>
+				</template>
+			</el-dialog>
 		</el-card>
 	</div>
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref } from 'vue';
+import { onMounted, reactive, ref, watch, nextTick } from 'vue';
 import * as echarts from 'echarts';
+import { Setting } from '@element-plus/icons-vue';
 
 interface DepartmentData {
 	department: string;
@@ -150,6 +431,52 @@ interface DepartmentData {
 	differenceFromTarget: string;
 }
 
+interface TrendData {
+	department: string;
+	data: string;
+}
+
+interface ProgressData {
+	date: string;
+	quarterFirstDay: string;
+	quarterLastDay: string;
+	textAudit: string;
+	homeCount: string;
+	completedCount: string;
+	remainingDays: string;
+	quarterSecondMonth: string;
+	textAudit2: string;
+}
+
+interface DepartmentTask {
+	department: string;
+	budget: number;
+}
+
+interface CustomerData {
+	customer: string;
+	date1: number;
+	date2: number;
+	date3: number;
+	date4: number;
+	date5: number;
+	date6: number;
+	date7: number;
+	date8: number;
+	date9: number;
+	date10: number;
+	date11: number;
+	date12: number;
+	date13: number;
+	date14: number;
+	date15: number;
+	date16: number;
+	date17: number;
+	date18: number;
+	date19: number;
+	date20: number;
+}
+
 const departmentOptions = [
 	{ label: '全部', value: 'all' },
 	{ label: '一区一部', value: '一区一部' },
@@ -170,6 +497,11 @@ const searchParams = reactive({
 	department: '',
 });
 
+const customerSearchParams = reactive({
+	customer: '',
+	status: '',
+});
+
 const dateShortcuts = [
 	{
 		text: '最近7天',
@@ -200,14 +532,37 @@ const dateShortcuts = [
 	},
 ];
 
+const activeTab = ref('trend');
+const dialogVisible = ref(false);
+const departmentTaskDialogVisible = ref(false);
+
+const taskSettings = reactive({
+	taskType: 'monthly',
+	totalBudget: 52000000,
+});
+
+const departmentTasks = ref<DepartmentTask[]>([
+	{ department: '一区一部', budget: 1300000 },
+	{ department: '一区二部', budget: 3500000 },
+	{ department: '一区三部', budget: 2100000 },
+	{ department: '一区四部', budget: 1600000 },
+	{ department: '代理运营总', budget: 8500000 },
+	{ department: '渠道部', budget: 3000000 },
+	{ department: '电商一部', budget: 4700000 },
+	{ department: '电商二部', budget: 2800000 },
+	{ department: '张哥自营', budget: 6000000 },
+	{ department: '电商合计', budget: 13500000 },
+	{ department: '金牛总任务', budget: 52000000 },
+]);
+
 const trendChartRef = ref();
-const comparisonChartRef = ref();
-const distributionChartRef = ref();
-const monthlyChartRef = ref();
+const departmentChartRef = ref();
+const progressChartRef = ref();
+const customerChartRef = ref();
 let trendChart: echarts.ECharts | null = null;
-let comparisonChart: echarts.ECharts | null = null;
-let distributionChart: echarts.ECharts | null = null;
-let monthlyChart: echarts.ECharts | null = null;
+let departmentChart: echarts.ECharts | null = null;
+let progressChart: echarts.ECharts | null = null;
+let customerChart: echarts.ECharts | null = null;
 
 const totalStats = reactive({
 	totalBudget: '0',
@@ -217,17 +572,10 @@ const totalStats = reactive({
 });
 
 const data = ref<DepartmentData[]>([]);
-const pagination = reactive({
-	currentPage: 1,
-	pageSize: 10,
-	total: 0,
-});
-
-const pagedData = computed(() => {
-	const start = (pagination.currentPage - 1) * pagination.pageSize;
-	const end = start + pagination.pageSize;
-	return data.value.slice(start, end);
-});
+const trendTableData = ref<TrendData[]>([]);
+const departmentTableData = ref<DepartmentData[]>([]);
+const progressTableData = ref<ProgressData[]>([]);
+const customerTableData = ref<CustomerData[]>([]);
 
 const getMockData = (): DepartmentData[] => {
 	// 根据图片中的数据生成模拟数据
@@ -454,270 +802,473 @@ const getMockData = (): DepartmentData[] => {
 	return mockData;
 };
 
+const getTrendTableData = (): TrendData[] => {
+	const departments = [
+		{ name: '一区一部', data: '1487551.85' },
+		{ name: '一区二部', data: '3526692.48' },
+		{ name: '一区三部', data: '1666811.56' },
+		{ name: '一区四部', data: '1551268.30' },
+		{ name: '代理运营总', data: '8232324.19' },
+		{ name: '渠道部', data: '5976545.88' },
+		{ name: '电商一部', data: '2159880.32' },
+		{ name: '电商二部', data: '1365144.30' },
+		{ name: '张哥自营', data: '5569665.85' },
+		{ name: '电商合计', data: '9094690.47' },
+		{ name: '金牛总任务', data: '23303560.56' },
+	];
+
+	return departments.map((dept) => ({
+		department: dept.name,
+		data: dept.data,
+	}));
+};
+
+const getProgressTableData = (): ProgressData[] => {
+	return [
+		{
+			date: '2026/4/10',
+			quarterFirstDay: '2026/4/1',
+			quarterLastDay: '2026/6/30',
+			textAudit: '2026/4/1',
+			homeCount: '91',
+			completedCount: '9',
+			remainingDays: '82',
+			quarterSecondMonth: '2026/5/1',
+			textAudit2: '2026/3/31',
+		},
+		{
+			date: '2026/4/10',
+			quarterFirstDay: '2026/4/1',
+			quarterLastDay: '2026/6/30',
+			textAudit: '2026/4/1',
+			homeCount: '30',
+			completedCount: '9',
+			remainingDays: '21',
+			quarterSecondMonth: '2026/5/1',
+			textAudit2: '2026/3/31',
+		},
+	];
+};
+
+const getCustomerTableData = (): CustomerData[] => {
+	return [
+		{
+			customer: '客户1',
+			date1: 18168312,
+			date2: 18628392,
+			date3: 3985,
+			date4: 20786,
+			date5: 191584,
+			date6: 359278,
+			date7: 3870546,
+			date8: 3873374,
+			date9: 4457089,
+			date10: 4295086,
+			date11: 2672587,
+			date12: 1569225,
+			date13: 114875,
+			date14: 279896,
+			date15: 396185,
+			date16: 291112,
+			date17: 215208,
+			date18: 0,
+			date19: 0,
+			date20: 0,
+		},
+		{
+			customer: '客户2',
+			date1: 12345678,
+			date2: 87654321,
+			date3: 12345,
+			date4: 54321,
+			date5: 987654,
+			date6: 456789,
+			date7: 2345678,
+			date8: 8765432,
+			date9: 3456789,
+			date10: 9876543,
+			date11: 4567890,
+			date12: 1234567,
+			date13: 234567,
+			date14: 345678,
+			date15: 456789,
+			date16: 567890,
+			date17: 678901,
+			date18: 789012,
+			date19: 890123,
+			date20: 901234,
+		},
+		{
+			customer: '客户3',
+			date1: 98765432,
+			date2: 23456789,
+			date3: 98765,
+			date4: 56789,
+			date5: 1234567,
+			date6: 7654321,
+			date7: 3456789,
+			date8: 9876543,
+			date9: 4567890,
+			date10: 12345678,
+			date11: 87654321,
+			date12: 23456789,
+			date13: 9876543,
+			date14: 4567890,
+			date15: 1234567,
+			date16: 7654321,
+			date17: 3456789,
+			date18: 9876543,
+			date19: 4567890,
+			date20: 1234567,
+		},
+	];
+};
+
 const calculateTotalStats = (_data: DepartmentData[]) => {
-	// 使用图片中的总数据
 	totalStats.totalBudget = '52000000';
 	totalStats.executed = '51280190.4';
 	totalStats.overallRate = '98.62';
 	totalStats.dailyAverage = '1654199.70';
 };
 
-const initTrendChart = (_data: DepartmentData[]) => {
-	if (!trendChartRef.value) return;
+const initTrendChart = () => {
+	nextTick(() => {
+		if (!trendChartRef.value) return;
 
-	if (trendChart) trendChart.dispose();
-	trendChart = echarts.init(trendChartRef.value);
+		if (trendChart) trendChart.dispose();
+		trendChart = echarts.init(trendChartRef.value);
 
-	// 使用图片中的2026年2月数据
-	const dates = [
-		'2026/2/1',
-		'2026/2/2',
-		'2026/2/3',
-		'2026/2/4',
-		'2026/2/5',
-		'2026/2/6',
-		'2026/2/7',
-		'2026/2/8',
-		'2026/2/9',
-		'2026/2/10',
-		'2026/2/11',
-		'2026/2/12',
-		'2026/2/13',
-		'2026/2/14',
-		'2026/2/15',
-		'2026/2/16',
-	];
-	const executedData = [
-		2149518.05, 1871119.64, 2088655.19, 1702786.8, 1770269.31, 1714822.74, 1649665.0, 1622865.58, 1615096.78, 1485551.17, 1407212.21, 1364826.0,
-		1233123.83, 1089680.69, 1086898.47, 816321.92,
-	];
-	const targetData = dates.map(() => 1733333.33); // 52000000 / 30
+		// 生成动态日期数据
+		const dates: string[] = [];
+		const today = new Date();
+		for (let i = 15; i >= 0; i--) {
+			const date = new Date(today);
+			date.setDate(today.getDate() - i);
+			dates.push(`${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`);
+		}
 
-	trendChart.setOption({
-		title: {
-			text: '预算执行趋势',
-			left: 'center',
-		},
-		tooltip: {
-			trigger: 'axis',
-			formatter: '{b}<br/>{a}: ¥{c}',
-		},
-		legend: {
-			data: ['实际执行', '目标'],
-			bottom: 0,
-		},
-		xAxis: {
-			type: 'category',
-			data: dates,
-			axisLabel: {
-				rotate: 45,
+		// 使用图片中的数据模式，生成动态数据
+		const executedData = [
+			2149518.05, 1871119.64, 2088655.19, 1702786.8, 1770269.31, 1714822.74, 1649665.0, 1622865.58, 1615096.78, 1485551.17, 1407212.21, 1364826.0,
+			1233123.83, 1089680.69, 1086898.47, 816321.92,
+		];
+		const targetData = dates.map(() => 1733333.33); // 52000000 / 30
+
+		trendChart.setOption({
+			title: {
+				text: '预算执行趋势',
+				left: 'center',
 			},
-		},
-		yAxis: {
-			type: 'value',
-			name: '金额',
-			axisLabel: {
-				formatter: '¥{value}',
+			tooltip: {
+				trigger: 'axis',
+				formatter: '{b}<br/>{a}: ¥{c}',
 			},
-		},
-		series: [
-			{
-				name: '实际执行',
-				type: 'line',
-				data: executedData,
-				areaStyle: {},
+			legend: {
+				data: ['实际执行', '目标'],
+				bottom: 0,
 			},
-			{
-				name: '目标',
-				type: 'line',
-				data: targetData,
-				lineStyle: {
-					type: 'dashed',
+			xAxis: {
+				type: 'category',
+				data: dates,
+				axisLabel: {
+					rotate: 45,
 				},
 			},
-		],
-	});
-};
-
-const initComparisonChart = (data: DepartmentData[]) => {
-	if (!comparisonChartRef.value) return;
-
-	if (comparisonChart) comparisonChart.dispose();
-	comparisonChart = echarts.init(comparisonChartRef.value);
-
-	const departments = data.map((item) => item.department);
-	const achievementRates = data.map((item) => parseFloat(item.achievementRate));
-
-	comparisonChart.setOption({
-		title: {
-			text: '部门达成率对比',
-			left: 'center',
-		},
-		tooltip: {
-			trigger: 'axis',
-			formatter: '{b}<br/>{a}: {c}%',
-		},
-		xAxis: {
-			type: 'category',
-			data: departments,
-			axisLabel: {
-				rotate: 45,
+			yAxis: {
+				type: 'value',
+				name: '金额',
+				axisLabel: {
+					formatter: '¥{value}',
+				},
 			},
-		},
-		yAxis: {
-			type: 'value',
-			name: '达成率',
-			axisLabel: {
-				formatter: '{value}%',
-			},
-		},
-		series: [
-			{
-				name: '达成率',
-				type: 'bar',
-				data: achievementRates,
-				itemStyle: {
-					color: function (params: any) {
-						const rate = params.value;
-						if (rate >= 80) return '#67c23a';
-						if (rate >= 60) return '#e6a23c';
-						return '#f56c6c';
+			series: [
+				{
+					name: '实际执行',
+					type: 'line',
+					data: executedData,
+					areaStyle: {},
+				},
+				{
+					name: '目标',
+					type: 'line',
+					data: targetData,
+					lineStyle: {
+						type: 'dashed',
 					},
 				},
-			},
-		],
-	});
-};
-
-const initDistributionChart = (data: DepartmentData[]) => {
-	if (!distributionChartRef.value) return;
-
-	if (distributionChart) distributionChart.dispose();
-	distributionChart = echarts.init(distributionChartRef.value);
-
-	distributionChart.setOption({
-		title: {
-			text: '预算执行分布',
-			left: 'center',
-		},
-		tooltip: {
-			trigger: 'item',
-			formatter: '{b}: ¥{c} ({d}%)',
-		},
-		legend: {
-			orient: 'vertical',
-			left: 'left',
-			data: data.map((item) => item.department),
-		},
-		series: [
-			{
-				name: '预算执行',
-				type: 'pie',
-				radius: '50%',
-				data: data.map((item) => ({
-					value: parseFloat(item.executed),
-					name: item.department,
-				})),
-				emphasis: {
+				{
+					name: '执行柱状图',
+					type: 'bar',
+					data: executedData,
 					itemStyle: {
-						shadowBlur: 10,
-						shadowOffsetX: 0,
-						shadowColor: 'rgba(0, 0, 0, 0.5)',
+						color: 'rgba(64, 158, 255, 0.5)',
 					},
 				},
-			},
-		],
+			],
+		});
 	});
 };
 
-const initMonthlyChart = (_data: DepartmentData[]) => {
-	if (!monthlyChartRef.value) return;
+const initDepartmentChart = (data: DepartmentData[]) => {
+	nextTick(() => {
+		if (!departmentChartRef.value) return;
 
-	if (monthlyChart) monthlyChart.dispose();
-	monthlyChart = echarts.init(monthlyChartRef.value);
+		if (departmentChart) departmentChart.dispose();
+		departmentChart = echarts.init(departmentChartRef.value);
 
-	const months = ['1月', '2月', '3月', '4月', '5月', '6月'];
-	const budgetData = months.map(() => (Math.random() * 10000000 + 5000000).toFixed(2));
-	const executedData = months.map((_, index) => (parseFloat(budgetData[index]) * (Math.random() * 0.3 + 0.5)).toFixed(2));
+		// 提取部门和预算数据用于饼图
+		const pieData = data.map((item) => ({
+			name: item.department,
+			value: parseFloat(item.monthlyBudget.replace(/,/g, '')),
+		}));
 
-	monthlyChart.setOption({
-		title: {
-			text: '月度预算执行',
-			left: 'center',
-		},
-		tooltip: {
-			trigger: 'axis',
-			formatter: '{b}<br/>{a}: ¥{c}',
-		},
-		legend: {
-			data: ['预算', '实际执行'],
-			bottom: 0,
-		},
-		xAxis: {
-			type: 'category',
-			data: months,
-		},
-		yAxis: {
-			type: 'value',
-			name: '金额',
-			axisLabel: {
-				formatter: '¥{value}',
+		departmentChart.setOption({
+			title: {
+				text: '部门预算分布',
+				left: 'center',
 			},
-		},
-		series: [
-			{
-				name: '预算',
-				type: 'bar',
-				data: budgetData.map(parseFloat),
-				itemStyle: {
-					color: '#909399',
+			tooltip: {
+				trigger: 'item',
+				formatter: '{a} <br/>{b}: ¥{c} ({d}%)',
+			},
+			legend: {
+				orient: 'vertical',
+				right: '5%',
+				top: 'center',
+				data: data.map((item) => item.department),
+				textStyle: {
+					fontSize: 10,
 				},
 			},
-			{
-				name: '实际执行',
-				type: 'bar',
-				data: executedData.map(parseFloat),
-				itemStyle: {
-					color: '#409eff',
+			series: [
+				{
+					name: '预算',
+					type: 'pie',
+					radius: ['30%', '60%'],
+					center: ['40%', '50%'],
+					data: pieData,
+					emphasis: {
+						itemStyle: {
+							shadowBlur: 10,
+							shadowOffsetX: 0,
+							shadowColor: 'rgba(0, 0, 0, 0.5)',
+						},
+					},
 				},
-			},
-		],
+			],
+		});
 	});
 };
 
+const initProgressChart = () => {
+	nextTick(() => {
+		if (!progressChartRef.value) return;
+
+		if (progressChart) progressChart.dispose();
+		progressChart = echarts.init(progressChartRef.value);
+
+		// 任务进度雷达图数据
+		const indicator = [
+			{ name: '预算执行', max: 100 },
+			{ name: '时间进度', max: 100 },
+			{ name: '部门达成率', max: 100 },
+			{ name: '日均完成', max: 100 },
+			{ name: '目标达成', max: 100 },
+		];
+
+		progressChart.setOption({
+			title: {
+				text: '任务进度分析',
+				left: 'center',
+			},
+			tooltip: {},
+			legend: {
+				data: ['实际进度', '目标进度'],
+				bottom: 0,
+			},
+			radar: {
+				indicator: indicator,
+				radius: '60%',
+				center: ['50%', '50%'],
+			},
+			series: [
+				{
+					name: '任务进度',
+					type: 'radar',
+					data: [
+						{
+							value: [98.62, 69, 85.3, 95.2, 98.62],
+							name: '实际进度',
+							areaStyle: {
+								color: 'rgba(64, 158, 255, 0.3)',
+							},
+						},
+						{
+							value: [100, 100, 100, 100, 100],
+							name: '目标进度',
+							areaStyle: {
+								color: 'rgba(255, 159, 64, 0.3)',
+							},
+						},
+					],
+				},
+			],
+		});
+	});
+};
+
+const initCustomerChart = () => {
+	nextTick(() => {
+		if (!customerChartRef.value) return;
+
+		if (customerChart) customerChart.dispose();
+		customerChart = echarts.init(customerChartRef.value);
+
+		// 生成日期数据
+		const dates = [
+			'2026/2/7',
+			'2026/2/8',
+			'2026/2/9',
+			'2026/2/10',
+			'2026/2/11',
+			'2026/2/12',
+			'2026/2/15',
+			'2026/2/16',
+			'2026/2/17',
+			'2026/2/18',
+			'2026/2/19',
+			'2026/2/20',
+			'2026/2/21',
+			'2026/2/22',
+			'2026/2/23',
+			'2026/2/24',
+			'2026/2/25',
+			'2026/2/26',
+			'2026/2/27',
+			'2026/2/28',
+		];
+
+		// 模拟客户数据趋势
+		const customerData = [
+			18168312, 18628392, 3985, 20786, 191584, 359278, 3870546, 3873374, 4457089, 4295086, 2672587, 1569225, 114875, 279896, 396185, 291112, 215208,
+			0, 0, 0,
+		];
+
+		customerChart.setOption({
+			title: {
+				text: '客户数据趋势',
+				left: 'center',
+			},
+			tooltip: {
+				trigger: 'axis',
+				formatter: '{b}<br/>{a}: {c}',
+			},
+			legend: {
+				data: ['客户数据'],
+				bottom: 0,
+			},
+			xAxis: {
+				type: 'category',
+				data: dates,
+				axisLabel: {
+					rotate: 45,
+				},
+			},
+			yAxis: {
+				type: 'value',
+				name: '数值',
+			},
+			series: [
+				{
+					name: '客户数据',
+					type: 'line',
+					data: customerData,
+					areaStyle: {},
+					itemStyle: {
+						color: '#409eff',
+					},
+				},
+				{
+					name: '数据柱状图',
+					type: 'bar',
+					data: customerData,
+					itemStyle: {
+						color: 'rgba(64, 158, 255, 0.5)',
+					},
+				},
+			],
+		});
+	});
+};
+
+const openSettingDialog = () => {
+	dialogVisible.value = true;
+};
+
+const openDepartmentTaskDialog = () => {
+	departmentTaskDialogVisible.value = true;
+};
+
+const handleSaveSettings = () => {
+	dialogVisible.value = false;
+};
+
+const saveDepartmentTasks = () => {
+	departmentTaskDialogVisible.value = false;
+};
+
 const handleSearch = () => {
 	data.value = getMockData();
-	pagination.total = data.value.length;
+	departmentTableData.value = data.value;
+	trendTableData.value = getTrendTableData();
+	progressTableData.value = getProgressTableData();
+	customerTableData.value = getCustomerTableData();
 	calculateTotalStats(data.value);
-	initTrendChart(data.value);
-	initComparisonChart(data.value);
-	initDistributionChart(data.value);
-	initMonthlyChart(data.value);
+	initTrendChart();
+	initDepartmentChart(data.value);
+	initProgressChart();
+	initCustomerChart();
 };
 
 const handleReset = () => {
 	searchParams.dateRange = [];
 	searchParams.department = '';
-	pagination.currentPage = 1;
 	handleSearch();
 };
 
-const handlePageSizeChange = (size: number) => {
-	pagination.pageSize = size;
-	pagination.currentPage = 1;
+const handleCustomerSearch = () => {
+	// 这里可以根据搜索参数过滤数据
+	customerTableData.value = getCustomerTableData();
+	initCustomerChart();
 };
 
-const handlePageChange = (page: number) => {
-	pagination.currentPage = page;
+const handleCustomerReset = () => {
+	customerSearchParams.customer = '';
+	customerSearchParams.status = '';
+	handleCustomerSearch();
 };
 
 onMounted(() => {
 	handleSearch();
 	window.addEventListener('resize', () => {
 		trendChart?.resize();
-		comparisonChart?.resize();
-		distributionChart?.resize();
-		monthlyChart?.resize();
+		departmentChart?.resize();
+		progressChart?.resize();
+		customerChart?.resize();
+	});
+});
+
+watch(activeTab, (newTab) => {
+	nextTick(() => {
+		if (newTab === 'trend') {
+			initTrendChart();
+		} else if (newTab === 'department') {
+			initDepartmentChart(data.value);
+		} else if (newTab === 'progress') {
+			initProgressChart();
+		} else if (newTab === 'customer') {
+			initCustomerChart();
+		}
 	});
 });
 </script>
@@ -735,6 +1286,10 @@ onMounted(() => {
 	font-weight: 600;
 }
 
+.setting-btn {
+	color: #409eff;
+}
+
 .search-container {
 	margin-bottom: 20px;
 }
@@ -760,8 +1315,12 @@ onMounted(() => {
 	color: #303133;
 }
 
-.granularity-group {
-	flex-wrap: wrap;
+.tabs-container {
+	margin-top: 20px;
+}
+
+.tabs-container :deep(.el-tabs__header) {
+	margin-bottom: 20px;
 }
 
 .chart-container {
@@ -770,46 +1329,17 @@ onMounted(() => {
 
 .chart {
 	width: 100%;
-	height: 400px;
-}
-
-.data-container {
-	margin-bottom: 20px;
-}
-
-.stats-grid {
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-	gap: 16px;
-}
-
-.stats-card {
-	text-align: center;
-}
-
-.stats-item {
-	padding: 10px;
-}
-
-.stats-label {
-	font-size: 14px;
-	color: #606266;
-	margin-bottom: 8px;
-}
-
-.stats-value {
-	font-size: 24px;
-	font-weight: 600;
-	color: #303133;
+	height: 600px;
+	min-height: 600px;
 }
 
 .table-container {
 	margin-top: 20px;
 }
 
-.pagination-container {
-	margin-top: 16px;
+.dialog-footer {
 	display: flex;
 	justify-content: flex-end;
+	gap: 8px;
 }
 </style>
diff --git a/src/views/customerService/script/component/editRole.vue b/src/views/customerService/script/component/editRole.vue
index 02a96cf..92223ba 100644
--- a/src/views/customerService/script/component/editRole.vue
+++ b/src/views/customerService/script/component/editRole.vue
@@ -4,14 +4,18 @@
 			<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="tag">
-							<el-input v-model="formData.tag" placeholder="请输入标签" clearable />
+						<el-form-item label="数据集">
+							<el-input v-model="formData.datasetName" placeholder="数据集" disabled />
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="场景类型">
+							<el-input v-model="formData.sceneType" placeholder="场景类型" disabled />
 						</el-form-item>
 					</el-col>
-					<!-- 富文本编辑器 -->
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
-						<el-form-item label="话术" prop="content">
-							<Editor v-model="formData.content" height="400px" :key="editorKey" placeholder="请输入产品详情" :disableExceptEmotion="true" />
+						<el-form-item label="话术内容" prop="questionContent">
+							<Editor v-model="formData.questionContent" height="400px" :key="editorKey" placeholder="请输入话术内容" :disableExceptEmotion="true" />
 						</el-form-item>
 					</el-col>
 				</el-row>
@@ -29,18 +33,19 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, toRefs, nextTick } from 'vue';
+import { ref, reactive, toRefs, nextTick, onMounted } from 'vue';
 import { ElMessage, type FormInstance, type FormRules } from 'element-plus';
 import Editor from '/@/components/editor/index.vue';
-import { addScript, updateScript } from '/@/api/customerService/script';
+import { addScript, updateScript, getScriptDetail } from '/@/api/customerService/script';
+import { listknowledges } from '/@/api/knowledge/dataset';
 
 // 定义类型接口
 interface DialogRow {
-	id?: number | string;
-	tag: string;
-	creator: string;
-	content: string;
-	modifier: string;
+	id?: number;
+	datasetId: string | number;
+	datasetName?: string;
+	sceneType: number;
+	questionContent: string;
 }
 
 // 定义事件
@@ -48,30 +53,30 @@ const emit = defineEmits<{
 	(e: 'refresh'): void;
 }>();
 
+// 定义数据集选项类型
+interface DatasetOption {
+	label: string;
+	value: string;
+}
+
 // 响应式数据
 const state = reactive({
 	loading: false,
 	isShowDialog: false,
+	datasets: [] as DatasetOption[], // 数据集列表
 	editorKey: 0, // 用于强制重新渲染编辑器
 	formData: {
 		id: 0,
-		tag: '',
-		content: '',
-		creator: '',
-		modifier: '',
+		datasetId: 0,
+		datasetName: '',
+		sceneType: 0,
+		questionContent: '',
 	} as DialogRow,
 });
 
 // 表单验证规则
 const rules: FormRules = {
-	tag: [
-		{ required: true, message: '标签名称不能为空', trigger: 'blur' },
-		{ max: 64, message: '标签长度最多 64 个字符', trigger: 'blur' },
-	],
-	content: [
-		{ required: true, message: '产品详情不能为空', trigger: 'blur' },
-		{ max: 8126, message: '产品名称长度最多 8126 个字符', trigger: 'blur' },
-	],
+	questionContent: [{ required: true, message: '话术内容不能为空', trigger: 'blur' }],
 };
 
 // 模板引用
@@ -80,28 +85,74 @@ const formRef = ref<FormInstance>();
 // 解构状态数据
 const { loading, isShowDialog, formData, editorKey } = toRefs(state);
 
+/**
+ * 加载数据集列表
+ */
+const loadDatasets = async () => {
+	try {
+		const response = await listknowledges({ pageNum: 1, pageSize: 100 });
+		if (response.data && response.data.list) {
+			state.datasets = response.data.list.map((item: any) => ({
+				label: item.name,
+				value: item.id,
+			}));
+		}
+	} catch (error) {
+		ElMessage.error('加载数据集列表失败');
+	}
+};
+
+// 生命周期
+onMounted(() => {
+	loadDatasets();
+});
+
 /**
  * 打开对话框
  * @param row - 可选的编辑数据
  */
-const openDialog = (row?: DialogRow) => {
+const openDialog = async (row?: DialogRow) => {
 	resetForm();
 
-	if (row) {
-		// 深拷贝数据，避免引用问题
-		state.formData = { ...row };
+	// 重新加载数据集列表，确保数据是最新的
+	await loadDatasets();
+
+	if (row && row.id) {
+		try {
+			// 加载话术详情
+			const response = await getScriptDetail({ id: row.id });
+			if (response.data) {
+				// 确保datasetId是字符串类型，与datasets选项的value类型一致
+				const detailData = {
+					...response.data,
+					datasetId: String(response.data.datasetId),
+					datasetName: '',
+				};
+
+				// 查找对应的数据集名称
+				const dataset = state.datasets.find((d) => d.value === detailData.datasetId);
+				if (dataset) {
+					detailData.datasetName = dataset.label;
+				}
+
+				state.formData = detailData;
+			}
+		} catch (error) {
+			ElMessage.error('获取话术详情失败');
+			return;
+		}
 	} else {
 		// 新增模式，确保清空数据
 		state.formData = {
 			id: 0,
-			tag: '',
-			content: '',
-			creator: '',
-			modifier: '',
+			datasetId: 0,
+			datasetName: '',
+			sceneType: 0,
+			questionContent: '',
 		};
 	}
 
-	// 更新编辑器 key 强制重新渲染
+	// 强制重新渲染编辑器
 	state.editorKey++;
 
 	state.isShowDialog = true;
@@ -139,21 +190,22 @@ const onSubmit = async () => {
 		const valid = await formRef.value.validate();
 		if (!valid) return;
 
-		// 额外验证话术内容
-		if (!state.formData.content || state.formData.content === '<p><br></p>' || state.formData.content.trim() === '<p><br></p>') {
-			ElMessage.warning('话术内容不能为空');
-			return;
-		}
+		// 确保数据类型正确
+		const submitData = {
+			...state.formData,
+			datasetId: String(state.formData.datasetId),
+			sceneType: Number(state.formData.sceneType),
+		};
 
 		state.loading = true;
 
 		if (state.formData.id === 0) {
 			// 新增模式
-			await addScript(state.formData);
+			await addScript(submitData);
 			ElMessage.success('添加成功');
 		} else {
 			// 编辑模式
-			await updateScript(state.formData);
+			await updateScript(submitData);
 			ElMessage.success('修改成功');
 		}
 
@@ -161,7 +213,6 @@ const onSubmit = async () => {
 		state.isShowDialog = false;
 		emit('refresh');
 	} catch (error) {
-		console.error('提交失败:', error);
 		// 错误已由请求拦截器统一处理
 	} finally {
 		state.loading = false;
@@ -174,10 +225,10 @@ const onSubmit = async () => {
 const resetForm = () => {
 	state.formData = {
 		id: 0,
-		tag: '',
-		content: '',
-		creator: '',
-		modifier: '',
+		datasetId: 0,
+		datasetName: '',
+		sceneType: 0,
+		questionContent: '',
 	};
 
 	// 重置表单验证状态
diff --git a/src/views/customerService/script/index.vue b/src/views/customerService/script/index.vue
index 7d7e0df..c8e8a13 100644
--- a/src/views/customerService/script/index.vue
+++ b/src/views/customerService/script/index.vue
@@ -20,7 +20,7 @@
 							</el-icon>
 							重置
 						</el-button>
-						<el-button size="default" type="success"  @click="handleAdd">
+						<el-button size="default" type="success" @click="handleAdd">
 							<el-icon><FolderAdd /></el-icon>
 							新增话术
 						</el-button>
@@ -31,9 +31,10 @@
 			<!-- 数据表格 -->
 			<el-table :data="tableData.data" v-loading="tableData.loading" style="width: 100%">
 				<el-table-column type="index" label="序号" width="60" align="center" />
-				<el-table-column prop="tag" label="标签" show-overflow-tooltip min-width="120" />
-				<el-table-column prop="creator" label="创建人" show-overflow-tooltip min-width="100" />
-				<el-table-column prop="updater" label="修改人" show-overflow-tooltip min-width="100" />
+				<el-table-column prop="id" label="ID" width="80" align="center" />
+				<el-table-column prop="datasetId" label="数据集ID" width="120" align="center" />
+				<el-table-column prop="sceneType" label="场景类型" width="120" align="center" />
+				<el-table-column prop="questionContent" label="问题内容" show-overflow-tooltip min-width="200" />
 				<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip min-width="140">
 					<template #default="{ row }">
 						{{ formatTime(row.createdAt) }}
@@ -81,13 +82,12 @@ import { getscriptList, deleteScript } from '/@/api/customerService/script';
 
 // ==================== 类型定义 ====================
 interface ScriptItem {
-	id: string;
-	tag: string;
-	creator: string;
-	modifier: string;
-	createdAt: string; // 保持原字段不变
-	updatedAt: string; // 保持原字段不变
-	content?: string;
+	id: number;
+	datasetId: number;
+	sceneType: number;
+	questionContent: string;
+	createdAt: string;
+	updatedAt: string;
 }
 
 interface TableParams {
@@ -176,7 +176,6 @@ const formatTime = (time: string | number | Date): string => {
 
 		return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
 	} catch (error) {
-		console.error('时间格式化错误:', error);
 		return String(time);
 	}
 };
@@ -196,8 +195,6 @@ const loadTableData = async () => {
 		tableData.data = list;
 		tableData.total = total;
 	} catch (error) {
-		console.error('加载数据失败:', error);
-		// 错误已由请求拦截器统一处理
 		tableData.data = [];
 		tableData.total = 0;
 	} finally {
@@ -215,8 +212,8 @@ const handleAdd = () => {
 /**
  * 编辑话术
  */
-const handleEdit = (row: ScriptItem) => {
-	editRoleRef.value?.openDialog(row as any);
+const handleEdit = async (row: ScriptItem) => {
+	await editRoleRef.value?.openDialog(row as any);
 };
 
 /**
@@ -224,7 +221,7 @@ const handleEdit = (row: ScriptItem) => {
  */
 const handleDelete = async (row: ScriptItem) => {
 	try {
-		await ElMessageBox.confirm(`确定要删除话术「${row.tag}」吗？此操作不可恢复。`, '提示', {
+		await ElMessageBox.confirm(`确定要删除话术「${row.questionContent}」吗？此操作不可恢复。`, '提示', {
 			confirmButtonText: '确定',
 			cancelButtonText: '取消',
 			type: 'warning',
@@ -237,19 +234,11 @@ const handleDelete = async (row: ScriptItem) => {
 		await loadTableData();
 	} catch (error) {
 		if (error !== 'cancel') {
-			console.error('删除失败:', error);
 			// 错误已由请求拦截器统一处理
 		}
 	}
 };
 
-/**
- * 操作成功回调
- */
-const handleSuccess = () => {
-	loadTableData();
-};
-
 // ==================== 生命周期 ====================
 onMounted(() => {
 	loadTableData();
diff --git a/src/views/knowledge/index.vue b/src/views/knowledge/index.vue
index c804413..f62746f 100644
--- a/src/views/knowledge/index.vue
+++ b/src/views/knowledge/index.vue
@@ -127,32 +127,37 @@
 						</div>
 						<div class="file-table" v-loading="fileLoading">
 							<el-table :data="fileList" style="width: 100%" row-key="id" border>
-								<el-table-column prop="Title" label="名称" min-width="200">
+								<el-table-column prop="title" label="名称" min-width="200">
 									<template #default="scope">
 										<span class="file-link" @click="onViewDocumentDetail(scope.row)" style="cursor: pointer; color: #409eff">{{
-											scope.row.Title
+											scope.row.title
 										}}</span>
 									</template>
 								</el-table-column>
 								<el-table-column prop="chunkCount" label="分块数" width="80" align="center" />
 								<el-table-column prop="status" label="状态" width="90" align="center">
 									<template #default="scope">
-										<el-tag :type="scope.row.status === 1 ? 'success' : 'info'" size="small">
-											{{ scope.row.status === 1 ? '正常' : '禁用' }}
-										</el-tag>
+										<el-switch
+											v-model="scope.row.statusEnabled"
+											inline-prompt
+											active-text="启"
+											inactive-text="停"
+											@change="onFileStatusChange(scope.row)"
+										/>
 									</template>
 								</el-table-column>
 								<el-table-column prop="vectorStatus" label="向量化" width="100" align="center">
 									<template #default="scope">
-										<el-tag :type="scope.row.vectorStatus === 'done' ? 'success' : 'warning'" size="small">
-											{{ scope.row.vectorStatus || '未处理' }}
+										<el-tag :type="scope.row.vectorStatus === 2 ? 'success' : 'warning'" size="small">
+											{{ scope.row.vectorStatus === 2 ? '已完成' : '未完成' }}
 										</el-tag>
 									</template>
 								</el-table-column>
 								<el-table-column prop="createdAt" label="上传日期" width="180" />
-								<el-table-column label="动作" width="120" align="center">
+								<el-table-column label="动作" width="180" align="center">
 									<template #default="scope">
 										<el-button text size="small" @click="onPreviewFile(scope.row)">预览</el-button>
+										<el-button text size="small" type="primary" @click="onGenerateVector(scope.row)">生成向量</el-button>
 										<el-button text size="small" type="danger" @click="onDeleteFile(scope.row)">删除</el-button>
 									</template>
 								</el-table-column>
@@ -286,7 +291,7 @@ 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 } from '/@/api/knowledge/document';
+import { listDocuments, uploadFile, createDocument, deleteDocument, updateDocument, generateVector, getDocument } from '/@/api/knowledge/document';
 
 // 数据集相关
 const knowledgeLoading = ref(false);
@@ -497,7 +502,10 @@ const getFileList = async () => {
 			pageNum: 1,
 			pageSize: 100,
 		});
-		fileList.value = response.data?.list || [];
+		fileList.value = (response.data?.list || []).map((item: any) => ({
+			...item,
+			statusEnabled: item.status === 1,
+		}));
 	} catch (_error) {
 		ElMessage.error('获取文件列表失败');
 	} finally {
@@ -578,14 +586,47 @@ const onConfirmUpload = async () => {
 };
 
 // 文件状态变化
-const _onFileStatusChange = (row: any) => {
-	ElMessage.success(row.enabled ? '已启用' : '已禁用');
+const onFileStatusChange = async (row: any) => {
+	const newStatus = row.statusEnabled ? 1 : 0;
+	try {
+		// 调用后端API来更新文件状态
+		await updateDocument({
+			id: row.id,
+			status: newStatus,
+		});
+		ElMessage.success(row.statusEnabled ? '已启用' : '已禁用');
+	} catch (error) {
+		// 失败时恢复原状态
+		row.statusEnabled = !row.statusEnabled;
+		ElMessage.error('状态更新失败');
+	}
+};
+
+// 生成向量
+const onGenerateVector = async (row: any) => {
+	try {
+		// 调用后端API来生成向量，传递id和datasetId
+		await generateVector(row.id, currentknowledge.value.id);
+		ElMessage.success('生成向量任务已提交');
+		// 模拟更新状态
+		setTimeout(() => {
+			getFileList();
+		}, 1000);
+	} catch (error) {
+		ElMessage.error('生成向量失败');
+	}
 };
 
 // 查看文档详情
-const onViewDocumentDetail = (row: any) => {
-	currentDocument.value = row;
-	showDocumentDetailDialog.value = true;
+const onViewDocumentDetail = async (row: any) => {
+	try {
+		// 调用getDocument接口获取最新的文件详情
+		const response = await getDocument(row.id);
+		currentDocument.value = response.data;
+		showDocumentDetailDialog.value = true;
+	} catch (error) {
+		ElMessage.error('获取文件详情失败');
+	}
 };
 
 // 预览文件