摘要：随着城市快节奏生活与高频差旅的普及，“毛孩子”在节假日与日常加班期间的喂养照料成为千万家庭的刚需痛点。传统宠物店寄养易产生交叉感染与高对应激风险，而私人接单又存在“无门禁进屋隐患、无实时监督证据、宠物突发伤病责任扯皮”等信任危机。本项目研发了一套基于 Vue 3.4 + Pinia + Tailwind CSS + ECharts 5 + Spring Boot 3.2 + 实时GPS打卡轨迹沙盘 + 双向法律效力电子合同存证 + PICC家政责任险统保 的一体化【社区同城宠物托管与上门喂猫遛狗服务预约系统】。实现了“15分钟极速响应 + 门前LBS核验获取临时开锁码 + 换水喂粮与遛狗视频无损存证 + 双方电子免责合同与意外就医直通车”全流程闭环，打造“PC 端社区网格安全态势大屏 + Admin 资质审核与纠纷仲裁中台 + Mobile 微信小程序随身对练端”三位一体全栈数字解决方案！
一、 系统业务拓扑与社区安全网格架构
系统围绕“邻里信任、过程可视、法律兜底”三大主线，构建了完整的全栈技术矩阵：
- PC 端社区宠物安全照料态势大屏（1440×960 视口）：社区网格化托管态势大屏、实时喂养与上门遛狗GIS轨迹沙盘、双向电子合同签署与存证中心、爱宠健康档案与特殊习性沙盒、金牌宠托师大厅；
- Admin 运营管理与风控合规中台：全盘服务运营大盘、宠托师资质与公安背调审核、电子合同与保险档案库、服务争议与失约仲裁中心、突发险情与就医联络调度；
- Mobile 微信小程序业主随身端（390×844 规范移动视口）：附近社区金牌宠托师速查首页、标准化上门喂猫遛狗预约、实时服务打卡轨迹与现场拍照、爱宠电子档案与合同中心。
二、 PC 端高保真页面全景呈现（1440×960 视口）
1. 社区网格化宠物安全态势大屏 (PetCockpitView)
实时监控在途工单量、骑手宠托师在途热力图、超时未打卡预警及高频托管小区排行榜（汤臣一品、仁恒滨江、世茂滨江等）。
2. 实时喂养与上门遛狗 GIS 轨迹沙盘 (ServiceMapView)
高精度 LBS 网格化地理围栏，室外遛狗配速（4.2km/h）、步数、公里数及进门前拍照核验全流程 3D 可视化。
3. 双向电子合同签署与健康存证中心 (ContractSignView)
具备完整法律效力的委托合同，支持国密 SM2 算法存证数字指纹（SHA-256 Hash）与 PICC 责任险保单绑定。
4. 爱宠健康档案与特殊习性沙盒 (PetHealthCenterView)
品种画像、疫苗抗体有效凭据、过敏原禁忌清单（如对牛肉过敏、胆小怕生、绝育用药倒计时）一站式管理。
5. 金牌宠托师与社区互助大厅 (CareWorkerHallView)
100% 身份实名与公安无犯罪记录背调核实，展示服务里程、五星好评率与就近距离，支持一键预约派单。
三、 Admin 运营管理与风控合规中台（1440×960 视口）
1. 全盘服务运营大盘 (AdminDashboardView)
全月托管订单量、平台托管资金流水、全天早晚遛狗与午间喂猫波峰分布走势及智能门磁联动告警监控。
2. 宠托师资质与背调审核中枢 (WorkerAuditView)
公安身份证核验、无犯罪记录证明查证、执业兽医资质审核及入户规范考分归档。
3. 电子合同与保险档案库 (ContractManageView)
电子印章验签存证、司法效力公证书调阅与 PICC 统保池保单管理。
4. 服务争议与失约仲裁中心 (ServiceDisputeView)
迟到旷单核查、物品误损责任判定与现场云录像调取，支持平台担保金快速划转理赔。
5. 突发险情与就医联络调度中心 (EmergencyAlertsView)
社区签约 3km 内 24 小时急诊专科医院绿色通道，提供远程三方视频会诊与急救专车转介代垫保险。
四、 Mobile 微信小程序端随身协同体验（390×844 视口）
针对业主日常快速找人和宠托师便捷打卡：
附近管家速查
预约下单签合同
实时喂养实况
爱宠电子档案
五、 核心后端工程实现（Spring Boot 3.2 架构）
// Spring Boot 3.2 社区网格化宠物安全照料中枢
@RestController
@RequestMapping("/api/v1/pet-care")
@Tag(name = "CommunityPetCareController", description = "社区网格化宠托工单与双向电子合同调度中枢")
public class CommunityPetCareController {
@Autowired
private PetOrderService orderService;
@Autowired
private ElectronicContractService contractService;
@Autowired
private GpsFenceTrackingService gpsService;
@Autowired
private InsuranceUnderwriteService insuranceService;
@PostMapping("/booking")
@Operation(summary = "创建上门喂养/遛狗工单并冻结托管担保金")
public ResponseEntity<ApiResponse> createBooking(
@Valid @RequestBody BookingDTO dto) {
// 1. 冻结服务预付款至平安银行托管账户
// 2. 调度就近 1km 社区五星宠托师抢单
BookingResultVO result = orderService.dispatchOrder(dto);
return ResponseEntity.ok(ApiResponse.success(result));
}
@PostMapping("/contract/sign")
@Operation(summary = "双向签署国密法律效力电子合同并投保PICC责任险")
public ResponseEntity<ApiResponse> signContract(
@RequestParam String orderId,
@RequestParam String ownerSignBase64,
@RequestParam String workerSignBase64) {
// 1. 国密 SM2 算法数字证书验签
ContractSignVO contract = contractService.generateLegalContract(orderId, ownerSignBase64, workerSignBase64);
// 2. 自动投保 5-10 万元意外责任险
insuranceService.issuePolicy(orderId, contract.getContractNo());
return ResponseEntity.ok(ApiResponse.success(contract));
}
@PostMapping("/track/checkin")
@Operation(summary = "到达单元门前LBS人脸核身与一次性临时密码下发")
public ResponseEntity<ApiResponse> checkInGps(
@RequestParam String orderId,
@RequestParam Double lat,
@RequestParam Double lng,
@RequestParam("faceImg") MultipartFile faceImg) {
// 1. 验证 GPS 误差 <= 15米
boolean inRange = gpsService.verifyDistance(orderId, lat, lng, 15.0);
if (!inRange) throw new BusinessException("未到达指定单元门前，禁止开锁！");
// 2. 下发智能门锁一次性30分钟动态授权码
CheckinVO vo = orderService.generateTempDoorPassword(orderId);
return ResponseEntity.ok(ApiResponse.success(vo));
}
}
六、 项目源码与三端产物清单
本项目包含完整的三端工程源码与部署说明：
- PRD 需求规格说明书：
PRD.md（涵盖 8 大核心维度规范、电子合同与防暴遛安全标准）； - 前端工程完整源码：基于
Vue 3.4 + Pinia + Vue Router 4 + Tailwind CSS + RemixIcon，开箱即用； - 后端工程样例代码：涵盖 Controller、LBS 围栏校验与电子合同防伪模块；
- 数据库与预置字典：初始化 SQL、宠托师技能库与 mock 订单数据集。
