# 采购记账

## **<span style="font-family: Calibri;">①功能概述</span>**

<div id="bkmrk-%E9%87%87%E8%B4%AD%E8%AE%B0%E8%B4%A6%E6%A8%A1%E5%9D%97%E4%B8%BB%E8%A6%81%E7%94%A8%E4%BA%8E%E7%AE%A1%E7%90%86%E9%87%87%E8%B4%AD%E8%B4%A6%E6%88%B7%E8%B5%84%E4%BA%A7%E5%8F%8A%E6%94%B6"><div>采购记账模块主要用于管理采购账户资产及收支和结余情况的功能模块。该模块提供了账户管理、收支记录、余额查询和数据可视化等功能，帮助用户实时了解采购账户的财务状况。</div></div>## **<span style="font-family: Calibri;">②操作指导</span>**

##### **（1）账户卡片列表**

[![image.png](https://wiki.wimoor.com/uploads/images/gallery/2026-03/scaled-1680-/O3cimage.png)](https://wiki.wimoor.com/uploads/images/gallery/2026-03/O3cimage.png)

- **总账户卡片**：系统自动生成的汇总卡片，显示所有账户资产总和。默认激活，点击可查看所有账户的整体图表与表格数据。
- **具体账户卡片**：按支付方式（如现金、银行卡、支付宝等）分类的账户卡片。
- **卡片激活状态**：点击任一卡片，该卡片高亮显示（背景变为橙色），右侧图表与表格立即刷新为该账户的数据。同时，总账户卡片会失去高亮。

##### **（2）账户操作菜单**

**[![image.png](https://wiki.wimoor.com/uploads/images/gallery/2026-03/scaled-1680-/Sqkimage.png)](https://wiki.wimoor.com/uploads/images/gallery/2026-03/Sqkimage.png)**

每个具体账户卡片（除总账户外）的下拉菜单（三个点图标）提供以下功能：

- **设为该支付方式默认卡 / 取消该支付方式默认卡**：将当前账户标记为对应支付方式的默认账户，或取消其默认标记。默认账户在卡片上会显示红色“默认”标签。
- **重命名**：修改账户的自定义名称。
- **删除**：将账户移入回收站（软删除），不再显示在主列表中。

##### **（3）添加账户**

[![image.png](https://wiki.wimoor.com/uploads/images/gallery/2026-03/scaled-1680-/go1image.png)](https://wiki.wimoor.com/uploads/images/gallery/2026-03/go1image.png)

点击左侧底部的“添加账户”卡片，弹出“账户编辑”对话框。需填写以下信息：

- **账户名称**：自定义名称，如“公司基本户”、“备用金”等。
- **账户类型**：从已配置的支付方式列表中选择（如现金、银行转账、支付宝等）。此选项仅在新增时显示，编辑时不可修改。

确认后，新账户将出现在左侧卡片列表中，初始余额为0。

##### **（4）账户数据可视化**

右侧区域包含三个核心组件：

- **折线图（LineChart）**：展示所选账户在一段时间内的资产余额变化趋势。选中总账户时，显示所有账户合计的资产变化。[![image.png](https://wiki.wimoor.com/uploads/images/gallery/2026-03/scaled-1680-/k7Limage.png)](https://wiki.wimoor.com/uploads/images/gallery/2026-03/k7Limage.png)
- **饼图（PieChart）**：展示所选账户的资产分布结构（例如按支付方式或交易类型划分）。选中具体账户时，可能显示该账户的资金构成；选中总账户时，显示各账户余额占比。 [![image.png](https://wiki.wimoor.com/uploads/images/gallery/2026-03/scaled-1680-/FGYimage.png)](https://wiki.wimoor.com/uploads/images/gallery/2026-03/FGYimage.png)
- **明细表格（Table）**：列出与所选账户相关的交易明细记录，支持分页查看。表格内可能包含操作按钮（如“刷新数据”），可触发重新加载图表数据。[![image.png](https://wiki.wimoor.com/uploads/images/gallery/2026-03/scaled-1680-/CI3image.png)](https://wiki.wimoor.com/uploads/images/gallery/2026-03/CI3image.png)