完成客户列表和服务商列表的切换

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: {}, //总体概况