|
@@ -4,11 +4,14 @@
|
|
|
|
|
|
<div class="section">
|
|
|
<h2 class="title line_bottom">课程</h2>
|
|
|
- <p class="indate" v-if="result.payMethod >= 26" key="indate-price"><span>现价:¥{{ result.classAmount }}</span></p>
|
|
|
+ <!-- <p class="indate" v-if="result.payMethod >= 26" key="indate-price"><span>现价:¥{{ result.classAmount }}</span></p> -->
|
|
|
<div class="options" v-if="result.payMethod >= 26" key="class-list">
|
|
|
<div class="option">
|
|
|
<div class="0_hd"><i class="check_default check_active"></i></div>
|
|
|
<div class="o_bd">乐团声部训练</div>
|
|
|
+ <span class="o_ft">
|
|
|
+ 现价:¥{{ result.classAmount }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<div class="option">
|
|
|
<div class="0_hd"><i class="check_default check_active"></i></div>
|
|
@@ -28,6 +31,7 @@
|
|
|
<div class="option">
|
|
|
<div class="0_hd"><i class="check_default check_active"></i></div>
|
|
|
<div class="o_bd">乐团课</div>
|
|
|
+
|
|
|
<span class="o_ft" v-if="result.payMethod == 21 || result.payMethod == 25" key="class-price">
|
|
|
<del>原价:¥23520</del> 现价:免费
|
|
|
</span>
|
|
@@ -45,7 +49,7 @@
|
|
|
<div class="section">
|
|
|
<h2 class="title line_bottom">乐器</h2>
|
|
|
|
|
|
- <div class="options" v-if="result.payMethod == 21 || result.payMethod == 22 || result.payMethod > 26 || (result.payMethod == 25 && result.isCopperPipe == 1)">
|
|
|
+ <div class="options" v-if="result.payMethod == 21 || result.payMethod == 22 || result.payMethod > 26 || (result.payMethod == 25 && !result.isCopperPipe)">
|
|
|
<div v-for="(con, index) in instrument.config" :key="con.name" :class="[ instrument.config.length > 1 ? 'oc' : '' ]" @click="instrumentF(index)">
|
|
|
<div class="option">
|
|
|
<div class="o_"><i class="check_default" :class="[ con.checked ? 'check_active' : '' ]"></i></div>
|
|
@@ -58,7 +62,7 @@
|
|
|
|
|
|
<div class="configuration" v-if="con.marketPrice > 0">
|
|
|
<div class="config">
|
|
|
- <div class="title"><span>参数</span></div>
|
|
|
+ <div class="title"><span>配置参数</span></div>
|
|
|
<div class="content">
|
|
|
<p>{{ instrument.configuration }} {{ con.texture}}</p>
|
|
|
</div>
|
|
@@ -66,8 +70,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="options" v-if="(result.payMethod == 25 && result.isCopperPipe == 0) || result.payMethod == 26">
|
|
|
+ <div class="options" v-if="(result.payMethod == 25 && result.isCopperPipe) || result.payMethod == 26">
|
|
|
<div v-for="con in instrument.config" :key="con.name" class="oc" @click="instrumentF2('default', con)">
|
|
|
<div class="option" v-if="con.default">
|
|
|
<div class="o_"><i class="check_default" :class="[ con.checked ? 'check_active' : '' ]"></i></div>
|
|
@@ -86,7 +89,7 @@
|
|
|
|
|
|
<div class="configuration" v-if="con.default">
|
|
|
<div class="config">
|
|
|
- <div class="title"><span>参数</span></div>
|
|
|
+ <div class="title"><span>配置参数</span></div>
|
|
|
<div class="content">
|
|
|
<p>{{ instrument.configuration }} {{ con.texture}}</p>
|
|
|
</div>
|
|
@@ -136,10 +139,10 @@
|
|
|
|
|
|
<div class="buy">
|
|
|
<div class="price">
|
|
|
- <!-- <p class="oldprice">
|
|
|
+ <p class="oldprice">
|
|
|
<del class="text">原价</del>
|
|
|
<del>¥{{ orderInfo.marketPrice }}</del>
|
|
|
- </p> -->
|
|
|
+ </p>
|
|
|
<p class="now_price">
|
|
|
<span class="text">仅需支付</span>
|
|
|
<span>¥{{ orderInfo.referencePrice }}</span>
|
|
@@ -326,7 +329,8 @@ export default {
|
|
|
if(!instrumentCount) {
|
|
|
Dialog.alert({
|
|
|
title: '提示',
|
|
|
- message: '请选择乐器准备方式'
|
|
|
+ message: '请选择乐器准备方式',
|
|
|
+ confirmButtonColor: '#269a93'
|
|
|
})
|
|
|
return false
|
|
|
}
|
|
@@ -338,7 +342,8 @@ export default {
|
|
|
} else {
|
|
|
Dialog.alert({
|
|
|
title: '提示',
|
|
|
- message: result.msg
|
|
|
+ message: result.msg,
|
|
|
+ confirmButtonColor: '#269a93'
|
|
|
})
|
|
|
}
|
|
|
})
|
|
@@ -358,8 +363,16 @@ export default {
|
|
|
},
|
|
|
protocol() {
|
|
|
// 协议
|
|
|
+ // let tempMark = 0 // 临时原价数据
|
|
|
+ // this.instrument.config.forEach(config => {
|
|
|
+ // if(config.checked) {
|
|
|
+ // tempMark = config.marketPrice
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+
|
|
|
let r = this.result
|
|
|
let protocol = {
|
|
|
+ // marketPrice: tempMark, // 原价
|
|
|
patriarchName: r.patriarchName,
|
|
|
patriarchPhone: r.patriarchPhone,
|
|
|
stuName: r.stuName,
|
|
@@ -438,7 +451,7 @@ export default {
|
|
|
// 1.5 版本 免费领用乐器
|
|
|
// 3.0 版本 押金800
|
|
|
if(version == 25) {
|
|
|
- if(this.result.isCopperPipe == 1) {
|
|
|
+ if(!this.result.isCopperPipe) {
|
|
|
amountSummary.rInstrument = parseInt(config[i].referencePrice)
|
|
|
} else {
|
|
|
amountSummary.rInstrument = 0
|
|
@@ -523,15 +536,15 @@ export default {
|
|
|
background: #14928a;
|
|
|
display: inline-block;
|
|
|
margin-right: .07rem;
|
|
|
+ border-radius: 8px;
|
|
|
}
|
|
|
}
|
|
|
.indate {
|
|
|
- font-size: .12rem;
|
|
|
+ font-size: .14rem;
|
|
|
padding: .06rem 0;
|
|
|
display: flex;
|
|
|
// justify-content: space-between;
|
|
|
justify-content: flex-end;
|
|
|
- border-bottom: 1px solid #ededed;
|
|
|
span {
|
|
|
color: #FA101D;
|
|
|
}
|
|
@@ -584,23 +597,38 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.o_ft {
|
|
|
- font-size: .12rem;
|
|
|
+ font-size: .14rem;
|
|
|
color: #FA101D;
|
|
|
del {
|
|
|
color: #AAAAAA;
|
|
|
- font-size: .11rem;
|
|
|
+ font-size: .12rem;
|
|
|
}
|
|
|
}
|
|
|
.check_default {
|
|
|
+ position: relative;
|
|
|
margin-right: .08rem;
|
|
|
display: block;
|
|
|
width: .14rem;
|
|
|
height: .14rem;
|
|
|
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABK0lEQVQ4T6WSP0vDQBjGn3MIiYX+CbhYG7BR7CL5ANmS2SWQ7H4DZ3ed/QbuOcjinGz5ANGloqmQ2i5CmhZqQgZPLjRQFYS2N9297/t73+fuHoK15bruASHkijF2AeB0lXohhDwwxu4cx/moy0m9oZRaAO5VVW0qioJ2u12lsixDkiSI43gB4NK2bY/HK5BDoihSXdf3Wq0WZrMZPpfLCtxvNNDpdDCfzxGG4VdRFDaHyUreq2maTUmS8DYaoSzL9RtAEAQc9/vI8xy+7y8YYyeEUnqjquq1pml4Hg7/QHUHDp8NBoiiiMu+5RMfDcM45wXv4/GPSb8PR71eFQqC4ImDuWVZ4nQyQZqm/4KyLOOw24XnecVO4HZSd3kc7pbNv2NrA+xkuRrexOTfqpPUy7sW3D4AAAAASUVORK5CYII=) no-repeat center;
|
|
|
- background-size: contain;
|
|
|
+ border-radius: 50%;
|
|
|
+ border: .01rem solid #D0CFCF;
|
|
|
+ &::before {
|
|
|
+ position: absolute;
|
|
|
+ top: .01rem;
|
|
|
+ left: .01rem;
|
|
|
+ content: ' ';
|
|
|
+ display: inline-block;
|
|
|
+ width: .12rem;
|
|
|
+ height: .12rem;
|
|
|
+ background: #D0CFCF;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
&.check_active {
|
|
|
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABaUlEQVQ4T2NkQAKHPD1F2TmYChgZGHwZGBlUwVL/GW7/Z2DY/PPHvwl227e/hilnhDFOBXoHMbKxzhd18eATtnNg4FJQBEt9e3Cf4e2hAwyv9+z49P/X70Sz9VvXgcTBGkGa2EREVqtU1jFxSUgy/F+1geHf6bNgjUymxgyMYQEM3148Z7jT3vTv15s3oSDNjCDncfKx39Fs7+Xj+vWX4U9YAgPDo8fIPmBgkJNlYFm1gOEbGzPD9criT98//VRhPB3o2yrq5V0lFx3H8MfCBVMTzAiQ5hN7GB4tXcTwctvmNsZTgd6XNDt6dbmOn2X4W1CBahMaj3lCB8M3S2OG6xXFlxlPBXl/N16+juNfURXD/6Wr8GpkjA5jYOprYzgbGfSDAo1wp55j+FtQTsCpnQzfLI0gTiU7cMiODuwJYD3Dv9PnoAnAiIExLBAzAVCU5GCawc7mYCn4z/APJZEzMjBt/v7jD0oiBwAFDdbhAm8qEQAAAABJRU5ErkJggg==) no-repeat center;
|
|
|
- background-size: contain;
|
|
|
+ border: .01rem solid #F1111B;
|
|
|
+ &::before {
|
|
|
+ background: #F1111B;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -620,7 +648,7 @@ export default {
|
|
|
top: -.09rem;
|
|
|
display: inline-block;
|
|
|
background-color: #fff;
|
|
|
- font-size: .1rem;
|
|
|
+ font-size: .12rem;
|
|
|
padding: 0 .04rem;
|
|
|
}
|
|
|
}
|