优化团队设置

src/views/monthlyReport/childrenPage/setReport/components/teamSet.vue

@@ -3,7 +3,7 @@
     <el-table v-loading="tableData.length > 0 ? false : true" :data="tableData" height="calc(100vh - 188px)" style="width: 100%;" row-key="deptCode" border default-expand-all :header-cell-style="tableStyle" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
       <el-table-column label="部门名称">
         <template slot-scope="scope">
-          <span class="team-Sector" @click="getDeptMember(scope.row)">{{ scope.row.deptName }}</span>
+          <span :class="[ scope.row.deptName === deptName ? 'team-set' : 'team-Sector']" @click="getDeptMember(scope.row, 'color')">{{ scope.row.deptName }}</span>
           <el-tag v-for="(item, index) in scope.row.bizSetting" :key="index" closable type="info" size="small" style="margin-left: 10px;" @close="handleClose(scope.row, item, 'tag')">{{ item.value }}</el-tag>
         </template>
       </el-table-column>
@@ -25,7 +25,10 @@
       <div class="team-bottom">
         <span class="team-rightTitle">{{ person.deptName || '无' }}</span>
         <span>{{ '· 节点树列表' }}</span>
-        <div class="team-person">{{ treeNode || '无' }}</div>
+      </div>
+      <div class="team-member team-person" style="line-height: 33px;margin: 0;">
+        <div v-if="treeNode.length <= 0">无</div>
+        <div v-for="item in treeNode" v-else :key="item">{{ item }}</div>
       </div>
     </div>
 
@@ -58,6 +61,8 @@ export default {
       setTeamBiz: {
         stage: ''
       },
+      list: ['chjdsbvchjbdshjbchdsbchjkscbjhdsc', 'c dhjsbchjsbchjksbhjkcbjkdsbcjksdbcjk', 'cmkldsnckjdsbckjdsbcbscbdbibsciu'],
+      deptName: '',
       treeNode: '',
       memberInformation: [], // 人员信息
       bizList: [], // 业务线数据
@@ -109,7 +114,8 @@ export default {
         this.$message({ type: 'success', message: '已添加' })
       }
     },
-    async getDeptMember(row) { // 点击部门获取人员信息
+    async getDeptMember(row, color) { // 点击部门获取人员信息
+      color ? this.deptName = row.deptName : ''
       const res = await getDeptMember(row.deptCode)
       if (res.code === 200 && res.data) {
         this.person = { ...res.data, deptName: row.deptName }
@@ -154,7 +160,7 @@ export default {
     }
 
     .team-rightText {
-      width: 315px;
+      width: 350px;
       padding-left: 60px;
     }
 
@@ -172,14 +178,13 @@ export default {
     }
 
     .team-bottom {
-      // margin-bottom: 10px;
       line-height: 50px;
     }
 
     .team-member {
       color: #666666;
-      min-height: 50px;
-      max-height: calc(100vh - 580px);
+      height: calc(100vh - 444px);
+      // max-height: calc(100vh - 468px);
       overflow: auto;
       margin: 20px 0;
     }