|
|
|
|
@ -10,7 +10,7 @@
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="oscon">
|
|
|
|
|
<view class="oscon">
|
|
|
|
|
<view class="osname">
|
|
|
|
|
<view class="osimg imgload">
|
|
|
|
|
<image v-if="item.pic" :src="getimgRemoteFile(item.pic)" mode="aspectFill"></image>
|
|
|
|
|
@ -51,8 +51,8 @@
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="rcpm">
|
|
|
|
|
<!-- <button type="primary" class="orderbtn" @click="openCardSelect(item)">预约</button>-->
|
|
|
|
|
<button type="primary" class="orderbtn" @click="gotoorder">预约</button>
|
|
|
|
|
<button type="primary" class="orderbtn" @click="openCardSelect(item)">预约</button>
|
|
|
|
|
<!-- <button type="primary" class="orderbtn" @click="gotoorder">预约</button>-->
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
@ -73,46 +73,53 @@
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="course-info">
|
|
|
|
|
<view class="course-row">
|
|
|
|
|
<text class="course-name">{{ currentCourse.courseName }}</text>
|
|
|
|
|
<text class="deduct">
|
|
|
|
|
需扣 {{ currentCourse.deductType === 'count'
|
|
|
|
|
? currentCourse.deductCount + '次'
|
|
|
|
|
: '¥' + currentCourse.deductAmount }}
|
|
|
|
|
</text>
|
|
|
|
|
<!-- 卡片为空提示 -->
|
|
|
|
|
<view v-if="!memberCards || memberCards.length === 0" class="empty-tip">
|
|
|
|
|
无对应会员卡可使用
|
|
|
|
|
</view>
|
|
|
|
|
<view v-else>
|
|
|
|
|
<view class="course-info">
|
|
|
|
|
<view class="course-row">
|
|
|
|
|
<text class="course-name">{{ item.courseName}}</text>
|
|
|
|
|
<text class="deduct" v-if="selectedCard && selectedCard.memberChargeType !='days'">
|
|
|
|
|
需扣 {{ selectedCard.memberChargeType === 'total_fee'
|
|
|
|
|
? '¥' + selectedCard.chargeFee
|
|
|
|
|
: selectedCard.chargeCnt + '次'}}
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- ✅ 本次使用卡片 -->
|
|
|
|
|
<view class="use-card-row">
|
|
|
|
|
<text class="use-label">本次使用卡片：</text>
|
|
|
|
|
<text class="use-name" :class="{ 'is-default': !isManuallySelected }">
|
|
|
|
|
{{ effectiveCardName }}
|
|
|
|
|
</text>
|
|
|
|
|
<text v-if="!isManuallySelected && effectiveCard" class="default-tag">默认</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- ✅ 本次使用卡片 -->
|
|
|
|
|
<view class="use-card-row">
|
|
|
|
|
<text class="use-label">本次使用卡片：</text>
|
|
|
|
|
<text class="use-name" :class="{ 'is-default': !isManuallySelected }">
|
|
|
|
|
{{ effectiveCardName }}
|
|
|
|
|
</text>
|
|
|
|
|
<text v-if="!isManuallySelected && effectiveCard" class="default-tag">默认</text>
|
|
|
|
|
|
|
|
|
|
<!-- 卡片横向滑动 -->
|
|
|
|
|
<member-card-scroll
|
|
|
|
|
v-if="memberCards && memberCards.length > 0"
|
|
|
|
|
ref="cardScroll"
|
|
|
|
|
:cards="memberCards"
|
|
|
|
|
size="small"
|
|
|
|
|
:selectable="true"
|
|
|
|
|
:center="false"
|
|
|
|
|
:auto-select="false"
|
|
|
|
|
:default-card-id="defaultCardId"
|
|
|
|
|
@select="onCardSelect"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<view v-if="memberCards && memberCards.length > 0" class="popup-footer">
|
|
|
|
|
<button class="confirm-btn" @click="confirmSelect">确认选择</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 卡片横向滑动 -->
|
|
|
|
|
<member-card-scroll
|
|
|
|
|
ref="cardScroll"
|
|
|
|
|
:cards="memberCards"
|
|
|
|
|
size="small"
|
|
|
|
|
:selectable="true"
|
|
|
|
|
:center="false"
|
|
|
|
|
:auto-select="false"
|
|
|
|
|
:default-card-id="defaultCardId"
|
|
|
|
|
:deduct-type="currentCourse.deductType"
|
|
|
|
|
:deduct-count="currentCourse.deductCount"
|
|
|
|
|
:deduct-amount="currentCourse.deductAmount"
|
|
|
|
|
@select="onCardSelect"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<view class="popup-footer">
|
|
|
|
|
<button class="confirm-btn" @click="confirmSelect">确认选择</button>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
</uni-popup>
|
|
|
|
|
|
|
|
|
|
<u-toast ref="uToast" />
|
|
|
|
|
<!-- 是否登录 -->
|
|
|
|
|
<openlogin ref="loginId" @getPhoneNumber="getPhoneNumber"></openlogin>
|
|
|
|
|
</view>
|
|
|
|
|
@ -135,31 +142,27 @@ export default {
|
|
|
|
|
userid: "",
|
|
|
|
|
id: "",
|
|
|
|
|
item: {
|
|
|
|
|
courseTimeId: 1935590320322428931,
|
|
|
|
|
claName: "普拉提A班",
|
|
|
|
|
courseName: "普拉提",
|
|
|
|
|
storeName: "慢瑜伽-三台子店",
|
|
|
|
|
courseTimeId: null,
|
|
|
|
|
claName: "",
|
|
|
|
|
courseName: "",
|
|
|
|
|
storeName: "",
|
|
|
|
|
pic: null,
|
|
|
|
|
claDate: "2025-10-01",
|
|
|
|
|
weekDay: "星期二",
|
|
|
|
|
startTime: "08:00",
|
|
|
|
|
endTime: "09:30",
|
|
|
|
|
staffName: "冉洪涛老师",
|
|
|
|
|
studentCount: 1,
|
|
|
|
|
claDate: "",
|
|
|
|
|
weekDay: "",
|
|
|
|
|
startTime: "",
|
|
|
|
|
endTime: "",
|
|
|
|
|
staffName: "",
|
|
|
|
|
studentCount: null,
|
|
|
|
|
roomName: null,
|
|
|
|
|
claColor: "#409EFF",
|
|
|
|
|
claTimeStatus: "1",
|
|
|
|
|
bookAttendCnt: "1",
|
|
|
|
|
atClassCnt: "5",
|
|
|
|
|
lessCnt: "3"
|
|
|
|
|
claColor: "",
|
|
|
|
|
claTimeStatus: "",
|
|
|
|
|
bookAttendCnt: "",
|
|
|
|
|
atClassCnt: "",
|
|
|
|
|
lessCnt: ""
|
|
|
|
|
},
|
|
|
|
|
remark: null,
|
|
|
|
|
memberCards: [],
|
|
|
|
|
currentCourse: {
|
|
|
|
|
courseName: '普拉提A班',
|
|
|
|
|
deductType: 'COUNT',
|
|
|
|
|
deductCount: 1,
|
|
|
|
|
deductAmount: 0
|
|
|
|
|
},
|
|
|
|
|
defaultCardId: null,
|
|
|
|
|
// ✅ 用户手动选中的卡（父组件持有）
|
|
|
|
|
@ -210,9 +213,9 @@ export default {
|
|
|
|
|
isCardUsable(card) {
|
|
|
|
|
if (!card) return false;
|
|
|
|
|
if (card.status && card.status !== 'ACTIVE') return false;
|
|
|
|
|
if (card.expireDate) {
|
|
|
|
|
if (card.expiryDate) {
|
|
|
|
|
const now = new Date();
|
|
|
|
|
const expire = new Date(card.expireDate.replace(/-/g, '/'));
|
|
|
|
|
const expire = new Date(card.expiryDate.replace(/-/g, '/'));
|
|
|
|
|
if (now > expire) return false;
|
|
|
|
|
}
|
|
|
|
|
const type = this.currentCourse.deductType;
|
|
|
|
|
@ -235,15 +238,19 @@ export default {
|
|
|
|
|
// ✅ 打开弹窗：重置手动选择，用默认卡
|
|
|
|
|
async openCardSelect(item) {
|
|
|
|
|
var user = myCache('userInfo');
|
|
|
|
|
item.visitStore=user.visitStore;
|
|
|
|
|
console.log('item',item)
|
|
|
|
|
const { data: memberCards } =
|
|
|
|
|
await uni.$http.post("/api/memberCard/getMemberCardListByCourseTimeId",
|
|
|
|
|
{visitStore:user.visitStore,
|
|
|
|
|
courseId:item.courseId
|
|
|
|
|
});
|
|
|
|
|
console.log("memberCards",memberCards)
|
|
|
|
|
item);
|
|
|
|
|
//如果为空 则没有适合的卡片
|
|
|
|
|
this.memberCards = memberCards.data
|
|
|
|
|
this.selectedCard = null;
|
|
|
|
|
console.log('this.memberCards',this.memberCards)
|
|
|
|
|
if(this.memberCards&&this.memberCards.length > 0){
|
|
|
|
|
this.selectedCard = this.memberCards[0];
|
|
|
|
|
}else{
|
|
|
|
|
this.selectedCard = null;
|
|
|
|
|
}
|
|
|
|
|
this.$refs.cardPopup.open();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
@ -252,37 +259,53 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async confirmSelect() {
|
|
|
|
|
// ✅ 直接从父组件 computed 拿有效卡
|
|
|
|
|
const card = this.effectiveCard;
|
|
|
|
|
if (!card) {
|
|
|
|
|
uni.showToast({ title: '无可用会员卡', icon: 'none' });
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const { data: res } = await uni.$http.post('/api/course/bookCourse', {
|
|
|
|
|
courseTimeId: this.item.courseTimeId,
|
|
|
|
|
cardId: card.id
|
|
|
|
|
// 开启loading
|
|
|
|
|
uni.showLoading({
|
|
|
|
|
title: '预约中...',
|
|
|
|
|
mask: true // 遮罩，防止重复点击
|
|
|
|
|
});
|
|
|
|
|
if (res && res.success) {
|
|
|
|
|
myCache('courserefresh', 1);
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: '提示',
|
|
|
|
|
content: '课程已预约！',
|
|
|
|
|
cancelText: '返回',
|
|
|
|
|
confirmText: '确定',
|
|
|
|
|
success: ress => {
|
|
|
|
|
uni.navigateBack({ delta: 1 });
|
|
|
|
|
}
|
|
|
|
|
try {
|
|
|
|
|
const { data: res } = await uni.$http.post('/api/course/bookCourse', {
|
|
|
|
|
courseTimeId: this.item.courseTimeId,
|
|
|
|
|
memberCardId: card.memberCardId,
|
|
|
|
|
memberChargeType: this.selectedCard.memberChargeType,
|
|
|
|
|
chargeCnt: this.selectedCard.chargeCnt,
|
|
|
|
|
chargeFee: this.selectedCard.chargeFee
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: '提示',
|
|
|
|
|
content: res.message ? res.message : '课程预约失败！',
|
|
|
|
|
cancelText: '取消',
|
|
|
|
|
confirmText: '确定'
|
|
|
|
|
if (res && res.success) {
|
|
|
|
|
myCache('courserefresh', 1);
|
|
|
|
|
this.closeCardSelect();
|
|
|
|
|
this.$refs.uToast.show({
|
|
|
|
|
title: '课程预约成功,请到 我的预约-预约中 查看',
|
|
|
|
|
type: 'success',
|
|
|
|
|
duration: 2000
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.$refs.uToast.show({
|
|
|
|
|
title: res.message ? res.message : '课程预约失败！',
|
|
|
|
|
type: 'error',
|
|
|
|
|
duration: 2000
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
} catch (err) {
|
|
|
|
|
// 网络异常捕获
|
|
|
|
|
this.$refs.uToast.show({
|
|
|
|
|
title: '预约请求异常，请稍后重试',
|
|
|
|
|
type: 'error',
|
|
|
|
|
duration: 2000
|
|
|
|
|
});
|
|
|
|
|
} finally {
|
|
|
|
|
// 不管成功失败、报错，都关闭loading
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
formatTime(timeStr) {
|
|
|
|
|
return timeStr.slice(0, 5);
|
|
|
|
|
},
|
|
|
|
|
@ -819,5 +842,11 @@ export default {
|
|
|
|
|
border: none;
|
|
|
|
|
&::after { border: none; }
|
|
|
|
|
}
|
|
|
|
|
.empty-tip {
|
|
|
|
|
padding: 60rpx 20rpx;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
color: #999;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
@xiao-xiao0105