山东大学项目实训(十六)—— 我的上报查看事件详情

业务功能介绍

通俗易懂,就是查看事件详情内容表,细说就是根据事件列表中的某一项的事件的ID查询对应事件的详情内容表。

设计步骤

  1. 经分析,不良事件详情内容表不仅仅在我的上报业务中有所使用,在后续的质控办、科室主任、职能部门的业务里面也需要使用到该详情内容表,故将详情内容表抽离成一个组件,通过父子组件传参,进行使用。提高代码的复用率。 共用表单组件在原上报事件表单的基础上进行修改,将内容都修改为不可编辑状态。
    在这里插入图片描述在这里插入图片描述

  2. 视图做好后,那就开始实现逻辑代码。因为点击上一个页面的查看事件详情进行页面跳转时携带了所属的参数,故根据参数向服务器发起获取事件详情内容的请求。
    在这里插入图片描述

  3. 由于事件详情内容中可能携带附件,故需要进行附件下载,进而展示。

在这里插入图片描述在这里插入图片描述

我的上报查看事件详情效果

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

在这里插入图片描述在这里插入图片描述不同类型展示不同类型的模板,这里所有的查看详情内容一致。

附件上传、下载、预览和删除 (预告)

由于笔者是实现完代码再写博客的,故在这里说一下之前的附件相关功能使用的是uniapp文档内的接口,但是笔者后面觉得使用起来太过于繁琐,故笔者自己实现并封装了对应方法。

扫描二维码关注公众号,回复: 14132890 查看本文章

猜你喜欢

转载自blog.csdn.net/long99920/article/details/124622415