添加 新建项目页面细节

src/views/education/item-manager.vue

@@ -40,10 +40,10 @@
       </el-form>
       <el-form :model="formInline" class="demo-form-inline">
         <el-form-item>
-          <el-button type="primary">新建项目</el-button>
+          <el-button class="add-button" type="primary" @click="toPage()">新建项目</el-button>
         </el-form-item>
       </el-form>
-      <el-table :data="tableData" :header-cell-style="{background:'#FAFAFA',color:'#000'}">
+      <el-table v-loading="loading" :data="tableData" :header-cell-style="{background:'#FAFAFA',color:'#000'}">
         <el-table-column prop="id" label="ID编号" width="140"></el-table-column>
         <el-table-column prop="projectName" label="项目名称" width="120"></el-table-column>
         <el-table-column prop="createName" label="创建人"></el-table-column>
@@ -94,6 +94,7 @@ export default {
       curmbFirst: "教培项目",
       curmbSecond: "项目管理",
       tableData: Array(10).fill(item),
+      loading: false,
       timingTime: "",
       currentPage: 1,
       formInline: {
@@ -136,6 +137,9 @@ export default {
   },
   create() {},
   methods: {
+    toPage() {
+      this.$router.push('add-manager');
+    },
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`);
       this.pageSize = val;
@@ -183,7 +187,7 @@ export default {
 .table-option span {
   color: #409eff;
 }
-.el-form-item__content {
+.add-button {
   float: right;
 }
 /* .el-table tr>.el-table_1_column_2 .cell {