工程建設項目“多測合一”管理系統設計與實現

摘要：文章基于微服務架構和Vue.js前端框架，利用前后端分離開發模式及響應式設計、基于ECharts的可視化圖表展示等技術，設計并實現了工程建設項目“多測合一”管理系統。該系統以統一匯交、聯合審批管理、共享測繪成果為目的，輔助實現工程建設項目“事項合一、委托合一、標準合一、成果合一”，避免了測繪成果重復提交，確保了測繪成果的一致性，提升了測繪成果的共效能。

關鍵詞：多測合一；統一匯交；聯合審批；工程建設項目；微服務架構；Vue.js前端框架

中圖分類號：P208 "文獻標志碼：A

0 引言

隨著國家不斷深化“放管服”改革與優化營商環境的戰略部署，工程建設項目審批制度正經歷著前所未有的全面革新。這一改革浪潮不僅旨在提升政府服務效率，更致力于優化市場環境，推動經濟社會的持續健康發展［1］。近年來，國家層面連續出臺多項政策文件，明確提出推行“多測合一”改革，其核心在于打破傳統審批模式的壁壘，通過整合測繪資源、優化審批流程，實現審批效率的大幅提升［2-3］。這一改革策略不僅能夠有效減少企業負擔，提高審批效率，還能夠促進市場公平競爭，為經濟社會發展注入新活力。

在此背景下，各地積極致力于貫徹落實“放管服”改革和優化營商環境的要求，采取一系列政策措施，但工程建設領域的“多頭測繪、重復測繪”等問題仍然存在［4］。因此，本文基于微服務架構和Vue.js前端框架，設計并實現了工程建設項目“多測合一”管理系統，以提升工程建設項目的信息化和監管能力。

1 系統體系架構

1.1 系統總體架構

系統總體架構共分為5層，自上而下分別為用戶層、應用層、服務層、數據層和運行支撐層。系統總體架構如圖1所示。

用戶層：包括審批單位用戶、建設單位用戶、測繪單位用戶以及運維管理用戶。系統根據不同用戶的職責要求對其管理范圍和操作權限進行限定，以防出現權責不清、管理混亂情況。

應用層：是工程建設項目“多測合一”管理系統的核心，提供門戶首頁、企業入駐與管理、項目入駐與管理、測繪事項統一審批、測繪成果統一管理以及后臺管理等服務。

服務層：主要包括門戶服務、企業入駐與管理服務、項目入駐與管理服務、測繪事項統一審批服務、測繪成果統一管理以及后臺管理服務，為應用層提供支撐。

數據層：用于向服務層提供數據支撐，包括機構基礎信息數據、項目信息數據、業務流程數據、測繪成果數據以及后臺管理服務數據。

運行支撐層：對整個系統的運行提供支撐，主要包括支撐本系統運行的應用服務器、支撐PostgreSQL數據庫運行的服務器以及用于儲存各類文件的文件服務器。

1.2 系統數據庫設計

系統數據庫設計包括機構基本信息庫、項目信息專題庫、業務流程專題庫、測繪成果專題庫以及后臺管理庫5個部分，具體設計如下。

機構基本信息庫：主要包括審批單位用戶表、建設單位用戶表、測繪單位用戶表、運維管理用戶表，用于存儲各用戶的基本信息。

項目信息專題庫：主要包括項目基本信息表、任務分配表、項目進度表、項目變更記錄表，用于存儲項目的基本信息、任務分配、進度以及變更記錄。

業務流程專題庫：主要包括流程定義表、流程執行記錄表，用于存儲流程名稱、步驟定義信息以及流程執行記錄信息。

測繪成果專題庫：主要包括測繪成果基本信息表、測量數據表、測量圖件表、元數據表、成果更新與維護記錄表，用于存儲測繪成果的基本信息、數據、圖件、元數據以及更新與維護記錄。

后臺管理庫：主要存儲用戶信息、角色信息、用戶與角色管理關系等信息，用于系統的后臺管理。

