3.12添加逻辑

src/views/education/item-manager.vue

@@ -8,11 +8,21 @@
           <el-input v-model="formInline.name" placeholder="审批人"></el-input>
         </el-form-item>
         <el-form-item label="项目时间：">
-          <el-date-picker v-model="formInline.startDates" type="date" placeholder="请选择开始时间"></el-date-picker>
-          <el-date-picker v-model="formInline.endDate" type="date" placeholder="请选择结束时间"></el-date-picker>
+          <el-date-picker
+            v-model="formInline.startDate"
+            type="date"
+            placeholder="请选择开始时间"
+            value-format="yyyy-MM-dd HH:mm:ss"
+          ></el-date-picker>
+          <el-date-picker
+            v-model="formInline.endDate"
+            type="date"
+            placeholder="请选择结束时间"
+            value-format="yyyy-MM-dd HH:mm:ss"
+          ></el-date-picker>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary">查询</el-button>
+          <el-button type="primary" @click="searchData()">查询</el-button>
         </el-form-item>
         <el-form-item>
           <el-button type="default" plain>重置</el-button>
@@ -36,22 +46,28 @@
         :data="tableData"
         :header-cell-style="{background:'#FAFAFA',color:'#000'}"
       >
-        <el-table-column prop="createdId" label="ID编号" width="140"></el-table-column>
-        <el-table-column prop="projectName" label="项目名称" width="120"></el-table-column>
-        <el-table-column prop="createdName" label="创建人"></el-table-column>
-        <el-table-column prop="projectIntro" label="项目简介"></el-table-column>
-        <el-table-column prop="projectBegintime" label="项目开始时间"></el-table-column>
-        <el-table-column prop="projectEndtime" label="项目结束时间"></el-table-column>
-        <el-table-column prop="projectStatus" label="状态">
+        <el-table-column prop="createdId" label="ID编号" min-width="100" align="center"></el-table-column>
+        <el-table-column prop="projectName" label="项目名称" min-width="100" align="center"></el-table-column>
+        <el-table-column prop="createdName" label="创建人" align="center"></el-table-column>
+        <el-table-column prop="projectIntro" label="项目简介" align="center"></el-table-column>
+        <el-table-column prop="projectBegintime" label="项目开始时间" align="center"></el-table-column>
+        <el-table-column prop="projectEndtime" label="项目结束时间" align="center"></el-table-column>
+        <el-table-column prop="projectStatus" label="状态" align="center">
           <template slot-scope="scope">
-                <span>{{ scope.row.projectStatus | statusProject }}</span>
-            </template>
+            <span>{{ scope.row.projectStatus | statusProject }}</span>
+          </template>
         </el-table-column>
-        <el-table-column fixed="right" label="操作" width="200">
+        <el-table-column fixed="right" label="操作" min-width="200" align="center">
           <template slot-scope="scope">
-            <el-button @click="editItem(scope.row)" class="title" type="text" size="small">编辑</el-button>
-            <el-button @click="releaseItem(scope.row)" class="title" type="text" size="small">发布</el-button>
-            <el-button @click="delItem(scope.row)" class="title" type="text" size="small">删除</el-button>
+            <el-button
+              @click="editItem(scope.row)"
+              v-show="showButton(scope.row,'edit')"
+              type="primary"
+              size="small"
+            >编辑</el-button>
+            <el-button @click="storage(scope.row)" type="primary" size="small">暂存</el-button>
+            <el-button @click="completeItem(scope.row)" type="primary" size="small">完成</el-button>
+            <el-button @click="delItem(scope.row)" type="primary" size="small">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -60,9 +76,9 @@
           background
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
-          :current-page="searchParam.pageNo"
+          :current-page="formInline.pageNo"
           :page-sizes="[10, 30, 50, 100]"
-          :page-size="searchParam.pageSize"
+          :page-size="formInline.pageSize"
           layout="total, sizes, prev, pager, next, jumper"
           :total="totalRows"
         ></el-pagination>
@@ -79,16 +95,6 @@ export default {
     BreadCrumb
   },
   data() {
-    const item = {
-      id: "298490",
-      projectName: "浙江省防控中心指空中...",
-      createName: "李雷",
-      projectBrief: "显示项目简介简介",
-      address: "浙江省",
-      startTime: "2018-12-15 15:39:23",
-      endTime: "2018-12-15 15:39:23",
-      state: "草稿"
-    };
     return {
       curmbFirst: "教培项目",
       curmbSecond: "项目管理",
@@ -107,38 +113,9 @@ export default {
         name: "",
         startDate: "",
         endDate: "",
-        type: ""
-      },
-      pickerOptions: {
-        shortcuts: [
-          {
-            text: "最近一周",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-              picker.$emit("pick", [start, end]);
-            }
-          },
-          {
-            text: "最近一个月",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-              picker.$emit("pick", [start, end]);
-            }
-          },
-          {
-            text: "最近三个月",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-              picker.$emit("pick", [start, end]);
-            }
-          }
-        ]
+        type: "",
+        pageNo: 1,
+        pageSize: 10
       }
     };
   },
@@ -147,14 +124,25 @@ export default {
     this.getProjectList();
   },
   methods: {
+    showButton(row) {
+      let projectStatus = row.projectStatus;
+      let flag = false;
+      flag = true;
+      //console.log('状态：'+projectStatus)
+      return flag;
+    },
     toPage() {
       this.$router.push("add-manager");
     },
+    //数据查询
+    searchData() {
+      console.log(this.formInline);
+    },
     //查询项目列表
     getProjectList() {
       let req = {
-        pageNo: this.searchParam.pageNo,
-        pageSize: this.searchParam.pageSize,
+        pageNo: this.formInline.pageNo,
+        pageSize: this.formInline.pageSize
       };
       vm.GET("portalInfo/getProjectList", req).then(res => {
         if (res.code == "000000") {
@@ -163,23 +151,19 @@ export default {
         }
       });
     },
-    editItem(row) {
-
-    },
-    releaseItem(row) {
-
-    },
-    delItem(row) {
-
-    },
+    editItem(row) {},
+    upperItem(row) {},
+    delItem(row) {},
+    storage(row) {},
+    completeItem(row) {},
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`);
-      this.searchParam.pageSize = val;
+      this.formInline.pageSize = val;
       this.handleCurrentChange(this.searchParam.pageNo);
     },
     handleCurrentChange(val) {
       console.log(`当前页: ${val}`);
-      this.searchParam.pageNo = val;
+      this.formInline.pageNo = val;
       this.getProjectList();
       //需要判断是否检索
       // if (!this.flag) {