|
@@ -29,18 +29,18 @@
|
|
|
<AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(detailsList)" />
|
|
<AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(detailsList)" />
|
|
|
</block>
|
|
</block>
|
|
|
</view>
|
|
</view>
|
|
|
- <DebtListPager
|
|
|
|
|
- :page="debtPage"
|
|
|
|
|
- :page-size="debtPageSize"
|
|
|
|
|
- :total-page="debtTotalPage"
|
|
|
|
|
- :total-num="debtTotalNum"
|
|
|
|
|
- :page-size-options="debtPageSizeOptions"
|
|
|
|
|
- :fixed="device !== 'ios'"
|
|
|
|
|
- @page-change="handleDebtPageChange"
|
|
|
|
|
- @page-size-change="handleDebtPageSizeChange"
|
|
|
|
|
- />
|
|
|
|
|
- <view :class="device == 'ios' ? 'ios-bar-view' : 'android-bar-view'">
|
|
|
|
|
- <template>
|
|
|
|
|
|
|
+ <!-- 分页器与操作栏包成同一固定层:iOS 微信里子节点各自 position:fixed 会失效,外层统一贴底才能两端一致 -->
|
|
|
|
|
+ <view class="page-footer-fixed">
|
|
|
|
|
+ <DebtListPager
|
|
|
|
|
+ :page="debtPage"
|
|
|
|
|
+ :page-size="debtPageSize"
|
|
|
|
|
+ :total-page="debtTotalPage"
|
|
|
|
|
+ :total-num="debtTotalNum"
|
|
|
|
|
+ :page-size-options="debtPageSizeOptions"
|
|
|
|
|
+ @page-change="handleDebtPageChange"
|
|
|
|
|
+ @page-size-change="handleDebtPageSizeChange"
|
|
|
|
|
+ />
|
|
|
|
|
+ <view class="bottom-bar-view">
|
|
|
<view class="info-view">
|
|
<view class="info-view">
|
|
|
<view class="details-select" @click="checkAllFn" >
|
|
<view class="details-select" @click="checkAllFn" >
|
|
|
<button class="admin-button-com blue middle" v-if="isAllCheck">全不选</button>
|
|
<button class="admin-button-com blue middle" v-if="isAllCheck">全不选</button>
|
|
@@ -50,9 +50,9 @@
|
|
|
<text class="unit">¥</text>
|
|
<text class="unit">¥</text>
|
|
|
<text class="price">{{ parseFloat(selectTotalAmount) }}</text>
|
|
<text class="price">{{ parseFloat(selectTotalAmount) }}</text>
|
|
|
</view>
|
|
</view>
|
|
|
- </template>
|
|
|
|
|
- <view class="btn-view" >
|
|
|
|
|
- <button class="admin-button-com blue" @click="batchConfirm">付款结清</button>
|
|
|
|
|
|
|
+ <view class="btn-view" >
|
|
|
|
|
+ <button class="admin-button-com blue" @click="batchConfirm">付款结清</button>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -80,13 +80,11 @@ export default {
|
|
|
startTime:'',
|
|
startTime:'',
|
|
|
endTime:'',
|
|
endTime:'',
|
|
|
ghsId:0,
|
|
ghsId:0,
|
|
|
- device: 'android',
|
|
|
|
|
justLoaded: false,
|
|
justLoaded: false,
|
|
|
salt: ''
|
|
salt: ''
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onLoad() {
|
|
onLoad() {
|
|
|
- this.device = uni.getSystemInfoSync().platform
|
|
|
|
|
this.initData()
|
|
this.initData()
|
|
|
},
|
|
},
|
|
|
onShow () {
|
|
onShow () {
|
|
@@ -346,7 +344,8 @@ export default {
|
|
|
margin-top:80upx;
|
|
margin-top:80upx;
|
|
|
padding: 20upx 0;
|
|
padding: 20upx 0;
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
- padding-bottom: 260upx;
|
|
|
|
|
|
|
+ /* 给底部固定层(分页器 + 操作栏 + 刘海安全区)留出滚动空间,避免最后几笔被挡住 */
|
|
|
|
|
+ padding-bottom: 380upx;
|
|
|
}
|
|
}
|
|
|
.debt-multi-page-tip {
|
|
.debt-multi-page-tip {
|
|
|
margin: 0 24upx 16upx;
|
|
margin: 0 24upx 16upx;
|
|
@@ -361,47 +360,20 @@ export default {
|
|
|
color: #d48806;
|
|
color: #d48806;
|
|
|
line-height: 46upx;
|
|
line-height: 46upx;
|
|
|
}
|
|
}
|
|
|
- .ios-bar-view {
|
|
|
|
|
|
|
+ /* 整块贴底:分页器不再单独 fixed,避免 iOS 微信小程序里多层 position:fixed 失效 */
|
|
|
|
|
+ .page-footer-fixed {
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ right: 0;
|
|
|
bottom: 0;
|
|
bottom: 0;
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- padding: 0 30upx;
|
|
|
|
|
|
|
+ z-index: 99;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 100upx;
|
|
|
|
|
- background: #fff;
|
|
|
|
|
|
|
+ background-color: #fff;
|
|
|
box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
|
|
box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
|
|
|
- .info-view {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- color: #333;
|
|
|
|
|
- font-size: 24upx;
|
|
|
|
|
- .price {
|
|
|
|
|
- margin: 0 3upx;
|
|
|
|
|
- color: $redColor;
|
|
|
|
|
- font-size: 30upx;
|
|
|
|
|
- }
|
|
|
|
|
- .unit {
|
|
|
|
|
- margin: 0 3upx;
|
|
|
|
|
- color: $redColor;
|
|
|
|
|
- font-size: 30upx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .btn-view {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- .admin-button-com {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- width: 200upx;
|
|
|
|
|
- height: 70upx;
|
|
|
|
|
- font-size: 30upx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ padding-bottom: constant(safe-area-inset-bottom);
|
|
|
|
|
+ padding-bottom: env(safe-area-inset-bottom);
|
|
|
}
|
|
}
|
|
|
- .android-bar-view {
|
|
|
|
|
- position: fixed;
|
|
|
|
|
- bottom: 0;
|
|
|
|
|
|
|
+ .bottom-bar-view {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -409,7 +381,7 @@ export default {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100upx;
|
|
height: 100upx;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
- box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
|
|
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
.info-view {
|
|
.info-view {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|