| | |
| | | <span |
| | | class="checkbox-label" |
| | | @click="toggleCollapsed(key)">全选 ({{50*key+1}}~{{50*key+group.list.length}})</span> |
| | | <i class="el-icon-remove-outline" title="反选" |
| | | @click="backChecked(key)"></i> |
| | | <span class="back-checked" @click="backChecked(key)">反选</span> |
| | | </div> |
| | | <div class="hdw-collapse-icon" @click="toggleCollapsed(key)"> |
| | | <i class="el-icon-d-arrow-right"></i> |
| | |
| | | activeName() { |
| | | setTimeout(()=>{ |
| | | this.$nextTick(()=>{ |
| | | this.$refs.content.scrollTop = this.activeName*35; |
| | | this.$refs.content.scrollTop = this.activeName*42; |
| | | }); |
| | | },100); |
| | | } |
| | |
| | | padding-bottom: 0.06rem; |
| | | } |
| | | .hdw-collapse-title { |
| | | -webkit-user-select: none; |
| | | -moz-user-select: none; |
| | | -ms-user-select: none; |
| | | user-select: none; |
| | | display: flex; |
| | | flex-direction: row; |
| | | padding-top: 0.08rem; |
| | |
| | | margin-left: 0.06rem; |
| | | font-size: 0.14rem; |
| | | } |
| | | .back-checked { |
| | | color: #d6cfcf; |
| | | font-size: 0.12rem; |
| | | display: inline-block; |
| | | padding: 0.04rem; |
| | | border: 0.01rem solid #02a7fa; |
| | | cursor: pointer; |
| | | } |
| | | .back-checked:hover { |
| | | color: #FFFFFF; |
| | | border: 0.01rem solid #47bdf8; |
| | | } |
| | | .back-checked:active { |
| | | color: #47bdf8; |
| | | } |
| | | @keyframes collapsed { |
| | | 0% {transform: rotate(90deg);} |
| | | 25% {transform: rotate(45deg);} |