摘  要：地下管廊是城市的重要基础设施，运用现代化的计算机系统维护其运营具有重要意义。文章使用Vue框架技术，设计了地下综合管廊管理平台的前端展示系统。该技术使用前后端分离方式和组件模式进行开发，提高了开发效率，缩短了开发周期，使系统更具扩展性而且可以更快交付使用。在前端系统中集成ElementUI组件库，使开发更加便捷规范，显示效果统一协调;使用Echarts图表，使数据显示更加形象直观;这些技术的运用，提高了管廊运行的安全性，实现了管廊运营管理的高效性。

关键词：综合管廊;管理平台;Vue;前端开发;组件化

中图分类号：TP311                  文献标识码：A文章编号：2096-4706（2021）16-0013-06

Front end Design and Implementation of Underground Comprehensive Pipe Gallery Management Platform Based on Vue

LIU Zheng

（CRSC Communication & Information Group Company Ltd.， Beijing  100070， China）

Abstract： Underground pipe gallery is an important urban infrastructure. It is of great significance to maintain it’s operation by using modern computer system. This paper uses Vue frame technology to design the front-end display system of underground comprehensive pipe gallery management platform. The technology uses the front-end and back-end separation mode and component mode for development， which improves the development efficiency， shortens the development cycle， makes the system more scalable and can be delivered faster. Integrate ElementUI component library in the front-end system to make the development more convenient and standardized， and the display effect is unified and coordinated; uses Echarts chart to make the data display more visual and intuitive; the application of these technologies improves the safety of pipe gallery operation and realizes the efficiency of pipe gallery operation and management.

Keywords： comprehensive pipe gallery; management platform; Vue; front end development; componentization

0  引  言

現代化的城市建设离不开水、电、气等各种管线的铺设，如果各种管线的安装都各自为政会给管理带来巨大的麻烦。这时地下综合管廊就应运而生，它内部集成了城市中需要用到的大部分管线，对它们进行统一管理，这样就避免了以前城市中常见的反复开挖道路对交通的不良影响，也避免了在管道施工过程中发生的各种事故。所以，地下综合管廊是城市建设的一个重大进步[1]。

由于地下综合管廊的复杂性，其运营关系到管廊内部各种管线的正常工作，所以建立一个现代化的管理系统[2]是格外必要的。在一个信息管理系统中，直接和用户打交道的是前端展示子系统，一切数据计算，一切用户操作，最终都要由前端系统来展示或反馈给用户，所以前端系统的重要性不言而喻。……