更新记录

1.0.0（2026-10-22） 下载此版本

本项目仅开源 uni-app 用户端（基于 Vue3），可在电脑浏览器、手机浏览器、微信小程序、App 等多端运行。用 HBuilderX 导入本目录即可本地体验，供学习研究。

平台兼容性

uni-app(3.8.7)

其他

在线律师 · 用户端

开源说明

本项目仅开源 uni-app 用户端（基于 Vue3），可在电脑浏览器、手机浏览器、微信小程序、App 等多端运行。用 HBuilderX 导入本目录即可本地体验，供学习研究。

这是什么软件

这是一个在线法律咨询平台，口号是「专业法律 · 守护权益」：

• 有法律问题想咨询 → 你是委托人 / 普通用户：找律师、下单、在线沟通、评价
• 是执业律师想接单 → 你是律师 / 服务商：入驻认证、接单咨询、管理收益

同一个账号可以在用户端和律师端之间切换（律师认证通过后，可在「我的」进入律师工作台）。

底部有三个主入口：首页、消息、我的（律师身份下，首页会变为「律师工作台」）。

能在哪些地方使用

对接了哪些第三方

下面列出的是用户能直接感受到的外部服务，用大白话说明「干什么用」：

地图与定位

文件存储

支付与资金

登录与账号安全

客服与沟通

分享与推广

文件与设备能力

说明：本用户端未接入 AI 智能法律助手、物流快递、视频通话（仅文字/图片/语音/视频消息，非实时音视频通话）等能力；以当前代码为准。

普通用户（委托人）能做什么

这里的「普通用户」指：有法律问题、想找律师咨询的人。

首页 · 找律师

• 选择城市：自动定位或手动切换当前城市，只展示该平台已开通城市的律师。
• 搜索律师：顶部搜索框可输入关键词搜索；也可进入独立搜索页。
• 轮播广告：首页顶部广告图由后台配置，可点击跳转。
• 法律分类入口：如婚姻家庭、劳动纠纷、合同纠纷等（以后台配置为准），点进可看该分类下的律师列表。
• 筛选排序：
  • 推荐方式（综合推荐等）
  • 法律问题类型（多选分类标签）
  • 价格从低到高 / 从高到低
  • 评价从高到低 / 从低到高
• 浏览律师列表：展示头像、姓名、职称、评分、咨询人数、擅长领域、图文/电话咨询价格等。
• 下拉刷新、上拉加载更多。

律师详情 · 了解后再下单

• 查看律师头像、姓名、职称、平台认证标识、是否 VIP 会员。
• 查看从业年限、服务人数、累计好评。
• 阅读个人简介、擅长方向、资质证书图片（可放大预览）。
• 查看委托人评价列表；也可进入「全部评价」页。
• 查看投诉公示（平台对律师的投诉记录公示，增加透明度）。
• 关注律师：方便以后在「我的关注」中快速找到。
• 分享律师主页、举报律师（进入举报中心提交）。
• 立即咨询：
  • 图文咨询：下单后进入聊天会话，用文字、图片、语音、视频与律师沟通。
  • 电话咨询：下单后可查看/拨打律师***（在平台约定规则内使用）。

下单咨询 · 填写需求并支付

• 须先登录。
• 选择咨询方式：图文咨询 或 电话咨询。
• 选择当事人（可新建档案：姓名、性别、年龄、与本人关系等；也可管理、删除已有档案）。
• 填写情况描述（至少 10 个字），可上传最多 5 张相关图片（如合同、判决书截图等）。
• 选择预约时间，或勾选「暂不选择，下单后与律师协商时间」。
• 选择优惠券（如有可用券可抵扣）。
• 选择支付方式：零钱 / 微信 / 支付宝（视打开方式而定，见下文汇总）。
• 支付成功后生成咨询订单，等待律师接单或按预约时间开始服务。

我的订单 · 跟踪每一笔咨询

订单状态大致包括：

其他操作：复制订单号、查看咨询描述和附件、进入聊天会话、申请退款、取消订单（视订单状态而定）、拨打律师电话（电话咨询类）。

我的咨询 · 快捷入口

• 在「我的」可看到咨询次数，进入「我的咨询」列表。
• 每条记录可快速进入订单详情或聊天会话。

消息

• 消息列表：展示与各位律师的最近聊天会话；底部 Tab 有未读角标。
• 搜索：可按联系人、聊天记录关键词搜索会话。
• 系统通知：平台推送的消息，单独列表查看。
• 咨询信息：快捷跳转到「我的咨询」或（律师身份下）「累计咨询」。
• 在线客服：跳转客服中心（电话 / 微信 / 企业微信，以后台配置为准）。
• 私聊详情页：
  • 文字、图片、语音、视频消息
  • 按住说话发语音
  • 查看对方在线/离线状态（律师端）
  • 关注律师
  • 电话咨询类可一键拨打
  • 服务结束后可「结束服务」
  • 结束后可评价（星级、标签、文字）
  • 可查看与同一律师的历史咨询记录

我的 · 个人中心

账号概览

• 头像、昵称、VIP 标识、专属邀请码。
• 钱包余额、我的关注数、我的咨询数、优惠券数量，分别可点击进入详情。

会员

• 开通 / 续费 VIP：多档套餐，微信 / 支付宝 / 零钱支付。
• 权益包括：咨询优惠、专属标识等（以后台配置为准）。
• 查看会员权益说明、会员服务协议。

钱包

• 我的零钱：查看余额；充值（微信 / 支付宝）；提现（绑定支付宝后申请）；查看支付明细和提现记录。
• 零钱可用于支付咨询订单和会员，充值时不能用零钱「充零钱」。

