客户列表

src/config/api.js

     update: {
       method:'put',
       url: `${commPrefix}/customer/recommend/edit/:id`
+    },
+    recommendCustomerList: {
+      method:'get',
+      url: `${commPrefix}/customer/recommend/:id`
     }
   },
   goods:{

src/store/modules/customer.js

         })
       })
     },
+    recommendCustomerList({ commit }, payload) { // 推荐客户列表
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.recommendCustomer.recommendCustomerList,
+          urlData: { id: payload.customerId},
+          params: payload
+        }).then((data) => {
+          resolve(data)
+        }).catch(({ message }) => {
+          reject(message)
+        })
+      })
+    }
+
     
   }
 }

src/views/customer/editRecommend.vue

           </el-select>
         </el-form-item>
         <el-form-item label="归属置业顾问：">
-          <p style="margin:0">{{detail.realtyConsultant}}<span @click="dialogTableVisible=true" class="choose">请选择</span></p>
+          <p style="margin:0">{{detail.consultantName}}<span @click="dialogTableVisible=true" class="choose">请选择</span></p>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="submitForm">修改并审核通过</el-button>
           <el-button @click="$router.go(-1)">驳回</el-button>
         </el-form-item>
-        <el-dialog title="选择置业顾问" :visible.sync="dialogTableVisible">
-      <el-table :data="gridData">
-        <el-table-column property="date" label="姓名"></el-table-column>
-        <el-table-column property="name" label="电话"></el-table-column>
-        <el-table-column property="name" label="部门"></el-table-column>
-        <el-table-column property="name" label="岗位"></el-table-column>
+    <el-dialog title="选择置业顾问" :visible.sync="dialogTableVisible">
+      <el-table :data="consultantList">
+        <el-table-column property="name" label="姓名"></el-table-column>
+        <el-table-column property="phone" label="电话"></el-table-column>
+        <el-table-column property="department" label="部门"></el-table-column>
+        <el-table-column property="post" label="岗位"></el-table-column>
         <el-table-column fixed="right" label="操作">
           <template slot-scope="scope">
             <el-button type="text" @click="handleDel(scope.row)" size="small">选择</el-button>
           </template>
         </el-table-column>
       </el-table>
+          <el-pagination
+                  @size-change="dialogHandleSizeChange"
+                  @current-change="dialogHandleCurrentChange"
+                  :current-page.sync="dialogForm.pageNumber"
+                  :page-size="dialogForm.pageSize"
+                  layout="total, prev, pager, next"
+                  :total="dialogTotal">
+          </el-pagination>
     </el-dialog>
       </el-form>
     </div>
       upFileUrl: apis.file.upload.url,
       detail: {
         customerId: '',
+        consultantName: '',
         name: undefined,
         company: undefined,
         department: undefined,
         buildings: [],
         realtyConsultant: ''
       },
+      dialogForm: {
+        pageNumber: 1,
+        pageSize: 100
+      },
+      dialogTotal: 0,
+      consultantList: [],
       imageUrl: '',
       dialogVisible: false,
       dialogImageUrl: "",
   },
   created() {
     this.init();
+    this.getConsultantsList()
   },
   computed: {
     ...mapBuildingState({
             type: "success",
             message: "选择成功!"
           });
-          this.consultant = row.name
+          this.detail.realtyConsultant = row.personId
+          this.detail.consultantName = row.name
           this.dialogTableVisible = false;
         })
         .catch(() => {
 
     hideLoadding() {
       if (this.loading) this.loading.close();
+    },
+    getConsultantsList() {
+      this.$store.dispatch('persons/getConsultants', this.dialogForm).then((res) => {
+        this.consultantList = res.records
+        this.dialogForm.pageNumber = res.current
+        this.dialogForm.pageSize = res.size
+        this.dialogTotal = res.total
+      }).catch(()=> {
+        console.log('persons/getConsultants err')
+      })
+    },
+    dialogHandleSizeChange(value) {
+      this.dialogForm.pageSize = value
+      this.getConsultantsList()
+    },
+    dialogHandleCurrentChange(value) {
+      this.dialogForm.pageNumber = 1
+      this.dialogForm.pageSize = value
+      this.getConsultantsList()
     }
   },
-  mounted() {
-
-  }
 };
 </script>
 

src/views/customer/recommendCustomer.vue

         <template slot-scope="scope">
           <router-link :to="{ name:'editRecommend', query: { id: scope.row.customerId } }">编辑</router-link>
           &nbsp;
-          <router-link :to="{ name: 'editRecommend', query: { id: scope.row.personId } }">调整归属</router-link>
+          <a href="javascript: void(0);" @click="showDialogConsultants(scope.row)">调整归属</a>
           &nbsp;
           <router-link :to="{ name:'editRecommend', query: { id: scope.row.customerId } }">积分记录</router-link>
           &nbsp;
-          <router-link :to="{ name:'editRecommend', query: { id: scope.row.customerId } }">推荐客户</router-link>
+          <a href="javascript: void(0);" @click="showRecommendCustomerList(scope.row)">推荐客户</a>
           &nbsp;
           <router-link :to="{ name:'editRecommend', query: { id: scope.row.customerId } }">查看详情</router-link>
         </template>
       @current-change="getList"
     >
     </el-pagination>
