# shenlingwuliu

**Repository Path**: new_czy/shenlingwuliu

## Basic Information

- **Project Name**: shenlingwuliu
- **Description**: 鸿蒙神领物流
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2024-10-08
- **Last Updated**: 2024-11-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 神领物流

## 介绍：

使用鸿蒙API 12，负责司机端的处理

## 主要功能:

### 💥任务

#### 			❤️待提货：显示司机的提货内容

####					❤️在途：当司机提货后，可以在在途显示货物详情

#### 			❤️已完成：当司机到达目的地后，点击交货后，登记回车，即可完成

### 💥消息

#### 			❤️显示：公告和任务的通知

### 💥我的

#### 			❤️显示：车辆信息，任务数据以及系统设置

## 利用的技术:

### 👌整体界面：

**使用tabs组件，实现页面对应的切换。使用customDialog弹窗，实现内容加载时的黑屏。**

### 👌任务界面：

**使用tabs组件，实现 待提货，在途，已完成的切换。**

----



#### 在任务列表界面

**利用Refresh组件的onRefreshing，实现控制 待提货列表的上拉刷新**

**利用 List 组件的onReachEnd，实现下拉无限刷新**

---



#### 在任务详情

**通过router.pushUrl完成从任务列表到详情的跳转**

**😊实现图片上传:先通过接口将图片转化成为 网络图片，再通过接口进行上传。**

**具体实现方式：先通过photoAccessHelper.PhotoViewPicker，创建图片选择器。将图片先拷贝到缓存区，再将图片上传为网络图片。再将图片进行上传**

**😊 当scroller设置了宽高时，内容会居中，解决方案是，使用position定位**

### 👌我的页面：

**😊通过win.setWindowLayoutFullScreen(true)开启了全屏模式；同时 要去获取安全区域的大小，像上面导航栏和下面的控制栏，将他们的距离加到不需要开启全屏的page里面**

**任务数据详情：推荐使用三方组件**

```
ohpm install @ohmos/calendar
```

### 👌消息页面：

**😊由于是路由跳转，当从消息详情中back()回来时，无法触发消息中的生命周期。因此解决方案是，在跳转过去之前，完成已读，并重新渲染消息页面**

## 亮点：

### 封装了axios

**在请求拦截器中，判断AppStorage是否存在token,如果存在，就往header中添加**

**在响应拦截器中：如果后端的业务码是200，正常响应；如果是其他，显示后端的消息**

**如果后端的状态码是401，直接跳转到登录；如果是其他错误，显示所有消息**

----

**正式封装**

```
export async function axiosProMax<T = null, D = null>(config: AxiosRequestConfig<D>) {
  return await myRequest<null, AxiosResponse<T, null>, D>(config)
}
```

# 相关图片内容

![image-20241016113654240](C:\Users\DELL\AppData\Roaming\Typora\typora-user-images\image-20241016113654240.png)

![image-20241016113713662](C:\Users\DELL\AppData\Roaming\Typora\typora-user-images\image-20241016113713662.png)

![image-20241016113731543](C:\Users\DELL\AppData\Roaming\Typora\typora-user-images\image-20241016113731543.png)

![image-20241016113743153](C:\Users\DELL\AppData\Roaming\Typora\typora-user-images\image-20241016113743153.png)