抖音小程序 - 初创公司年报管理

# 源码摘要（源码用途） ## 项目名称 抖音小程序 - 初创公司年报管理 ## 源码用途 本源码是一套**原生抖音小程序**前端工程，用于初创公司对**年度经营报告**进行 数字化管理与可视化呈现。项目为**纯前端**实现，**不调用任何后端 API**， 所有数据通过 `tt.setStorageSync` 持久化在本机存储，开箱即用，无需服务器。 主要用途包括： 1. **年报档案管理** —— 集中沉淀企业每年的经营报告，支持搜索、按状态筛选、 查看详情。 2. **经营数据可视化** —— 用柱形图、折线图、环形饼图、能力雷达图、季度进度、 营收成本对比等多种图表，直观展示营收、利润、用户、团队等核心指标与趋势。 3. **年报生成** —— 通过三步向导（基本信息 → 经营数据 → 封面与亮点） 快速新建一份年报，并实时预览封面效果。 4. **品牌呈现** —— 内置示例公司「某某公司」四年虚构数据（营收、成本、利润、 用户、团队、业务板块、能力评分、季度、里程碑），可直接用于演示与联调。 ## 技术栈 - 原生抖音小程序（TTML + TTSS + JS），`douyinProjectType: native` - 图标：IconPark 官方 SVG 包，运行时着色渲染（`components/icon`） - 图表：纯 SVG 字符串 → base64 data-URI 渲染 + CSS 柱形/进度条，零三方依赖 - 数据层：`utils/store.js` 本地存储 + 轻量观察者实现主题切换 ## 目录结构 ``` 初创公司年报管理/ ├── app.js / app.json / app.ttss # 全局：主题管理 + 工具方法 + 设计 Token ├── project.config.json # 抖音开发者工具配置 ├── components/ │ ├── icon/ # 图标组件（SVG 着色 + base64 渲染） │ └── tabbar/ # 自定义底部导航（4 标签） ├── utils/ │ ├── store.js # 数据层：示例数据 + 存储 + 主题 + 事件 │ └── icons.js # 109 个图标（由 tools/gen-icons.js 生成） ├── pages/ │ ├── index/ index.js/ttml/ttss 首页经营总览仪表盘 │ ├── reports/ reports.* 年报档案列表（搜索 + 筛选） │ ├── analytics/ analytics.* 数据分析（多图表） │ ├── detail/ detail.* 年报详情（概览/里程碑/财务） │ ├── create/ create.* 新建年报（三步向导） │ └── my/ my.* 我的（主题换肤 + 设置） └── tools/ └── gen-icons.js 图标生成脚本（开发工具） ``` ## 运行方式 1. 用「抖音开发者工具」打开 `初创公司年报管理/` 目录。 2. 选择或新建一个小程序 AppID（或使用测试号）。 3. 点击编译即可在模拟器中预览；首次进入会自动写入示例数据。 > 如需更新图标，编辑 `tools/gen-icons.js` 中的 `LIST` 后运行 `node tools/gen-icons.js`。