|
|
@@ -18,33 +18,23 @@
|
|
|
<AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(detailsList)" />
|
|
|
</block>
|
|
|
</view>
|
|
|
- <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>
|
|
|
+ <cover-view class="unclear-notice" v-if="!$util.isEmpty(unClear)" @click="goClear(unClear)">
|
|
|
+ <cover-view class="notice-text">有一个待结账单 ¥{{unClear.actPrice?parseFloat(unClear.actPrice):0}}<text class="check-text">查看</text></cover-view>
|
|
|
+ </cover-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>
|
|
|
- <view class="right-area">
|
|
|
- <button :class="['admin-button-com', 'blue', 'big']" @click="createOrder">创建账单</button>
|
|
|
+ <view class="select-info">
|
|
|
+ 已选 <text class="price">{{ selectList.length }}</text> 笔 <text class="unit">¥</text> <text class="price">{{ parseFloat(selectTotalAmount) }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="btn-view">
|
|
|
+ <button :class="['admin-button-com', 'blue','big']" @click="createOrder">创建账单</button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -304,82 +294,87 @@ export default {
|
|
|
flex: 1;
|
|
|
padding-bottom: 320upx;
|
|
|
}
|
|
|
- .footer-area {
|
|
|
+ .unclear-notice {
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
- bottom: 0;
|
|
|
- z-index: 90;
|
|
|
+ bottom: 200upx;
|
|
|
+ width: 100%;
|
|
|
+ height: 100upx;
|
|
|
+ background-color: red;
|
|
|
+ z-index: 99;
|
|
|
|
|
|
- .notice-bar {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 140upx;
|
|
|
- height: 100upx;
|
|
|
- background-color: #ff0000;
|
|
|
+ .notice-text {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 32upx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 100upx;
|
|
|
|
|
|
- .notice-content {
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- color: #ffffff;
|
|
|
- font-size: 32upx;
|
|
|
-
|
|
|
- .notice-action {
|
|
|
- font-weight: bold;
|
|
|
- margin-left: 15upx;
|
|
|
- }
|
|
|
+ .check-text {
|
|
|
+ font-weight: bold;
|
|
|
+ margin-left: 15upx;
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
+ .bottom-bar-view {
|
|
|
+ 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);
|
|
|
|
|
|
- .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 */
|
|
|
+ /* #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 */
|
|
|
+
|
|
|
+ .bar-content {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10upx 40upx;
|
|
|
|
|
|
- .action-content {
|
|
|
+ .info-view {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 16upx 30upx;
|
|
|
+ color: #333;
|
|
|
+ font-size: 24upx;
|
|
|
|
|
|
- .left-area {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ .details-select {
|
|
|
+ margin-right: 20upx;
|
|
|
|
|
|
- .select-btn {
|
|
|
- margin-right: 20upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .select-info {
|
|
|
+ font-size: 36upx;
|
|
|
+ .price {
|
|
|
+ color: $redColor;
|
|
|
+ font-size: 36upx;
|
|
|
+ margin: 0 3upx;
|
|
|
}
|
|
|
-
|
|
|
- .select-info {
|
|
|
+ .unit {
|
|
|
+ color: $redColor;
|
|
|
font-size: 36upx;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- .price, .unit {
|
|
|
- color: #ff0000;
|
|
|
- font-size: 36upx;
|
|
|
- margin: 0 3upx;
|
|
|
- }
|
|
|
+ margin: 0 3upx;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .right-area {
|
|
|
- margin-left: 20upx;
|
|
|
- }
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-view {
|
|
|
+ margin-left: 20upx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
}
|
|
|
</style>
|
