App-身份地流转功能模块产品系统

新疆兵团使用，用来进行身份地流转：特指新疆生产建设兵团连队职工，将自己承包的国有农用地的经营权，在保留承包权的前提下，转让给他人或组织的行为

功能为土地流转双方提供从信息发布到合同签署的一站式线上服务：发包方（地主）可详细发布地块信息（含位置、面积、期限、租金，土地概况），承租方（其他地主）则通过多维筛选查看意向地块，双方通过平台内置沟通渠道协商流转细节，达成一致后，系统自动套用符合兵团政策的标准化合同模板，经实名认证和电子签名完成线上签约，合同自动存档且具备法律效力，全程透明、合规、可追溯，既保障了双方权益，又显著提升了流转效率。

本人担任前端开发，从 0 独立完成「身份地流转」模块。工作涵盖页面开发、接口联调与功能测试三部分。
页面方面：共开发 13 个页面及 3 个公共组件，覆盖发布挂网、流转列表（师团连筛选与分页）、详情、协商报名、实时聊天、协商表单、PDF 合同预览与电子签章，以及「我的发布 / 协商 / 合同」管理，形成完整业务闭环。
接口方面：在 api/landtransfer.js 封装 30 余项 REST 接口，对接部门树、字典、挂网 CRUD、报名协商、合同生成与签章上传；自研 WebSocket 工具实现协商聊天实时通信。
测试方面：自测发布→报名→协商→合同→签章全流程，并修复 Picker 重置残留、聊天首屏闪动、scroll-view 高度适配等问题。

技术栈：UniApp（Vue2）+ uView UI，一套代码适配 Android/H5；Vuex 状态管理；WebSocket 实时通信；PDF.js 合同预览；ycyz-signature 手写签章。
架构：页面层 → 公共组件/工具函数 → API 层 → 工具层，列表统一采用 scroll-view 分页 + 下拉刷新 + 触底加载模式。
亮点：① 完整业务闭环，双角色逻辑清晰；② 聊天支持文本、协商卡片、合同卡片多类型渲染；③ 抽取 common.js 统一多块地数据展示，多页面复用。
难点：① 聊天首屏滚底无闪动（遮罩 + scrollTop 种子 + 锚点）；② WebSocket 多消息类型分发与状态联动；③ APP 端签章需校验本地文件后 FormData 上传，跨端兼容；④ 后端地块数据结构不统一，前端做字段兼容与汇总展示。