# 账单管理APP

**Repository Path**: ngu-function-development/bill-management-app

## Basic Information

- **Project Name**: 账单管理APP
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-10-29
- **Last Updated**: 2026-03-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 账单管理APP
## 今日日程页面
### 页面标题 “今日日程”
### 当日日程列表，每项包括
1. 事务名称
2. 金额变动 单位：元
3. 变动类型 tag块 收入：绿色tag块  支出：红色tag块
4. 左滑出现右侧两个按钮，删除与修改按钮。
5. 按住当前项拖动可与其他项交换位置。

若进入暂无日程，则显示暂无数据。

### 右下角固定定位一个加号按钮
点击时弹出弹框，弹框中输入 事务名称，金额与下拉选择的收入支出项。点击确定时新增成功，

## 往期历史页面<preHistory>
### 页面标题 “历史账单”
### 当前显示的账单日期，默认显示非今日的最新日期，右侧“切换日期按钮”
点击切换日期按钮，左侧滑出抽屉，显示所有日期记录

### 历史日程列表，内容同今日日程列表。

## 账单汇总<summary>
### 标题“汇总”
### 当前显示的日期区间，默认显示当月月初至现在 点击弹出日期区间选择器，右侧一个下拉选择项 变动类型，默认选中支出，最右侧显示变动金额总和。
### 数据汇总柱状图
1. 同名事件汇总，金额求和，绘制成柱状图，按从少到多从左至右绘制，一屏展示五项事务。
2. 事务项超过5项时可左右滑动查看，参考ehcarts datazoom的inside配置。
### 数据汇总列表，每行数据应有以下项。
1. 事务名称，
2. 金额总和