【开源】基于Vue.js的新能源电池回收系统

在这里插入图片描述
$\color{red}{文末获取源码，项目编号：S075。}$

一、摘要
- 1.1 项目介绍
- 1.2 项目录屏
二、功能模块
- 2.1 用户档案模块
- 2.2 电池品类模块
- 2.3 回收机构模块
- 2.4 电池订单模块
- 2.5 客服咨询模块
三、系统设计
- 3.1 用例设计
- 3.2 业务流程设计
- 3.3 E-R 图设计
四、系统展示
五、核心代码
- 5.1 增改电池类型
- 5.2 查询电池品类
- 5.3 查询电池回收机构
- 5.4 查询咨询接待人员
- 5.5 新增电池求购单
六、免责说明

一、摘要

1.1 项目介绍

新能源电池回收系统是可持续发展的解决方案，旨在鼓励人们分离和回收废弃新能源电池，减少环境污染和资源浪费，新能源电池回收系统涵盖了城市居民的日常生活，包括收集、分类、处理和收集废物的完整过程。

本文提出了一种基于Vue技术的新能源电池回收系统，该系统可以进行废弃电池的收集和销售，支持回收记录、回收组织等功能。通过实验测试，新能源电池回收系统让废弃新能源电池回收的效率显著提高，让用户的参与率也有所提高，与此同时废弃新能源电池的回收率也有所提高。本文将为新能源电池回收系统的推广和实施提供切实可行的解决方案和技术支持，有望在未来实现更广泛的应用。

基于JAVA+Vue+SpringBoot+MySQL的新能源电池回收系统，包含了用户档案、电池类型、电池品类、电池求购单、出售单、交易单、客服咨询模块，还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块，新能源电池回收系统基于角色的访问控制，给管理员、普通用户使用，可将权限精确到按钮级别，您可以自定义角色并分配权限，系统适合设计精确的权限约束需求。

1.2 项目录屏

源码下载

二、功能模块

在这里插入图片描述

2.1 用户档案模块

新能源电池回收系统的使用者需要进行管理和维护，在新能源电池回收系统中，用户档案模块可以记录和管理用户的个人信息、电池回收记录、回收机构等相关信息，通过创建用户档案，新能源电池回收系统可以更好地了解用户需求和反馈，并提高用户的参与度。用户档案模块可以记录用户的电池回收记录，用户可以随时查看自己的回收状态，了解自己的贡献和排名等信息。用户档案模块记录用户电池收集的数量和频率等数据，为系统运行提供数据分析和支持，便于评估和调整回收状态，如上所述，用户档案模块是新能源电池回收系统的重要功能模块之一，它不仅提高了用户参与度和用户体验，还为新能源电池回收系统运行提供了数据支持，并且可以达到更好的管理效果。

2.2 电池品类模块

废弃新能源电池有着不同的品类信息，有些是可回收，有些是不可回收，不同类型的资源需要分门别类的进行管理，新能源电池回收系统之所以需要电池品类模块，是为了对该模块收集的电池进行分类和区分，便于统计和管理，通过识别电池类型，新能源电池回收系统可以自动将电池分类到合适的电池箱中，实现电池的分离和收集。通过记录和统计不同类型废物的数量和重量等数据信息，新能源电池回收系统可以实时监测和分析回收状态，以评估回收效果。同时，这些数据信息可以为各级政府部门提供有价值的电池收集数据，并指导相关政策的制定和调整，通过对不同类型的废物进行分离和分离，可以通过提供回收可回收废物等清晰高效的手段来实现废物的回收。如上所述，电池品类模块不仅实现了废弃新能源电池回收的便利性和效率，还促进了用户的参与和积极性，有助于实现废弃资源的再利用。

2.3 回收机构模块

