完善查询功能

src/views/customerService/report/index.vue

@@ -3,11 +3,11 @@
 		<el-card shadow="hover">
 			<div class="system-user-search mb15">
 				<el-form :model="tableData.param" ref="queryRef" :inline="true" label-width="68px">
-					<el-form-item label="客服平台" prop="status" style="width: 200px">
-						<el-select v-model="tableData.param.status" placeholder="小红书" clearable size="default" style="width: 240px">
-							<el-option label="小红书" value="xiaohongshu" />
-							<el-option label="抖音" value="douyin" />
-							<el-option label="快手" value="kuaishou" />
+					<el-form-item label="客服平台" prop="customerServicePlatform" style="width: 200px">
+						<el-select v-model="tableData.param.customerServicePlatform" placeholder="小红书" clearable size="default" style="width: 240px">
+							<el-option label="小红书" value="小红书" />
+							<el-option label="抖音" value="抖音" />
+							<el-option label="快手" value="快手" />
 						</el-select>
 					</el-form-item>
 
@@ -24,7 +24,7 @@
 						></el-date-picker>
 					</el-form-item>
 					<el-form-item>
-						<el-button size="default" type="primary" class="ml10" @click="dataList">
+						<el-button size="default" type="primary" class="ml10" @click="querydate">
 							<el-icon>
 								<ele-Search />
 							</el-icon>
@@ -59,7 +59,7 @@
 				<el-table-column label="开口人数" align="center" prop="activeCount" :show-overflow-tooltip="true" />
 				<el-table-column label="留资卡发送数量" align="center" prop="contactCardSentCount" />
 				<el-table-column label="名片发送数" align="center" prop="nameCardSentCount" />
-				<el-table-column label="留资人数" align="center" prop="status" />
+				<el-table-column label="留资人数" align="center" prop="leftContactInfoCount" />
 				<el-table-column label="接待人数" align="center" prop="servedCount" />
 				<el-table-column label="30秒回复率" align="center" prop="responseRate30s" />
 				<el-table-column label="60秒回复率" align="center" prop="responseRate60s" />
@@ -103,6 +103,9 @@ interface TableDataParam {
 	ipaddr: string;
 	loginLocation: any;
 	userName: string;
+	customerServicePlatform: string;
+	startDate: string;
+	endDate: string;
 }
 
 interface TableData {
@@ -151,6 +154,15 @@ const formatTime = (time: string | number | Date): string => {
 		return String(time);
 	}
 };
+//查询
+const querydate = () => {
+	tableData.param.pageNum = 1;
+	tableData.param.startDate = tableData.param.dateRange[0];
+	tableData.param.endDate = tableData.param.dateRange[1];
+	console.log(tableData.param.customerServicePlatform);
+
+	dataList();
+};
 
 // 响应式数据
 const queryRef = ref<FormInstance>();
@@ -162,10 +174,13 @@ const tableData = reactive<TableData>({
 		pageNum: 1,
 		pageSize: 10,
 		dateRange: [],
+		customerServicePlatform: '',
 		status: '',
 		ipaddr: '',
 		loginLocation: '',
 		userName: '',
+		startDate: '',
+		endDate: '',
 	},
 });
 
@@ -178,6 +193,8 @@ const dataList = async () => {
 		const res = await getDataList(tableData.param);
 		console.log(res);
 
+		console.log(tableData.param.dateRange, '日期');
+
 		tableData.data = res.data.list;
 		tableData.total = res.data.total;
 	} catch (error) {
@@ -201,6 +218,9 @@ const resetQuery = (formEl: FormInstance | undefined) => {
 		ipaddr: '',
 		loginLocation: '',
 		userName: '',
+		customerServicePlatform: '',
+		startDate: '',
+		endDate: '',
 	};
 
 	nextTick(() => {