From ab0f34c0ee1d0703126252a867c2363ab584f739 Mon Sep 17 00:00:00 2001
From: zhengzhou <zhengzhou@hotmail.com>
Date: Sun, 25 Apr 2021 18:35:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=AE=A2=E6=88=B7=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=92=8C=E6=9C=8D=E5=8A=A1=E5=95=86=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E7=9A=84=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage_system/customer/index.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/views/manage_system/customer/index.vue b/src/views/manage_system/customer/index.vue
index a3928a1f..b10d2c81 100644
--- a/src/views/manage_system/customer/index.vue
+++ b/src/views/manage_system/customer/index.vue
@@ -10,8 +10,16 @@
   <div class="customer-view">
     <div class="customer-view-header">
       <div>
-        <span class="header-title header-title-active">客户列表</span>
-        <span class="header-title">服务商列表</span>
+        <span
+          class="header-title"
+          :class="{ 'header-title-active': listViewType === 'all' }"
+          @click.stop="listViewType = 'all'"
+        >客户列表</span>
+        <span
+          class="header-title"
+          :class="{ 'header-title-active': listViewType === 'serviceProvider' }"
+          @click.stop="listViewType = 'serviceProvider'"
+        >服务商列表</span>
       </div>
       <div class="header-extra">
         <el-button type="plain" size="small" @click.stop="selectedNode = { nodeType: 'company', label: '新增企业' }">新增企业</el-button>
@@ -22,6 +30,7 @@
         <side-tree
           :nodeList="treeNodeList"
           @node-click="treeNodeClick"
+          :showServiceProviderOnly="listViewType==='serviceProvider'"
         />
       </div>
       <div class="customer-view-main">
@@ -60,6 +69,7 @@ export default {
   components: { SideTree, CardHeader, CompanyDetail },
   data() {
     return {
+      listViewType: 'all', // 'all' || 'serviceProvider'
       treeNodeList: [],
       selectedNode: null,
       overallsituation: {}, //总体概况