| | |
| | | <view class="business-card-list"> |
| | | <!-- 筛选区域 --> |
| | | <view class="filter-section"> |
| | | <view class="filter-item" :class="{ active: sortType === 'latest' }" @tap="changeSort('latest')"> |
| | | <view class="filter-item" :class="{ active: sortType === '' }" @tap="changeSort('latest')"> |
| | | <text>最新</text> |
| | | </view> |
| | | <view class="filter-item" :class="{ active: showIndustryFilter }" @tap="toggleIndustryFilter"> |
| | |
| | | v-if="selectedCard.duties && selectedCard.duties.length > 0">{{ selectedCard.duties[0] }}</text> |
| | | <text class="price">¥{{ selectedCard.grade.price }}</text> |
| | | </view> |
| | | <!-- <view class="payment-methods"> |
| | | <view class="method-item" :class="{ active: paymentMethod === 'balance' }" |
| | | @tap="selectPaymentMethod('balance')"> |
| | | <text class="method-name">联盟币支付</text> |
| | | <text class="iconfont icon-check" v-if="paymentMethod === 'balance'"></text> |
| | | </view> |
| | | <view class="method-item" :class="{ active: paymentMethod === 'wechat' }" |
| | | @tap="selectPaymentMethod('wechat')"> |
| | | <text class="method-name">微信支付</text> |
| | | <text class="iconfont icon-check" v-if="paymentMethod === 'wechat'"></text> |
| | | </view> |
| | | </view> --> |
| | | <view class="modal-footer"> |
| | | <view class="cancel-btn" @tap="closePaymentModal">取消</view> |
| | | <view class="confirm-btn" @tap="confirmPayment">确认</view> |
| | |
| | | |
| | | // 切换排序 |
| | | changeSort(sortType) { |
| | | this.sortType = sortType; |
| | | if(this.sortType=='latest'){ |
| | | this.sortType = '' |
| | | }else{ |
| | | |
| | | this.sortType = sortType; |
| | | } |
| | | |
| | | this.loadCardList(true); |
| | | }, |
| | | |
| | |
| | | if (res.code === 1) { |
| | | // 跳转到收银台支付 |
| | | uni.redirectTo({ |
| | | url: '/pages/order/cashier?order_id=' + res.data.order_id + '&order_type=100' |
| | | url: '/pages/plus/business/cashier?order_id=' + res.data.order_id + '&order_type=100' |
| | | }); |
| | | } else { |
| | | this.showError(res.msg || '支付失败'); |
| | |
| | | |
| | | .card-list { |
| | | width: calc(100% - 40rpx); |
| | | height: calc(100vh - 94rpx - 80rpx); |
| | | padding: 0 20rpx 20rpx; |
| | | |
| | | .card-item { |
| | |
| | | overflow: hidden; |
| | | |
| | | .card-main { |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 20rpx; |
| | | |
| | | .card-image { |
| | | width: 100%; |
| | | width: 260rpx; |
| | | border-radius: 8rpx; |
| | | overflow: hidden; |
| | | margin-bottom: 16rpx; |
| | |
| | | } |
| | | |
| | | .card-info { |
| | | width: calc(100% - 270rpx); |
| | | margin-left: 10rpx; |
| | | .card-header { |
| | | margin-bottom: 12rpx; |
| | | |
| | |
| | | |
| | | .action-btn { |
| | | padding: 10rpx 32rpx; |
| | | background-color: #37bde6; |
| | | background-color: #D41003; |
| | | color: #fff; |
| | | border-radius: 20rpx; |
| | | font-size: 28rpx; |
| | | |
| | | &.purchased { |
| | | background-color: #e0e0e0; |
| | |
| | | color: #333; |
| | | |
| | | &.active { |
| | | color: #37bde6; |
| | | color: #D41003; |
| | | } |
| | | |
| | | .icon-check { |
| | |
| | | |
| | | .confirm-btn { |
| | | color: #fff; |
| | | background-color: #37bde6; |
| | | background-color: #D41003; |
| | | } |
| | | } |
| | | } |