2 關鍵技術

2.1 前后端分離開發模式

前后端分離技術作為一種高效的開發模式，通過清晰界定前端與后端的職責，顯著提升開發流程的靈活性與效率。在此架構下，前端專注于構建直觀流暢的用戶界面及交互邏輯，確保用戶體驗的卓越性；后端則專注于數據處理與業務邏輯的實現，為前端提供穩健的數據支撐。前后端分離不僅加快了應用響應速度，優化了用戶體驗，還帶來了多項益處：它使前端與后端團隊能夠獨立開展性能優化與安全強化工作，加速了開發步伐并降低了維護成本。更重要的是，該模式支持跨平臺功能，一套后端服務能有效應對多個前端應用的需求，顯著增強了系統的可擴展性和可維護性。通過API實現數據交互，前后端分離架構為Web應用的快速迭代與持續集成奠定了基礎［5］。

2.2 響應式設計

響應式設計旨在提升跨設備用戶的體驗，它運用層疊樣式表（Cascading Style Sheets，CSS）的自適應布局技術，使網頁能夠智能地根據屏幕尺寸、分辨率等參數自動調整其布局和樣式。無論是手機、平板還是電腦，用戶都能獲得經過優化的顯示效果，確保內容的可讀性和界面的易用性。這一設計策略不僅提升了網頁在不同設備上的加載速度和性能，還確保了用戶無論使用何種設備訪問，都能享受到流暢、舒適的瀏覽體驗，從而極大地增強了平臺的吸引力，提高了用戶滿意度［6］。

2.3 基于ECharts的可視化圖表展示

ECharts是一個功能全面的JavaScript可視化圖表庫，支持創建包括折線圖、柱狀圖、餅圖等在內的多種圖表類型，這些圖表能夠兼容主流瀏覽器。憑借豐富的圖表樣式、交互組件以及高度自定義的配置選項，ECharts賦予了開發者極大的靈活性，使其能夠根據業務需求定制出既符合美學標準又簡便實用的數據可視化方案。此外，ECharts提供了簡潔直觀的API接口以及詳盡易懂的文檔資料和活躍的社區支持，這些資源極大地提高了開發者的學習和使用效率，從而幫助開發者高效地創建出滿足各種數據分析和展示需求的專業圖表。［7］數據庫表設計如表1所示。

3 系統功能實現

工程建設項目“多測合一”管理系統主要開發了門戶首頁、企業入駐與管理、項目入駐與管理、測繪事項統一審批、測繪事項統一管理及后臺管理等功能模塊。

3.1 門戶首頁

門戶首頁作為用戶與系統交互的首要界面，集成了多項便捷功能。任務欄集成了消息提醒，通過鈴鐺圖標直觀展示待辦事項數量，分類列出“我的申請”（待確認、已確認、退回）與“我的審批/確認”（代辦、已辦、已退回），便于用戶快速響應。信息公示區則實時更新“多測合一”項目動態、政策法規及服務指南，確保信息透明。單位列表展示區直觀展示建設單位和測繪單位名稱、資質等級等信息，方便快速查找。

3.2 企業入駐與管理

企業入駐模塊支持建設單位與測繪單位在線錄入基本信息，上傳資質證書及營業執照，一鍵提交入駐申請。信息編輯與更新功能允許企業隨時維護其資料，確保信息的時效性和準確性。行政審核環節由主管審批單位負責，通過嚴格審核機制驗證企業信息的真實性，保障入駐企業的合法性。信息檢索功能則提供了按名稱、資質等級等條件快速查找企業的途徑，提升了工作效率。

3.3 項目入駐與管理

項目入駐模塊支持根據項目類型（劃撥或出讓）創建項目并分階段管理。用戶可填寫項目信息，上傳相關批復文件，實現項目入駐。項目管理功能允許用戶錄入、編輯、查詢及導出項目信息，支持Excel或PDF格式導出，便于后續處理。項目查詢與導出功能通過關鍵詞搜索、條件篩選，快速定位所需項目，導出包含基本信息、進度及測繪成果的綜合報告。進度追蹤功能實時更新項目狀態，確保項目按計劃推進。測繪事項授權管理根據項目出資方自動分配測繪任務，支持手動調整，確保資源合理配置。

