客户列表编辑 ，列表

src/config/api.js

@@ -127,6 +127,20 @@ const apis = {
       url: `${commPrefix}/customer/add`
     }
   },
+  recommendCustomer:{
+    list:{
+      method:'get',
+      url: `${commPrefix}/customer/recommend`
+    },
+    getById: {
+      method:'get',
+      url: `${commPrefix}/customer/recommend/getById/:id`
+    },
+    update: {
+      method:'put',
+      url: `${commPrefix}/customer/recommend/edit/:id`
+    }
+  },
   goods:{
     list:{
       method:'get',

src/store/modules/customer.js

@@ -32,7 +32,44 @@ export default {
           }
         })
       })
-    }
+    },
+    getRecommendCustomers ({ commit }, payload) { // 查询推荐客户列表
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.recommendCustomer.list,
+          params: payload,
+        }).then((data) => {
+          resolve(data)
+        }).catch(({ message }) => {
+            reject(message)
+        })
+      })
+    },
+    getRecommendCustomersGetById ({ commit }, payload) { // 根据Id查询列表
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.recommendCustomer.getById,
+          urlData: { id: payload.customerId},
+        }).then((data) => {
+          resolve(data)
+        }).catch(({ message }) => {
+          reject(message)
+        })
+      })
+    },
+    getRecommendCustomersUpdate ({ commit }, payload) { // 根据Id查询列表
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.recommendCustomer.update,
+          urlData: { id: payload.customerId},
+          data: payload
+        }).then((data) => {
+          resolve(data)
+        }).catch(({ message }) => {
+          reject(message)
+        })
+      })
+    },
     
   }
 }

src/views/customer/editRecommend.vue

@@ -3,65 +3,66 @@
     <div class="form-wrapper">
       <el-form label-width="200px" :model="detail">
         <el-form-item label="意向项目：">
-          <el-input v-model="detail.name"></el-input>
+          <el-input v-model="detail.intention"></el-input>
         </el-form-item>
         <el-form-item label="客户照片：">
-        <el-upload
-            :action="upFileUrl"
-            name='file'
-            list-type="picture-card"
-            :headers="uploadHeaders"
-            :file-list="imgList"
-            :show-file-list="true"
-            :before-upload="beforeImgUpload"
-            :on-success="handleAvatarSuccess"
-            :on-remove="handleRemove">
-            <i class="el-icon-plus"></i>
+          <el-upload
+                  :headers="uploadHeaders"
+                  :action="upFileUrl"
+                  :show-file-list="false"
+                  :on-success="handleAvatarSuccess">
+            <img v-if="imageUrl" :src="imageUrl" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
-          <el-dialog :visible.sync="dialogVisible">
-            <img width="100%" :src="dialogImageUrl" alt="">
-          </el-dialog>
       </el-form-item>
         <el-form-item label="客户姓名：">
-          <el-input v-model="detail.company"></el-input>
+          <el-input v-model="detail.name"></el-input>
         </el-form-item>
         <el-form-item label="客户电话：">
-          <el-input v-model="detail.department"></el-input>
+          <el-input v-model="detail.phone"></el-input>
         </el-form-item>
         <el-form-item label="客户性别：">
-          <el-radio-group v-model="detail.isMain">
+          <el-radio-group v-model="detail.sex">
             <el-radio :label="1">男</el-radio>
             <el-radio :label="0">女</el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label="预约到访时间：">
-          <el-input v-model="detail.department"></el-input>
+          <el-date-picker
+                  v-model="detail.appointmentTime"
+                  type="datetime"
+                  placeholder="选择日期时间">
+          </el-date-picker>
         </el-form-item>
         <el-form-item label="到访人数：">
-          <el-input v-model="detail.department"></el-input>
+          <el-input v-model="detail.visiteNum"></el-input>
         </el-form-item>
         <el-form-item label="客户描述：">
-            <el-input type="textarea" :rows="5"  v-model="detail.introduction"></el-input>
+            <el-input type="textarea" :rows="5"  v-model="detail.describe"></el-input>
         </el-form-item>
         <el-form-item label="物业类型：">
-          <el-input v-model="detail.department"></el-input>
+          <el-input v-model="detail.realtyManageType"></el-input>
         </el-form-item>
         <el-form-item label="需求类型：">
-          <el-input v-model="detail.department"></el-input>
+          <el-input v-model="detail.demandType"></el-input>
         </el-form-item>
         <el-form-item label="价格区间：">
-          <el-input v-model="detail.department"></el-input>
+          <el-input v-model="detail.priceRange"></el-input>
         </el-form-item>
         <el-form-item label="报备日期：">
-          <el-input v-model="detail.department"></el-input>
+          <el-date-picker
+                  v-model="detail.reportDate"
+                  type="datetime"
+                  placeholder="选择日期时间">
+          </el-date-picker>
         </el-form-item>
         <el-form-item label="状态：">
