详情页的基本布局和路由
建立详情页路由
建立基本架构
读取和保存用户信息的接口
加载个人基本信息
保存个人基本信息
实现用户名和密码的修改
这里有个缺陷，接口中读取的是后端的密文，我们并不能解密，所以当我们没有任何修改就保存时，会校验失败，因为密文超过了规定的12位长度，为了真的修改密码，我们设定了一个临时的字段 password2，用它来存储我们的修改值，最后保存的时候，把password2传给password
以及表单验证
绑定表单数据进行渲染
个人组件和岗位组件封装
封装个人详情组件
员工个人信息分为三部分，账户，个人， 岗位，这个小节我们对个人组件和岗位组件进行封装
封装个人组件 定义user-info的数据
封装岗位组件定义岗位数据
员工个人信息和岗位信息-读取-保存
读取个人保存个人信息
这个环节里面大部分都是繁杂的属性和重复的过程，所以该环节直接将过程代码拷贝到项目中即可
封装 读取个人信息 保存个人信息 读取岗位信息 保存岗位信息
读取，保存个人信息 user-info 需要注意：这里的保存实际上分成了两个接口，这是接口的设计，我们只能遵守
读取保存岗位信息
读取，保存岗位信息 job-info
封装上传图片组件-上传组件需求分析
初始化cos对象参数
| 名称 | 描述 |
|---|---|
| SecretId | 开发者拥有的项目身份识别 ID，用以身份认证，可在 API 密钥管理 页面获取 |
| SecretKey | 开发者拥有的项目身份密钥，可在 API 密钥管理 页面获取 |
注意，上述的参数我们在本次开发过程中，直接将参数放置在前端代码中存储，但是腾讯云本身是不建议这么做的，因为敏感信息放在前端很容易被捕获，由于我们本次是测试研发，所以这个过程可以忽略
正确的做法应该是，通过网站调用接口换取敏感信息相关文档
实例化 上传sdk
该组件需要满足什么要求呢？
-
可以显示传入的图片地址
-
可以删除传入的图片地址
-
可以上传图片到云服务器
-
上传到腾讯云之后，可以返回图片地址，显示
-
上传成功之后，可以回调成功函数
上传之前检查
控制上传图片的类型和上传大小， 如果不满足条件 返回false上传就会停止