3.4 測繪事項統一審批

測繪事項審批模塊實現了測繪成果的在線提交與審批。測繪單位可上傳各階段測繪成果，系統記錄提交歷史，便于追溯。建設單位分階段確認成果，審批單位則對成果進行審核，審核結果迅速反饋。若審核不通過，成果可退回修改，以確保質量。消息提醒功能確保審批人員及時響應待辦任務，提升審批效率。

3.5 測繪成果統一管理

測繪成果管理模塊支持用戶向審批部門申請成果共享，審批通過后，用戶可下載所需成果。系統提供項目整體或分階段成果集合下載，便于成果共享與歸檔。這一功能促進了測繪數據的有效利用，減少了重復測繪，降低了成本。

3.6 后臺管理

后臺管理模塊包括審批單位與人員管理、角色與菜單配置、日志記錄及信息公示管理。管理員可通過此模塊添加、編輯審批單位與人員信息，分配角色權限，定制菜單布局，確保系統操作符合實際需求。日志管理記錄系統操作日志，便于故障排查與審計。信息公示管理則負責更新門戶首頁的信息公示內容，保持信息的時效性與準確性。

4 結語

本文基于微服務架構和Vue.js前端框架，設計并實現了一套工程建設項目“多測合一”管理系統。該系統通過前后端分離開發模式、響應式設計以及基于ECharts可視化圖表展示等關鍵技術，為工程建設項目的全流程管理提供了支撐。系統充分考慮了不同用戶角色的需求，設計了多個功能模塊，實現了對工程建設項目審批流程的全面覆蓋。未來，筆者將繼續優化和完善系統功能，提升用戶體驗，為工程建設項目的健康發展做出更大貢獻。

參考文獻

［1］余惠玲，葉曉樂.“多測合一”讓群眾少跑腿［N］.中國縣域經濟報，2024-10-28（003）.

［2］李觀石，蔡勇.江蘇省工程建設項目“多測合一”改革的對策與思考［J］.江蘇科技信息，2020（19）：22-24.

［3］王盛校，陳永輝.江陰市“多測合一”綜合服務平臺建設研究［J］.無線互聯科技，2024（6）：50-54.

［4］張偉.“多測合一”中若干關鍵測繪技術的應用與研究［J］.西部資源，2024（5）：96-99.

［5］直敏，高天哲，孫楊.響應式布局在網頁設計中的應用［J］.無線互聯科技，2022（15）：150-152.

［6］王青，王忠芳.房屋建筑調查成果管理系統設計與實現［J］.無線互聯科技，2023（16）：75-77.

［7］王雙立，譚煒樂，呂鋼，等.基于ASP.net的ECharts動態多組曲線圖表的實現［J］.江蘇科技信息，2018（32）：33-35.

（編輯 王雪芬編輯）

Design and implementation of the “multi measurement integration” management system

for engineering construction projects

LIU" Yuxiang， XIE" Yuyu*

（Jiangsu Province Basic Geographic Information Center， Nanjing 210013， China）

Abstract："" This article is based on microservice architecture and Vue. js front-end framework， utilizes front-end and back-end separation development mode， responsive design， and visualization chart display based on ECharts technology to design and implement a “multi measurement in one” management system for engineering construction projects. The system aims to achieve unified submission， joint approval management， and sharing of surveying and mapping results， assisting in the integration of “matters， commissions， standards， and results” in engineering construction projects， avoiding duplicate submission of surveying and mapping results， ensuring consistency of surveying and mapping results， and improving the overall effectiveness of surveying and mapping results.

Key words： multi measurement in-one; unified remittance; joint approval; engineering construction projects; microservice architecture; Vue.js front-end framework