22 changed files with 732 additions and 191 deletions
-
65components/cancelReservation/cancelReservation.vue
-
0components/commentItem/commentItem.vue
-
5components/privacyPopup/privacyPopup.vue
-
28pages.json
-
3pages/carEntry/evaluate/comp/evaluateItem.vue
-
4pages/indexEntry/findShcool/comments/comments.vue
-
10pages/mineEntry/carLearProgress/carLearProgress.vue
-
126pages/mineEntry/modelChange/modelChange.vue
-
2pages/mineEntry/myAppointment/comp/examin.vue
-
2pages/mineEntry/myAppointment/comp/imitate.vue
-
16pages/mineEntry/myAppointment/detail/detail.vue
-
2pages/mineEntry/myEvaluate/myEvaluate.vue
-
14pages/mineEntry/personaInfo/personaInfo.vue
-
192pages/mineEntry/refund/comp/myform.vue
-
68pages/mineEntry/refund/refund.vue
-
209pages/mineEntry/schoolTransfer/schoolTransfer.vue
-
5pages/tabbar/index/index.vue
-
14pages/tabbar/learnCar/comp/subject2.vue
-
4pages/tabbar/learnCar/comp/subject3.vue
-
30pages/tabbar/mine/index.vue
-
6uni_modules/uview-ui/components/u-textarea/u-textarea.vue
@ -0,0 +1,65 @@ |
|||
<template> |
|||
<view class="popupCon"> |
|||
<view class="h2">确定取消预约？</view> |
|||
<view class="txt">某个训练预约取消规则</view> |
|||
<view class="btnBox"> |
|||
<view class="btn" @click="$emit('popupBtnClick',0)">取消</view> |
|||
<view class="btn right" @click="$emit('popupBtnClick',1)">确定</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.popupCon { |
|||
width: 558rpx; |
|||
background: linear-gradient(180deg, #C1DFFE 0%, #FFFFFF 20%); |
|||
border-radius: 16rpx; |
|||
|
|||
.h2 { |
|||
font-size: 36rpx; |
|||
color: #333; |
|||
font-weight: 600; |
|||
text-align: center; |
|||
padding: 90rpx 0 0rpx 0; |
|||
} |
|||
|
|||
.txt { |
|||
text-align: center; |
|||
padding: 28rpx; |
|||
color: #686B73; |
|||
} |
|||
|
|||
.btnBox { |
|||
width: 100%; |
|||
height: 110rpx; |
|||
border-top: 1rpx solid #E8E9EC; |
|||
display: flex; |
|||
padding: 30rpx 0; |
|||
|
|||
.btn { |
|||
flex: 1; |
|||
text-align: center; |
|||
color: #ADADAD; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.btn.right { |
|||
color: $themC; |
|||
position: relative; |
|||
|
|||
&::before { |
|||
content: ''; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
width: 2rpx; |
|||
height: 48rpx; |
|||
background: #E8E9EC; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,126 @@ |
|||
<template> |
|||
<view class="pageBgImg"> |
|||
<topNavbar title="个人中心"></topNavbar> |
|||
<view class="pad"> |
|||
<view class="card"> |
|||
<view class="h2">现学驾信息</view> |
|||
<view class="row"> |
|||
<view class="lab">学驾车型</view> |
|||
<view class="val">C1</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="lab">学车班型</view> |
|||
<view class="val">C1手动挡一对一VIP班</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="lab">学驾培训费</view> |
|||
<view class="val blue">￥3000</view> |
|||
</view> |
|||
</view> |
|||
<view class="card"> |
|||
<view class="h2">变更学驾信息</view> |
|||
<view class="row"> |
|||
<view class="lab">学驾车型</view> |
|||
<view class="val" @click="showModel=true"> |
|||
<input type="text" placeholder="请选择" disabled=""> |
|||
</view> |
|||
<view class="arrow" @click="showModel=true"> |
|||
<u-icon name="arrow-right"></u-icon> |
|||
</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="lab">学车班型</view> |
|||
<view class="val"> |
|||
<input type="text" placeholder="请选择" disabled=""> |
|||
</view> |
|||
<view class="arrow"> |
|||
<u-icon name="arrow-right"></u-icon> |
|||
</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="lab">学驾培训费</view> |
|||
<view class="val hui">￥-</view> |
|||
</view> |
|||
</view> |
|||
<view class="btnBg">下一步</view> |
|||
</view> |
|||
<u-picker :show="showModel" :columns="modelArr" keyName="lab" @confirm="confirmModel" @cancel="showModel=false"></u-picker> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
showModel: false, |
|||
modelArr: [ |
|||
[ |
|||
{lab: 'C1',id: 1}, |
|||
{lab: 'C2',id: 2}, |
|||
] |
|||
] |
|||
} |
|||
}, |
|||
methods: { |
|||
confirmModel(val) { |
|||
let item = val.value[0] |
|||
this.showModel = false |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.card { |
|||
margin-bottom: 24rpx; |
|||
padding: 16rpx 28rpx; |
|||
.h2 { |
|||
color: $themC; |
|||
font-weight: 600; |
|||
margin: 10rpx 0 20rpx 0; |
|||
} |
|||
|
|||
.row { |
|||
height: 92rpx; |
|||
line-height: 92rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
.lab { |
|||
font-size: 28rpx; |
|||
color: #333; |
|||
font-weight: 600; |
|||
width: 160rpx; |
|||
} |
|||
|
|||
.val { |
|||
flex: 1; |
|||
height: 100%; |
|||
input { |
|||
display: block; |
|||
height: 100%; |
|||
font-size: 28rpx; |
|||
} |
|||
&.blue { |
|||
color: $themC; |
|||
font-weight: 600; |
|||
} |
|||
&.hui { |
|||
color: #ADADAD; |
|||
font-weight: 400; |
|||
} |
|||
} |
|||
|
|||
.arrow { |
|||
u-icon { |
|||
|
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.btnBg { |
|||
width: 396rpx; |
|||
margin: 72rpx auto; |
|||
|
|||
} |
|||
</style> |
|||
@ -0,0 +1,192 @@ |
|||
<template> |
|||
<view class="form"> |
|||
<view class="card"> |
|||
<view class="row" @click="showReason=true"> |
|||
<view class="lab">退款原因</view> |
|||
<view class="val">申请同城转校</view> |
|||
<view class="icon"> |
|||
<u-icon name="arrow-right"></u-icon> |
|||
</view> |
|||
</view> |
|||
<!-- <view class="tpsBlue">此操作容易造成您已有学时丢失，请谨慎！</view> --> |
|||
<view class="row"> |
|||
<view class="lab">退款金额</view> |
|||
<view class="val"> |
|||
<u--input placeholder="请输入" border="none" clearable type="number" maxlength="11" v-model="FormData.phone"></u--input> |
|||
</view> |
|||
</view> |
|||
<view class="tpsHui">退款金额不可超过¥2000.00</view> |
|||
</view> |
|||
<view class="h1">收款信息</view> |
|||
<view class="card"> |
|||
<view class="row"> |
|||
<view class="lab">持卡人</view> |
|||
<view class="val"> |
|||
<u--input placeholder="请输入" border="none" clearable type="number" maxlength="11" v-model="FormData.phone"></u--input> |
|||
</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="lab">手机号</view> |
|||
<view class="val"> |
|||
<view class="flex-b"> |
|||
<view class="inputBox"> |
|||
<u--input placeholder="请输入" border="none" clearable type="number" maxlength="11" v-model="FormData.phone"></u--input> |
|||
</view> |
|||
<view class="code" @click='goSms' :class="{active: isPhone&&!codeOn}">获取验证码</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="lab" >验证码</view> |
|||
<view class="val"> |
|||
<u--input placeholder="请输入" border="none" clearable type="number" maxlength="11" v-model="FormData.phone"></u--input> |
|||
</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="lab">卡号</view> |
|||
<view class="val"> |
|||
<view class="flex-b"> |
|||
<view class="inputBox"> |
|||
<u--input placeholder="请输入" border="none" clearable type="number" maxlength="11" v-model="FormData.phone"></u--input> |
|||
</view> |
|||
<view class="scan"> |
|||
<image src="@/static/images/userCenter/btn_yinhangkax.png" mode=""></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="lab">开户行</view> |
|||
<view class="val"> |
|||
<u--input placeholder="请输入" border="none" clearable type="number" maxlength="11" v-model="FormData.phone"></u--input> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<u-picker :show="showReason" :columns="reasonArr" keyName="lab" @confirm="confirmReason" @cancel="showReason=false"></u-picker> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
FormData: { |
|||
|
|||
}, |
|||
|
|||
showReason: false , |
|||
codeOn: false, |
|||
reasonArr: [ |
|||
[ |
|||
{lab: '不想学了',id: 1}, |
|||
{lab: '有事情',id: 2}, |
|||
{lab: '去别的地方学',id: 3}, |
|||
] |
|||
], |
|||
} |
|||
}, |
|||
computed: { |
|||
isPhone() { |
|||
return uni.$u.test.mobile(this.FormData.phone) |
|||
} |
|||
}, |
|||
methods: { |
|||
confirmReason(val) { |
|||
let item = val.value[0] |
|||
this.showReason = false |
|||
console.log(item) |
|||
}, |
|||
// 发送短信验证码 |
|||
async goSms() { |
|||
const { |
|||
FormData |
|||
} = this |
|||
if (!FormData.phone) return this.$u.toast('请输入手机号'); |
|||
if (!this.isPhone) return this.$u.toast('手机号格式有误'); |
|||
if (this.codeOn) return |
|||
const data = await getLoginCode({ |
|||
codeType: 1, |
|||
phone: FormData.phone, |
|||
}) |
|||
console.log(data) |
|||
// 获取验证码 |
|||
var time = 60; |
|||
var timer = setInterval(() => { |
|||
time--; |
|||
this.codeText = time + "秒后重新发送" |
|||
this.codeOn = true; |
|||
if (time == 0) { |
|||
clearInterval(timer); |
|||
this.codeText = "获取验证码"; |
|||
this.codeOn = false; |
|||
} |
|||
}, 1000); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
.h1 { |
|||
margin: 20rpx 0; |
|||
} |
|||
.card { |
|||
padding: 12rpx 28rpx; |
|||
margin-bottom: 24rpx; |
|||
.row { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
.lab { |
|||
font-size: 28rpx; |
|||
color: #333; |
|||
font-weight: 500; |
|||
width: 152rpx; |
|||
} |
|||
|
|||
.val { |
|||
flex: 1; |
|||
&.tpsBlue { |
|||
font-size: 24rpx; |
|||
} |
|||
.flex-b { |
|||
.scan { |
|||
width: 44rpx; |
|||
height: 44rpx; |
|||
} |
|||
.code { |
|||
flex-shrink: 0; |
|||
color: #ADADAD; |
|||
&.active { |
|||
color: $themC; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.icon { |
|||
u-icon { |
|||
|
|||
} |
|||
} |
|||
} |
|||
.tpsBlue { |
|||
color: $themC; |
|||
margin-bottom: 10rpx; |
|||
padding-left: 152rpx; |
|||
font-size: 24rpx; |
|||
} |
|||
.tpsHui { |
|||
font-size: 24rpx; |
|||
color: #ADADAD; |
|||
padding: 0rpx 0 16rpx 0; |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,68 @@ |
|||
<template> |
|||
<view class="pageBgImg"> |
|||
<topNavbar title="同城转校"></topNavbar> |
|||
<view class="pad"> |
|||
<view class="card"> |
|||
<view class="tpsBox"> |
|||
<view class="row"> |
|||
<view class="icon"> |
|||
<image src="@/static/images/userCenter/warn.png" mode=""></image> |
|||
</view> |
|||
<view class="tps">请与教练协商，确认达成一致后填写协商好的退款金额</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<myform></myform> |
|||
<view class="btnBg">提交</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import myform from './comp/myform' |
|||
export default { |
|||
components: { myform }, |
|||
data() { |
|||
return { |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.card { |
|||
padding: 12rpx 28rpx; |
|||
margin-bottom: 24rpx; |
|||
.tpsBox { |
|||
height: 140rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 16rpx; |
|||
.row { |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
.icon { |
|||
width: 36rpx; |
|||
height: 36rpx; |
|||
} |
|||
|
|||
.tps { |
|||
padding-left: 26rpx; |
|||
font-size: 28rpx; |
|||
font-weight: 600; |
|||
color: $themC; |
|||
line-height: 1.2em; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.btnBg { |
|||
width: 396rpx; |
|||
margin: 94rpx auto; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue