展开 收起

<ul>

                <template v-for="(item, index) in rankingDetaiList">

                    <li v-if="index < 6 || isOpen" :key="`name_${index}`"

                        :class="{ 'one': index === 0, 'two': index === 1, 'three': index === 2, 'counnt': index === 3 }">

                        <span>{{ item.sort }}</span>

                        <span>{{ item.workstationName }}</span>

                        <span v-if="rankinkNameNum === 1">{{ item.manager }}</span>

                        <span class="threeName" v-else>{{ item.parentGroupName }}</span>

                        <span>{{ item.lossRate }}</span>

                        <span>{{ item.inversionRate }}</span>

                        <span>{{ item.issueRate }}</span>

                        <span>{{ item.workerRate }}</span>

                        <img v-if="index < 3" :src="getAssetsFile(index)">

                        <span class="current" v-if="index === 3">当前排行</span>

                    </li>

                </template>

                <p class="omit" v-if="!isOpen && rankingDetaiList.length >= 6">

                    <!-- 三个省略点 -->

                    <span></span><span></span><span></span>

                </p>

                <!-- 最后一条排名 -->

                <li v-if="!isOpen && rankingDetaiList.length >= 6">

                    <span>{{ lastitem.sort }}</span>

                    <span>{{ lastitem.workstationName }}</span>

                    <span v-if="rankinkNameNum === 1">{{ lastitem.manager }}</span>

                    <span class="threeName" v-else>{{ lastitem.parentGroupName }}</span>

                    <span>{{ lastitem.lossRate }}</span>

                    <span>{{ lastitem.inversionRate }}</span>

                    <span>{{ lastitem.issueRate }}</span>

                    <span>{{ lastitem.workerRate }}</span>

                </li>

            </ul>

            <div @click="opens" class="bottonBtn">

                {{ !isOpen ? '展开' : '收起' }}

                <van-icon v-if="!isOpen" name="arrow-down" />

                <van-icon v-else name="arrow-up" />

            </div>