19. 基于Vue+Element+nodeJs+Express+MySql后台管理系统-前端周报管理页面（新增和编辑）

然后我们开始编写此系统的用户管理页面，这个页面分为四个大部分，主要的周报管理页面，周报详情页面、新增周报页面和编辑周报页面。

我们先来看一下新增周报页面 WeeklyAdd.vue和编辑周报页面 WeeklyEdit.vue。

一、WeeklyAdd.vue（新增周报页面）

1.1 WeeklyAdd.vue 页面html部分：

1.2 WeeklyAdd.vue 页面js部分：

1.3 WeeklyAdd.vue 页面展示：

二、WeeklyEdit.vue（编辑周报页面）

2.1 WeeklyEdit.vue 页面html部分：