<scroll-view style="height: calc(100vh - 150px);" scroll-y="true" @scrolltolower="handleScrolltolower">
<view class="user-box">
<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
<view>
<view class="bg" v-for="(item,index) in userList" :key="index">
<view @click="toDetail(item)">
<view class="u-flex justify-between u-m-b-10">
<view class="u-flex">
<view class="blue u-m-r-10"></view>
<view>用户退款信息</view>
</view>
</view>
<view class="u-flex justify-between">
<view class="">
</view>
<u-checkbox v-if="conditions.valueType==0" :customStyle="{marginBottom: '8px'}"
:name="item.RecordID" :checked="item.checked"
@change="checkChange(item,$event)">
</u-checkbox>
</view>
</view>
</view>
<view style="width: 100%; height: 20px;"></view>
</view>
</u-checkbox-group>
</view>
<u-loadmore status="loadmore" v-if="state != 0" />
<u-loadmore status="nomore" v-else />
</scroll-view>
<view class="bottom-box">
<view class="merge_Public_Button">
<view class="merge_Public_Button_e">
<view class="merge_Public_Button_a" style="margin-left: 15rpx;margin-top: 15rpx;">
<u-checkbox-group name="allCheck" @change="changeAll">
<u-checkbox :checked="checkLength == this.userList.length"
:customStyle="{marginBottom: '8px'}" shape="circle">
</u-checkbox>
</u-checkbox-group>
</view>
<view class="merge_Public_Button_b">
{{checkLength < userList.length?'全选':'全不选'}}
</view>
<view class="merge_Public_Button_c">
<text>共</text>
<text style="color: #F99B04;">{{checkLength}}</text>
<text>项</text>
</view>
</view>
<view class="merge_Public_Button_d">
<view class="merge_Public_Button_d_reject bottom-button" @click="toExitUser(1)">
拒绝
</view>
<view class="merge_Public_Button_d_agree bottom-button" @click="toExitUser(3)">
同意
</view>
</view>
</view>
</view>
<script>
checkChange(item, val) {
item.checked = val
},
changeAll(e, data) { //========全选方法
if (this.checkLength == this.userList.length) { //当前选中的个数等于列表的数,说明当前已经全部选中了
this.userList.forEach(function(item, index) {
item.checked = false; //设置全不选
})
this.checkLength = 0;
} else { //返之说明当前并没有全部选中
this.userList.forEach(function(item, index) {
item.checked = true; //设置全选中
})
this.checkLength = this.userList.length;
}
},
checkboxChange(val) {
console.log(val, 'val')
this.RecordIDList = val
this.checkLength = val.length;
},
</script>
uview 列表多选 以及全选 全不选
最新推荐文章于 2024-07-14 16:43:41 发布