工作内容
- 用vue重写ifish后台产品基础信息添加及修改页面
- 用vue重写ifish后台详细信息管理页面及详细信息添加及修改页面
修改和编辑页面都封装成一个组件，通过路由来判断是修改还是添加
// 判断路由状态是否是编辑状态，如果是才load数据
if (this.$route.path !== '/source/add' && typeof this.$route.params.id !== 'undefined') {
this.loadData(this.$route.params.id);
}
路由配置信息
{
hidden: false,
path: '/',
component: Home,
name: '产品详细信息管理',
forRoles: ['AUDITOR'],
iconCls: 'fa fa-id-card-o',
leaf: true,
children: [
{path: '/source/list', component: SourceList, name: '水产品详细信息管理'},
{path: '/source/add', component: SourceEditor, name: '添加水产品详细信息管理'},
{path: '/source/edit/:id', component: SourceEditor, name: '修改水产品详细信息管理'},
]
},
总结
- 不足
- 修改和添加基础信息页面中暂未实现图片上传的功能
- 保存修改后的信息返回到列表页面不会自动load数据导致显示不一致
- 修改和添加详情页面表单字段没有添加完全
- 进展
- 基本完成ifish后台的核心功能
