首页员工不再渲染

src/views/qw/sop/deptSop.vue

@@ -152,48 +152,49 @@
       </el-table-column>
       <el-table-column label="成员" align="center" prop="qwUserIds" width="150">
         <template slot-scope="scope">
+          {{ scope.row.qwUserIds.split(',').length }} 人
           <!-- 点击事件绑定到整个 div -->
-          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 1">
-            <!-- 显示当前行的成员数量 -->
-            <span v-if="!expandedRows[scope.row.id]">
-            点击展开 ({{ scope.row.qwUserIds.split(',').length }} 人)
-          </span>
-            <!-- 展开时显示所有成员 -->
-            <div v-show="expandedRows[scope.row.id]">
-              <div v-if="scope.row.type==2" v-for="id in scope.row.qwUserIds.split(',')" :key="id"
-                   style="display: inline;" class="text-container">
-                <el-tag type="success" v-for="list in companyUserList" :key="list.qwUserId" style="margin: 3px;"
-                        v-if="list.id==id">
-                  {{ list.qwUserName }}
-                </el-tag>
-              </div>
-              <div v-if="scope.row.type==1" v-for="id in scope.row.qwUserIds.split(',')" :key="id"
-                   style="display: inline;" class="text-container">
-                <el-tag type="success" v-for="list in companyUserLists" :key="list.userId" style="margin: 3px;"
-                        v-if="list.userId==id">
-                  {{ list.nickName }}
-                </el-tag>
-              </div>
-            </div>
-          </div>
-          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 2">
-            <!-- 显示当前行的成员数量 -->
-            <span v-if="!expandedRows[scope.row.id]">
-              点击展开 ({{
-                (scope.row.chatId || '').toString().split(',').length
-              }} 个)
-            </span>
-            <!-- 展开时显示所有成员 -->
-            <div v-show="expandedRows[scope.row.id]">
-              <div v-for="id in (scope.row.chatId || '').split(',')" :key="id"
-                   style="display: inline;" class="text-container">
-                <el-tag type="success" v-for="list in chatList" :key="list.chatId" style="margin: 3px;"
-                        v-if="list.chatId == id">
-                  {{ list.name }}
-                </el-tag>
-              </div>
-            </div>
-          </div>
+<!--          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 1">-->
+<!--            &lt;!&ndash; 显示当前行的成员数量 &ndash;&gt;-->
+<!--            <span v-if="!expandedRows[scope.row.id]">-->
+<!--            点击展开 ({{ scope.row.qwUserIds.split(',').length }} 人)-->
+<!--          </span>-->
+<!--            &lt;!&ndash; 展开时显示所有成员 &ndash;&gt;-->
+<!--            <div v-show="expandedRows[scope.row.id]">-->
+<!--              <div v-if="scope.row.type==2" v-for="id in scope.row.qwUserIds.split(',')" :key="id"-->
+<!--                   style="display: inline;" class="text-container">-->
+<!--                <el-tag type="success" v-for="list in companyUserList" :key="list.qwUserId" style="margin: 3px;"-->
+<!--                        v-if="list.id==id">-->
+<!--                  {{ list.qwUserName }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+<!--              <div v-if="scope.row.type==1" v-for="id in scope.row.qwUserIds.split(',')" :key="id"-->
+<!--                   style="display: inline;" class="text-container">-->
+<!--                <el-tag type="success" v-for="list in companyUserLists" :key="list.userId" style="margin: 3px;"-->
+<!--                        v-if="list.userId==id">-->
+<!--                  {{ list.nickName }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 2">-->
+<!--            &lt;!&ndash; 显示当前行的成员数量 &ndash;&gt;-->
+<!--            <span v-if="!expandedRows[scope.row.id]">-->
+<!--              点击展开 ({{-->
+<!--                (scope.row.chatId || '').toString().split(',').length-->
+<!--              }} 个)-->
+<!--            </span>-->
+<!--            &lt;!&ndash; 展开时显示所有成员 &ndash;&gt;-->
+<!--            <div v-show="expandedRows[scope.row.id]">-->
+<!--              <div v-for="id in (scope.row.chatId || '').split(',')" :key="id"-->
+<!--                   style="display: inline;" class="text-container">-->
+<!--                <el-tag type="success" v-for="list in chatList" :key="list.chatId" style="margin: 3px;"-->
+<!--                        v-if="list.chatId == id">-->
+<!--                  {{ list.name }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </div>-->
         </template>
       </el-table-column>
 

src/views/qw/sop/mySop.vue

@@ -152,48 +152,49 @@
       </el-table-column>
       <el-table-column label="成员" align="center" prop="qwUserIds" width="150">
         <template slot-scope="scope">
+          {{ scope.row.qwUserIds.split(',').length }} 人
           <!-- 点击事件绑定到整个 div -->
-          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 1">
-            <!-- 显示当前行的成员数量 -->
-            <span v-if="!expandedRows[scope.row.id]">
-            点击展开 ({{ scope.row.qwUserIds.split(',').length }} 人)
-          </span>
-            <!-- 展开时显示所有成员 -->
-            <div v-show="expandedRows[scope.row.id]">
-              <div v-if="scope.row.type==2" v-for="id in scope.row.qwUserIds.split(',')" :key="id"
-                   style="display: inline;" class="text-container">
-                <el-tag type="success" v-for="list in companyUserList" :key="list.qwUserId" style="margin: 3px;"
-                        v-if="list.id==id">
-                  {{ list.qwUserName }}
-                </el-tag>
-              </div>
-              <div v-if="scope.row.type==1" v-for="id in scope.row.qwUserIds.split(',')" :key="id"
-                   style="display: inline;" class="text-container">
-                <el-tag type="success" v-for="list in companyUserLists" :key="list.userId" style="margin: 3px;"
-                        v-if="list.userId==id">
-                  {{ list.nickName }}
-                </el-tag>
-              </div>
-            </div>
-          </div>
-          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 2">
-            <!-- 显示当前行的成员数量 -->
-            <span v-if="!expandedRows[scope.row.id]">
-              点击展开 ({{
-                (scope.row.chatId || '').toString().split(',').length
-              }} 个)
-            </span>
-            <!-- 展开时显示所有成员 -->
-            <div v-show="expandedRows[scope.row.id]">
-              <div v-for="id in (scope.row.chatId || '').split(',')" :key="id"
-                   style="display: inline;" class="text-container">
-                <el-tag type="success" v-for="list in chatList" :key="list.chatId" style="margin: 3px;"
-                        v-if="list.chatId == id">
-                  {{ list.name }}
-                </el-tag>
-              </div>
-            </div>
-          </div>
+<!--          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 1">-->
+<!--            &lt;!&ndash; 显示当前行的成员数量 &ndash;&gt;-->
+<!--            <span v-if="!expandedRows[scope.row.id]">-->
+<!--            点击展开 ({{ scope.row.qwUserIds.split(',').length }} 人)-->
+<!--          </span>-->
+<!--            &lt;!&ndash; 展开时显示所有成员 &ndash;&gt;-->
+<!--            <div v-show="expandedRows[scope.row.id]">-->
+<!--              <div v-if="scope.row.type==2" v-for="id in scope.row.qwUserIds.split(',')" :key="id"-->
+<!--                   style="display: inline;" class="text-container">-->
+<!--                <el-tag type="success" v-for="list in companyUserList" :key="list.qwUserId" style="margin: 3px;"-->
+<!--                        v-if="list.id==id">-->
+<!--                  {{ list.qwUserName }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+<!--              <div v-if="scope.row.type==1" v-for="id in scope.row.qwUserIds.split(',')" :key="id"-->
+<!--                   style="display: inline;" class="text-container">-->
+<!--                <el-tag type="success" v-for="list in companyUserLists" :key="list.userId" style="margin: 3px;"-->
+<!--                        v-if="list.userId==id">-->
+<!--                  {{ list.nickName }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 2">-->
+<!--            &lt;!&ndash; 显示当前行的成员数量 &ndash;&gt;-->
+<!--            <span v-if="!expandedRows[scope.row.id]">-->
+<!--              点击展开 ({{-->
+<!--                (scope.row.chatId || '').toString().split(',').length-->
+<!--              }} 个)-->
+<!--            </span>-->
+<!--            &lt;!&ndash; 展开时显示所有成员 &ndash;&gt;-->
+<!--            <div v-show="expandedRows[scope.row.id]">-->
+<!--              <div v-for="id in (scope.row.chatId || '').split(',')" :key="id"-->
+<!--                   style="display: inline;" class="text-container">-->
+<!--                <el-tag type="success" v-for="list in chatList" :key="list.chatId" style="margin: 3px;"-->
+<!--                        v-if="list.chatId == id">-->
+<!--                  {{ list.name }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </div>-->
         </template>
       </el-table-column>
 

src/views/qw/sop/sop.vue

@@ -176,48 +176,49 @@
       </el-table-column>
       <el-table-column label="成员" align="center" prop="qwUserIds" width="150">
         <template slot-scope="scope">
-          <!-- 点击事件绑定到整个 div -->
-          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 1">
-            <!-- 显示当前行的成员数量 -->
-            <span v-if="!expandedRows[scope.row.id]">
-            点击展开 ({{ scope.row.qwUserIds.split(',').length }} 人)
-          </span>
-            <!-- 展开时显示所有成员 -->
-            <div v-show="expandedRows[scope.row.id]">
-              <div v-if="scope.row.type==2" v-for="id in scope.row.qwUserIds.split(',')" :key="id"
-                   style="display: inline;" class="text-container">
-                <el-tag type="success" v-for="list in companyUserList" :key="list.qwUserId" style="margin: 3px;"
-                        v-if="list.id==id">
-                  {{ list.qwUserName }}
-                </el-tag>
-              </div>
-              <div v-if="scope.row.type==1" v-for="id in scope.row.qwUserIds.split(',')" :key="id"
-                   style="display: inline;" class="text-container">
-                <el-tag type="success" v-for="list in companyUserLists" :key="list.userId" style="margin: 3px;"
-                        v-if="list.userId==id">
-                  {{ list.nickName }}
-                </el-tag>
-              </div>
-            </div>
-          </div>
-          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 2">
-            <!-- 显示当前行的成员数量 -->
-            <span v-if="!expandedRows[scope.row.id]">
-              点击展开 ({{
-                (scope.row.chatId || '').toString().split(',').length
-              }} 个)
-            </span>
-            <!-- 展开时显示所有成员 -->
-            <div v-show="expandedRows[scope.row.id]">
-              <div v-for="id in (scope.row.chatId || '').split(',')" :key="id"
-                   style="display: inline;" class="text-container">
-                <el-tag type="success" v-for="list in chatList" :key="list.chatId" style="margin: 3px;"
-                        v-if="list.chatId == id">
-                  {{ list.name }}
-                </el-tag>
-              </div>
-            </div>
-          </div>
+          {{ scope.row.qwUserIds.split(',').length }} 人
+<!--          &lt;!&ndash; 点击事件绑定到整个 div &ndash;&gt;-->
+<!--          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 1">-->
+<!--            &lt;!&ndash; 显示当前行的成员数量 &ndash;&gt;-->
+<!--            <span v-if="!expandedRows[scope.row.id]">-->
+<!--            点击展开 ({{ scope.row.qwUserIds.split(',').length }} 人)-->
+<!--          </span>-->
+<!--            &lt;!&ndash; 展开时显示所有成员 &ndash;&gt;-->
+<!--            <div v-show="expandedRows[scope.row.id]">-->
+<!--              <div v-if="scope.row.type==2" v-for="id in scope.row.qwUserIds.split(',')" :key="id"-->
+<!--                   style="display: inline;" class="text-container">-->
+<!--                <el-tag type="success" v-for="list in companyUserList" :key="list.qwUserId" style="margin: 3px;"-->
+<!--                        v-if="list.id==id">-->
+<!--                  {{ list.qwUserName }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+<!--              <div v-if="scope.row.type==1" v-for="id in scope.row.qwUserIds.split(',')" :key="id"-->
+<!--                   style="display: inline;" class="text-container">-->
+<!--                <el-tag type="success" v-for="list in companyUserLists" :key="list.userId" style="margin: 3px;"-->
+<!--                        v-if="list.userId==id">-->
+<!--                  {{ list.nickName }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--          <div @click="toggleRow(scope.row)" v-if="scope.row.filterMode == 2">-->
+<!--            &lt;!&ndash; 显示当前行的成员数量 &ndash;&gt;-->
+<!--            <span v-if="!expandedRows[scope.row.id]">-->
+<!--              点击展开 ({{-->
+<!--                (scope.row.chatId || '').toString().split(',').length-->
+<!--              }} 个)-->
+<!--            </span>-->
+<!--            &lt;!&ndash; 展开时显示所有成员 &ndash;&gt;-->
+<!--            <div v-show="expandedRows[scope.row.id]">-->
+<!--              <div v-for="id in (scope.row.chatId || '').split(',')" :key="id"-->
+<!--                   style="display: inline;" class="text-container">-->
+<!--                <el-tag type="success" v-for="list in chatList" :key="list.chatId" style="margin: 3px;"-->
+<!--                        v-if="list.chatId == id">-->
+<!--                  {{ list.name }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </div>-->
         </template>
       </el-table-column>