|
|
@@ -2,41 +2,42 @@
|
|
|
<div style="background: #F3F4F8;">
|
|
|
<div class="noticeInfo">
|
|
|
<h2>缴费说明</h2>
|
|
|
- 1、为确保声部平衡，请家长确认 注册声部为孩子的最终录取声部。<br />
|
|
|
- 2、为保障每个声部人数达标，我们都进行了超员20%的录取，系统将按照提交注册的先后顺序安排名额。超员后 有可能出现无法注册的情况，请您理解。如果其他声部仍有名额，我们将优先调配您的孩子；
|
|
|
+ 1、您注册时所选择的乐团声部，即为乐团录取最终确认的声部，请您务必仔细填写；<br />
|
|
|
+ 2、为避免因部分已注册家长放弃名额导致乐团声部失衡，系统设定各声部限额放大20%比例开放注册，系统自动按照完全完成注册的先后顺序确认录取名单，因此，超员后有可能出现无法注册的情况，请您理解。如果其他声部仍有名额，在您孩子的身体条件适合该乐器的前提下，我们将优先予以调配。
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
- <h2 class="title">乐团辅训系统</h2>
|
|
|
- <p style="font-size: 14px; padding: 2px 0; color: #a1a1a1" v-if="serviceValidDate">服务有效期:{{ serviceValidDate }}</p>
|
|
|
- <el-row class="title-row">
|
|
|
- <el-col :span="12">服务项目</el-col>
|
|
|
- <el-col :span="5" :offset="1" style="text-align: right;">原价</el-col>
|
|
|
- <el-col :span="5" :offset="1" style="text-align: right;">现价</el-col>
|
|
|
- </el-row>
|
|
|
+ <h2 class="title">{{ courseViewType == 1 ? '服务' : '乐团课程' }}</h2>
|
|
|
+ <p style="font-size: 14px; padding: 2px 0; color: #f85043" v-if="serviceValidDate && courseViewType == 1">服务有效期:{{ serviceValidDate }}</p>
|
|
|
<!-- 所有不可选的课程合集 -->
|
|
|
- <template v-if="courseShowStatus">
|
|
|
+ <template v-if="courseShowStatus && courseViewType == 1">
|
|
|
<el-row class="option-row" v-for="(item, index) in courseShowInfo" :class="[!item.isStudentOptional ? 'disabled' : '']" :key="index" @click.native="onCourseChange(item)">
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="16">
|
|
|
<i class="check_default" :class="[item.isStatus ? 'check_active' : '']"></i>
|
|
|
<span style="display: flex; align-items: center;">
|
|
|
<template v-if="item.courseType == 'PROJECT'">{{ chargeTypeName }} </template><template v-else>{{ item.courseType | coursesType }}</template>
|
|
|
</span>
|
|
|
<el-icon v-if="item.courseType == 'PROJECT'" class="el-icon-question" @click.native="onQuestions" />
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <del style="color: #AAA; font-size: 12px;">￥{{ item.courseOriginalPrice | moneyFormat }}</del>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
+ <!-- <el-col :span="6"> -->
|
|
|
+ <!-- <del style="color: #AAA; font-size: 12px;">￥{{ item.courseOriginalPrice | moneyFormat }}</del> -->
|
|
|
+ <!-- </el-col> -->
|
|
|
+ <el-col :span="8">
|
|
|
<span style="color: #1A1A1A">￥{{ item.courseCurrentPrice | moneyFormat }}</span>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</template>
|
|
|
+
|
|
|
+ <el-row class="title-row" v-if="courseViewType == 0">
|
|
|
+ <el-col :span="12">课程类型</el-col>
|
|
|
+ <el-col :span="5" :offset="1" style="text-align: right;">原价</el-col>
|
|
|
+ <el-col :span="6" style="text-align: right;">现价</el-col>
|
|
|
+ </el-row>
|
|
|
<!-- 可选课程信息集合 -->
|
|
|
<template v-for="(item, index) in courseInfo">
|
|
|
- <el-row class="option-row" :class="[!item.isStudentOptional ? 'disabled' : '']" :key="index" @click.native="onCourseChange(item)" v-if="item.isStudentOptional">
|
|
|
+ <el-row class="option-row" :key="index" @click.native="onCourseChange(item)" v-if="courseViewType == 0">
|
|
|
<el-col :span="12">
|
|
|
- <i class="check_default" :class="[item.isStatus ? 'check_active' : '']"></i><template v-if="item.courseType == 'PROJECT'">{{ item.name }}</template><template v-else>{{ item.courseType | coursesType }}</template>
|
|
|
+ <i class="check_default" :class="[item.isStatus ? 'check_active' : '', !item.isStudentOptional ? 'disabled' : '']"></i><template v-if="item.courseType == 'PROJECT'">{{ item.name }}</template><template v-else>{{ item.courseType | coursesType }}</template>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<del style="color: #AAA; font-size: 12px;">￥{{ item.courseOriginalPrice | moneyFormat }}</del>
|
|
|
@@ -47,17 +48,6 @@
|
|
|
</el-row>
|
|
|
</template>
|
|
|
|
|
|
- <el-row class="option-row lines">
|
|
|
- <el-col :span="12" class="fontBold">
|
|
|
- 仅需支付
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <del style="color: #f85043; font-size: 12px;">￥{{ orderInfo.musicMarketClassFee | moneyFormat }}</del>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <span class="fontBold" style="color: #f85043;">￥{{ orderInfo.musicClassFee | moneyFormat }}</span>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
</div>
|
|
|
|
|
|
<div class="section" v-if="instrumentResult.length > 0">
|
|
|
@@ -100,7 +90,7 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
|
|
|
- <el-row class="option-row lines">
|
|
|
+ <!-- <el-row class="option-row lines">
|
|
|
<el-col :span="12" class="fontBold">
|
|
|
仅需支付
|
|
|
</el-col>
|
|
|
@@ -110,7 +100,7 @@
|
|
|
<el-col :span="6">
|
|
|
<span class="fontBold" style="color: #f85043;">￥{{ orderInfo.goodsPrice | moneyFormat }}</span>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
+ </el-row> -->
|
|
|
</div>
|
|
|
|
|
|
<div class="section" v-if="accessOries.length > 0" key="accessOries">
|
|
|
@@ -121,20 +111,27 @@
|
|
|
<el-col :span="5" :offset="1" style="text-align: right;">现价</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-row class="option-row" v-for="(instr, index) in accessOries" :key="index" @click.native="onAuxiliarie(instr)">
|
|
|
- <el-col :span="12">
|
|
|
- <i class="check_default" :class="[ instr.checked ? 'check_active' : '' ]"></i>{{ instr.name }}
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <del style="color: #AAA; font-size: 12px;">￥{{ instr.goodsList[0] ? instr.goodsList[0].marketPrice : 0 | moneyFormat }}</del>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <span style="color: #1A1A1A" v-if="instr.price == 0">免费</span>
|
|
|
- <span style="color: #1A1A1A" v-else>￥{{ instr.price | moneyFormat }}</span>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <div v-for="(instr, index) in accessOries" :key="index">
|
|
|
+ <el-row class="option-row" @click.native="onAuxiliarie(instr)">
|
|
|
+ <el-col :span="12">
|
|
|
+ <i class="check_default" :class="[ instr.checked ? 'check_active' : '' ]"></i>{{ instr.name }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <del style="color: #AAA; font-size: 12px;">￥{{ instr.goodsList[0] ? instr.goodsList[0].marketPrice : 0 | moneyFormat }}</del>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <span style="color: #1A1A1A" v-if="instr.price == 0">免费</span>
|
|
|
+ <span style="color: #1A1A1A" v-else>￥{{ instr.price | moneyFormat }}</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="padding-left: 24px;" v-if="instr.childGoodsList">
|
|
|
+ <el-col>
|
|
|
+ <span v-for="(child, index) in instr.childGoodsList" :key="child.id" style="font-size: 12px; color: #aaaaaa;">{{ child.name }} {{instr.childGoodsList.length - 1 == index ? '' : '，'}}</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
|
|
|
- <el-row class="option-row lines">
|
|
|
+ <!-- <el-row class="option-row lines">
|
|
|
<el-col :span="12" class="fontBold">
|
|
|
仅需支付
|
|
|
</el-col>
|
|
|
@@ -144,7 +141,7 @@
|
|
|
<el-col :span="6">
|
|
|
<span class="fontBold" style="color: #f85043;">￥{{ orderInfo.accessPrice | moneyFormat }}</span>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
+ </el-row> -->
|
|
|
</div>
|
|
|
|
|
|
<!-- 原价现价 -->
|
|
|
@@ -231,6 +228,7 @@ export default {
|
|
|
courseShowStatus: false,
|
|
|
chargeTypeList: [],
|
|
|
chargeTypeName: null,
|
|
|
+ courseViewType: 0, // 收费模式，0 课程显示，1 AMR系统
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -255,6 +253,7 @@ export default {
|
|
|
let result = res
|
|
|
if (result.code == 200) {
|
|
|
let tempResult = result.data
|
|
|
+ this.courseViewType = tempResult.musicGroup.courseViewType || 0
|
|
|
this.paymentPattern = 2
|
|
|
if(tempResult.musicGroupPaymentCalender) {
|
|
|
this.paymentPattern = tempResult.musicGroupPaymentCalender.paymentPattern
|
|
|
@@ -267,17 +266,17 @@ export default {
|
|
|
courseCurrentPrice: 0,
|
|
|
courseOriginalPrice: 0,
|
|
|
courseType: null,
|
|
|
- name: '乐团辅训系统'
|
|
|
+ name: '器乐练习系统'
|
|
|
}
|
|
|
tempInfo.forEach(info => {
|
|
|
if(!info.isStudentOptional) {
|
|
|
this.courseShowStatus = true
|
|
|
tempCourse = {
|
|
|
courseCurrentPrice: (info.courseCurrentPrice + tempCourse.courseCurrentPrice),
|
|
|
- courseOriginalPrice: 9800,
|
|
|
+ courseOriginalPrice: (info.courseCurrentPrice + tempCourse.courseCurrentPrice),
|
|
|
courseType: 'PROJECT',
|
|
|
isStatus: true,
|
|
|
- name: '乐团辅训系统'
|
|
|
+ name: '器乐练习系统'
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
@@ -295,7 +294,11 @@ export default {
|
|
|
}]
|
|
|
}
|
|
|
this.courseInfo.forEach(item => {
|
|
|
- item.isStatus = true
|
|
|
+ if(item.isStudentOptional) {
|
|
|
+ item.isStatus = false
|
|
|
+ } else {
|
|
|
+ item.isStatus = true
|
|
|
+ }
|
|
|
})
|
|
|
|
|
|
this.musicGroupSubject = tempResult.musicGroupSubjectPlan
|
|
|
@@ -414,7 +417,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
onQuestions() {
|
|
|
- this.$alert(`<b>革命性的“AMR器乐练习系统 ”</b><br />世界上有没有一种能够轻松掌握器乐演奏技能的方法?答案就是“AMR器乐练习系统”，它的诞生是基于世界上最优秀的华人管乐指导专家-唐嘉宏先生的教育理念，创新开发的一种新型“音乐感官植入程序”，这个程序抛弃了传统的“数线式识谱、机械式节奏、死记式乐理”，它营造出沉浸式可变速演奏过程，采用画面与音乐刺激序列组合而成的特定场景，在趣味性挑战的反复刺激中逐步促进器乐演奏的三核心：“音质→音准→音型”，从而达成演奏各环节水准的均匀提高，产生永久性条件反射式大脑记忆，将多板块知识融会贯通，让抽象的音乐知识刻入脑海里！<br /><b>本练习系统的特点：</b><br /> 1.轻松快速掌握要点，让练习者沉浸其中，远离枯燥！<br /> 2.不假思索就能瞬间唤起反射式记忆，演奏识谱不再慢吞吞！<br /> 3.真正的实践记忆，摆脱纸上谈兵，与实际演奏紧密结合！<br />4.思维+肌肉的双重强化！无缝整合复习系统！<br /> 5.每条练习都经过严谨的编曲，你以为你只是在练习旋律线？其实是整个乐团在为你伴奏！`, 'AMR器乐练习系统', {
|
|
|
+ this.$alert(`<b>革命性的“AMR器乐练习系统”</b><br />它的诞生是基于世界上最优秀的华人管乐指导专家唐嘉宏先生的教育理念，创新开发的一种新型“音乐感官植入程序”，这个程序抛弃了传统的“数线式识谱、机械式节奏、死记式乐理”，它营造出沉浸式可变速演奏过程，采用画面与音乐刺激序列组合而成的特定场景，在趣味性挑战的反复刺激中逐步促进器乐演奏的三核心：“音质→音准→音型”，从而达成演奏各环节水准的均匀提高，产生永久性条件反射式大脑记忆，将多板块知识融会贯通，让抽象的音乐知识刻入脑海里！<br /><br /><b>本练习系统的特点：</b><br /> 1.轻松快速掌握要点，让练习者沉浸其中，远离枯燥！<br /> 2.不假思索就能瞬间唤起反射式记忆，演奏识谱不再慢吞吞！<br /> 3.真正的实践记忆，摆脱纸上谈兵，与实际演奏紧密结合！<br />4.思维+肌肉的双重强化！无缝整合复习系统！<br /> 5.每条练习都经过严谨的编曲，你以为你只是在练习旋律线？其实是整个乐团在为你伴奏！`, 'AMR器乐练习系统', {
|
|
|
confirmButtonText: '确定',
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
callback: action => {
|
|
|
@@ -478,32 +481,65 @@ export default {
|
|
|
let csi = this.courseInfo
|
|
|
// 加上判断是否有课程信息
|
|
|
if (mgs) {
|
|
|
+ // let tempCourse = this.courseShowInfo
|
|
|
+ // if(tempCourse.length > 0) {
|
|
|
+ // let tempPrice = 0
|
|
|
+ // tempCourse.forEach(item => {
|
|
|
+ // // tempPrice += parseFloat(item.courseCurrentPrice)
|
|
|
+ // marketPrice += parseFloat(item.courseOriginalPrice)
|
|
|
+ // musicMarketClassFee += parseFloat(item.courseOriginalPrice)
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // csi.forEach(item => {
|
|
|
+ // if (item.isStatus) {
|
|
|
+ // musicClassFee += parseFloat(item.courseCurrentPrice)
|
|
|
+ // // musicMarketClassFee += parseFloat(item.courseOriginalPrice)
|
|
|
+ // // marketPrice += parseFloat(item.courseOriginalPrice)
|
|
|
+ // if (item.id > 0) {
|
|
|
+ // courseKeys.push(item.id)
|
|
|
+ // }
|
|
|
+ // // 不可选的课程才会减免课程费用
|
|
|
+ // if(!item.isStudentOptional) {
|
|
|
+ // tempGroupRemissionCourseFee += parseFloat(item.courseCurrentPrice)
|
|
|
+ // } else {
|
|
|
+ // marketPrice += parseFloat(item.courseOriginalPrice)
|
|
|
+ // musicMarketClassFee += parseFloat(item.courseOriginalPrice)
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // })
|
|
|
let tempCourse = this.courseShowInfo
|
|
|
- if(tempCourse.length > 0) {
|
|
|
- let tempPrice = 0
|
|
|
+ if (tempCourse.length > 0 && this.courseViewType == 1) {
|
|
|
tempCourse.forEach(item => {
|
|
|
- // tempPrice += parseFloat(item.courseCurrentPrice)
|
|
|
- marketPrice += parseFloat(item.courseOriginalPrice)
|
|
|
- musicMarketClassFee += parseFloat(item.courseOriginalPrice)
|
|
|
- });
|
|
|
- }
|
|
|
- csi.forEach(item => {
|
|
|
- if (item.isStatus) {
|
|
|
- musicClassFee += parseFloat(item.courseCurrentPrice)
|
|
|
- // musicMarketClassFee += parseFloat(item.courseOriginalPrice)
|
|
|
- // marketPrice += parseFloat(item.courseOriginalPrice)
|
|
|
if (item.id > 0) {
|
|
|
courseKeys.push(item.id)
|
|
|
}
|
|
|
+ musicClassFee += parseFloat(item.courseCurrentPrice)
|
|
|
+ marketPrice += parseFloat(item.courseOriginalPrice)
|
|
|
// 不可选的课程才会减免课程费用
|
|
|
- if(!item.isStudentOptional) {
|
|
|
+ if (!item.isStudentOptional) {
|
|
|
tempGroupRemissionCourseFee += parseFloat(item.courseCurrentPrice)
|
|
|
- } else {
|
|
|
+ }
|
|
|
+ });
|
|
|
+ buyList.unshift({
|
|
|
+ name: this.chargeTypeName,
|
|
|
+ type: paymentPatternType[this.paymentPattern],
|
|
|
+ price: Number((musicClassFee).toFixed(2))
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ csi.forEach(item => {
|
|
|
+ if (item.isStatus) {
|
|
|
+ musicClassFee += parseFloat(item.courseCurrentPrice)
|
|
|
marketPrice += parseFloat(item.courseOriginalPrice)
|
|
|
- musicMarketClassFee += parseFloat(item.courseOriginalPrice)
|
|
|
+ if (item.id > 0) {
|
|
|
+ courseKeys.push(item.id)
|
|
|
+ }
|
|
|
+ // 不可选的课程才会减免课程费用
|
|
|
+ if (!item.isStudentOptional) {
|
|
|
+ tempGroupRemissionCourseFee += parseFloat(item.courseCurrentPrice)
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- })
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// 乐器
|
|
|
@@ -532,7 +568,7 @@ export default {
|
|
|
}
|
|
|
if (item.kitType == 'LEASE') {
|
|
|
if (item.name != '自备') {
|
|
|
- marketPrice += item.depositFee
|
|
|
+ marketPrice += parseFloat(item.marketPrice)
|
|
|
goodsMarketPrice += item.depositFee
|
|
|
}
|
|
|
} else {
|
|
|
@@ -572,13 +608,13 @@ export default {
|
|
|
})
|
|
|
}
|
|
|
amount += parseFloat(tempCourseFee + musicClassFee)
|
|
|
- // if (parseFloat(tempCourseFee + musicClassFee) > 0) {
|
|
|
+ if (parseFloat(tempCourseFee + musicClassFee) > 0 && this.courseViewType == 0) {
|
|
|
buyList.unshift({
|
|
|
name: '乐团课',
|
|
|
type: paymentPatternType[this.paymentPattern],
|
|
|
price: Number((tempCourseFee + musicClassFee).toFixed(2))
|
|
|
})
|
|
|
- // }
|
|
|
+ }
|
|
|
// 辅件
|
|
|
if (this.accessOries.length > 0) {
|
|
|
this.accessOries.forEach(item => {
|
|
|
@@ -592,14 +628,20 @@ export default {
|
|
|
})
|
|
|
}
|
|
|
goodsGroupIds[item.id] = 'ACCESSORIES'
|
|
|
+
|
|
|
+ buyList.push({
|
|
|
+ name: item.name,
|
|
|
+ type: '团购',
|
|
|
+ price: item.price
|
|
|
+ })
|
|
|
}
|
|
|
})
|
|
|
// if (tempAccessPrice > 0) {
|
|
|
- buyList.push({
|
|
|
- name: '辅件',
|
|
|
- type: '团购',
|
|
|
- price: tempAccessPrice
|
|
|
- })
|
|
|
+ // buyList.push({
|
|
|
+ // name: '辅件',
|
|
|
+ // type: '团购',
|
|
|
+ // price: tempAccessPrice
|
|
|
+ // })
|
|
|
// }
|
|
|
}
|
|
|
let tempGroupPurchasePrice = amount
|
|
|
@@ -710,7 +752,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.disabled {
|
|
|
- opacity: 0.7;
|
|
|
+ opacity: 0.5;
|
|
|
.check_active {
|
|
|
opacity: .5;
|
|
|
}
|
|
|
@@ -928,7 +970,7 @@ export default {
|
|
|
display: flex;
|
|
|
// align-items: center;
|
|
|
}
|
|
|
- .el-col-6 {
|
|
|
+ .el-col-6, .el-col-8 {
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
}
|
