# 方舱隔离人员管理系统（vue）

**Repository Path**: debug069/back-stage-management-vue

## Basic Information

- **Project Name**: 方舱隔离人员管理系统（vue）
- **Description**: 使用 Vue3 + Vite + TypeScript + Element-Plus + Axios + Pinia 搭建的方舱隔离人员的管理系统前端
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-25
- **Last Updated**: 2023-07-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 开发问题

### 待解决问题

- [x] 后台传数据后，在拦截器进行过滤，成功的话，将message以及data传到后台

> 接口类型改变，数据处理简单修饰，出现请求错误拦截的话，控制台报错的问题（待解决）。

- [ ] 电脑的主题色改为深色模式，主题切换的switch无法实时变更

>

- [x] 在其他电脑的页面展示时，窗口较小，有滑动条，影响美观。

> 更改布局以及定位

- [x] 顶部导航栏的响应式的改变。（当窗口长度小于1350px时，导航栏混乱）

> 弃用栅格布局布局，改为flex布局

- [ ] 图标库更改（太丑了！！！）

>

- [x] 修改公告内容时，列表中的数据会随着弹出的对话框数据的改变而进行响应式的改变。

> 修改数据获取方式,从行数据中获取id,发送通过id获取数据的请求,对数据进行修改.

- [x] 删除公告时，确认删除公告后，原来对应列的删除按钮处于激发状态。

> 运用 v-for中必须有key的原理,进行数据绑定,便于diff算法计算.

- [x] 在修改通过reactive进行数据定义的值时,无法进行响应式的修改。

> 将reactive改为ref,或者直接对定义的对象进行复制,无法响应式的原因就像是对象的地址被替换，就不是原来的那个对象了.主要是修改通过reactive进行定义的数据,修改的是数据的代理对象,而不是真正的数据.

- [X] 在pinia中的登录，个人信息操作进行事件处理

> 代码重构解决

- [X] 对后端传来的菜单数据进行动态路由的处理

> 有疑问，详情看标注

- [x] 对pinia的数据进行实时刷新

> 重构前端,使用storeToRefs进行解构赋值的实施刷新

- [ ] 优化请求时的loading效果

>

- [ ] 优化弹出框关闭时校验还存在的问题

>
**=>其他问题看项目标注**

## 成就点

* 对表单数据进行自定义的正则表达式的校验

* 动态路由的使用