订单管理
效果展示:

在开发功能之前先创建分支order
cls 清屏
git branch 查看所有分支(*代表当前分支)
git checkout -b order 新建分支order
git push -u origin order 将本地的当前分支提交到云端仓库origin中命名为order
通过路由方式加载订单列表界面+基础布局
加载订单列表界面:


基础布局:
面包屑导航区域+卡片视图区域(搜索区域+Table+分页)

获取订单列表的数据

渲染订单的列表数据

实现订单列表的分页功能


实现搜索订单的功能

写法是这样,但是后台没写模糊搜索接口,无法真正实现
实现修改订单地址的效果
主要实现省市联动效果
由于API文档未提供修改地址的接口,故此处无法实现




调整级联选择器宽度:

效果展示:

实现物流进度的查询




bug:但是一点击查询物流进度按钮后台就崩了
查询了网上的解决方案黑马 Vue 电商后台管理项目中获取物流地址问题解决方法

将物流进度以时间轴的形式展示到物流进度的面板中



效果展示:

PS:这个接口每次点开显示地数据都不同哈哈哈哈哈
提交订单管理代码
git branch 查看当前所有分支
git status 查看当前文件状态
git add . 将所有已修改和添加文件放到暂存区
git commit -m "完成订单功能的开发" 本地提交代码到当前分支
本地order代码提交已完成
git push 将本地当前分支提交到云端
master还是旧代码
git checkout master 切换到master分支
git merge order 合并order代码
git push 将master分支推送到云端


![plugin:vite:import-analysis]No known conditions for“./lib/locale/lang/zh-cn“](https://img-blog.csdnimg.cn/direct/f8bc1bdd95d04863b21097178a021ece.png)






![软考-系统架构设计师[九年]上岸感想](https://img-blog.csdnimg.cn/direct/84565ecf4e304c3cb0784a22607890f1.png)









