一、需求背景

据业务反馈，目前经纪人无法将音视频上传至成交系统，给业务开展带来不便，故提此需求。

二、需求描述

（一）成交报告—成交资料页面新增“音影资料”模块。

1、整体交互流程

原型链接：https://rtuof7.axshare.com

2、规则说明

3、页面交互说明

（1） 上传页面

① 无任何音视频文件时，显示缺省页面。缺省页的左下方，标注提示内容（提示内容见原型）
② 点击“上传”，弹出上传框，选择音频/视频文件。

• 支持多选，即可同时选择音频/视频，至多可选择10条。选择文件点击确定后需校验上传的文件是否超过10条。若超过，系统需弹出提示：音视频至多允许上传10条，目前已超出限制，请检查！
• 用户上传时系统需校验音视频的大小。单个视频的大小不超过2G。若超过2G，系统需弹出提示：上传的音视频文件大小不超过2G，请重新选择！
• 用户上传时系统需校验音视频格式。若上传音视频的格式不在支持范围内，点击确定时系统需弹出提示：您上传的音/视频格式不正确，请重新选择！
  • 视频：mp4, flv, avi, mov
  • 音频：m4a, mp3, wav, ogg, asf, au, voc, aiff, rm, m4a, svcd,vcd

（2）上传音视频编辑页面

① 字段说明

② 交互说明

• 一次上传多条音视频时，需分别罗列。
• 名称：超过字数限制时，出现标红的提示语（已超过30个字符）进行提示。当字数在限制范围内，提示语消失
  • 用户上传时就已经超过30字符的话，也要出现标红的提示语
• 点击音视频，直接弹出播放界面。
  • 音频支持倍速播放，单击“播放”按钮弹出下拉框，选择任意的播放速度后，下拉框收起。
  • 视频的播放界面目前已有模板，可直接套用。
• 点击“X”，可删除文件,但需先弹出二次确认框。若只有1个文件，删除后跳转到缺省页或列表页
• 备注框：当没有达到限制字数，显示的是当前输入的字数，颜色为灰色；当超过限制字数时，字数显示为300，颜色为红色，此时用户无法再输入
• 点击“添加音视频”，系统需判断目前编辑页面中条数或已上传音视频条数总和是否大于10，若是需弹出toast弹窗：音视频至多允许上传10条，目前无法再添加，请检查！
• 点击“确定”，系统需检验文件录制时间是否都有选择。若没有，需弹出toast弹窗：请选择文件录制时间。

  （3）上传成功后页面

  
  ① 列表字段说明

② 交互说明

• 点击“上传”，弹出上传框。一次上传多条音视频保存后，需分别罗列在列表中，点编辑时进入的页面是一样的。
• 音视频文件：
  • 最多显示15个字符，超过的部分用省略号表示。当鼠标悬停时显示完整名称。
  • 文件标蓝，单击可播放
• 备注：
  • 显示完整的两行，超过的部分用省略号表示。省略的末尾使用【展开】文字链，点击后向下扩展显示全文。
  • 当页面刷新时，展开的内容自动收起
• 点击编辑，弹出编辑页面。重新编辑保存后，最新的数据将覆盖原先的数据。
  • 点击此处弹出的编辑页面，没有删除按钮。即已经上传的视频不允许通过编辑页面进行删除
  • 此处的编辑页面，也没有“添加音视频”按钮
• 点击删除，弹出删除二次确认框。
• 若该页面没有任何音视频文件，需要显示缺省图。

（4）操作记录

① 列表字段说明

② 其他说明

• 上传/预览/删除/编辑/下载 这几种操作都需要记录。
• 一条记录显示一行，批量上传的需要依次显示。