工作内容

• 用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后台的核心功能