Swift中 “我的流程” 前端实现简介

Swift中 “我的流程” 前端实现简介

一、简要介绍

在swift项目中”我的流程”页面起着简要总结当前用户发起的变更，追踪变更流程，以及记录自己提交的变更等作用。在项目早些时候甚至作为本项目的门户作用，，其作用可谓不言而喻。

二、功能介绍

首先我我们看到的是当前用户“待办”、“追踪”、“提交”的变更，这个三个部分的变更可以通过左上角的页签进行切换，可以非常方便的进行展示；同时这三个页签中“ 操作”部分的按钮通过组件slot进行的了区分：

“待办”页签显示的是“批准”和“拒绝”，用户可以在这个页面快捷的处理“待处理变更”；

 “追踪”和“提交”两个页签则显示的是“详情”按钮，点击可以获取相应的详细信息。

当你在上述任意页签选中一个变更后，页面下方的“封面”、“受影响的物件”以及“工作流”会相应的展开，“封面”部分展示的是当前选中变更的部分关键信息，“受影响的物件”和“工作流”则展示相应的物件内容和工作流部分的各关键节点和“工作流状态”等历史记录信息。

三、难点总结

本部分的难点在于大量数据获取后如何进行数据整合以及三个页签进行切换过程保持页面流畅，不会卡顿。而在整个页面的实现过程中，将三个页签统一整合到一个model组件中，各页签通过slot加载相应的特色按钮实现相应的分工，既实现相应各页面的效果，也成功的将页面的加载负荷降到最低，保证页面的流畅度。

四、结语

通过这写页面的实施过程，我们发现前端模块化可以很好保证工作整体完成度，同时也大大提高了代码的可维护性。其次，编写代码不必从零开始。当一个模块编写完毕，就可以被其他地方引用。