完成 经纪人

src/config/api.js

         method: 'delete',
         url: `${commPrefix}/taGoods/delete/:id`
       },
-    }
+    },
+  },
+  agent: {
+    save: {
+      method: 'post',
+      url: `${commPrefix}/taCustomerTransfer/add`
+    },
+    update: {
+      method: 'put',
+      url: `${commPrefix}/taCustomerTransfer/update`
+    },
+    delete: {
+      method: 'delete',
+      url: `${commPrefix}/taCustomerTransfer/delete/:id`
+    },
   }
 
 }

src/store/modules/followup.js

 import lodash from 'lodash'
-import { interact } from '../../utils'
+import {interact, replaceApiParams} from '../../utils'
 import apis from '../../config/api'
 
 export default {
       interact(api, payload).then((data) => {
         commit('updateFollowup', data)
       })
+    },
+    addAgent(_, payload){ // 保存经纪人
+      const api = lodash.get(apis, 'agent.save')
+      return new Promise((resolve, reject) => {
+        interact(api, JSON.stringify(payload)).then((data) => {
+          resolve(data)
+        }).catch(() => {
+          reject()
+        })
+      })
+    },
+    updateAgent(_, payload){ // 修改经纪人
+      const api = lodash.get(apis, 'agent.update')
+      return new Promise((resolve, reject) => {
+        interact(api, JSON.stringify(payload)).then((data) => {
+          resolve(data)
+        }).catch(() => {
+          reject()
+        })
+      })
+    },
+    deleteAgent(_, payload) { // 删除经纪人
+      return new Promise((resolve, reject) => {
+        const api = replaceApiParams(lodash.get(apis, 'agent.delete'), payload)
+        interact(api).then((data) => {
+          resolve(data)
+        }).catch(() => {
+          reject()
+        })
+      })
     }
   }
 }

src/views/followup/list.vue

       <el-form-item label="客户车牌号">
         <el-input v-model="formInline.platNumber" placeholder="车牌号"></el-input>
       </el-form-item>
+      <el-form-item label="经纪人">
+        <el-select v-model="formInline.agentUserId" placeholder="请选择经纪人">
+          <el-option v-for="item in SysUserList.records" :label="item.username" :value="item.userId" :key="item.userId"/>
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="onSubmit">查询</el-button>
         <el-button type="info" @click="clear">重置</el-button>
       prop="status"
       label="状态">
     </el-table-column> -->
+      <el-table-column
+      prop="agentUserName"
+      label="经纪人"
+      >
+      </el-table-column>
     <el-table-column
       prop="createDate"
       label="创建时间">
     </el-table-column>
+    <el-table-column
+       prop="customerId"
+       label="操作">
+      <template slot-scope="scope">
+        <el-button type="text" @click="showAgent(scope.row)" size="small">调整经纪人</el-button>
+      </template>
+    </el-table-column>
     <!-- <el-table-column
       prop="consultantId"
       label="置业ID">
             layout="total, sizes, prev, pager, next, jumper"
             :total="FollowupList.total || 0">
     </el-pagination>
+
+  <!-- 经济人弹框 -->
+    <el-dialog
+            title="选择经纪人"
+            :visible.sync="agentDialogVisible"
+            width="25%"
+            :before-close="handleClose">
+
+        <el-select v-model="agent.toUserId" placeholder="请选择经纪人">
+          <el-option v-for="item in SysUserList.records" :label="item.username" :value="item.userId" :key="item.userId"/>
+        </el-select>
+      <div style="display: flex; justify-content: flex-end;">
+        <el-button @click="agentDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="agentSubmit(true)" v-if="agent.transferId === ''">确 定</el-button>
+        <el-button type="primary" @click="agentSubmit(false)" v-else>确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
 import { createNamespacedHelpers } from 'vuex'
 const {mapState: mapFollowupState, mapActions: mapFollowupActions } = createNamespacedHelpers('followup')
+const {mapState: mapUserState, mapActions: mapUserActions} = createNamespacedHelpers('sysuser')
 
 export default {
   name: 'followup-index',
         personName: '',
         phone: '',
         platNumber: '',
+        agentUserId: '',
         pageNum: 1,
         pageSize: 10
+      },
+      listQuery: {
+        name: '',
+        phone: '',
+        identity: undefined,
+      },
+      pageNavi: {
+        page: 1,
+        size: 1000,
+        total: 0,
+      },
+      agentDialogVisible: false,
+      tempToUserId: '', // 经纪人ID，零时存储
+      agent: {
+        customerId: '', // 客户ID
+        toUserId: '', // 经纪人ID
+        transferId: ''
       }
     }
   },
   computed: {
     ...mapFollowupState({
     FollowupList: x => x.followup
+    }),
+    ...mapUserState({
+      SysUserList: x => x.list
     })
   },
   created() {
     this.getPage()
+    this.getUserList()
   },
   methods: {
     ...mapFollowupActions([
-      'getFollowup'
+      'getFollowup',
+      'addAgent',
+      'updateAgent'
+    ]),
+    ...mapUserActions([
+      'getSysUserList'
     ]),
     onSubmit() {
       this.getPage()
     },
+    getUserList () {
+      this.getSysUserList({
+        pageNum: this.pageNavi.page || 1,
+        pageSize: this.pageNavi.size,
+        identity: this.listQuery.identity === '%' ? undefined : this.listQuery.identity,
+        ...this.listQuery,
+      }).then((data) => {
+        const { current: page, size, total } = data
+        this.pageNavi = { page, size, total }
+      })
+    },
     getPage() {
       this.getFollowup(this.formInline)
       // window.console.log(this.$store)
       this.formInline.platNumber = ''
       this.formInline.pageNum = 1
       this.formInline.pageSize = 10
+      this.formInline.agentUserId = ''
       this.getPage()
+    },
+    showAgent(row) {
+      this.agentDialogVisible = true
+
+      // 关联 ta_customer_transfer 主键ID
+      // 主键存在表示修改，不存在就是添加
+      this.agent.transferId = row.transferId
+      if (row.transferId === null) {
+        this.agent.transferId = ''
+      }
+
+      this.agent.toUserId = row.agentUserId
+      if (row.agentUserId === null) {
+        this.agent.toUserId = ''
+      }
+
+      this.agent.customerId = row.customerId
+    },
+    handleClose(done) { // 关闭经纪人弹框
+      done();
+    },
+    agentSubmit(obj) {
+      if (obj) {
+        this.agent.transferId = ''
+        this.addAgent(this.agent).then(() => {
+          this.getPage()
+        })
+      } else {
+        this.updateAgent(this.agent).then(() => {
+          this.getPage()
+        })
+      }
+
+      this.agentDialogVisible = false
     }
    
   }

src/views/sysuser/role/add/add.vue

   methods: {
     ...mapSysRoleActions([
         'getMenus',
-        'AddRole'
+        'addRole'
     ]),
     getCheckedNodes() {
       let idSet = new Set();
     },
     onSubmit() {
         this.getCheckedNodes()
-        this.AddRole(this.form)
+        this.addRole(this.form)
         this.$router.go(-1)
     }
   },