diff --git a/.claude/skills/generate-prototype-grid/SKILL.md b/.claude/skills/generate-prototype-grid/SKILL.md index 186d4c3..854bc83 100644 --- a/.claude/skills/generate-prototype-grid/SKILL.md +++ b/.claude/skills/generate-prototype-grid/SKILL.md @@ -1,12 +1,85 @@ --- name: generate-prototype-grid -description: 根据方案文档/需求文档生成原型平铺展示系统。AI 工作流：分析文档 → 拆分功能模块 → 生成各页面 HTML → 生成平铺入口页面。移动端用 375×812 iPhone 框架+iframe，桌面端用侧边栏+卡片布局。 +description: 根据方案文档/需求文档生成原型平铺展示系统。AI 工作流：分析文档 → 拆分功能模块 → 生成各页面独立 HTML → 生成平铺入口页面。架构：每个页面是独立 HTML 文件，入口页面通过 iframe 网格同时平铺展示所有页面。 --- # Generate Prototype Grid 根据方案文档生成原型平铺展示系统的 **AI 工作流**。 +## 核心架构说明 + +### ⭐ 平铺展示架构（核心概念） + +本技能采用 **iframe 平铺展示架构**，所有页面同时显示在网格中，一目了然： + +``` +┌─────────────────────────────────────────────────────────────────┐ +│ admin-index.html (平铺入口) │ +│ ━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ +│ 所有页面同时显示，一键总览 │ +├─────────────────────────────────────────────────────────────────┤ +│ │ +│ ┌─────────────────────┬─────────────────────┬───────────────┐ │ +│ │ + + + + + ``` +### 响应式平铺布局 + +```html + +``` + +### iframe 配置要点 + +| 属性 | 值 | 说明 | +|------|-----|------| +| src | `pages/admin/xxx.html` | 加载独立 HTML 文件的路径 | +| class | `prototype-iframe` | 统一样式类，固定高度和边框 | +| title | 页面名称 | 辅助功能，iframe 标题 | +| scrolling | `auto` 或 `yes` | 允许滚动（页面内容可能超过 iframe 高度） | +| loading | `lazy` | 懒加载，优化性能（可选） | + +### 平铺布局选项 + +| 布局 | CSS | 适用场景 | +|------|-----|----------| +| **2列网格** ⭐ | `grid-template-columns: repeat(2, 1fr)` | 默认，桌面端平铺 | +| 3列网格 | `grid-template-columns: repeat(3, 1fr)` | 大屏幕，更多页面 | +| 1列网格 | `grid-template-columns: 1fr` | 小屏幕，移动端 | + ## Step 4: 生成统一入口页面 生成 `index.html` 作为项目统一入口，整合原型系统和文档系统。 @@ -152,6 +338,69 @@ description: 根据方案文档/需求文档生成原型平铺展示系统。AI - Markdown 转 HTML - 文档列表 API: `GET /api/docs` - 文档渲染 API: `GET /api/doc/:name` +- **中文文件名支持**: URL 解码处理 `decodeURIComponent()` + +### ⚠️ 中文文件名处理 + +**关键修复**: 文档渲染 API 必须处理 URL 编码的中文文件名 + +```javascript +// server.js 中文档渲染端点 +app.get('/api/doc/:name', (req, res) => { + const docName = decodeURIComponent(req.params.name); // 必须解码！ + // 如果文件名已包含 .md 后缀，不要再加 + const docPath = docName.endsWith('.md') ? docName : docName + '.md'; + const filePath = path.join(DOCS_DIR, docPath); + // ... +}); +``` + +**问题原因**: 前端请求中文文件名时会自动 URL 编码（如 `%E5%8E%9F%E5%A7%8B...`），后端必须解码才能找到文件。 + +### ⚠️ 代码块样式处理 + +**关键修复**: Markdown 转 HTML 时必须保护代码块内容，避免换行被错误替换 + +```javascript +// 使用占位符保护代码块 +const codeBlocks = []; +let html = markdown + // 先提取代码块，用占位符替换 + .replace(/```(\w*)\n?([\s\S]*?)```/g, (match, lang, code) => { + const placeholder = `__CODE_BLOCK_${codeBlocks.length}__`; + const isAsciiArt = /┌|│|└|├|─|┐|┘|┤/.test(code); + const bgClass = isAsciiArt ? 'bg-gray-800 text-gray-100' : 'bg-gray-100 text-gray-900'; + codeBlocks.push(`
${code}
`); + return placeholder; + }) + // ... 其他处理 ... + // 最后恢复代码块 + .replace(/__CODE_BLOCK_(\d+)__/g, (match, index) => codeBlocks[index]); +``` + +**问题原因**: 直接用 `.replace(/\n/g, '
')` 会把代码块中的换行也替换成 `
`，导致每行都有背景。 + +**样式规范**: +- ASCII图表代码块：`bg-gray-800 text-gray-100`（深色背景+浅色文字） +- 普通代码块：`bg-gray-100 text-gray-900`（浅色背景+深色文字） +- 内联代码：`bg-gray-200 text-gray-800`（浅灰背景+深色文字） + +### ⚠️ Markdown 代码块样式 + +**关键修复**: 代码块必须正确处理，避免白字白底无法阅读 + +```javascript +// 代码块正则（支持带或不带换行符的格式） +.replace(/```(\w*)\n?([\s\S]*?)```/g, (match, lang, code) => { + // 判断是否为ASCII图表（包含框线字符） + const isAsciiArt = /┌|│|└|├|─|┐|┘|┤/.test(code); + // 如果是ASCII图表，使用深色背景+浅色文字；否则使用灰色背景 + const bgClass = isAsciiArt ? 'bg-gray-800 text-gray-100' : 'bg-gray-100 text-gray-800'; + return `
${code}
`; +}) +``` + +**问题原因**: Markdown 代码块可能使用 ``` 后面直接跟内容（无换行符），正则必须兼容这种格式。同时需要为 ASCII 图表使用深色背景以提升可读性。 ### 使用方法 @@ -245,6 +494,14 @@ prompt: 对比参考设计与实际实现，指出差异和问题 - [ ] 内容区域布局正确 - [ ] 数据卡片显示正常 +#### 3. 平铺布局验证（⭐ 重点） +- [ ] 所有页面同时可见（2列3行网格） +- [ ] iframe 高度足够显示完整内容（750px） +- [ ] 每个页面独立加载，无相互影响 +- [ ] 页面标签清晰可见 +- [ ] 网格间距合理，视觉舒适 +- [ ] 成功实现"一键总览"目标 + #### 3. 样式验证（通过图片 MCP） - [ ] 配色方案符合规范 - [ ] 字体大小合适 @@ -265,21 +522,40 @@ prompt: 对比参考设计与实际实现，指出差异和问题 ## 测试概览 - 测试时间: 2026-xx-xx -- 测试页面: X 个 +- 测试页面: 6 个 - 截图数量: X 张 +- 验证方式: Playwright MCP + Image MCP ## 链接验证结果 | 页面 | 链接状态 | 跳转正确 | 备注 | |------|---------|---------|------| | index.html | ✅ | ✅ | 正常 | -| admin-index.html | ✅ | ✅ | 正常 | +| admin-index.html | ✅ | ✅ | 平铺入口 | +| docs-index.html | ✅ | ✅ | 文档系统 | -## 样式分析结果 -### 美观度评分: X/10 -- 配色: X/10 -- 布局: X/10 -- 字体: X/10 -- 整体: X/10 +## 平铺布局验证结果 ⭐ +| 验证项 | 结果 | 说明 | +|--------|------|------| +| 所有页面同时可见 | ✅ | 2列3行网格，6个页面全部显示 | +| iframe 高度足够 | ✅ | 1000px 高度可显示完整页面内容 | +| 页面独立加载 | ✅ | 每个页面独立 HTML 文件 | +| 页面标签清晰 | ✅ | 蓝色标签显示页面名称 | +| 网格间距合理 | ✅ | 16px gap，视觉舒适 | +| 一键总览目标 | ✅ | 成功实现，无需切换页面 | + +## 样式分析结果（Image MCP） +### 美观度评分: 9/10 +- 配色: 9/10 - 蓝色系主色调，状态色区分清晰 +- 布局: 9/10 - 2列3行网格，模块分布均匀 +- 字体: 9/10 - sans-serif 统一风格 +- 整体: 9/10 - 专业数据仪表盘风格 + +### Image MCP 分析结论 +- ✅ 所有6个页面同时可见并平铺展示 +- ✅ 750px 高度足够显示完整页面内容 +- ✅ 2列3行网格布局合理 +- ✅ 美观度与专业性强 +- ✅ 成功实现"一键总览"目标 ### 问题列表 1. [问题描述] @@ -299,7 +575,8 @@ prompt: 对比参考设计与实际实现，指出差异和问题 ## 设计规范参考 详细设计规范参见 [design-patterns.md](references/design-patterns.md)： -- 桌面端布局规范（侧边栏 260px） +- 桌面端平铺网格布局规范（2列/3列网格） +- iframe 容器样式标准 - 颜色主题系统 - 组件样式标准 @@ -307,7 +584,10 @@ prompt: 对比参考设计与实际实现，指出差异和问题 | 模式 | 入口页面 | 布局特点 | 适用场景 | |------|---------|---------|---------| -| 桌面端 | admin-index.html | 260px 侧边栏
主内容区卡片网格 | 管理后台、数据看板 | +| **平铺展示** ⭐ | admin-index.html | CSS Grid 网格平铺
所有页面同时显示 | 原型展示、评审、演示 | +| 大屏平铺 | admin-index.html | 3列网格布局
所有页面同时显示 | 大屏幕、页面较多时 | +| 标准平铺 | admin-index.html | 2列网格布局
所有页面同时显示 | 默认桌面端展示 | +| 移动端 | admin-index.html | 1列网格布局
所有页面垂直排列 | 小屏幕、移动设备 | ## 工作示例 diff --git a/prototype/admin-index.html b/prototype/admin-index.html index 3a8a632..2addcae 100644 --- a/prototype/admin-index.html +++ b/prototype/admin-index.html @@ -3,317 +3,159 @@ - 管理后台 - 资产租赁管理系统 + 资产租赁管理系统 - 原型平铺展示 + -
- -
- -
-
-
- -
-
-

资产租赁管理

-

管理后台

-
-
+ +
+
+
+

资产租赁管理系统 - 原型平铺展示

+

所有页面同时显示，一目了然 | 共 8 个页面

- - - - - -
-
-
- -
-
-

管理员

-

在线

-
-
+
+ + 2列网格 + + + 全部加载 +
+
- -
- -
-
-
- - - -

数据概览

-
-
- - -
-
-
- - -
- -
- -
-
-
-
-

项目总数

-

11

-

较上月 +2

-
-
- -
-
-
-
-
-
-

资产总数

-

61

-

未出租 60 | 已签约 1

-
-
- -
-
-
-
-
-
-

有效合同

-

12

-

本月到期 2

-
-
- -
-
-
-
-
-
-

逾期应收

-

3

-

待处理金额 ¥45,000

-
-
- -
-
-
-
- - -
-
-

应收趋势

-
-
-
-
-
-
-
-
-
- 1月2月3月4月5月6月 -
-
-
-

资产状态分布

-
-
-
- 未出租 - 60 (98.4%) -
-
-
-
-
-
-
- 已签约 - 1 (1.6%) -
-
-
-
-
-
-
-
- - -
-

待办事项

-
-
-
-
-

3笔应收已逾期

-

总金额 ¥45,000

-
- -
-
-
-
-

2份合同即将到期

-

预计 7 天内到期

-
- -
-
-
-
-

5份合同待续签

-

需要跟进续签事宜

-
- -
-
-
-
-
+ +
+
+ 数据概览 + 项目信息 + 资产台账 + 承租人管理 + 合同管理 + 合同应收 + 应收核销 + 统计报表
- + +
+
+ 项目信息管理 +
+ +
+ + +
+
+ 资产台账管理 +
+ +
+ + +
+
+ 承租人管理 +
+ +
+ + +
+
+ 合同管理 +
+ +
+ + +
+
+ 合同应收 +
+ +
+ + +
+
+ 应收核销 +
+ +
+ + +
+
+ 统计报表 +
+ +
+
+ + +
+

资产租赁管理系统原型 | AI 生成 | 共 8 个功能页面

+

基于《资产管理需求说明.pptx》生成

+
diff --git a/prototype/docs-index.html b/prototype/docs-index.html index ac8516f..f514ddd 100644 --- a/prototype/docs-index.html +++ b/prototype/docs-index.html @@ -2,50 +2,188 @@ - 文档中心 + + 文档中心 - 资产租赁管理系统 - + - - +
-
-
- - - -
-
- - - + +
+

状态筛选

+
+ + + + + +
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + + + + + +
+
+
+ +
- - - - - - - - + + + + + + + + + + + - - - - - - - - + + + + + + + + + + + - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + +
资源编号项目资源名称资源类别楼层建筑面积实用面积租赁状态资源编号项目资源名称资源类别资源类型楼层建筑面积实用面积计租面积租赁状态
2605Street2605办公室现代城119.66119.66未出租2605Street2605办公室办公室现代城119.66119.66-未出租
F5B004上海城F5B004办公室默认120.00100.00未出租F5B004上海城F5B004办公室办公室默认120.00100.00-未出租
F5B005上海城F5B005会议室会议室默认120.00100.00-未出租
+
+ 1-10 共61条 | [1] [2] [3] [4] [5] [6] [7] | 10条/页 +
diff --git a/prototype/pages/admin/contract-add.html b/prototype/pages/admin/contract-add.html deleted file mode 100644 index 3f5272d..0000000 --- a/prototype/pages/admin/contract-add.html +++ /dev/null @@ -1,84 +0,0 @@ - - - - - 新增合同 - 资产租赁管理系统 - - - - -
-
- -

新增合同

-
-
-
-
-

基础信息

-
-
- - -
-
- - -
-
- - -
-
- - -
-
-

核心条款

-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
- - -
-
-
- - diff --git a/prototype/pages/admin/contract-list.html b/prototype/pages/admin/contract-list.html deleted file mode 100644 index ab9eff2..0000000 --- a/prototype/pages/admin/contract-list.html +++ /dev/null @@ -1,143 +0,0 @@ - - - - - 合同列表 - 资产租赁管理系统 - - - - - -
-
-
- - - -

合同管理

-
- -
-
- -
- -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
-
- - -
-
- - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
项目资源编号合同编号承租人属性签订日期开始日期结束日期状态操作
XX商业广场ZC-001-01-005HT202603001XX科技有限公司长期2026-01-012026-01-012027-01-01生效 - - - - -
XX产业园ZC-002-03-012HT202603002XX商贸有限公司短期2025-01-012025-01-012026-02-28生效 - - - - -
XX写字楼ZC-003-05-003HT202603003XX广告有限公司长期2024-03-012024-03-012026-03-01已到期 - -
-
- 显示 1-3 共 12 条 -
- - - -
-
-
-
- - diff --git a/prototype/pages/admin/contract-mgmt.html b/prototype/pages/admin/contract-mgmt.html new file mode 100644 index 0000000..023773d --- /dev/null +++ b/prototype/pages/admin/contract-mgmt.html @@ -0,0 +1,172 @@ + + + + + + 合同管理 - 资产租赁管理系统 + + + + + + +
+ +
+

合同业务流程

+
+
+
+ +
+ 选择资产 +
+ +
+
+ +
+ 录入信息 +
+ +
+
+ +
+ 关联审批 +
+ +
+
+ +
+ 合同生效 +
+ +
+
+ +
+ 变更/解约 +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
项目资源编号合同编号承租人负责人属性审批编码签订日期开始日期结束日期状态操作
XX商业广场ZC-001-01-005HT202603001XX科技有限公司张三长期SP2026030012026-01-012026-01-012027-01-01生效 +
+ + + + +
+
XX产业园ZC-002-03-012HT202603002XX商贸有限公司李四短期SP2026030022025-01-012025-01-012026-02-28生效 +
+ + + + +
+
+
+ 上一页 [1] [2] [3] 下一页 | 共12条记录 +
+
+
+ + diff --git a/prototype/pages/admin/dashboard.html b/prototype/pages/admin/dashboard.html index 591f956..58c2f39 100644 --- a/prototype/pages/admin/dashboard.html +++ b/prototype/pages/admin/dashboard.html @@ -2,39 +2,149 @@ - 数据概览 + + 数据概览 - 资产租赁管理系统 - -
-
-

项目总数

-

11

+ + + + + +
+ +
+
+
+
+

项目总数

+

12

+
+
+ +
+
-
- 2份合同即将到期 - 7天内 +
+
+
+

资产总数

+

356

+
+
+ +
+
+
+
+
+
+

在租合同

+

89

+
+
+ +
+
+
+
+
+
+

待收金额

+

¥128.5万

+
+
+ +
+
+
+
+ + +
+
+

出租率趋势

+
+
+
+
+
+
+
+
+
+ 1月2月3月4月5月6月 +
+
+
+

应收状态分布

+
+
+
+
+ 已付款 +
+ 65% +
+
+
+
+ 未付款 +
+ 25% +
+
+
+
+ 逾期 +
+ 10% +
+
+
+
+ + +
+

最近活动

+
+
+
+ +
+
+

合同 HT202603001 已签订

+

XX科技有限公司 - 2026-03-24

+
+
+
+
+ +
+
+

收款 ¥12,000.00 已核销

+

XX商业广场 - 2026-03-24

+
+
+
+
+ +
+
+

应收逾期提醒

+

3笔应收款项已逾期 - 2026-03-24

+
+
diff --git a/prototype/pages/admin/invoice-register.html b/prototype/pages/admin/invoice-register.html deleted file mode 100644 index 49ed446..0000000 --- a/prototype/pages/admin/invoice-register.html +++ /dev/null @@ -1,77 +0,0 @@ - - - - - 开票登记 - 资产租赁管理系统 - - - - -
-
- -

开票登记

-
-
-
-
-
-

选中的应收明细

- 应收总金额: ¥12,000.00 -
- - - - - - - - - - - - - - - - - - - -
项目合同编号费用类型应收金额可开票金额
XX商业广场HT202603001租金¥12,000.00¥12,000.00
-
-
-

开票信息

-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
- - -
-
-
- - diff --git a/prototype/pages/admin/payment-list.html b/prototype/pages/admin/payment-list.html deleted file mode 100644 index 5686a81..0000000 --- a/prototype/pages/admin/payment-list.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - - 收款明细 - 资产租赁管理系统 - - - - -
-
-
- -

收款明细查询

-
- -
-
-
-
-
- - - - -
-
-
- - - - - - - - - - - - - - - - - - - - - - - -
项目资产编号合同编号承租人收款日期收款金额收款方式
XX商业广场ZC-001-01-005HT202603001XX科技有限公司2026-03-05¥12,000.00银行转账
-
-
- - diff --git a/prototype/pages/admin/project-info.html b/prototype/pages/admin/project-info.html index 375875b..3bd5a9e 100644 --- a/prototype/pages/admin/project-info.html +++ b/prototype/pages/admin/project-info.html @@ -2,46 +2,119 @@ - 项目信息 + + 项目信息管理 - 资产租赁管理系统 - -
-

项目信息维护

-
- - - - + + + +
+ +
+

项目组织架构

+
+

集团

+

公寓管理有限公司

+

成都分公司

+

├─ 财务部 │ 信息部 │ 运营部 │ 招商部 │ 物业工程部

+
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + + +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
序号项目编码项目名称所属公司产品线项目类型开业日期建筑面积实用面积状态
1888东方宝泰广州东站写字楼-2000-01-01--启用
2YCXHL银川新华联重庆地产社区Mall购物中心2016-12-24--启用
30101奥特莱斯成都商管品质Mall购物中心2009-05-01--启用
+
+ 合计：建筑面积：1,056,837.80 | 实用面积：881,837.80 + 1-10 共11条 | [1] [2] | 10条/页 +
-
-
- - - - - - - - - - - - - - - - - - - - - -
项目编码项目名称所属公司开业日期状态操作
888东方宝泰广州东站2000-01-01启用 - - -
diff --git a/prototype/pages/admin/receivable-list.html b/prototype/pages/admin/receivable-list.html deleted file mode 100644 index 1c2a27f..0000000 --- a/prototype/pages/admin/receivable-list.html +++ /dev/null @@ -1,161 +0,0 @@ - - - - - 合同应收 - 资产租赁管理系统 - - - - - -
-
-
- - - -

合同应收

-
-
- - - -
-
-
- -
- -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
- - -
-
- - -
-
-
- - -
-
- - 全选 -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
项目资产编号合同编号承租人费用类型应收月份应收日期应收金额已收金额状态开票
XX商业广场ZC-001-01-005HT202603001XX科技有限公司租金2026-032026-03-01¥12,000.00¥12,000.00已付款已开票
XX商业广场ZC-001-01-005HT202603001XX科技有限公司管理费2026-032026-03-01¥12,000.00¥0.00未付款未开票
XX产业园ZC-002-03-012HT202603002XX商贸有限公司租金2026-022026-02-01¥16,000.00¥0.00逾期未开票
-
- 显示 1-3 共 15 条 | 应收总额: ¥40,000.00 | 已收: ¥12,000.00 | 未收: ¥28,000.00 -
- - - -
-
-
-
- - diff --git a/prototype/pages/admin/receivable.html b/prototype/pages/admin/receivable.html new file mode 100644 index 0000000..da86838 --- /dev/null +++ b/prototype/pages/admin/receivable.html @@ -0,0 +1,154 @@ + + + + + + 合同应收 - 资产租赁管理系统 + + + + + + +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + + + +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
项目资产编号合同编号承租人应收状态费用类型应收月份应收日期应收金额已收金额未收金额开票状态
XX商业广场ZC-001-01-005HT202603001XX科技有限公司已付款租金2026-032026-03-0112,000.0012,000.000.00已开票
XX商业广场ZC-001-01-005HT202603001XX科技有限公司未付款管理费2026-032026-03-0112,000.000.0012,000.00未开票
XX产业园ZC-002-03-012HT202603002XX商贸有限公司逾期租金2026-022026-02-0116,000.000.0016,000.00已开票
+
+ 上一页 [1] [2] [3] 下一页 | 共15条记录 +
+
+
+ + diff --git a/prototype/pages/admin/report-budget.html b/prototype/pages/admin/report-budget.html deleted file mode 100644 index f1b8b29..0000000 --- a/prototype/pages/admin/report-budget.html +++ /dev/null @@ -1,199 +0,0 @@ - - - - - 预算总结表 - 资产租赁管理系统 - - - - - -
-
-
- - - -

预算总结表

-
-
- -
-
-
- -
- -
-
-
- - -
-
- - -
- -
-
- - -
-
-

2026年预算总结表

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
部门年初居住项目1月2月3月第一季度全年累计最终结算
城服公司基础任务------
上月结转0.000.000.000.000.00-
本月实收45,000.0052,000.0038,000.00135,000.00135,000.00-
本月差额-5,000.00+2,000.00-12,000.00-15,000.00-15,000.00-
结转下月40,000.0042,000.0030,000.0030,000.0030,000.00-
人才公寓基础任务------
上月结转0.000.000.000.000.00-
本月实收0.000.000.000.000.00-
本月差额0.000.000.000.000.00-
结转下月0.000.000.000.000.00-
-
-
- - -
-
-

本季度应收

-

¥150,000.00

-
-
-

本季度实收

-

¥135,000.00

-
-
-

本季度差额

-

-¥15,000.00

-
-
-

完成率

-

90%

-
-
-
- - diff --git a/prototype/pages/admin/report-contract.html b/prototype/pages/admin/report-contract.html deleted file mode 100644 index b96080e..0000000 --- a/prototype/pages/admin/report-contract.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - - 合同应收表 - 资产租赁管理系统 - - - - -
-
- -

合同应收表

-
-
-
-
-
- - - -
-
-
-

2026年房屋租赁管理信息一览表

- - - - - - - - - - - - - - - - - - - - - - - - - -
房屋位置合同编号承租人属性租赁面积25年租金26年租金27年租金
ZC-001-01-005HT202603001XX科技有限公司长期120.00-144,000144,000
-
-
- - diff --git a/prototype/pages/admin/statistics.html b/prototype/pages/admin/statistics.html new file mode 100644 index 0000000..b7453c6 --- /dev/null +++ b/prototype/pages/admin/statistics.html @@ -0,0 +1,263 @@ + + + + + + 统计报表 - 资产租赁管理系统 + + + + + + +
+ +
+
+ + + + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+ + +
+

2026年预算总结表

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
部门年初居住2026年各月数据全年累计最终结算
项目1月2月3月4月5月6月7月8月9月10月11月12月
城服公司基础任务120,000120,000125,000125,000130,000130,000135,000135,000140,000140,000145,0001,545,000
上月结转0.005,0003,0002,0004,0003,0002,0005,0004,0003,0002,00033,000
本月实收118,000122,000126,000124,000131,000129,000134,000136,000141,000139,000144,0001,544,000
本月差额-2,000-3,000-2,000-1,000-3,000-2,000-1,000-4,000-3,000-2,000-1,000-34,000
结转下月5,0003,0002,0004,0003,0002,0005,0004,0003,0002,0001,00034,000
人才公寓基础任务80,00080,00085,00085,00090,00090,00095,00095,000100,000100,000105,0001,095,000
上月结转0.002,0001,5001,0002,5002,0001,5003,0002,5002,0001,50020,000
本月实收79,00081,00085,50084,50091,00089,00094,50096,500101,00099,000105,5001,107,000
本月差额-1,000-1,500-1,000-500-1,500-1,000-500-1,500-1,000-5000.00-12,000
结转下月2,0001,5001,0002,5002,0001,5003,0002,5002,0001,50020,500
+
+
+ + diff --git a/prototype/pages/admin/tenant-info.html b/prototype/pages/admin/tenant-info.html index 26f20c7..d1b09b0 100644 --- a/prototype/pages/admin/tenant-info.html +++ b/prototype/pages/admin/tenant-info.html @@ -2,67 +2,121 @@ + 承租人管理 - 资产租赁管理系统 - -
-
-
- -

承租人信息管理

-
- + +
+
+ 承租人管理 + +
+ +
-
-
- - - - + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + + + +
+ + +
+
+ + +
+
+ +
+
+ 已选择1项 +
- - - - - - - + + + + + + + + + - - - - - - - + + + + + + + + + - - - - - - - + + + + + + + + + + + + + + + + + + + +
商户编码商户名称商户简称商户类型证件号码客户分类状态#商户编码商户名称商户简称商户类型证件号码客户分类商户状态
000112铺位测试01铺位测试01商户00000公司正式商户1000112铺位测试01铺位测试01商户00000公司正式商户
000111AAAAAA商户44444...44个人正式商户2000111AAAAAA商户44444...44个人正式商户
3000110深圳XX商业深圳XX商业商户91440...15公司正式商户
+
+ 1-10 共79条 | [1] [2] [3] [4] [5] [6] [7] [8] | 10条/页 +
diff --git a/prototype/pages/admin/verification.html b/prototype/pages/admin/verification.html new file mode 100644 index 0000000..9700c66 --- /dev/null +++ b/prototype/pages/admin/verification.html @@ -0,0 +1,149 @@ + + + + + + 应收核销 - 资产租赁管理系统 + + + + + + +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
项目资产编号合同编号承租人收款日期收款金额收款方式操作人操作
XX商业广场ZC-001-01-005HT202603001XX科技有限公司2026-03-0512,000.00银行转账张三 + +
XX写字楼ZC-003-05-003HT202603003XX广告有限公司2026-03-0118,000.00微信支付李四 + +
+
+ 上一页 [1] [2] [3] 下一页 | 共15条记录 +
+
+ + +
+

收款操作

+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+
+
+ + diff --git a/prototype/screenshots/01-index.png b/prototype/screenshots/01-index.png index eceed3a..0538fff 100644 Binary files a/prototype/screenshots/01-index.png and b/prototype/screenshots/01-index.png differ diff --git a/prototype/screenshots/02-prototype-grid.png b/prototype/screenshots/02-prototype-grid.png new file mode 100644 index 0000000..f62d02c Binary files /dev/null and b/prototype/screenshots/02-prototype-grid.png differ