+
+
+    <el-dialog title="选择置业顾问" :visible.sync="dialogTableVisible">
+      <el-table :data="consultantList">
+        <el-table-column property="name" label="姓名"></el-table-column>
+        <el-table-column property="phone" label="电话"></el-table-column>
+        <el-table-column property="department" label="部门"></el-table-column>
+        <el-table-column property="post" label="岗位"></el-table-column>
+        <el-table-column fixed="right" label="操作">
+          <template slot-scope="scope">
+<!--            <el-button type="text" @click="handleDel(scope.row)" size="small">选择</el-button>-->
+            <el-radio v-model="dialogConsultantForm.realtyConsultant" :label="scope.row.personId"></el-radio>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+              @size-change="dialogHandleSizeChange"
+              @current-change="dialogHandleCurrentChange"
+              :current-page.sync="dialogForm.pageNumber"
+              :page-size="dialogForm.pageSize"
+              layout="total, prev, pager, next"
+              :total="dialogTotal">
+      </el-pagination>
+      <el-button type="primary" @click="handleDel" size="small">确定</el-button>
+    </el-dialog>
+
+
+    <el-dialog title="推荐客户" :visible.sync="dialogRecommendedTableVisible">
+      <el-table :data="recommendedConsultantList">
+        <el-table-column property="name" label="姓名"></el-table-column>
+        <el-table-column property="phone" label="电话"></el-table-column>
+        <el-table-column property="sex" label="性别">
+          <template slot-scope="scope"> {{ scope.row.sex === 1 ? '男' : '女' }}</template>
+        </el-table-column>
+        <el-table-column property="intention" label="意向项目"></el-table-column>
+        <el-table-column property="post" label="推荐时间"></el-table-column>
+        <el-table-column fixed="right" label="状态">
+          <template slot-scope="scope">
+            {{ scope.row.status == 1 ? '报备': scope.row.status == 2 ? '到访' : scope.row.status == 3 ? '认购' : scope.row.status == 4 ? '签约' : '无效' }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+              @size-change="recommendedDialogHandleSizeChange"
+              @current-change="recommendedDialogHandleCurrentChange"
+              :current-page.sync="recommendedDialogConsultantForm.pageNumber"
+              :page-size="recommendedDialogConsultantForm.pageSize"
+              layout="total, prev, pager, next"
+              :total="recommendedDialogTotal">
+      </el-pagination>
+    </el-dialog>
   </div>
 </template>
 <script>
           name: "签约",
           value: 4
         }
-      ]
+      ],
+      dialogTableVisible: false, //选择置业顾问弹框
+      consultantList: [],
+      dialogForm: {
+        pageNumber: 1,
+        pageSize: 10
+      },
+      dialogTotal: 0,
+      dialogConsultantForm: {
+        customerId: '', // 客户Id
+        realtyConsultant: '' // 置业顾问
+      },
+      // 推荐客户
+      dialogRecommendedTableVisible: false,
+      recommendedConsultantList: [],
+      recommendedDialogTotal: 0,
+      recommendedDialogConsultantForm: {
+        customerId: '', // 客户Id
+        pageNumber: 1,
+        pageSize: 10
+      },
     };
   },
   computed: {
     search() {
       this.currentPage = 1;
       this.getList();
-    }
+    },
+    handleDel() {
+      this.dialogSubmitForm(this.dialogConsultantForm.customerId, this.dialogConsultantForm.realtyConsultant)
+      this.dialogTableVisible = false
+    },
+    dialogHandleSizeChange(value) {
+      this.dialogForm.pageSize = value
+      this.getConsultantsList()
+    },
+    dialogHandleCurrentChange(value) {
+      this.dialogForm.pageNumber = 1
+      this.dialogForm.pageSize = value
+      this.getConsultantsList()
+    },
+    getConsultantsList() {
+      this.$store.dispatch('persons/getConsultants', this.dialogForm).then((res) => {
+        this.consultantList = res.records
+        this.dialogForm.pageNumber = res.current
+        this.dialogForm.pageSize = res.size
+        this.dialogTotal = res.total
+      }).catch(()=> {
+        console.log('persons/getConsultants err')
+      })
+    },
+    dialogSubmitForm(customerId, realtyConsultant) {
+      console.log('提交', this.dialogConsultantForm)
+      this.$store.dispatch('customer/getRecommendCustomersUpdate',{customerId:  customerId, realtyConsultant:  realtyConsultant})
+              .then(res => {
+                if (res.personId) {
+                  this.detail = res;
+                }
+
+                this.$notify.info("保存成功");
+              })
+              .catch(err => {
+                this.$notify.error(err.message);
+              });
+    },
+    showDialogConsultants(row) {
+      this.dialogTableVisible = true
+      this.dialogConsultantForm.customerId = row.customerId
+      this.dialogConsultantForm.realtyConsultant = row.realtyConsultant
+      this.getConsultantsList()
+    },
+    getRecommendCustomerList() {
+      this.$store.dispatch('customer/recommendCustomerList', this.recommendedDialogConsultantForm).then((res) => {
+        this.recommendedConsultantList = res.records
+        this.recommendedDialogConsultantForm.pageNumber = res.current
+        this.recommendedDialogConsultantForm.pageSize = res.size
+        this.recommendedDialogTotal = res.total
+      }).catch(()=> {
+        console.log('persons/getConsultants err')
+      })
+    },
+    showRecommendCustomerList(row) {
+      this.dialogRecommendedTableVisible = true
+      this.recommendedDialogConsultantForm.customerId = row.customerId
+      this.getRecommendCustomerList()
+    },
+    recommendedDialogHandleSizeChange(value) {
+      this.recommendedDialogConsultantForm.pageSize = value
+      this.getRecommendCustomerList()
+    },
+    recommendedDialogHandleCurrentChange(value) {
+      this.recommendedDialogConsultantForm.pageNumber = 1
+      this.recommendedDialogConsultantForm.pageSize = value
+      this.getConsultantsList()
+    },
   }
 };
 </script>