废弃新能源电池收集起来之后，需要统一交给回收机构，由回收机构进行进一步处理，新能源电池回收系统中回收机构模块是必要的，因为它可以提供一个平台来管理和协调每个环节，以实现废物的高效规范回收。回收机构可以根据城市产生的电池数量和类型，制定回收计划，按照计划对电池进行组织管理，确保回收工作有序开展，根据电池收集计划，回收机构可以建造和布置回收点，例如安装智能电池箱和标志牌。定期检查和维护回收点，以确保回收设施的高效运行，回收机构可以对回收人员进行培训和管理，提高工作水平和服务意识，为用户提供回收服务，通过物联网技术和云计算技术，回收机构可以实时分析回收数据，了解回收情况和问题，并进行适当的调整和优化，如上所述，回收机构模块为废弃新能源电池回收系统提供了一个统一的管理和协调平台，可以实现电池的高效、规范回收，促进社会资源节约和环境保护的发展。

2.4 电池订单模块

有了电池品类数据和资源交易数据之后，用户就可以在系统上交易废弃新能源电池了，电池订单模块是用于维护废弃新能源电池的交易订单，新能源电池回收系统需要电池订单模块，主要是鼓励用户参与电池收集，资源交易方法用于回收废物并使其价值最大化。具体而言，电池订单模块可以将废物收集转变为可持续的商业模式，促进废弃新能源电池收集的有效推广和应用，该模块允许用户通过奖励等方式参与回收活动，例如如果用户收集了一定数量的废物，他们可以获得一定数量的奖励。这些奖励可以用于交换家庭用品、礼品卡等，电池订单模块也可以用于以废弃新能源电池交易市场的形式交易回收的废物，例如可以通过再制造和拆解旧部件来生产具有高附加值的新产品和部件，从而提高废旧电器的回收价值。因此，电池订单模块不仅可以鼓励用户参与电池收集活动，还可以促进电池的再利用和价值最大化，这对新能源电池回收系统的实际应用和普及具有重要意义。

2.5 客服咨询模块

在新能源电池回收系统中，客服咨询模块可以提供在线客服，让用户在使用新能源电池回收系统时可以轻松咨询和解决问题。在新能源电池回收系统的过程中，用户可能会面临各种问题，如操作不当和收集规则不明确。客户咨询模块为用户提供即时问题和支持，客服咨询模块可以提高用户满意度，通过在线咨询服务，新能源电池回收系统可以提高用户的兴趣和服务质量，提高用户对系统的信心和满意度。客服咨询模块可以提供反馈渠道，客户咨询模块可以向用户提供反馈渠道，这样用户可以解决问题并向系统管理员提出建议、反映问题，可以改进和新能源电池回收系统。客服咨询模块可以支持数据分析，记录用户的咨询状态和反馈内容，为新能源电池回收系统运行提供数据分析和支持，并提供用户的需求和反馈。如上所述，客服咨询模块是电池收集系统中非常重要的功能模块，可以为用户提供在线客户服务，解决用户的问题，提高用户的满意度，新能源电池回收系统的客服咨询模块可以为用户提供更好的服务，不断优化和提高其功能和服务质量。

三、系统设计

3.1 用例设计

用户可以查询用户、查看用户需求、查询电池品类、查看电池品类详情、查询回收机构、查看机构详情、发起电池订单、查询电池订单、发起客服咨询、查询客服咨询。

管理员可以增改用户、查删用户、增改电池品类、查删电池品类、增改回收机构、查删回收机构、增改电池订单、查删电池订单、增改客服咨询、查删客服咨询。

在这里插入图片描述

3.2 业务流程设计

新增用户的业务流程图如下，首先进入主界面，查询用户的数据，展示主页窗口界面并返回结果，接着发起登录请求，返回登录结果，再次进入后添加用户，返回添加的结果

在这里插入图片描述
新增电池品类的业务流程图如下，首先进入主界面，查询电池品类的数据，展示主页窗口界面并返回结果，接着发起登录请求，返回登录结果，再次进入后添加电池品类，返回添加的结果。

在这里插入图片描述
新增回收机构的业务流程图如下，首先进入主界面，查询回收机构的数据，展示主页窗口界面并返回结果，接着发起登录请求，返回登录结果，再次进入后添加回收机构，返回添加的结果。

在这里插入图片描述

新增电池订单的业务流程图如下，首先进入主界面，查询电池订单的数据，展示主页窗口界面并返回结果，接着发起登录请求，返回登录结果，再次进入后添加电池订单，返回添加的结果。

