更新记录

1.1（2026-04-07） 下载此版本

首次发布房产中介账务管理小程序前端模板

• 包含首页、房源管理、合同管理、账单管理、收款登记、追溯查询、个人中心等核心页面
• 提供适合房产租赁与中介账务管理场景的基础界面结构与交互示例

平台兼容性

uni-app(5.06)

房产中介账务管理小程序前端模板

一、插件简介

本插件是一套基于 uni-app 开发的房产中介账务管理小程序前端模板，适用于房源台账、租赁合同、租金账单、收款登记、追溯查询、统计分析等业务场景。

模板以“房源 + 合同 + 账单 + 收款 + 追溯”为核心设计思路，适合以下类型项目快速搭建：

• 房产中介公司管理系统
• 房屋租赁管理小程序
• 公寓托管账务管理系统
• 房屋台账管理系统
• 房产运营类小程序项目

本插件为 前端模板，主要提供页面结构、基础交互、界面布局和示例数据，不包含完整后端服务。开发者可在此基础上快速接入自身业务接口并进行二次开发。

二、适用场景

本模板适用于以下业务需求：

• 房源信息建档与管理
• 房间信息管理
• 租客信息管理
• 合同录入与查看
• 租金账单管理
• 收款登记
• 退款与调整记录
• 房源账务追溯
• 门店或经纪人维度统计分析

适合需要解决“手工记账混乱、账目难追溯、房源和账单关联不清”等问题的项目场景。

三、功能模块

本模板包含以下核心页面模块：

1. 首页

• 经营数据概览
• 待办提醒
• 快捷功能入口
• 本月应收/实收/未收展示

2. 房源管理

• 房源列表
• 房源详情
• 房间信息展示
• 房源状态展示

3. 合同管理

• 合同列表
• 合同详情
• 租客与房源绑定关系展示
• 合同状态区分

4. 账单管理

• 账单列表
• 账单详情
• 应收、已收、未收状态展示
• 按条件筛选账单

5. 收款管理

• 收款记录列表
• 收款登记页
• 收款状态与凭证信息展示

6. 追溯查询

• 按房源追溯
• 按合同追溯
• 按账单追溯
• 按租客追溯
• 时间轴展示业务链路

7. 个人中心

• 用户信息
• 菜单入口
• 系统设置类展示

四、模板特点

1. 业务结构清晰

围绕房产中介账务业务场景设计，页面结构完整，便于快速扩展实际项目。

2. 适合二次开发

模板采用常规 uni-app 项目组织方式，便于开发者接入接口、替换数据、扩展页面和功能。

3. 多端兼容思路

基于 uni-app 开发，可扩展支持：

• 微信小程序
• H5
• App

实际兼容情况请开发者根据自己的项目需求自行调整和测试。

4. 适合中后台业务系统

本模板更偏向业务管理系统风格，适合账务、合同、台账、追溯、统计类项目使用。

五、使用说明

1. 导入项目

将插件下载后解压，使用 HBuilderX 导入项目目录。

2. 安装依赖

如果项目中包含额外依赖，请先执行依赖安装操作。
如为纯模板项目，可直接导入运行。

3. 运行项目

在 HBuilderX 中选择对应平台进行运行，例如：

• 运行到微信开发者工具
• 运行到浏览器
• 运行到手机或模拟器

4. 修改接口配置

本模板默认以静态页面和示例数据为主。
开发者在实际项目中可根据自身后端接口规范，调整以下内容：

• 接口地址
• 请求方式
• Token 鉴权
• 数据字段映射
• 上传与下载逻辑

5. 替换示例数据

模板中的展示数据多为前端示例数据，接入后端后可替换为实际接口返回数据。

6. 样式调整

如需匹配自身项目品牌风格，可自行修改：

• 主题色
• 页面标题
• 图标
• 卡片样式
• 列表布局
• 空状态样式

六、目录结构示例

/pages
  /index
    index.vue
  /house
    list.vue
    detail.vue
  /contract
    list.vue
    detail.vue
  /bill
    list.vue
    detail.vue
  /payment
    list.vue
    add.vue
  /trace
    index.vue
  /mine
    index.vue

/components
  StatCard.vue
  HouseCard.vue
  BillCard.vue
  SearchFilter.vue
  TraceTimeline.vue

/static
  /images
  /icons

/utils
  request.js
  common.js

/api
  house.js
  contract.js
  bill.js
  payment.js