【前端项目笔记】8 订单管理

订单管理

效果展示：

在开发功能之前先创建分支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分支推送到云端