-          <el-select v-model="detail.buildings" placeholder="请选择">
-            <el-option v-for="(build,i) in buildings.list || []" :key="i" :label="build.buildingName" :value="build.buildingId"></el-option>
+          <el-select v-model="detail.status" placeholder="请选择">
+            <el-option v-for="(item,i) in gridData || []" :key="i" :label="item.name" :value="item.value"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="归属置业顾问：">
-          <p style="margin:0">{{consultant}}<span @click="dialogTableVisible=true" class="choose">请选择</span></p>
+          <p style="margin:0">{{detail.realtyConsultant}}<span @click="dialogTableVisible=true" class="choose">请选择</span></p>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="submitForm">修改并审核通过</el-button>
@@ -101,36 +102,38 @@ export default {
     return {
       upFileUrl: apis.file.upload.url,
       detail: {
+        customerId: '',
         name: undefined,
         company: undefined,
         department: undefined,
         post: undefined,
         tel: undefined,
         photo: undefined,
-        status: 1,
-        buildings: []
+        status: '1',
+        buildings: [],
+        realtyConsultant: ''
       },
-      imgList: [],
+      imageUrl: '',
       dialogVisible: false,
       dialogImageUrl: "",
       dialogTableVisible: false, //选择置业顾问弹框
       consultant:"",
       gridData: [
         {
-          date: "2016-05-02",
-          name: "王小虎"
+          name: "报备",
+          value: '1'
         },
         {
-          date: "2016-05-04",
-          name: "王小虎"
+          name: "到访",
+          value: '2'
         },
         {
-          date: "2016-05-01",
-          name: "王小虎"
+          name: "认购",
+          value: '3'
         },
         {
-          date: "2016-05-03",
-          name: "王小虎"
+          name: "签约",
+          value: '4'
         }
       ]
     };
@@ -154,9 +157,12 @@ export default {
     ...mapPersonActions(["getConsultant", "editConsultant"]),
 
     init() {
-      if (this.$route.params.id) {
-        this.getConsultant({ id: this.$route.params.id }).then(data => {
+      this.detail.customerId = this.$route.query.id
+      if (this.detail.customerId !== undefined) {
+        this.$store.dispatch('customer/getRecommendCustomersGetById',this.detail).then(data => {
           this.detail = data;
+          this.dialogImageUrl = data.picture
+          this.imageUrl = data.picture
         });
       }
     },
@@ -200,12 +206,8 @@ export default {
       return true;
     },
     handleAvatarSuccess(res) {
-      this.imgList = [
-        ...this.imgList,
-        {
-          url: res.data
-        }
-      ];
+      this.imageUrl = res.data
+      this.detail.picture = res.data
       this.hideLoadding();
     },
     handleRemove(file, fileList) {
@@ -213,7 +215,7 @@ export default {
     },
     submitForm() {
       this.showLoadding("保存中...");
-      this.editConsultant(this.detail)
+      this.$store.dispatch('customer/getRecommendCustomersUpdate',this.detail)
         .then(res => {
           if (res.personId) {
             this.detail = res;
@@ -221,6 +223,7 @@ export default {
 
           this.hideLoadding();
           this.$notify.info("保存成功");
+          this.$router.go(-1)
         })
         .catch(err => {
           this.hideLoadding();
@@ -242,16 +245,7 @@ export default {
     }
   },
   mounted() {
-    const _that = this;
 
-    this.getBuildings({
-      pageNum: 1,
-      pageSize: 100
-    }).then(() => {
-      if ((this.$route.query.id || "") !== "") {
-        this.getDetail({ id: this.$route.query.id }).then(data => {});
-      }
-    });
   }
 };
 </script>

src/views/customer/recommendCustomer.vue

@@ -5,50 +5,49 @@
         <ul>
           <li>
             <span>姓名</span>
-            <el-input v-model="name" ></el-input>
+            <el-input v-model="form.name" ></el-input>
           </li>
           <li>
             <span>电话</span>
-            <el-input v-model="name" ></el-input>
+            <el-input v-model="form.tel" ></el-input>
           </li>
           <li>
             <span>推荐人</span>
-            <el-input v-model="name" ></el-input>
+            <el-input v-model="form.consultName" ></el-input>
           </li>
           <li>
             <span>推荐人电话</span>
-            <el-input v-model="name" ></el-input>
-          </li>
-          <li>
-            <span>状态</span>
-            <el-select v-model="name" placeholder="请选择">
-              <el-option v-for="(item,i) in gridData || []" :key="i" :label="item.name" :value="item.id"></el-option>
-            </el-select>
+            <el-input v-model="form.consultTel" ></el-input>
           </li>
+<!--          <li>-->
+<!--            <span>状态</span>-->
+<!--            <el-select v-model="form.status" placeholder="请选择">-->
+<!--              <el-option v-for="(item,i) in gridData || []" :key="i" :label="item.name" :value="item.value"></el-option>-->
+<!--            </el-select>-->
+<!--          </li>-->
         </ul>
         <el-button
           size="mini"
           type="primary" @click="search">查询</el-button>
       </div>
     </div>
-    <el-table :data="dynamics.list || []" style="width: 100%">
+    <el-table :data="list || []"
+              border
+              style="width: 100%">
       <el-table-column
         type="index"
         width="50">
-        <template slot-scope="scope">
-          <span>{{ GetIndex(scope.$index) }}</span>
-        </template>
       </el-table-column>
       <el-table-column
         label="头像">
         <template slot-scope="scope">
           <div class="header">
-            <img :src="scope.row.imgUrl" alt="" />
+            <img :src="scope.row.picture" alt="" />
           </div>
         </template>
       </el-table-column>
       <el-table-column
-        prop="title"
+        prop="name"
         label="姓名">
       </el-table-column>
       <el-table-column
@@ -59,29 +58,38 @@
         prop="sex"
         width="100"
         label="性别">
+        <template slot-scope="scope">{{ scope.row.sex === 1 ? '男' : '女' }}</template>
       </el-table-column>
       <el-table-column
-        prop="sex"
+        prop="intention"
         label="意向项目">
       </el-table-column>
       <el-table-column  label="推荐人">
         <template slot-scope="scope">
           <span>{{scope.row.name}}</span>
-          <p>{{scope.row.tel}}</p>
+          <p>{{scope.row.phone}}</p>
         </template>
       </el-table-column>
       <el-table-column
-        prop="createDate"
+        prop="reportDate"
         label="推荐时间">
       </el-table-column>
       <el-table-column  label="状态">
         <template slot-scope="scope">
-          <span>{{scope.row.status==1?'已通过':scope.row.status==0?'已驳回':'未审核'}}</span>
+          <span>{{scope.row.status == 1 ? '报备': scope.row.status == 2 ? '到访' : scope.row.status == 3 ? '认购' : '签约' }}</span>
         </template>
       </el-table-column>
-      <el-table-column fixed="right" width="100" label="操作">
+      <el-table-column fixed="right" width="200" label="操作">
         <template slot-scope="scope">
-          <el-button type="text" @click="toEditRecommend(scope.row)" size="small">{{scope.row.status==1?'查看详情':'审核'}}</el-button>
+          <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>
+          &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>
+          &nbsp;
+          <router-link :to="{ name:'editRecommend', query: { id: scope.row.customerId } }">查看详情</router-link>
         </template>
       </el-table-column>
     </el-table>
@@ -89,8 +97,8 @@
       small
       style="margin-top:10px;"
       layout="prev, pager, next"
-      :current-page.sync="currentPage"
-      :pageSize="pageSize"
+      :current-page.sync="form.pageNumber"
+      :pageSize="form.pageSize"
       @current-change="getList"
     >
     </el-pagination>
@@ -109,9 +117,16 @@ const {
 export default {
   data() {
     return {
-      pageSize: 20,
-      currentPage: 1,
-      name: "",
+      form: {
+        pageSize: 10,
+        pageNumber: 1,
+        name: "",
+        consultName: '',
+        consultTel: '',
+        status: ''
+      },
+      list: [],
+      total: 0,
       sex: "",
       phone: "",
       picture: "",
@@ -128,24 +143,20 @@ export default {
       personId: "",
       gridData: [
         {
-          date: "2016-05-02",
-          name: "王小虎",
-          id: "1"
+          name: "报备",
+          value: 1
         },
         {
-          date: "2016-05-04",
-          name: "王小虎",
-          id: "2"
+          name: "到访",
+          value: 2
         },
         {
-          date: "2016-05-01",
-          name: "王小虎",
-          id: "3"
+          name: "认购",
+          value: 3
         },
         {
-          date: "2016-05-03",
-          name: "王小虎",
-          id: "4"
+          name: "签约",
+          value: 4
         }
       ]
     };
@@ -162,7 +173,7 @@ export default {
     this.getList();
   },
   methods: {
-    ...mapCustomerActions(["getCustomers", "getDetail"]),
+    ...mapCustomerActions(["getCustomers", "getDetail", "getRecommendCustomers"]),
     ...mapDynamicActions([
       "getDynamics",
       "setDetailNull",
@@ -174,11 +185,13 @@ export default {
       return (this.currentPage - 1) * this.pageSize + inx + 1;
     },
     getList() {
-      this.getDynamics({
-        pageNum: this.currentPage,
-        pageSize: this.pageSize,
-        name: this.name,
-        buildingId: this.buildingId
+      this.getRecommendCustomers(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')
       });
     },
 

src/views/index.js

@@ -126,7 +126,7 @@ const pages = [
       {
         path: 'customerlist',
         name: 'customerlist',
-        component: () => import('./customer/list.vue'),
+        component: () => import('./customer/recommendCustomer.vue'),
         meta: {
           menuShow: true,
           title: '客户列表',