1.UI页面与Controller总体设计
a)需求单列表页面(嵌入了添加和申请修改、申请删除功能)(添加人员)
初始数据:根据筛选和条件查询需求单列表(条件为空)
i.页面有一个筛选表单:
筛选项包含:一个需求单的若干属性
表单包含前端验证功能
还包含需要的页码
初始化按钮:清空表单的所有筛选项
提交按钮 ,上一页和下一页首页末页以及邻页:
调用“提交筛选”函数
ii.页面有一个添加按钮,点击后:
调用“弹出表单窗口”函数,传入“添加”
iii.列表每一项包含:
一份需求单的摘要
在该项范围内点击:下拉显示其详情属性
按钮:
文本为“以此为模板添加”,调用“弹出表单窗口”函数,传入id和“添加”
“处理状态”若为“待分配”,则包含按钮:
“提交修改申请”,调用“弹出表单窗口”函数,传入id和“修改”
“提交删除申请”,弹出确认后,&&5修改为申请删除,更新页面列表
“处理状态”若为“生产中”,则包含:
查看生产计划:链接进入生产计划的查询页,携带条件
查看物料申请:链接进入物料申请的查询页,携带条件
“弹出表单窗口”函数:
弹出一个窗口,包含:
标题为参数文本和“需求单”字符串拼接
一个表单,包含三个下拉框
获取所有的品牌列表,填充第一个下拉框
选中品牌之后,获取该品牌的样式,在第二个下拉框显示
选中样式之后,获取该样式的颜色,在第三个下拉框显示
选中颜色后方可提交
提交:
弹出确认弹窗,确认后
数据保存到数据库(进行输入验证),返回成功或失败信息
“原表单id”属性在修改时才需要赋值
显示返回信息
若成功则弹出提示信息,并关闭子窗口,调用“提交筛选”函数
若失败则显示出现的问题,表单项不变
若传入了id参数
根据参数id查询该份需求单,然后给表单添加上查询出来的属性
“提交筛选”函数:
根据筛选和条件查询需求单列表,更新页面列表数据