<div style="display: flex; flex-direction: column">
<div class="checkAll">
<el-button type="primary" link @click="areConditionFold">
<!-- {{ conditionFold ? '展开' : '收起' }} -->
<el-icon v-if="conditionFold"><ArrowDown /></el-icon>
<el-icon v-else><ArrowUp /></el-icon>
</el-button>
<el-checkbox
style="margin-right: 20px"
:indeterminate="isIndeterminate"
v-model="departmentCheckAll"
@change="handleCheckAllChange"
>
广告账户管理
</el-checkbox>
</div>
<div
class="checkItem"
v-show="conditionFold"
style="margin-left: 20px"
>
<el-checkbox-group
v-model="selectedItems"
@change="handleCheck(selectedItems)"
>
<el-checkbox
v-for="item in department"
:key="item.id"
:label="item.id"
>
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
</div>
</div>
// 展开关闭
const conditionFold = ref(true)
const areConditionFold = () => {
conditionFold.value = !conditionFold.value
}