宠物理赔作业录音

基础信息

项	说明
菜单路径	`/operationsManagement/taskManagement/petCall/index`
路由名称	`petCall`
页面组件	`src/views/operationsManagement/taskManagement/petCall/index.vue`
接口模块	`@/api/petCall`（独立 api 文件） + 组件内 `api.post`
Store	无
页面定位	宠物理赔客服通话录音查询，支持客服账号编辑、导入、导出与录音试听

页面功能

页面使用 Container + ZbQuery（查询区）+ ZbTable（表格）+ ZbPagination（分页）的 zbkj-ui 组件库布局，Vue3 <script setup> 实现。

1. 查询区（ZbQuery）

筛选条件包括：客服ID、客服姓名、客服邮箱、主叫号码、中继号、通话来源、排队状态、通话结果、后续通话情况（true/false/null 下拉）。

2. 操作区

编辑客服账号：打开 EditCsConfigDialog 弹窗，动态表单维护客服ID/姓名/邮箱（支持新增/删除行，最多 100 条，校验重复与邮箱格式）。
导入客服账号：ImportPopup 上传文件，调用 wo/consultationCsConfig/importCsConfig。
导出：导出 Excel 到邮箱（exportPetCall）。

3. 录音列表（ZbTable）

列	说明
客服ID	`agentId`
客服姓名	`agentNickName`
call_id	`callId`
通话开始时间	`callStartAt`
通话类型	`callType`
主叫号码	`callNumber`
号码归属地	`mobileArea`
中继号	`trunkNumber`
客户姓名	`userName`
客户id	`userId`
通话来源	`callSource`
排队状态	`queueType`
设备状态	`deviceInfo`
通话结果	`callResult`
振铃时间	`ringTime`
挂断方	`dropSide`
通话时间	`callTime`
录音文件	音频播放，调用 `wo/consultationCsCallRecords/queryCallRecordUrl` 获取录音地址
满意度评价	`satisfaction`

4. 分页

ZbPagination 分页，支持页码与每页条数切换。

使用组件

组件	路径	用途
`Container`	`@/components/container`	页面容器
`ZbQuery`	`@/components/zbkj-ui`	查询区
`ZbTable`	`@/components/zbkj-ui`	表格
`ZbPagination`	`@/components/zbkj-ui`	分页
`EditCsConfigDialog`	`./components/EditCsConfigDialog.vue`	编辑客服账号弹窗
`ImportPopup`	`@/components/ImportPopup`	导入弹窗

使用 Store

无。

调用接口

所有接口实际请求统一带 /api 前缀（下表 URL 为业务路径简写）。

接口 URL	用途
`wo/consultationCsCallRecords/queryPetCallPage`	录音分页查询
`wo/consultationCsCallRecords/exportPetCall`	导出录音到邮箱
`wo/consultationCsCallRecords/queryCallRecordUrl`	获取录音文件播放地址
`wo/consultationCsConfig/getCsConfig`	获取客服账号列表
`wo/consultationCsConfig/editCsConfig`	编辑保存客服账号
`wo/consultationCsConfig/importCsConfig`	导入客服账号

修改记录

修改人	修改时间	修改内容
zhouw	2026-07-03	初始化页面
zhouw	2026-07-09	编写页面内容