个人工作台修改

src/views/workbench/person/index.vue

@@ -31,7 +31,7 @@
           </div>
           <div v-if="teamInfo" class="detail-info">
             <div v-for="(item,index) in teamInfo" :key="'teamInfo'+index">
-              <div class="team-contain">
+              <div v-show="index < 2 || (index >= 2 && teamInfoDialogVisible)" class="team-contain">
                 <div class="inline" @mouseover="chirdrenClass = index" @mouseout="chirdrenClass = -1">
                   {{ item.teamName + '的' + getUserRoleInTeam(username,item) }}
                 </div>
@@ -47,7 +47,8 @@
                 </div>
               </div>
             </div>
-            <div class="more" @click="teamInfoDialogVisible = true">更多</div>
+            <div v-show="!teamInfoDialogVisible" class="more" @click="teamInfoDialogVisible = true">更多</div>
+            <div v-show="teamInfoDialogVisible" class="more" @click="teamInfoDialogVisible = false">收起</div>
           </div>
         </section>
       </el-container>
@@ -123,53 +124,6 @@
         </section>
       </el-container>
       <!-- 工作台简介 -->
-      <!-- 工作台简介展开弹框 -->
-      <el-dialog
-        class="workbench_fullscreen_dialog"
-        :visible.sync="teamInfoDialogVisible"
-        :fullscreen="true"
-        style="margin-top: 55px;"
-        :modal="false"
-      >
-        <template v-slot:title>
-          <div style="font-weight: 500;font-size: 20px;margin: 20px 0 0 20px">
-            我的团队
-          </div>
-        </template>
-        <div style="padding: 50px 100px">
-          <el-table
-            border
-            :data="teamInfo"
-            style="width: 100%;font-size: 14px; color:#333B4A;margin-top: 20px"
-            :header-cell-style="{color:'#333B4A',fontSize: '16px',fontWeight:500,background:'rgba(240,242,244,1)'}"
-          >
-            <el-table-column prop="teamName" label="团队名称" align="center" min-width="100" />
-            <el-table-column prop="teamId" label="我的角色" align="center" min-width="100">
-              <template v-slot="scope">
-                <div>{{ getUserRoleInTeam(username,scope.row) }}</div>
-              </template>
-            </el-table-column>
-            <el-table-column prop="teamMemberRelateInfoResponseList" label="成员名单" align="center" min-width="100">
-              <template v-slot="scope">
-                <div v-for="(item,index) in scope.row.teamLeaderRelateInfoResponseList" :key="index+100" style="display: inline-block">
-                  <span>{{ item.memberName }}</span>
-                  <span style="color: red"> Leader</span>
-                  <span>、</span>
-                </div>
-                <div v-for="(item,index) in scope.row.teamMemberRelateInfoResponseList" :key="index" style="display: inline-block">
-                  {{ item.memberName }} {{ (index+1) !== scope.row.teamMemberRelateInfoResponseList.length?'、':'' }}
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column prop="teamName" label="操作" align="center" min-width="60">
-              <template v-slot="scope">
-                <el-button size="small" @click="openUpdateTeamInfoDialog(scope.row)">编辑</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </el-dialog>
-      <!-- 工作台简介展开弹框 -->
       <!-- 日程 -->
       <el-container v-show="activeName === '1'">
         <section class="main-section">