订单快捷入口

• 待付款、待咨询、待评价、已完成，一键筛选对应订单。

律师入驻入口

• 未认证律师：显示「律师入驻」，引导填写认证资料。
• 已认证律师：显示「律师工作台」，一键切换到律师端。

常用工具

社交与资产

• 我的关注：关注的律师列表，可取消关注。
• 我的粉丝：（律师身份功能，用户端一般不展示）
• 优惠券：查看可用 / 已用 / 已过期优惠券。

登录、注册与账号

律师能做什么

完成律师入驻认证并通过审核后，可使用律师端相关功能。同一账号在「我的」或首页可切换到律师身份。

律师入驻认证

• 填写基本信息：头像、真实姓名、身份证号、性别、所在城市、从业年限。
• 设置服务报价：图文咨询价、电话咨询价（须在平台规定范围内）。
• 填写个人简介、职称、擅长法律领域（可多选）。
• 上传资质证书图片（如律师执业证等）。
• 提交后等待平台审核；可在认证页查看「待审核 / 已通过 / 已驳回」状态。
• 审核通过后，报价调整需联系平台管理员。

律师工作台（律师身份下的首页）

• 查看今日待咨询、咨询中、已咨询数量。
• 查看昨日评价数、昨日收益。
• 查看近几日预约待办（每日预约人数）。
• 接单状态开关：切换「在线 / 离线」，用户端律师列表和聊天页会显示对应状态。
• 工作台轮播图（后台配置）。

预约管理

• 查看今日及未来几日的预约列表。
• 查看委托人信息、情况描述、咨询类型、***。
• 可拨打电话、修改预约时间、开始咨询 / 进入咨询会话。

累计咨询（律师订单）

• 按状态筛选：待咨询、咨询中、已完成等。
• 进入订单详情或聊天会话。
• 查看委托人档案和咨询描述。

我的评价

• 查看委托人对自己的评价列表。
• 可按时间范围筛选（如今日、昨日）。

收益与提现

• 收益余额：查看咨询收入累计。
• 收益明细：每一笔收入记录。
• 立即提现：绑定支付宝或微信收款码后申请提现；平台审核通过后到账；可查看提现记录。
• 管理收款账户：添加、切换支付宝账号或微信收款码。

消息与接单

• 与用户相同的聊天能力（文字、图片、语音、视频）。
• 律师视角可看到委托人信息和情况描述。
• 可主动「结束服务」；收到投诉可在申诉中心提交申诉材料和说明。

律师端「我的」

• 收益余额、累计咨询、我的评价、我的粉丝。
• 会员（律师 VIP）：开通后可获得流量扶持等权益（以后台配置为准）。
• 切换到用户端：以委托人身份浏览、下单。
• 认证资料：查看或补充律师认证信息。
• 常用工具：客服、分销、邀请、团队、申诉中心、帮助、反馈、设置。

投诉与申诉

付钱怎么付（汇总）

不同场景，可选支付方式略有不同：

按打开方式：

支付前会弹出确认；支付成功后订单 / 会员状态会自动更新（第三方支付会短暂轮询确认结果）。

提现说明：

• 用户零钱提现：主要支持绑定支付宝收款。
• 律师收益提现：支持支付宝或微信收款码；提交后进入平台审核，审核通过后到账；可能收取一定比例手续费（以后台配置为准）。

体验地址

线上 API 环境：https://zxls.xianmaxiong.com（本仓库默认已对接，本地运行即可连此环境体验）。

技术栈

本地运行

这份代码已对接线上体验环境，默认不用改配置，打开后直接运行即可（API 与 WebSocket 地址见 common/config.js）。

开始前请准备

1. 一台 Windows 或 Mac 电脑。
2. 下载安装 HBuilderX（官方开发工具）：
   打开 https://www.dcloud.io/hbuilderx.html，下载「正式版」并安装。
3. 建议安装 Chrome 浏览器，用于运行 H5 页面。

第一步：打开项目文件夹

1. 找到本仓库里的 uniapp-app-zaixianlvshi 文件夹（里面有 pages.json、App.vue、common 等）。
2. 记住文件夹路径，后面要在 HBuilderX 里选中这一层目录。

第二步：用 HBuilderX 导入

1. 打开 HBuilderX → 文件 → 打开目录。
2. 选中 uniapp-app-zaixianlvshi 文件夹，确定。
3. 左侧出现文件树即表示成功。

第三步：运行到浏览器

1. 菜单 运行 → 运行到浏览器 → Chrome。
2. 首次可能提示安装插件，按提示安装后重试。
3. 浏览器弹出页面，能看到首页律师列表和底部三个 Tab（首页、消息、我的），即运行成功。
4. 若提示获取位置，点「允许」，首页才能显示当前城市。
5. 保持 HBuilderX 不要关闭，否则调试可能中断。

运行到微信小程序（可选）

1. 菜单 运行 → 运行到小程序模拟器 → 微信开发者工具。
2. 首次需安装微信开发者工具并登录。
3. 在微信开发者工具 详情 → 本地设置 中勾选「不校验合法域名……」，否则本地联调可能请求失败。
4. 小程序内可体验微信一键登录、微信支付流程（需后台商户号配置完整才真正扣款）。

常见情况

第一次验收建议

1. Chrome 打开后能看到首页律师列表和底部 Tab。
2. 点「我的」能看到登录入口和钱包区域。
3. 点任意律师进入详情，能看到图文/电话咨询入口。
4. 点「消息」未登录会提示登录。

做到以上几点，说明用户端已在本地跑通。

许可证

见本目录下 LICENSE 文件。