在这里插入图片描述

新增客服咨询的业务流程图如下，首先进入主界面，查询客服咨询的数据，展示主页窗口界面并返回结果，接着发起登录请求，返回登录结果，再次进入后添加客服咨询，返回添加的结果。

在这里插入图片描述

3.3 E-R 图设计

新能源电池回收系统的的数据逻辑结构设计如下。

用户（用户ID，账号，密码，手机号，性别，身份证，备注，创建人，创建时间）。

电池品类（品类ID，电池名称，电池分类，型号规格，存放方式，新旧程度，单价，计量单位，备注）。

回收机构（机构ID，机构名称，机构地址，联系人，练习电话，创建人，创建时间，更新人，更新时间）。

电池订单（订单ID，交易类型，电池ID，电池名称，买方，卖方，交易量，交易价格，交易时间）。

客服咨询（咨询ID，留言人，留言内容，留言时间，备注，回复内容，回复时间，回复人）。

在这里插入图片描述

四、系统展示

在这里插入图片描述

五、核心代码

5.1 增改电池类型

@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增电池类型")
public Result<ResourceType> insert(ResourceType resourceType){
    iResourceTypeService.saveOrUpdate(resourceType);
    return new ResultUtil<ResourceType>().setData(resourceType);
}

@RequestMapping(value = "/update", method = RequestMethod.POST)
@ApiOperation(value = "编辑电池类型")
public Result<ResourceType> update(ResourceType resourceType){
    iResourceTypeService.saveOrUpdate(resourceType);
    return new ResultUtil<ResourceType>().setData(resourceType);
}

5.2 查询电池品类

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询电池品类")
public Result<IPage<Resource>> getByPage(@ModelAttribute Resource resource ,@ModelAttribute PageVo page){
    QueryWrapper<Resource> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(resource.getTitle())) {
        qw.like("title",resource.getTitle());
    }
    if(!ZwzNullUtils.isNull(resource.getType())) {
        qw.like("type",resource.getType());
    }
    IPage<Resource> data = iResourceService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<Resource>>().setData(data);
}

5.3 查询电池回收机构

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询电池回收机构")
public Result<IPage<ResourceOrganization>> getByPage(@ModelAttribute ResourceOrganization resourceOrganization ,@ModelAttribute PageVo page){
    QueryWrapper<ResourceOrganization> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(resourceOrganization.getTitle())) {
        qw.like("title",resourceOrganization.getTitle());
    }
    if(!ZwzNullUtils.isNull(resourceOrganization.getAddress())) {
        qw.like("address",resourceOrganization.getAddress());
    }
    IPage<ResourceOrganization> data = iResourceOrganizationService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<ResourceOrganization>>().setData(data);
}

5.4 查询咨询接待人员

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询咨询接待人员")
public Result<IPage<Receptionist>> getByPage(@ModelAttribute Receptionist receptionist ,@ModelAttribute PageVo page){
    QueryWrapper<Receptionist> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(receptionist.getName())) {
        qw.like("name",receptionist.getName());
    }
    if(!ZwzNullUtils.isNull(receptionist.getMobile())) {
        qw.like("mobile",receptionist.getMobile());
    }
    IPage<Receptionist> data = iReceptionistService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<Receptionist>>().setData(data);
}

5.5 新增电池求购单

@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增电池求购单")
public Result<PurchaseOrder> insert(PurchaseOrder purchaseOrder){
    Resource resource = iResourceService.getById(purchaseOrder.getResId());
    if(resource == null) {
        return ResultUtil.error("电池不存在");
    }
    purchaseOrder.setResName(resource.getType() + "/" + resource.getTitle() + "/" + resource.getModal());
    User currUser = securityUtil.getCurrUser();
    purchaseOrder.setReleaseId(currUser.getId());
    purchaseOrder.setReleaseName(currUser.getNickname());
    purchaseOrder.setStatus(0);
    iPurchaseOrderService.saveOrUpdate(purchaseOrder);
    return new ResultUtil<PurchaseOrder>().setData(purchaseOrder);
}