开始对接借口 完成图片上传组件

src/style/global.scss

@@ -107,4 +107,16 @@
 }
 .white{
     color: #fff;
-}
\ No newline at end of file
+}
+.button-green {
+    color: #ffffff;
+    background: #449284;
+    border-color: #bfdad5;
+    border-radius: 2px;
+}
+.button-white {
+    color: #606266;
+    background: #ffffff;
+    border-color: #ecedf1;
+    border-radius: 2px;
+}

src/utils/envConfig.js

@@ -13,7 +13,7 @@ export const envConfig = {
     // apiUrl: 'https://test1-api.yunqueyi.com/',
     // webPageUrl: 'https://test1-phome.yunqueyi.com/'  
     //baseUrl: 'https://uat-sc.yunqueyi.com/',
-    baseUrl: 'http://localhost:11905/portal',
+    baseUrl: 'http://10.177.15.169:11905/portal/',
     apiUrl: 'https://uat-api.yunqueyi.com/',
     webPageUrl: 'https://uat-phome.yunqueyi.com/',
     qiniuUrl: "http://localhost:10201/contents/admin/qiniu/token",

src/views/education/item-manager.vue

@@ -8,22 +8,14 @@
           <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.startDates" type="date" placeholder="请选择开始时间"></el-date-picker>
+          <el-date-picker v-model="formInline.endDate" type="date" placeholder="请选择结束时间"></el-date-picker>
         </el-form-item>
         <el-form-item>
           <el-button type="primary">查询</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" plain>重置</el-button>
+          <el-button type="default" plain>重置</el-button>
         </el-form-item>
       </el-form>
       <el-form :inline="true" :model="formInline" class="demo-form-inline">
@@ -44,14 +36,14 @@
         :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="createdId" 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>
-        <el-table-column prop="projectBrief" label="项目简介"></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="address" label="所属地区"></el-table-column>
-        <el-table-column prop="startTime" label="项目开始时间"></el-table-column>
-        <el-table-column prop="endTime" label="项目结束时间"></el-table-column>
-        <el-table-column prop="state" 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>
         <el-table-column fixed="right" label="操作" width="200">
           <template slot-scope="scope">
             <el-button class="title" type="text" size="small">编辑</el-button>
@@ -60,21 +52,25 @@
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage"
-        :page-sizes="[100, 200, 300, 400]"
-        :page-size="100"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="400"
-      ></el-pagination>
+      <div class="pagination">
+        <el-pagination
+          background
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="searchParam.pageNo"
+          :page-sizes="[15, 30, 50, 100]"
+          :page-size="searchParam.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="totalRows"
+        ></el-pagination>
+      </div>
     </div>
   </div>
 </template>
 <script>
 import BreadCrumb from "../../components/breadcrumb.vue";
 import { create } from "domain";
+let vm = null;
 export default {
   components: {
     BreadCrumb
@@ -93,7 +89,14 @@ export default {
     return {
       curmbFirst: "教培项目",
       curmbSecond: "项目管理",
-      tableData: Array(10).fill(item),
+      searchParam: {
+        name: "",
+        status: "",
+        pageNo: 1,
+        pageSize: 15
+      },
+      tableData: [],
+      totalRows: 0,
       loading: false,
       timingTime: "",
       currentPage: 1,
@@ -136,11 +139,27 @@ export default {
       }
     };
   },
-  create() {},
+  created() {
+    vm = this;
+    this.getProjectList();
+  },
   methods: {
     toPage() {
       this.$router.push("add-manager");
     },
+    //查询项目列表
+    getProjectList() {
+      console.log("数据请求");
+      let req = {
+        token: ""
+      };
+      vm.GET("portalInfo/getProjectList", req).then(res => {
+        if (res.code == "000000") {
+          vm.tableData = res.data.data;
+          vm.totalRows = res.data.data.length;
+        }
+      });
+    },
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`);
       this.pageSize = val;