1.新增个人客户管理页面

2.企业客户管理页面调整

src/api/modules/customerLinkman.js

@@ -4,13 +4,13 @@ import request from '@/utils/request'
 */
 export default {
   list(params) {
-    return request.get(`customerLinkman`,{ params: params })
+    return request.get(`customerLinkman`, { params: params })
   },
   detail(params) {
     return request.get(`customerLinkman/${params}`)
   },
   simpleAll(params) {
-    return request.post(`customerLinkman/simpleAll`,params)
+    return request.post(`customerLinkman/simpleAll`, params)
   },
   add(params) {
     return request.post(`customerLinkman`, params)
@@ -18,7 +18,11 @@ export default {
   edit(params) {
     return request.put(`customerLinkman`, params)
   },
-   delete(params) {
-     return request.delete(`customerLinkman/${params}`)
-   },
+  delete(params) {
+    return request.delete(`customerLinkman/${params}`)
+  },
+  // 分页查询个人客户列表
+  getCustomerPersonalPage(params) {
+    return request.get(`customerLinkman/getCustomerPersonalPage`, { params: params })
+  },
 }

src/router/urlMap.js

@@ -163,6 +163,7 @@ import _views_statistical_major_scene_images from '@/views/statistical/major/sce
 import _views_administration_assets_complaint_check_list from '@/views/administration/assets/complainantCheckList'
 import _views_hr_payslip_email_list from '@/views/hr/payslipEmail'
 import _views_customer_company_list from '@/views/customer/customerCompany'
+import _views_customer_personal_list from '@/views/customer/customerPersonal'
 
 export default {
   _views_set_menu,
@@ -314,6 +315,7 @@ export default {
   _views_statistical_major_scene_images,
   _views_administration_assets_complaint_check_list,
   _views_hr_payslip_email_list,
-  _views_customer_company_list
+  _views_customer_company_list,
+  _views_customer_personal_list
 
 }

src/views/customer/customerCompany.vue

@@ -62,7 +62,7 @@
         </el-table-column>
         <el-table-column label="来单量" align="center" prop="orderVolume">
           <template slot-scope="{row}">
-            <el-link v-if="row.orderVolume > 0" @click="openOrderDialog(row.companyId)">{{ row.orderVolume }}</el-link>
+            <el-link v-if="row.orderVolume > 0" @click="openOrderDialog(row.id)">{{ row.orderVolume }}</el-link>
             <span v-else>{{ row.orderVolume }}</span>
           </template>
         </el-table-column>
@@ -78,7 +78,7 @@
         </el-table-column>
         <el-table-column label="操作" align="center" width="100" fixed="right">
           <template slot-scope="{row}">
-            <el-button type="text" @click="getDetail(row.companyId)">修改</el-button>
+            <el-button type="text" @click="getDetail(row.id)">修改</el-button>
           </template>
         </el-table-column>
       </parentTable>

src/views/customer/customerPersonal.vue

@@ -0,0 +1,179 @@
+<template>
+  <div class="app-container">
+    <div class="title-container">
+      <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
+    </div>
+    <y-page-list-layout :page-list="pageData" :page-para="listQuery" :get-page-list="selectPage">
+      <template slot="left">
+        <el-input style="width: 200px;float: left;" class="filter-item" v-model="listQuery.keyword" placeholder="关键字（姓名、手机号、座机号、微信号、QQ号）" clearable></el-input>
+        <el-select v-model="listQuery.clientManagerId" filterable placeholder="客户经理（可搜索）" style=" width: 180px;margin-left: 10px;float: left;">
+          <el-option v-for="(u, id) in allUsers" :label="u.name" :value="u.id"></el-option>
+        </el-select>
+        <el-select v-model="listQuery.terminal" placeholder="终端客户" style=" width: 180px;margin-left: 10px;float: left;">
+          <el-option label="是" value="true"></el-option>
+          <el-option label="否" value="false"></el-option>
+        </el-select>
+        <el-button class="filter-item" style="margin-left: 10px;float: left;" type="primary" @click="searchList" round>搜索</el-button>
+        <el-button class="filter-item" style="float: left;" round type="success" @click="resetParams()">重置</el-button>
+        <el-button class="filter-item" style="float: left;" round type="warning" @click="exportPage()">导出</el-button>
+        <PermissionButton menu-code="_views_customer_company_add" class-name="filter-item" name round type="danger" @click="openCompanyFormDialog()" />
+      </template>
+      <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
+        <el-table-column label="姓名" align="center" prop="name">
+          <template slot-scope="{row}">
+            <span>{{ row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="手机号" align="center" prop="mobile">
+          <template slot-scope="{row}">
+            <span>{{ row.mobile }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="座机号" align="center" prop="phone">
+          <template slot-scope="{row}">
+            <span>{{ row.phone }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="性别" align="center" prop="sex">
+          <template slot-scope="{row}">
+            <span>{{ row.sex }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="身份证号" align="center" prop="idNo">
+          <template slot-scope="{row}">
+            <span>{{ row.idNo }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="微信号" align="center" prop="wechatNo">
+          <template slot-scope="{row}">
+            <span>{{ row.wechatNo }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="QQ号" align="center" prop="qqNo">
+          <template slot-scope="{row}">
+            <span>{{ row.qqNo}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="部门" align="center" prop="department">
+          <template slot-scope="{row}">
+            <span>{{ row.department}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="职位" align="center" prop="duty">
+          <template slot-scope="{row}">
+            <span>{{ row.duty}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="维护人" align="center" prop="clientManager">
+          <template slot-scope="{row}">
+            <span>{{ row.clientManager}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="终端客户" align="center" prop="terminal">
+          <template slot-scope="{row}">
+            <span>{{ row.terminal ? '终端客户' : '非终端客户' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="来单量" align="center" prop="orderVolume">
+          <template slot-scope="{row}">
+            <el-link v-if="row.orderVolume > 0">{{ row.orderVolume }}</el-link>
+            <span v-else>{{ row.orderVolume }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="评估收入" align="center" prop="estimatedRevenue">
+          <template slot-scope="{row}">
+            <span>{{ row.estimatedRevenue }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="创建时间" align="center" prop="created">
+          <template slot-scope="{row}">
+            <span>{{ row.created }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="100" fixed="right">
+          <template slot-scope="{row}">
+            <el-button type="text" @click="getDetail(row.id)">修改</el-button>
+          </template>
+        </el-table-column>
+      </parentTable>
+    </y-page-list-layout>
+  </div>
+</template>
+
+<script>
+import YPageListLayout from '@/components/YPageListLayout';
+import Breadcrumb from '@/components/Breadcrumb';
+import PermissionButton from '@/components/PermissionButton/PermissionButton';
+import { getCookie, setCookie, removeCookie } from '@/utils/auth';
+
+export default {
+  name: 'CustomerPersonalList',
+  components: {
+    Breadcrumb,
+    YPageListLayout,
+    PermissionButton,
+  },
+  data() {
+    return {
+      pageData: { records: [] },
+      listLoading: false,
+      listQuery: {
+        page: 1,
+        size: 20,
+        current: 1,
+      },
+      // 用户下拉列表
+      allUsers: [],
+    };
+  },
+  created() {
+    // 获取用户下拉列表
+    this.getAllUser();
+    this.selectPage();
+  },
+  methods: {
+    // 获取所有用户下拉列表
+    getAllUser() {
+      this.$api.user.simpleAll().then((res) => {
+        if (res.code === 200) {
+          this.allUsers = res.data;
+        }
+      });
+    },
+    // 条件查询
+    searchList() {
+      // 重置分页
+      this.listQuery.page = 1;
+      this.listQuery.size = 20;
+      this.listQuery.current = 1;
+      this.selectPage();
+    },
+    // 重置搜索条件
+    resetParams() {
+      this.$router.push({ query: {} });
+      this.listQuery = {
+        page: 1,
+        size: 20,
+        current: 1,
+      };
+      this.selectPage();
+    },
+    // 分页查询
+    selectPage() {
+      this.listLoading = true;
+      this.$api.customerLinkman.getCustomerPersonalPage(this.listQuery).then((res) => {
+        if (res.code === 200) {
+          this.pageData = res.data;
+        }
+        this.listLoading = false;
+      });
+    },
+    // 客户列表导出
+    exportPage() {
+      this.$utils.exportUtil('/customerLinkman/getCustomerPersonalPage/export', this.listQuery, '导出');
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>