fix: 添加查看经纪人tab

bs-ui/src/api/system/user.js

@@ -18,6 +18,14 @@ export function listUserAll(query) {
     params: query
   })
 }
+// 查询下级用户列表
+export function pagelistNextUser(query) {
+  return request({
+    url: '/system/user/getUsers',
+    method: 'get',
+    params: query
+  })
+}
 
 export function listUserByType(query) {
   return request({

bs-ui/src/views/broker/user/components/BrokerChange.vue

@@ -28,8 +28,7 @@
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
-    <el-table ref="table" :data="list" style="width: 100%" highlight-current-row @selection-change="handleSelectionChange"
+    <el-table ref="table" :data="list" style="width: 100%" highlight-current-row @row-click="rowClick" v-loading="loading">
-     @select="handleSelect" @select-all="handleSelectAll" @row-click="rowClick" v-loading="loading">
       <el-table-column type="" width="50" align="center">
         <template slot-scope="scope">
           <i v-if="scope.row.userId === selectionUserId" style="color: #1890ff;" class="el-icon-circle-check"></i>

bs-ui/src/views/broker/user/components/BrokerList.vue

@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <el-table 
+    v-loading="loading" :data="list" style="width: 100%">
+      <el-table-column prop="avatarLink" label="头像" width="80">
+        <template slot-scope="scope">
+          <img :src="getAvatar(scope.row)" class="avatar" style="width: 40px; height: 40px; border-radius: 50%"/>
+        </template>
+      </el-table-column>
+      <el-table-column prop="nickName" label="昵称" min-width="120">
+      </el-table-column>
+      <el-table-column prop="userName" label="用户名" min-width="120">
+      </el-table-column>
+      <el-table-column prop="phonenumber" label="电话" min-width="180"></el-table-column>
+    </el-table>
+    <pagination
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+  
+</template>
+
+<script>
+import { pagelistNextUser } from '@/api/system/user.js';
+export default {
+  name: 'BrokerList',
+  props: {
+    parentId: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      list: [],
+      total: 0,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        userId: this.parentId,
+        userType: 'jj'
+      },
+    }
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      this.loading = true;
+      pagelistNextUser(this.queryParams).then(response => {
+        this.list = response.rows || [];
+        this.total = response.total;
+        this.loading = false;
+      }).catch(e => {
+        this.loading = false;
+      });
+    },
+    getAvatar(row) {
+      if (!row.avatarLink) {
+        return require("@/assets/images/profile.jpg");
+      }
+      if (row.avatarLink.indexOf('http') === 0) {
+        return row.avatarLink;
+      }
+      return process.env.VUE_APP_BASE_API + row.avatarLink;
+    },
+  }
+}
+</script>
+
+<style>
+
+</style>

bs-ui/src/views/broker/user/components/BrokerUser.vue

@@ -95,7 +95,7 @@
       <el-table-column
         label="操作"
         align="center"
-        width="80"
+        width="100"
         class-name="small-padding fixed-width"
         fixed="right"
       >
@@ -105,7 +105,7 @@
             type="text"
             icon="el-icon-view"
             @click="handleRead(scope.row)"
-          >查看客户
+          >查看客户/经纪
           </el-button>
         </template>
       </el-table-column>

bs-ui/src/views/broker/user/components/ClientList.vue

@@ -4,26 +4,34 @@
     :close-on-press-escape="false"
     :visible.sync="dialogVisible"
     :title="title"
+    width="70%"
   >
-    <el-table 
+    <el-tabs>
-    v-loading="loading" :data="list" style="width: 100%">
+      <el-tab-pane label="客户列表">
-      <el-table-column prop="avatarLink" label="头像" width="80">
+        <el-table 
-        <template slot-scope="scope">
+          v-loading="loading" :data="list" style="width: 100%">
-          <img :src="getAvatar(scope.row)" class="avatar" style="width: 40px; height: 40px; border-radius: 50%"/>
+            <el-table-column prop="avatarLink" label="头像" width="80">
-        </template>
+              <template slot-scope="scope">
-      </el-table-column>
+                <img :src="getAvatar(scope.row)" class="avatar" style="width: 40px; height: 40px; border-radius: 50%"/>
-      <el-table-column prop="nickName" label="姓名" width="180"></el-table-column>
+              </template>
-      <el-table-column prop="phone" label="电话" min-width="180"></el-table-column>
+            </el-table-column>
-      <!-- <el-table-column prop="address" label="地址"></el-table-column> -->
+            <el-table-column prop="nickName" label="姓名" width="180"></el-table-column>
-    </el-table>
+            <el-table-column prop="phone" label="电话" min-width="180"></el-table-column>
-    <pagination
+            <!-- <el-table-column prop="address" label="地址"></el-table-column> -->
-      :total="total"
+          </el-table>
-      :page.sync="queryParams.pageNum"
+          <pagination
-      :limit.sync="queryParams.pageSize"
+            :total="total"
-      @pagination="getList"
+            :page.sync="queryParams.pageNum"
-    />
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+      </el-tab-pane>
+      <el-tab-pane label="经纪人列表" lazy>
+        <BrokerList :parentId="currentRow.userId"></BrokerList>
+      </el-tab-pane>
+    </el-tabs>
     <div slot="footer" class="dialog-footer">
-      <el-button type="primary" @click="goChangeUser" >经纪人转移</el-button>
+      <el-button type="primary" @click="goChangeUser" >经纪人(客户、经纪人、订单)数据转移</el-button>
       <el-button @click="cancel">取 消</el-button>
     </div>
     <BrokerChange ref="brokerChange" :oldBroker="queryParams.brokerId"  @changeUser="changeUser"></BrokerChange>
@@ -34,11 +42,12 @@
 <script>
 import { pageListClueVisitsNum } from "@/api/biz/clue";
 import BrokerChange from "./BrokerChange";
+import BrokerList from "./BrokerList";
 
 
 export default {
   name: 'ClientList',
-  components: { BrokerChange },
+  components: { BrokerChange, BrokerList },
   data() {
     return {
       loading: false,