# 水利一张图平台

**Repository Path**: wm199/hydroMap

## Basic Information

- **Project Name**: 水利一张图平台
- **Description**: 水利一张图平台运用基础地理数据、水利基础数据和水利业务数据，结合GIS（地理信息系统）、遥感、大数据、云计算等技术手段，对多时空水利数据进行综合管理与分析。提供完整的查询功能、分析服务和大屏可视化，满足不同模式下多对象多视角应用需求，为水利业务应用开展提供决策支持。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 19
- **Created**: 2026-07-31
- **Last Updated**: 2026-07-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 🌈 平台简介
**水利一张图**综合运用基础地理数据、水利基础数据和水利业务数据，结合GIS（地理信息系统）、遥感、大数据、云计算等技术手段，对多时空水利数据进行综合管理与分析。它提供完整的查询功能、分析服务和大屏可视化，满足不同模式下多对象多视角应用需求，为水利业务应用开展提供决策支持。

✨✨✨**开源版演示地址**✨✨✨ , <a href="https://hydro-map-demo.qiantong.tech" >https://hydro-map-demo.qiantong.tech , 账号：hydromap，密码：hydromap123</a> 

> 如果水利一张图平台对您有帮助，请点个 **Star ⭐️**，这是我们持续更新的最大动力！ 🚀

## 🍱 使用场景

水利一张图平台开源版聚焦水系分区管理、全域水利对象检索、专题应用、水利基础数据四大水利运行管理要素，适用于流域/灌区/水库水利一张图业务模块说明、项目原型演示和前端二次开发。

| 场景 | 描述                                                | 典型客户类型 |
| --- |---------------------------------------------------| --- |
| **水系分区管理** | GIS地图分色渲染各流域水系边界，叠加水利工程点位，直观展示水系空间分布，支撑分区水资源调度与水旱风险研判。           | 水利管理单位、水利运行管理部门 |
| **全域水利对象检索** | 支持全局搜索 + 多分类图层筛选，快速定位水库、监测站、灌区、涉河工程等设施，快速定位目标水利对象并跳转地图点位。 | 水利管理所、水利信息化团队 |
| **专题应用** | 集成水资源调配、水旱防御、视频监控业务专题，统一在 GIS 底图融合展示调度、预警、视频点位信息。        | 水利安全监管部门、运行管理单位 |
| **水利基础数据** | 统一管理水库、闸站、监测点、灌区等全类型水利空间与属性台账，提供图层控制，为全平台提供底层数据支撑。          | 水利运维部门、项目交付团队 |

## 💡 优势

| 优势点 | 描述 |
| --- | --- |
| **贴合水利一张图业务** | 围绕水资源调配、水旱灾害防御、视频监控、水利基础数据搭建功能，适配流域、灌区、水库可视化业务原型与二次开发。 |
| **水系分区直观管控** | 多色系渲染流域水系边界，叠加各类水利工程点位，清晰呈现分区资源分布，便于分区调度与风险研判。 |
| **水利要素快速检索** | 全局检索 + 分类图层筛选双模式，一键定位水库、监测站、灌区等设施，支持名录导出，提升数据查阅效率。|
| **监测数据可视化** | 水位、流量、视频、工程监测等数据图表化、地图标绘展示，异常信息直观告警。|
| **多专题联动展示** | 	水资源调度、水旱预警、视频监控专题融合联动，实现预警、调度、现场视频一体化查看。|
| **开源轻量化易拓展** | 前端可视化底座完整，可直接用于原型演示，支持平滑升级至带后端、三维仿真的专业完整版。|

## ✅ 已有功能一览

