对接后端接口

src/config/api.js

@@ -223,7 +223,19 @@ const apis = {
     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

@@ -70,7 +70,7 @@ export default {
         })
       })
     },
-    recommendCustomerList({ commit }, payload) { // 推荐客户列表
+    recommendCustomerList({ commit }, payload) { // 客户列表
       return new Promise((resolve, reject) => {
         request({
           ...apis.recommendCustomer.recommendCustomerList,
@@ -133,6 +133,42 @@ export default {
         })
       })
     },
+    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

@@ -29,12 +29,12 @@
               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
@@ -49,7 +49,7 @@
       <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;
@@ -114,8 +114,7 @@
           pageSize: 10,
           pageNumber: 1,
           name: "",
-          tel: '',
-          verifyStatus: '1', // 0未通过 1已通过 2已驳
+          tel: ''
         },
         mainTotal: 0, // 列表总数
         sexOptions: [ // 性别
@@ -196,7 +195,7 @@
       this.getList();
     },
     methods: {
-      ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers"]),
+      ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers", "getAgentsCustomers"]),
       ...mapDynamicActions([
         "getDynamics",
         "setDetailNull",
@@ -211,13 +210,13 @@
         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')
         });
       },
 
@@ -304,7 +303,7 @@
       },
       showRecommendCustomerList(row) {
         this.dialogRecommendedTableVisible = true
-        this.recommendedDialogConsultantForm.customerId = row.customerId
+        this.recommendedDialogConsultantForm.customerId = row.personId
         this.getRecommendCustomerList()
       },
       recommendedDialogHandleSizeChange(value) {

src/views/customer/recommendCustomer.vue

@@ -10,10 +10,10 @@
             <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="请选择">
@@ -71,7 +71,7 @@
       <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">
@@ -165,8 +165,8 @@ export default {
         pageSize: 10,
         pageNumber: 1,
         name: "",
-        consultName: '',
-        consultTel: '',
+        recommendName: '',
+        recommendTel: '',
         verifyStatus: '', // 0未通过 1已通过 2已驳
         entryType: 'input'
       },
@@ -235,7 +235,7 @@ export default {
     this.getList();
   },
   methods: {
-    ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers"]),
+    ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers", "getRecommenderCustomers"]),
     ...mapDynamicActions([
       "getDynamics",
       "setDetailNull",
@@ -250,13 +250,13 @@ export default {
       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

@@ -196,7 +196,7 @@
       this.getList();
     },
     methods: {
-      ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers"]),
+      ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers", "getReportCustomers"]),
       ...mapDynamicActions([
         "getDynamics",
         "setDetailNull",
@@ -211,13 +211,13 @@
         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')
         });
       },