推广者报表

src/api/base/company.js

@@ -17,6 +17,7 @@ function promoterList(formData) {
   return request.post(constant.serverUrl + "/company/promoterList", formData);
 }
 
+//查详细 传ID
 function queryPromoterList(formData) {
   return request.post(constant.serverUrl + "/company/queryPromoterList", formData);
 }

src/views/base/promoter-list.vue

@@ -14,8 +14,33 @@
       要resetFields起作用，必须配置:model和prop
     -->
     <el-form ref="queryForm" :model="queryModel" inline class="demo-form-inline">
-      <el-form-item label="企业名称" prop="name">
-        <el-input type="text" size="mini" v-model="queryModel.name"></el-input>
+      <el-form-item label="企业名称" prop="companyName">
+        <el-input type="text" size="mini" v-model="queryModel.companyName"></el-input>
+      </el-form-item>
+      <el-form-item label="到账时间" prop="thisTime">
+        <el-date-picker
+          v-model="thisTime"
+          size="mini"
+          type="datetimerange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          size="mini"
+          icon="ios-search"
+          @click="changePage(1)"
+          :loading="loading"
+        >查询</el-button>&nbsp;
+        <el-button
+          type="info"
+          size="mini"
+          style="margin-left: 8px"
+          @click="handleReset('queryForm')"
+        >重置</el-button>&nbsp;
       </el-form-item>
     </el-form>
     <el-divider></el-divider>
@@ -27,9 +52,9 @@
       @sort-change="sortChange"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column prop label="推广员" width="180"></el-table-column>
-      <el-table-column prop label="手机号" width="180"></el-table-column>
-      <el-table-column prop label="云平台账号" width="180"></el-table-column>
+      <el-table-column prop="realName" label="推广员" width="180"></el-table-column>
+      <el-table-column prop="phone" label="手机号" width="180"></el-table-column>
+      <el-table-column prop="name" label="云平台账号" width="180"></el-table-column>
       <el-table-column prop label="企业名称" width="180"></el-table-column>
       <el-table-column prop label="投保期间" width="180"></el-table-column>
       <el-table-column prop label="保单金额" width="180"></el-table-column>
@@ -49,6 +74,7 @@
 </template>
 <script>
 import Constant from "@/constant";
+import companyApi from "@/api/base/company";
 import NProgress from "nprogress"; // progress bar
 import "nprogress/nprogress.css"; // progress bar style
 
@@ -57,7 +83,9 @@ export default {
     var self = this;
 
     return {
-      queryModel: {},
+      queryModel: {
+        companyName: ""
+      },
       loading: false,
       tableData: [],
       pageIndex: 1,
@@ -76,42 +104,37 @@ export default {
   methods: {
     changePage(pageIndex) {
       var self = this;
-
       self.loading = true;
-
       self.pageIndex = pageIndex;
       var formData = new FormData();
-
       formData.append("pageIndex", self.pageIndex);
       formData.append("pageSize", self.pageSize);
 
+      formData.append("companyName", self.queryModel.companyName);
+      formData.append("thisTime", self.queryModel.thisTime);
+
       if (this.field != null) {
         formData.append("field", this.field);
       }
-
       if (this.direction != null) {
         formData.append("direction", this.direction);
       }
-
-      // messageApi
-      //   .pageList(formData)
-      //   .then(function(response) {
-      //     self.loading = false;
-
-      //     var jsonData = response.data.data;
-
-      //     self.tableData = jsonData.data;
-      //     self.totalPages = jsonData.totalPage;
-      //     self.totalElements = jsonData.recordsTotal;
-      //   })
-      //   .catch(error => {
-      //     self.loading = false;
-      //     // self.$message.error(error + "");
-      //   });
+      companyApi
+        .promoterList(formData)
+        .then(function(response) {
+          self.loading = false;
+          var jsonData = response.data.data;
+          self.tableData = jsonData.data;
+          self.totalPages = jsonData.totalPage;
+          self.totalElements = jsonData.recordsTotal;
+        })
+        .catch(error => {
+          self.loading = false;
+          // self.$message.error(error + "");
+        });
     },
     pageSizeChange(pageSize) {
       this.pageSize = pageSize;
-
       this.$nextTick(() => {
         this.changePage(this.pageIndex);
       });
@@ -119,7 +142,6 @@ export default {
     sortChange(data) {
       this.field = data.column.field;
       this.direction = data.order;
-
       this.changePage(this.pageIndex);
     },
     handleSelectionChange(val) {
@@ -131,14 +153,27 @@ export default {
     onDetailModalClose(refreshed) {
       //保存成功后回调
       this.showModal = false;
-
       if (refreshed) {
         this.changePage(this.pageIndex);
       }
     }
+    // loadPromoter() {
+    //   var self = this;
+    //   var formData = new FormData();
+    //   formData.append("companyName", self.queryModel.companyName);
+    //   formData.append("thisTime", self.queryModel.thisTime);
+
+    //   self.loading = true;
+    //   companyApi.promoterList(formData).then(response => {
+    //     var jsonData = response.data;
+    //     self.tableData = jsonData.data;
+    //     self.loading = false;
+    //   });
+    // }
   },
   mounted: function() {
-    //this.changePage(1);
+    this.changePage(1);
+    //this.loadPromoter();
   }
 };
 </script>