| 模块 | 描述 |
| --- | --- |
| **水库一张图页面** | 以GIS底图为载体，实现多水系分区分色渲染，集成水库、闸站、监测站点、视频、灌区等全类型水利要素图层管控。|
| **水系分区管理** | 分色渲染各流域水系边界，叠加水利工程点位，直观展示水系空间分布，支撑分区调度与风险研判。 |
| **全域水利对象检索** | 全局搜索 + 多分类图层筛选，快速定位水库、监测站、灌区、涉河工程，支持设施名录导出。 |
| **水利基础数据管理** | 统一维护水库、闸泵、监测站点、灌区等水利空间与属性台账，提供图层控制、查询能力。 |
| **监测数据** | 雨量、水位、渗压、视频等监测指标图表化、地图标绘，超阈值自动告警标红。|
| **专题应用-水资源调配专题** | 整合灌区调度、水量分配、用水统计等业务内容，结合取水、下泄、生态补水工程空间点位，实现全域水资源分配过程可视化调度展示。 |
| **专题应用-取水口专题** | 集中展示辖区各类取水口空间位置、许可台账、实时取水流量数据，支持取水水量监控、超量取水异常标绘，实现取水全过程线上监管。 |
| **专题应用-下泄水监管专题** | 对接闸坝、水库下泄流量监测数据，实时展示下泄水量、下泄过程曲线，对标管控下泄水量达标情况，支撑河道生态流量管控。 |
| **专题应用-引洪补水专题** | 展示引洪、生态补水线路、闸泵调度节点与补水过程台账，可视化呈现补水时序、水量分配，支撑流域生态补水调度管理。 |
| **专题应用-水情专题** | 汇聚河道、水库水文站实时水位、流量、雨量数据，以图表、点位标绘形式展示水情动态，超阈值自动预警标红。 |
| **专题应用-水库专题** | 统一展示水库基础信息、库容水位、渗压位移等安全监测指标，关联巡查、运维、责任人信息，支撑水库运行安全监管。 |
| **专题应用-视频专题** | 将全域水利监控点位落图至 GIS 地图，支持实时画面调取、历史回放，可联动水情预警一键调取周边现场视频。 |

👉 当前开源版仅聚焦水利一张图前端。后端服务、后台管理端、专题应用等能力请聚焦专业版。

## 🚧 未来开源计划


| 功能名称      | 功能描述 |
|-----------| --- |
| **本地化部署支持** | 规划完善本地化安装包、后端 jar 启动说明、数据库初始化脚本、前端构建部署和常见环境配置，便于用户在内网或自有服务器中独立部署。 |
| **多语言适配能力** | 规划支持中英文等多语言文案切换，逐步完善页面标题、菜单、弹窗、表格、图表和提示信息的国际化配置。 |
| **交付资料体系** | 规划完善功能文档、开源版说明文档、专业版说明文档、开源版与专业版差异说明、报价说明和二次开发说明等资料，方便用户了解开源范围、商业能力和项目落地方式。 |
| **专题应用**  | 规划完善水资源调配、水旱灾害防御、视频监控、水利基础数据等，开源水库安全、灌区运维、应急处置配套可视化页面；降低开发者水利业务专题页面定制开发成本，同步提供标准化专题页面模板与示例代码，支撑用户快速搭建流域、灌区、水库专属水利一张图业务原型。 |


💡 如您有好的建议或功能需求，欢迎提交 Issue，与我们共同完善水利一张图矩阵平台。


## 🛠️ 技术栈
本次开源内容仅包含大屏前端源码，基于 Vue 3 和 Vite 构建，重点提供水利一张图的页面、图表、弹窗、视频。

<table>
  <tr>
    <th>分类</th><th>技术</th><th>描述</th>
  </tr>
  <tr>
    <td rowspan="5">前端技术栈</td><td>Vue 3</td><td>水利一张图前端框架</td>
  </tr>
  <tr>
    <td>Element Plus</td><td>提供一张图弹窗、表单、表格等常用 UI 组件</td>
  </tr>
  <tr>
    <td>Vite</td><td>提供一张图前端开发、构建和预览能力</td>
  </tr>
  <tr>
    <td>Pinia、Vue Router、Axios</td><td>提供一张图状态管理、路由管理和接口请求能力</td>
  </tr>
  <tr>
    <td>ECharts、DataV、Swiper</td><td>支撑水利一张图图表、指标卡片、轮播和可视化展示</td>
  </tr>

  <tr>
    <td rowspan="3">第三方依赖</td><td>天地图</td><td>用于二维地图底图和点位展示</td>
  </tr>
  <tr>
    <td>flv.js</td><td>支持视频监控流播放能力</td>
  </tr>
</table>


## 🏗️ 部署要求

在部署开源版水利一张图前端之前，请确保以下环境和工具已正确安装。后端不作为开源源码提供，如需联调接口，使用项目提供的后端jar包按交付说明启动。

<table>
  <tr>
    <th>环境</th><th>项目</th><th>推荐版本</th><th>说明</th>
  </tr>
  <tr>
    <td rowspan="3">前端</td><td>Node.js</td><td>16+</td><td>用于大屏前端依赖安装与构建</td>
  </tr>
  <tr>
    <td>npm</td><td>8+</td><td>包管理器，可结合一张图前端锁文件安装依赖</td>
  </tr>
  <tr>
    <td>Vite</td><td>5.x</td><td>一张图前端开发、构建和预览工具</td>
  </tr>
