|
|
@@ -18,24 +18,33 @@
|
|
|
<AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(detailsList)" />
|
|
|
</block>
|
|
|
</view>
|
|
|
- <view style="position:fixed;bottom:200upx;font-size:32upx;z-index:99;background-color:red;width:100%;height:100upx;text-align:center;line-height:100upx;color:white;"
|
|
|
- v-if="!$util.isEmpty(unClear)" @click="goClear(unClear)">
|
|
|
- <text>有一个待结账单 ¥{{unClear.actPrice?parseFloat(unClear.actPrice):0}}</text><text style="font-weight:bold;margin-left:15upx;">查看</text>
|
|
|
- </view>
|
|
|
- <view class="bottom-bar-view">
|
|
|
- <view class="bar-content">
|
|
|
- <view class="info-view">
|
|
|
- <view class="details-select" @click="checkFn()" >
|
|
|
- <button class="admin-button-com blue big" v-if="isAllCheck">全不选</button>
|
|
|
- <button class="admin-button-com blue big" v-else>全都选</button>
|
|
|
+ <view class="footer-area">
|
|
|
+ <!-- 待结账单提示 -->
|
|
|
+ <view class="notice-bar" v-if="!$util.isEmpty(unClear)" @click="goClear(unClear)">
|
|
|
+ <view class="notice-content">
|
|
|
+ <text>有一个待结账单 ¥{{unClear.actPrice?parseFloat(unClear.actPrice):0}}</text>
|
|
|
+ <text class="notice-action">查看</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 底部操作栏 -->
|
|
|
+ <view class="action-bar">
|
|
|
+ <view class="action-content">
|
|
|
+ <view class="left-area">
|
|
|
+ <view class="select-btn" @click="checkFn()">
|
|
|
+ <button class="admin-button-com blue big" v-if="isAllCheck">全不选</button>
|
|
|
+ <button class="admin-button-com blue big" v-else>全都选</button>
|
|
|
+ </view>
|
|
|
+ <view class="select-info">
|
|
|
+ 已选 <text class="price">{{ selectList.length }}</text> 笔
|
|
|
+ <text class="unit">¥</text>
|
|
|
+ <text class="price">{{ parseFloat(selectTotalAmount) }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="select-info">
|
|
|
- 已选 <text class="price">{{ selectList.length }}</text> 笔 <text class="unit">¥</text> <text class="price">{{ parseFloat(selectTotalAmount) }}</text>
|
|
|
+ <view class="right-area">
|
|
|
+ <button :class="['admin-button-com', 'blue', 'big']" @click="createOrder">创建账单</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="btn-view">
|
|
|
- <button :class="['admin-button-com', 'blue','big']" @click="createOrder">创建账单</button>
|
|
|
- </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -295,64 +304,82 @@ export default {
|
|
|
flex: 1;
|
|
|
padding-bottom: 320upx;
|
|
|
}
|
|
|
- .bottom-bar-view {
|
|
|
+ .footer-area {
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
bottom: 0;
|
|
|
- z-index: 99;
|
|
|
- width: 100%;
|
|
|
- background-color: #FFFFFF;
|
|
|
- border-top: 1upx solid #eee;
|
|
|
- box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
|
|
|
-
|
|
|
- /* #ifdef MP-WEIXIN */
|
|
|
- padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2- */
|
|
|
- padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2+ */
|
|
|
- /* #endif */
|
|
|
-
|
|
|
- /* #ifdef APP-PLUS */
|
|
|
- padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2- */
|
|
|
- padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2+ */
|
|
|
- /* #endif */
|
|
|
+ z-index: 90;
|
|
|
|
|
|
- .bar-content {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- padding: 10upx 40upx;
|
|
|
+ .notice-bar {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 140upx;
|
|
|
+ height: 100upx;
|
|
|
+ background-color: #ff0000;
|
|
|
|
|
|
- .info-view {
|
|
|
+ .notice-content {
|
|
|
+ height: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- color: #333;
|
|
|
- font-size: 24upx;
|
|
|
+ justify-content: center;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 32upx;
|
|
|
|
|
|
- .details-select {
|
|
|
- margin-right: 20upx;
|
|
|
-
|
|
|
+ .notice-action {
|
|
|
+ font-weight: bold;
|
|
|
+ margin-left: 15upx;
|
|
|
}
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .action-bar {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-top: 1upx solid #eeeeee;
|
|
|
+ box-shadow: 0 -2upx 6upx rgba(0,0,0,0.05);
|
|
|
+
|
|
|
+ /* #ifdef MP-WEIXIN */
|
|
|
+ padding-bottom: constant(safe-area-inset-bottom);
|
|
|
+ padding-bottom: env(safe-area-inset-bottom);
|
|
|
+ /* #endif */
|
|
|
+
|
|
|
+ .action-content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 16upx 30upx;
|
|
|
|
|
|
- .select-info {
|
|
|
- font-size: 36upx;
|
|
|
- .price {
|
|
|
- color: $redColor;
|
|
|
- font-size: 36upx;
|
|
|
- margin: 0 3upx;
|
|
|
+ .left-area {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .select-btn {
|
|
|
+ margin-right: 20upx;
|
|
|
}
|
|
|
- .unit {
|
|
|
- color: $redColor;
|
|
|
+
|
|
|
+ .select-info {
|
|
|
font-size: 36upx;
|
|
|
- margin: 0 3upx;
|
|
|
+ color: #333333;
|
|
|
+
|
|
|
+ .price, .unit {
|
|
|
+ color: #ff0000;
|
|
|
+ font-size: 36upx;
|
|
|
+ margin: 0 3upx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- .btn-view {
|
|
|
- margin-left: 20upx;
|
|
|
+
|
|
|
+ .right-area {
|
|
|
+ margin-left: 20upx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
