核销记录查询系统工具前端代码

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

首页 (文件上传页)

导航栏

• 两个导航

选择核销平台(下拉菜单) 选择交易时间段 (时间段选择器) 上传文件 (上传组件)

• 可以拖拽和选择上传
• 仅支持单个上传 上传前判断文件格式 (csv,excel) 上传状态(进度条组件)
• 文件名 和上传状态
• 上传状态 3个 可以取消上传
• 上传文件的时候 将 选择的核销平台和 日期一起传到后台 模板下载(点击下载exl模板)

查询按钮(携带参数跳转列表页)

• 这里上传成功之后才能查看,后台应该返回上传文件的状态和信息
• 单击时： 检查表单格式是否正确 Case1: 格式正确，跳转到“列表页” Case2： 格式错误，提示错误：“表单信息格式错误，请删除当前表单后重新上传”

上传记录页

选择上传时间段 选择核销平台 查询

table 表格

• 序号(id)
• 上传时间
• 列表包含记录数量
• 未推送短信数量
• 来源核销平台
• 查看信息
  • 点击“查看信息”,跳转到“列表页”
• 删除
  • 弹出气泡确认框 点击“确定”，记录删除 点击“取消”，确认框关闭

列表页(携带参数查询)

短信 发送状态 中 成功后面的数字是次数

Customize configuration

See Configuration Reference.

​

​