</table>


## 🚨 商用授权

水利一张图平台提供 **开源版** 与 **专业版** 两种使用形态。开源版仅聚焦一张图前端展示和二次开发验证，适合学习、验证、页面改造和项目原型搭建；专业版可结合具体专题应用扩展后端服务、后台管理端、水资源调度、引洪补水、下泄水监管、水情监管、模型计算和项目化交付能力。

👉 如需 **开源版品牌授权**、**专业版演示** 或 **定制化交付咨询**，请看下方联系与支持

## 🚀 快速开始

| 部署方式                    | 说明                                                              | 适用场景               |
| ----------------------- | --------------------------------------------------------------- | ------------------ |
| 完整资源包下载 | 因文件较大，`水利张图平台.zip` 通过百度网盘提供下载：[点击下载](https://pan.baidu.com/s/1crFULsueaZJkI8K-V4o6bA)，提取码：`h123` | **资源获取**、离线部署、完整演示包下载 |
| 一张图前端本地启动  | 进入开源大一张图前端工程，安装依赖后执行 `npm run dev`，用于预览和调试水利一张图大屏  | **大屏预览**、组件开发、页面改造          |
| 后端 jar 包启动 | 项目提供后端 jar 包作为接口服务，按交付说明配置数据库连接和运行参数后启动，供水利一张图前端联调使用 | **本地联调**、接口对接、私有化部署验证 |

## 📞 联系与支持

如果您在使用过程中遇到任何技术问题，或有商业合作、定制开发需求，欢迎通过以下方式与我们取得联系。

<div align="center">
  <table style="border: none; border-collapse: collapse;">
    <tr>
      <td align="center" style="border: none; padding: 20px;">
        <img src="image/qtwx.png" width="200" alt="企业微信二维码"/><br/>
        <b>扫码添加官方技术支持</b>
      </td>
      <td style="border: none; vertical-align: middle; padding: 20px; text-align: left;">
        <p><strong>✨ 您可以获得：</strong></p>
        <ul>
          <li>🛠️ <b>技术咨询：</b> 快速解答部署与开发疑问</li>
          <li>🤝 <b>商业合作：</b> 获取更深度的行业解决方案</li>
          <li>🚀 <b>进群交流：</b> 加入开发者社区，共建养老生态</li>
          <li>💡 <b>需求反馈：</b> 您的建议是我们前进的动力</li>
        </ul>
        <p><em>（备注：hydroMap 水利一张图开源-您的姓名/公司）</em></p>
      </td>
    </tr>
  </table>
</div>

## 🖼️ 系统配图

### 系统入口
<table>
    <tr>
        <td><img src="image/登录页.png" alt="登录页" width="400"/></td>
        <td><img src="image/首页.png" alt="首页" width="400"/></td>
    </tr>
</table>

### 全域检索
<table>
    <tr>
        <td><img src="image/水系检索.png" alt="水系检索" width="400"/></td>
        <td><img src="image/水系+管理单位检索.png" alt="水系+管理单位检索" width="400"/></td>
    </tr>
</table>

### 全域菜单
<table>
    <tr>
        <td><img src="image/水利工程.png" alt="水利工程" width="400"/></td>
        <td><img src="image/涉河工程.png" alt="涉河工程" width="400"/></td>
    </tr>
  <tr>
        <td><img src="image/监测站点.png" alt="监测站点" width="400"/></td>
        <td><img src="image/灌区.png" alt="灌区" width="400"/></td>
    </tr>
</table>


### 点位详情
<table>
    <tr>
       <td><img src="image/涉河工程-综合水情实时监控.png" alt="综合水情实时监控" width="400"/></td>
      <td><img src="image/监测站点详情.png" alt="监测站点详情" width="400"/></td>
    </tr>
</table>
<table>
    <tr>
        <td><img src="image/日水情数据.png" alt="日水情" width="400"/></td>
        <td><img src="image/涉河工程-旬水情.png" alt="旬水情" width="400"/></td>
    </tr>
</table>
<table>
    <tr>
        <td><img src="image/涉河工程-月水情.png" alt="月水情" width="400"/></td>
        <td><img src="image/年水情.png" alt="年水情" width="400"/></td>
    </tr>
</table>
<table>
    <tr>
      <td><img src="image/水利工程视频.png" alt="水利工程视频" width="400"/></td>
        <td><img src="image/涉河工程-知识图谱.png" alt="知识图谱" width="400"/></td>
    </tr>
</table>