本文描述了一个使用SpringBoot、Vue.js、SSM框架和MySQL5.7数据库构建的区域停车场信息管理系统。系统包括用户和管理员两个部分，提供车位查询、预约、支付、个人信息管理等功能。前端界面使用Vue.js实现，后端利用Java和SpringBoot处理业务逻辑，数据库用于存储和管理数据。系统设计考虑了技术、经济和运行的可行性，同时提供了源码和数据库参考。
本项目包含程序+源码+数据库+LW+调试部署环境，文末可获取一份本项目的java源码和数据库参考。
系统的选题背景和意义
选题背景： 随着城市化进程的加快，车辆数量不断增加，停车难成为了城市交通中的一大难题。特别是在商业区、居民区等人流密集的地方，停车位紧缺问题更加突出。传统的停车场管理方式已经无法满足日益增长的停车需求，因此需要开发一种高效、智能的停车场信息系统来解决这一问题。
选题意义： 开发一个基于Spring Boot的区域停车场信息系统具有重要的意义。首先，该系统可以提供实时的停车位信息，帮助司机快速找到可用的停车位，减少寻找停车位的时间和燃料消耗，提高停车效率。其次，通过该系统可以实现停车场的智能管理，包括车位预约、电子支付、违规监控等功能，提升停车场的管理水平和服务质量。此外，该系统还可以收集和分析停车数据，为城市交通规划和管理提供参考依据，优化交通流动性，改善城市交通拥堵问题。
综上所述，开发一个基于Spring Boot的区域停车场信息系统对于解决停车难问题、提升停车场管理水平以及优化城市交通具有重要的意义和价值。
以上选题背景和意义内容是根据本选题撰写，非本作品实际的选题背景、意义或功能。各位童鞋可参考用于写开题选题和意义内容切勿直接引用。本作品的实际功能和技术以下列内容为准。
技术栈：
本项目的技术栈主要包括前端Vue、后端Java程序语言开发、SSM框架和MySQL5.7数据库。
Vue是一种轻量级的JavaScript框架，能够快速构建交互式的用户界面。Vue提供了易于使用的API，使得开发者可以非常容易地创建组件化、可复用的代码。
Java是一种跨平台的编程语言，拥有丰富的库和工具生态系统，广泛用于企业级应用开发。Java在后端服务开发方面拥有强大的性能和可伸缩性，并且能够很好地与其他技术栈集成，如Spring、Hibernate、MyBatis等。
SSM框架是Spring、SpringMVC和MyBatis三个框架的结合体，其整合了各自优势，形成了完整的Web开发框架。本系统客户端向服务器发送请求，SpringMVC拦截请求交给相应的控制器（Controller）处理，使用注解或配置文件定义URL和方法映射，控制器调用Service层中的业务逻辑处理方法，Service层处理完毕后将结果返回给控制器，控制器根据返回的结果选择适当的视图（View）进行展示，视图渲染完成后返回给客户端的过程。
MySQL5.7是一种开源的关系型数据库管理系统，在数据存储和管理方面表现优异。它能够轻松地集成到任何技术栈中，如Java、Python、Ruby等。除此之外，MySQL还具备高可靠性、高稳定性、易扩展性和强数据安全性等特点。
我们选择Vue、Java、SSM框架和MySQL5.7作为本作品的技术栈，具有语言间的无缝协作、代码复用性强、开发效率高、性能高等诸多优势。
3 系统的可行性研究及需求分析
3.1 可行性研究
3.1.1 技术可行性分析
经过大学四年的学习，已经掌握了Spring Boot、Mysql数据库等方面的编程技巧和方法，对于这些技术该有的软硬件配置也是齐全的，能够满足开发的需要。
本区域停车场信息管理系统采用的是Mysql作为数据库，可以绝对地保证用户数据的安全；Eclipse作为开发工具，可以与Mysql数据库进行无缝连接。
所以，区域停车场信息管理系统在技术上是可以实施的。
3.1.2 经济可行性分析
本区域停车场信息管理系统是作为毕业设计自己开发的，所以产生的费用微乎其微，系统建成之后可能会为今后的区域停车场信息管理提供便利，并且系统完成之后产生的维护费用也不大。综合计算，所有的开支都不大，所以区域停车场信息管理系统在经济上是不存在问题的。
3.1.3 运行可行性分析
运行可行性是指评价和估计新的系统（即区域停车场信息管理系统）给已经存在的系统带来的影响和产生的后果，如工作环境等，还要分析在指定时间内能否按期完成指定的系统开发任务等。
当前，信息化技术已经相当完善，工具之间的整合非常方便。通过框架编程的学习，对框架的使用规则已经掌握，各个功能模块之间的编写、测试和维护，使用Tomcat服务器可以实现系统的B/S结构，所以在运行上是可行的。
本系统的开发，采用的就是Spring Boot+ Mysql体系，没有技术上的问题。
综上所述，本区域停车场信息管理系统的开发在技术上、经济上和运行上都是完全可行的。
3.2 功能需求
需求分析是指详细的分析要解决的问题，弄清楚要解决的问题的要求，最终达到一个什么样的结果。需求分析的最终任务就是对即将要开发的软件系统的功能、性能等方面进行定义。区域停车场信息管理是一个管理信息系统，为了宣传的需要，为了给用户提供方便快捷的服务，从而设计了区域停车场信息管理系统。
3.2.1 系统的主要功能
区域停车场信息管理系统包括了用户、管理员两个主要的部分。
a）用户的主要功能：
用户可以查看订单信息、留言评论；
用户在车场信息管理管理查看时价格、车位数量、详细地址、服务电话进行预约；
用户在查看停车信息、对订单信息结算进行支付；
用户可以修改个人信息；
用户在评价页面填写信息进行提交，管理员在后台回复。
b）管理员的主要功能：
可以在停车信息管理添加信息详情、修改、删除。
可以对用户信息进行详情、修改、删除；
可以在停车信息管理进行详情、修改、删除。
可以在停车预约管理页面进行查询、详情、生成订单、修改、删除。
可以在订单信息管理页面进行详情、生成订单、修改、删除；
系统管理：管理员通过系统管理页面查看轮播图，进行前台上传图片，查看详情、修改以及对整个系统进行维护等操作。
3.2.2 系统的用例图
1.管理员用例图
系统中的核心用户是系统管理员，管理员登录后，通过管理员菜单来管理后台系统。主要功能有：首页、个人中心、用户管理、车场信息管理、停车预约管理、订单信息管理、留言评论、系统管理等功能。管理员用例如图3-1所示。
图3-1管理员用例图
2.用户用例图
用户主要功能：首页、个人中心、停车预约管理、 订单信息管理、留言评论等。用户用例如图3-2所示。
图3-2 用户用例图
4 系统的总体设计及相关技术准备
4.1 总体设计
4.1.1 系统的主要的功能结构
区域停车场信息管理系统的主要功能的结构如图4-1所示。
图4-1 区域停车场信息管理系统功能结构图
4.2数据库设计
4.2.1 数据库实体
管理员实体，管理员是用于存储管理员账户信息，它包括了用户名、密码、角色。管理员实体的E-R，如图4-2所示：
图4-2 管理员信息实体结构图
车场信息管理属性主要有：车场名称 、类型、图片、时价格、车位数量、详细地址、服务电话实体的E-R如图，如图4-3所示：
图4-3车场信息管理实体属性图
用户管理属性主要有：用户名、姓名、性别、头像、手机等，实体属性图如图4-4所示。
图4-4用户管理实体属性图
车场信息管理实体属性主要有；车场名称、类型、图片、时价格、车位数量、详细地址、服务电话如图4-5所示。
图4-5车场信息管理实体属性图
5.1前台首页功能模块
区域停车场信息管理系统 ，在系统首页可以首页、车场信息、停车公告、留言评论、个人中心、后台管理等内容，如图5-1所示。
图5-1系统功能界面图
用户注册、用户登录，在注册页面可以填写账号、车牌号、用户姓名、密码、手机号码、邮箱、汽车品牌等信息进行注册、登录，如图5-2所示。
图5-2用户注册、用户登录界面图
车场信息，在车场信息页面通过查看车场名称 、类型、图片、时价格、车位数量、详细地址、服务电话等信息进行预约，如图5-3所示。
在停车预约页面通过填写车场名称、类型、时价格、预约时长、总价格、车位数量、预约时期、预约时间、用户名、姓名、手机、车牌号、等信息进行进行提交，如图5-4所示。
图5-3车场信息界面图
图5-4停车预约界面图
个人中心，在个人中心页面查看个人信息通过填写用户名、密码、姓名、性别、图片、等信息进行更新信息，如图5-5 所示。
图5-5个人中心界面图
留言评论，在留言评论页面填写留言内容、留言图片等信息进行立即提交，如图5-6所示。
图5-6留言评论界面图
5.2管理员功能模块
管理员登录，通过登录页面填写用户名、密码进行登录，如图5-7所示。
图5-7管理员登录界面图
管理员登录进入区域停车场信息管理系统可以首页、个人中心、用户管理、车场信息管理、停车预约管理、订单信息管理、留言评论、系统管理等信息，如图5-8所示。
图5-7管理员首页界面图
用户管理，在用户管理页面中可以通过用户名、姓名、性别、头像、手机等内容进行修改、删除等操作，如图5-9所示。还可以根据需要对车场信息进行详情，修改或删除等操作，如图5-10所示。
图5-9用户管理界面图
以下是用户信息代码；
<div v-else>
<el-form-item class="input" label="用户名" prop="yonghuming">
<el-input v-model="ruleForm.yonghuming"
placeholder="用户名" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="密码" prop="mima">
<el-input v-model="ruleForm.mima"
placeholder="密码" clearable :readonly="ro.mima"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="密码" prop="mima">
<el-input v-model="ruleForm.mima"
placeholder="密码" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="姓名" prop="xingming">
<el-input v-model="ruleForm.xingming"
placeholder="姓名" clearable :readonly="ro.xingming"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="姓名" prop="xingming">
<el-input v-model="ruleForm.xingming"
placeholder="姓名" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="select" v-if="type!='info'" label="性别" prop="xingbie">
<el-select :disabled="ro.xingbie" v-model="ruleForm.xingbie" placeholder="请选择性别">
<el-option
v-for="(item,index) in xingbieOptions"
v-bind:key="index"
:label="item"
:value="item">
</el-option>
</el-select>
</el-form-item>
<div v-else>
<el-form-item class="input" label="性别" prop="xingbie">
<el-input v-model="ruleForm.xingbie"
placeholder="性别" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="24">
<el-form-item class="upload" v-if="type!='info' && !ro.touxiang" label="头像" prop="touxiang">
<file-upload
tip="点击上传头像"
action="file/upload"
:limit="3"
:multiple="true"
:fileUrls="ruleForm.touxiang?ruleForm.touxiang:''"
@change="touxiangUploadChange"
></file-upload>
</el-form-item>
<div v-else>
<el-form-item v-if="ruleForm.touxiang" label="头像" prop="touxiang">
<img style="margin-right:20px;" v-bind:key="index" v-for="(item,index) in ruleForm.touxiang.split(',')" :src="$base.url+item" width="100" height="100">
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="手机" prop="shouji">
<el-input v-model="ruleForm.shouji"
placeholder="手机" clearable :readonly="ro.shouji"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="手机" prop="shouji">
<el-input v-model="ruleForm.shouji"
placeholder="手机" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
图5-10车场信息面图
停车预约管理，在停车预约管理页面中可以查看车场名称、类型、时价格、预约时长、总价格、车位数量、预约日期、预约时间、用户名、姓名、手机、车牌号等信息，并可根据详情、生成订单、修改、删除等操作，如图5-11所示。
图5-11停车预约管理界面图
以下是停车预约代码；
<el-row>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="车场名称" prop="chechangmingcheng">
<el-input v-model="ruleForm.chechangmingcheng"
placeholder="车场名称" clearable :readonly="ro.chechangmingcheng"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="车场名称" prop="chechangmingcheng">
<el-input v-model="ruleForm.chechangmingcheng"
placeholder="车场名称" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="类型" prop="leixing">
<el-input v-model="ruleForm.leixing"
placeholder="类型" clearable :readonly="ro.leixing"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="类型" prop="leixing">
<el-input v-model="ruleForm.leixing"
placeholder="类型" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="时价格" prop="shijiage">
<el-input v-model="ruleForm.shijiage"
placeholder="时价格" clearable :readonly="ro.shijiage"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="时价格" prop="shijiage">
<el-input v-model="ruleForm.shijiage"
placeholder="时价格" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="预约时长" prop="yuyueshizhang">
<el-input v-model="ruleForm.yuyueshizhang"
placeholder="预约时长" clearable :readonly="ro.yuyueshizhang"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="预约时长" prop="yuyueshizhang">
<el-input v-model="ruleForm.yuyueshizhang"
placeholder="预约时长" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="总价格" prop="zongjiage">
<el-input v-model="zongjiage"
placeholder="总价格" readonly></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" v-if="ruleForm.zongjiage" label="总价格" prop="zongjiage">
<el-input v-model="ruleForm.zongjiage"
placeholder="总价格" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="select" v-if="type!='info'" label="车位数量" prop="cheweishuliang">
<el-select :disabled="ro.cheweishuliang" v-model="ruleForm.cheweishuliang" placeholder="请选择车位数量">
<el-option
v-for="(item,index) in cheweishuliangOptions"
v-bind:key="index"
:label="item"
:value="item">
</el-option>
</el-select>
</el-form-item>
<div v-else>
<el-form-item class="input" label="车位数量" prop="cheweishuliang">
<el-input v-model="ruleForm.cheweishuliang"
placeholder="车位数量" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="date" v-if="type!='info'" label="预约日期" prop="yuyueriqi">
<el-date-picker
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
v-model="ruleForm.yuyueriqi"
type="date"
placeholder="预约日期">
</el-date-picker>
</el-form-item>
<div v-else>
<el-form-item class="input" v-if="ruleForm.yuyueriqi" label="预约日期" prop="yuyueriqi">
<el-input v-model="ruleForm.yuyueriqi"
placeholder="预约日期" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="预约时间" prop="yuyueshijian">
<el-input v-model="ruleForm.yuyueshijian"
placeholder="预约时间" clearable :readonly="ro.yuyueshijian"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="预约时间" prop="yuyueshijian">
<el-input v-model="ruleForm.yuyueshijian"
placeholder="预约时间" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="用户名" prop="yonghuming">
<el-input v-model="ruleForm.yonghuming"
placeholder="用户名" clearable :readonly="ro.yonghuming"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="用户名" prop="yonghuming">
<el-input v-model="ruleForm.yonghuming"
placeholder="用户名" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="姓名" prop="xingming">
<el-input v-model="ruleForm.xingming"
placeholder="姓名" clearable :readonly="ro.xingming"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="姓名" prop="xingming">
<el-input v-model="ruleForm.xingming"
placeholder="姓名" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="手机" prop="shouji">
<el-input v-model="ruleForm.shouji"
placeholder="手机" clearable :readonly="ro.shouji"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="手机" prop="shouji">
<el-input v-model="ruleForm.shouji"
placeholder="手机" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="车牌号" prop="chepaihao">
<el-input v-model="ruleForm.chepaihao"
placeholder="车牌号" clearable :readonly="ro.chepaihao"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="车牌号" prop="chepaihao">
<el-input v-model="ruleForm.chepaihao"
placeholder="车牌号" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
订单信息管理，在订单信息管理页面中可以查看订单编号、车场名称、类型、用户名、姓名、手机、车牌号、预约时长、总价格、预约日期、预约时间、车位编号、说明、是否支付等信息，并可根据需要对已有车场信息管理进行详情、修改或删除等操作，如图5-12所示。
图5-12订单信息管理界面图
以下是订单信息代码；
<el-row>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="订单编号" prop="dingdanbianhao">
<el-input v-model="ruleForm.dingdanbianhao"
placeholder="订单编号" readonly></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" v-if="ruleForm.dingdanbianhao" label="订单编号" prop="dingdanbianhao">
<el-input v-model="ruleForm.dingdanbianhao"
placeholder="订单编号" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="车场名称" prop="chechangmingcheng">
<el-input v-model="ruleForm.chechangmingcheng"
placeholder="车场名称" clearable :readonly="ro.chechangmingcheng"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="车场名称" prop="chechangmingcheng">
<el-input v-model="ruleForm.chechangmingcheng"
placeholder="车场名称" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="类型" prop="leixing">
<el-input v-model="ruleForm.leixing"
placeholder="类型" clearable :readonly="ro.leixing"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="类型" prop="leixing">
<el-input v-model="ruleForm.leixing"
placeholder="类型" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="用户名" prop="yonghuming">
<el-input v-model="ruleForm.yonghuming"
placeholder="用户名" clearable :readonly="ro.yonghuming"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="用户名" prop="yonghuming">
<el-input v-model="ruleForm.yonghuming"
placeholder="用户名" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="姓名" prop="xingming">
<el-input v-model="ruleForm.xingming"
placeholder="姓名" clearable :readonly="ro.xingming"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="姓名" prop="xingming">
<el-input v-model="ruleForm.xingming"
placeholder="姓名" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="手机" prop="shouji">
<el-input v-model="ruleForm.shouji"
placeholder="手机" clearable :readonly="ro.shouji"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="手机" prop="shouji">
<el-input v-model="ruleForm.shouji"
placeholder="手机" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="车牌号" prop="chepaihao">
<el-input v-model="ruleForm.chepaihao"
placeholder="车牌号" clearable :readonly="ro.chepaihao"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="车牌号" prop="chepaihao">
<el-input v-model="ruleForm.chepaihao"
placeholder="车牌号" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="预约时长" prop="yuyueshizhang">
<el-input v-model="ruleForm.yuyueshizhang"
placeholder="预约时长" clearable :readonly="ro.yuyueshizhang"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="预约时长" prop="yuyueshizhang">
<el-input v-model="ruleForm.yuyueshizhang"
placeholder="预约时长" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="总价格" prop="zongjiage">
<el-input v-model="ruleForm.zongjiage"
placeholder="总价格" clearable :readonly="ro.zongjiage"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="总价格" prop="zongjiage">
<el-input v-model="ruleForm.zongjiage"
placeholder="总价格" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="date" v-if="type!='info'" label="预约日期" prop="yuyueriqi">
<el-date-picker
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
v-model="ruleForm.yuyueriqi"
type="date"
placeholder="预约日期">
</el-date-picker>
</el-form-item>
<div v-else>
<el-form-item class="input" v-if="ruleForm.yuyueriqi" label="预约日期" prop="yuyueriqi">
<el-input v-model="ruleForm.yuyueriqi"
placeholder="预约日期" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="预约时间" prop="yuyueshijian">
<el-input v-model="ruleForm.yuyueshijian"
placeholder="预约时间" clearable :readonly="ro.yuyueshijian"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="预约时间" prop="yuyueshijian">
<el-input v-model="ruleForm.yuyueshijian"
placeholder="预约时间" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="车位编号" prop="cheweibianhao">
<el-input v-model="ruleForm.cheweibianhao"
placeholder="车位编号" clearable :readonly="ro.cheweibianhao"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="车位编号" prop="cheweibianhao">
<el-input v-model="ruleForm.cheweibianhao"
placeholder="车位编号" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="12">
<el-form-item class="input" v-if="type!='info'" label="说明" prop="shuoming">
<el-input v-model="ruleForm.shuoming"
placeholder="说明" clearable :readonly="ro.shuoming"></el-input>
</el-form-item>
<div v-else>
<el-form-item class="input" label="说明" prop="shuoming">
<el-input v-model="ruleForm.shuoming"
placeholder="说明" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
留言评论，在留言评论页面中可以查看用户名、留言内容、留言图片、回复内容、回复图片等操作，如图5-13所示。
图5-13留言评论界面图
系统管理，在系统管理页面中可以查看停车公告、轮播图管理等内容进行详情、修改或删除等详细操作，如图5-14 5-15所示。
图5-14停车公告界面图
扫一扫
478
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
