坐席业绩数据分析

豆包提示词:

使用papaparse.js,chart.js,tailwindcss和font-awesome,生成一个可以交互的简洁且可以运行的HTML代码,不要输出无关内容。

具体要求如下:

1、按坐席姓名输出业绩折线图。

2、系统导航区域:放置上传csv文件的按钮,需要正确解析日期、坐席姓名、一级机构至五级机构的机构名称、各业绩的中位值,(数据格式:日期,坐席姓名,一级机构,二级机构,三级机构,四级机构,五级机构,业务等级,在线时长,外呼时长,接通时长,外呼次数,接通次数,有效通次,接通率,违规次数,推荐次数),时长的单位均为分钟。

3、顶部区域:筛选X轴日期(日/周/月,使用按钮组件选择),Y轴业绩指标(通话时长/外呼次数/接通次数/..,使用按钮组件选择),可以根据业绩指标设置目标值,默认设置为对应业绩指标的中位值,允许修改。左侧区域选择坐席名称和机构名称,右侧区域显示图表。

4、坐席选择:勾选合法的坐席名称(坐席姓名的取值)

5、机构选择:先使用按钮组件的形式显示一级机构至五级机构,点击某级机构时,使用checkbox显示某级机构下唯一的合法的机构名称,默认选中五级机构并勾选中五级机构下的机构名称,被勾选的机构名称需要计算机构均值,目标值和机构均值都使用不同颜色虚线显示在折线图上。

6、坐席名称/每级机构的名称都可以全选/取消全选。

7、所有操作都会直接更新图表。

通过调整日/周/月的焦点、过滤掉undefined项、按所有坐席计算机构均值得到的最终代码如下:





  
  
  坐席业绩数据分析
  
  
  
  
  
  



  
  

坐席业绩数据分析

X轴日期筛选

Y轴业绩指标

目标值设置

当前中位值: -

坐席选择

请先上传CSV文件

机构选择

当前显示: 五级机构
请先上传CSV文件

机构均值: -

坐席业绩趋势分析

© 2025 坐席业绩数据分析系统 | 设计与开发

通知标题

通知内容将显示在这里...

效果:

​​​​​​​

你可能感兴趣的:(大模型,AI编程,BI,HTML,JS,CSV)