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
-
205pages/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