对接后端接口

src/config/api.js

     verify: { // 审核用户
       method: `put`,
       url: `${commPrefix}/customer/recommend/verify/:id`
-    }
+    },
+    report: { // 报备客户列表
+      method: `get`,
+      url: `${commPrefix}/customer/recommend/report`
+    },
+    agents: { // 独立经纪人列表
+      method: `get`,
+      url: `${commPrefix}/customer/agents`
+    },
+    recommender:{ // 推荐客户列表
+      method:'get',
+      url: `${commPrefix}/customer/recommend/recommender`
+    },
   },
   goods:{
     list:{

src/store/modules/customer.js

         })
       })
     },
-    recommendCustomerList({ commit }, payload) { // 推荐客户列表
+    recommendCustomerList({ commit }, payload) { // 客户列表
       return new Promise((resolve, reject) => {
         request({
           ...apis.recommendCustomer.recommendCustomerList,
         })
       })
     },
+    getReportCustomers ({ commit }, payload) { // 查询报备客户列表
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.recommendCustomer.report,
+          params: payload,
+        }).then((data) => {
+          resolve(data)
+        }).catch(({ message }) => {
+          reject(message)
+        })
+      })
+    },
+    getAgentsCustomers ({ commit }, payload) { // 查询独立经纪人列表
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.recommendCustomer.agents,
+          params: payload,
+        }).then((data) => {
+          resolve(data)
+        }).catch(({ message }) => {
+          reject(message)
+        })
+      })
+    },
+    getRecommenderCustomers ({ commit }, payload) { // 查询推荐客户列表
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.recommendCustomer.recommender,
+          params: payload,
+        }).then((data) => {
+          resolve(data)
+        }).catch(({ message }) => {
+          reject(message)
+        })
+      })
+    },
     
   }
 }

src/views/customer/independentList.vue

               label="头像">
         <template slot-scope="scope">
           <div class="header">
-            <img :src="scope.row.picture" alt="" />
+            <img :src="scope.row.avatarurl" alt="" />
           </div>
         </template>
       </el-table-column>
       <el-table-column
-              prop="name"
+              prop="nickname"
               label="姓名">
       </el-table-column>
       <el-table-column
       <el-table-column fixed="right"  width="200" label="操作">
         <template slot-scope="scope">
           &nbsp;
-          <router-link :to="{ name:'integralRecord', query: { id: scope.row.customerId } }" v-if="scope.row.phone !== '' && scope.row.phone !== undefined && scope.row.phone !== null">积分记录</router-link>
+          <router-link :to="{ name:'integralRecord', query: { id: scope.row.personId } }" v-if="scope.row.phone !== '' && scope.row.phone !== undefined && scope.row.phone !== null">积分记录</router-link>
           &nbsp;
           <a href="javascript: void(0);" @click="showRecommendCustomerList(scope.row)" v-if="scope.row.phone !== '' && scope.row.phone !== undefined && scope.row.phone !== null">推荐客户</a>
           &nbsp;
           pageSize: 10,
           pageNumber: 1,
           name: "",
-          tel: '',
-          verifyStatus: '1', // 0未通过 1已通过 2已驳
+          tel: ''
         },
         mainTotal: 0, // 列表总数
         sexOptions: [ // 性别
       this.getList();
     },
     methods: {
-      ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers"]),
+      ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers", "getAgentsCustomers"]),
       ...mapDynamicActions([
         "getDynamics",
         "setDetailNull",
         return !dt ? '' : dayjs(dt).format('YYYY-MM-DD HH:mm')
       },
       getList() {
-        this.getRecommendCustomers(this.form).then((res) => {
+        this.getAgentsCustomers(this.form).then((res) => {
           this.list = res.records
           this.form.pageSize = res.size
           this.form.pageNumber = res.current
           this.total = res.total
         }).catch(() => {
-          console.log('getRecommendCustomers err')
+          console.log('getAgentsCustomers err')
         });
       },
 
       },
       showRecommendCustomerList(row) {
         this.dialogRecommendedTableVisible = true
-        this.recommendedDialogConsultantForm.customerId = row.customerId
+        this.recommendedDialogConsultantForm.customerId = row.personId
         this.getRecommendCustomerList()
       },
       recommendedDialogHandleSizeChange(value) {

src/views/customer/recommendCustomer.vue

             <el-input v-model="form.tel" ></el-input>
           </el-form-item>
           <el-form-item label="推荐人">
-            <el-input v-model="form.consultName" ></el-input>
+            <el-input v-model="form.recommendName" ></el-input>
           </el-form-item>
           <el-form-item label="推荐人电话">
-            <el-input v-model="form.consultTel" ></el-input>
+            <el-input v-model="form.recommendTel" ></el-input>
           </el-form-item>
           <el-form-item label="状态">
             <el-select v-model="form.verifyStatus" placeholder="请选择">
       <el-table-column
         prop="reportDate"
         label="推荐时间">
-          <template slot-scope="scope">{{ formateDate(scope.row.reportDate) }}</template>
+          <template slot-scope="scope">{{ formateDate(scope.row.createDate) }}</template>
       </el-table-column>
       <el-table-column  label="状态">
         <template slot-scope="scope">
         pageSize: 10,
         pageNumber: 1,
         name: "",
-        consultName: '',
-        consultTel: '',
+        recommendName: '',
+        recommendTel: '',
         verifyStatus: '', // 0未通过 1已通过 2已驳
         entryType: 'input'
       },
     this.getList();
   },
   methods: {
-    ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers"]),
+    ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers", "getRecommenderCustomers"]),
     ...mapDynamicActions([
       "getDynamics",
       "setDetailNull",
       return !dt ? '' : dayjs(dt).format('YYYY-MM-DD HH:mm')
     },
     getList() {
-      this.getRecommendCustomers(this.form).then((res) => {
+      this.getRecommenderCustomers(this.form).then((res) => {
         this.list = res.records
         this.form.pageSize = res.size
         this.form.pageNumber = res.current
         this.mainTotal = res.total
       }).catch(() => {
-        console.log('getRecommendCustomers err')
+        console.log('getRecommenderCustomers err')
       });
     },
 

src/views/customer/reportedList.vue

       this.getList();
     },
     methods: {
-      ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers"]),
+      ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers", "getReportCustomers"]),
       ...mapDynamicActions([
         "getDynamics",
         "setDetailNull",
         return !dt ? '' : dayjs(dt).format('YYYY-MM-DD HH:mm')
       },
       getList() {
-        this.getRecommendCustomers(this.form).then((res) => {
+        this.getReportCustomers(this.form).then((res) => {
           this.list = res.records
           this.form.pageSize = res.size
           this.form.pageNumber = res.current
           this.total = res.total
         }).catch(() => {
-          console.log('getRecommendCustomers err')
+          console.log('getReportCustomers err')
         });
       },