Vue-后台管理项目005---订单列表

最新推荐文章于 2024-06-14 20:47:30 发布

初遇我ㄖ寸の热情呢？

最新推荐文章于 2024-06-14 20:47:30 发布

阅读量409

点赞数

分类专栏：【平台开发】Vue后台管理项目文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_37615098/article/details/131611669

版权

10 篇文章

订阅专栏

该文章详细描述了订单列表页面的开发过程，包括获取和渲染订单数据、实现分页及修改操作功能。此外，还讨论了将省市区输入框转换为级联选择器的需求，以及如何集成物流进度查询和时间轴组件，特别指出项目需自行引入时间轴组件以满足最新需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

订单列表页面的开发

在这里插入图片描述

获取订单列表的数据

在这里插入图片描述

渲染订单的列表数据

在这里插入图片描述

实现分页功能

在这里插入图片描述

在操作栏实现修改的操作

点击修改，弹出修改的对话框

在这里插入图片描述

里面放一个form表单

在这里插入图片描述

下面需要将省市区输入框改造成一个级联选择器，在改造之前，需要先拿到对应的数据

在这里插入图片描述

在操作栏实现物流进度的查询

在这里插入图片描述

下面就是通过接口获取物流信息的数据

在这里插入图片描述

下面将物流的进度按照时间轴的形式展示出来，需要用到一个组件

在这里插入图片描述

我们项目中用的elementUl是基于这个插件的
这个插件是2019年1月9号发布的
时间轴组件是2019年3月发布的，所以我们项目里
面没有时间轴组件，我们需要自己将包导进来

在这里插入图片描述

现在还没有样式

在这里插入图片描述