11 changed files with 682 additions and 18 deletions
-
45pages.json
-
8pages/tabbar/mine/index.vue
-
98pages/userCenter/examinInfo/comp/examinItem.vue
-
69pages/userCenter/examinInfo/examinInfo.vue
-
65pages/userCenter/indicatorRecharge/indicatorRecharge.vue
-
30pages/userCenter/myCar/myCar.vue
-
130pages/userCenter/refund/comp/item.vue
-
47pages/userCenter/refund/refund.vue
-
174pages/userCenter/settled/settled.vue
-
26pages/userCenter/studentComment/studentComment.vue
-
BINstatic/images/index/telephone.png
@ -0,0 +1,98 @@ |
|||||
|
<template> |
||||
|
<view class="li" @click="$goPage('/pages/indexEntry/examines/detail/detail')"> |
||||
|
<view class="flex"> |
||||
|
<view class="cover"> |
||||
|
<image src="@/static/images/logo.png" mode=""></image> |
||||
|
</view> |
||||
|
<view class="textCon"> |
||||
|
<view class="name">江西海正驾校</view> |
||||
|
<view class="starBox"> |
||||
|
<u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="4" disabled></u-rate> |
||||
|
<view class="num">4.9分</view> |
||||
|
</view> |
||||
|
<view class="modeCar">准考车型：C1/C2</view> |
||||
|
</view> |
||||
|
<view class="pozPhone"> |
||||
|
<image src="@/static/images/index/telephone.png" mode=""></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="redBox"> |
||||
|
<!-- <view class="icon"> |
||||
|
<image src="@/static/images/index/ic_tongzhi.png" mode=""></image> |
||||
|
</view> --> |
||||
|
<!-- <view class="marqueeW"> --> |
||||
|
<u-notice-bar :text="'免费开放日免费开放日免费开放日免费开放日2023/08/08'" bgColor="#FBE8EA" color="#C12727" fontSize="12"></u-notice-bar> |
||||
|
<!-- </view> --> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
text1: '免费开放日：2023/08/08 ' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.flex { |
||||
|
position: relative; |
||||
|
.cover { |
||||
|
width: 204rpx; |
||||
|
height: 140rpx; |
||||
|
border-radius: 8rpx; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.textCon { |
||||
|
flex: 1; |
||||
|
padding: 0 0 0 36rpx; |
||||
|
.name { |
||||
|
font-size: 32rpx; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
.starBox { |
||||
|
padding: 10rpx 0 20rpx 0; |
||||
|
} |
||||
|
|
||||
|
.modeCar { |
||||
|
font-size: 24rpx; |
||||
|
color: #686B73; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.pozPhone { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
right: 10rpx; |
||||
|
width: 72rpx; |
||||
|
height: 72rpx; |
||||
|
transform: translateY(-50%); |
||||
|
} |
||||
|
} |
||||
|
.redBox { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
background: #FBE8EA; |
||||
|
height: 40rpx; |
||||
|
align-items: center; |
||||
|
margin-top: 34rpx; |
||||
|
overflow: hidden; |
||||
|
.icon { |
||||
|
width: 40rpx; |
||||
|
image { |
||||
|
width: 28rpx; |
||||
|
height: 28rpx; |
||||
|
margin-left: auto; |
||||
|
} |
||||
|
} |
||||
|
.marqueeW { |
||||
|
width: 0; |
||||
|
flex: 1; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,69 @@ |
|||||
|
<template> |
||||
|
<view class="pageBgImg"> |
||||
|
<topNavbar title="考场信息"></topNavbar> |
||||
|
<view class="pad"> |
||||
|
<view class="searchBox"> |
||||
|
<searchRow placeholder="搜索考场名称"></searchRow> |
||||
|
</view> |
||||
|
<view class="tabs"> |
||||
|
<view class="tab" v-for="(item,index) in tabData" :key="index" :class="{active: index==1}">{{ item.text }}</view> |
||||
|
</view> |
||||
|
<view class="list"> |
||||
|
<view class="card"> |
||||
|
<examinItem/> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import examinItem from './comp/examinItem' |
||||
|
export default { |
||||
|
components: { examinItem }, |
||||
|
data() { |
||||
|
return { |
||||
|
tabData: [ |
||||
|
{text: '全部', id: 1}, |
||||
|
{text: '理论', id: 2}, |
||||
|
{text: '科目二', id: 3}, |
||||
|
{text: '科目三', id: 4}, |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.card { |
||||
|
padding: 32rpx 36rpx 26rpx 24rpx; |
||||
|
} |
||||
|
.searchBox { |
||||
|
padding: 20rpx 0; |
||||
|
} |
||||
|
.tabs { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
height: 110rpx; |
||||
|
align-items: center; |
||||
|
.tab { |
||||
|
font-size: 28rpx; |
||||
|
color: #fff; |
||||
|
line-height: 110rpx; |
||||
|
&.active { |
||||
|
position: relative; |
||||
|
&::before { |
||||
|
content: ''; |
||||
|
width: 56rpx; |
||||
|
height: 6rpx; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 3rpx; |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
transform: translateX(-50%); |
||||
|
bottom: 20rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,65 @@ |
|||||
|
<template> |
||||
|
<view class="pageBgImg"> |
||||
|
<topNavbar title="指标充值记录"></topNavbar> |
||||
|
<view class="pad"> |
||||
|
<view class="navBox"> |
||||
|
<cardNav :navData="navData" :currentNav="currentNav" @changeNav="changeNav"></cardNav> |
||||
|
</view> |
||||
|
<view class="ul"> |
||||
|
<view class="card" v-for="(item,index) in 10" :key="index"> |
||||
|
<view class="num">+20</view> |
||||
|
<view class="date">2023/08/08 10:55:21</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
navData: [ |
||||
|
{text: '科目二', id: 1}, |
||||
|
{text: '科目三', id: 2}, |
||||
|
], |
||||
|
currentNav: 1 |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
changeNav(id) { |
||||
|
this.currentNav = id |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.navBox { |
||||
|
padding: 24rpx 0; |
||||
|
} |
||||
|
.ul { |
||||
|
width: 100%; |
||||
|
.card { |
||||
|
display: flex; |
||||
|
width: 100%; |
||||
|
height: 100rpx; |
||||
|
align-items: center; |
||||
|
margin-bottom: 20rpx; |
||||
|
justify-content: space-between; |
||||
|
padding: 0 32rpx; |
||||
|
margin-bottom: 20rpx; |
||||
|
.num { |
||||
|
color: $themC; |
||||
|
font-weight: 500; |
||||
|
font-size: 36rpx; |
||||
|
&::after { |
||||
|
content: '个'; |
||||
|
font-size: 24rpx; |
||||
|
font-weight: 400; |
||||
|
margin-left: 6rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,30 @@ |
|||||
|
<template> |
||||
|
<view class="pageBgImg"> |
||||
|
<topNavbar title="我的车辆"></topNavbar> |
||||
|
<view class="pad"> |
||||
|
<view class="searcBox"> |
||||
|
<searchRow placeholder="搜索车牌号"></searchRow> |
||||
|
</view> |
||||
|
<view class="card"> |
||||
|
<view class="add"> |
||||
|
<view class="lab">新增车辆</view> |
||||
|
<view class="lab">立即新增</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="ul"> |
||||
|
<view class="card"> |
||||
|
<view class="li"> |
||||
|
<view class="plate">浙A.6666</view> |
||||
|
<view class="name">大众朗逸</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
</style> |
||||
@ -0,0 +1,130 @@ |
|||||
|
<template> |
||||
|
<!-- 考场 --> |
||||
|
<view class="consultItem"> |
||||
|
<view class="top_row"> |
||||
|
<view class="flex"> |
||||
|
<view class="schoolName">张三三 18265468753</view> |
||||
|
</view> |
||||
|
<view class="status"> |
||||
|
<view class="text">待处理</view> |
||||
|
<view class="icon"> |
||||
|
<u-icon name="arrow-right" size="14" color="#686B73" style="margin-left: 12rpx;" ></u-icon> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="target"> |
||||
|
<view class="row"> |
||||
|
<view class="iconImg"> |
||||
|
<image src="@/static/images/index/radio_nor.png" mode=""></image> |
||||
|
</view> |
||||
|
<view class="name">报名时间：2023/08/08</view> |
||||
|
</view> |
||||
|
<view class="row"> |
||||
|
<view class="iconImg"> |
||||
|
<image src="@/static/images/index/radio_nor.png" mode=""></image> |
||||
|
</view> |
||||
|
<view class="name">学驾车型：C1小型汽车手动挡</view> |
||||
|
</view> |
||||
|
<view class="row"> |
||||
|
<view class="iconImg"> |
||||
|
<image src="@/static/images/index/radio_nor.png" mode=""></image> |
||||
|
</view> |
||||
|
<view class="name">报名班型：C1一对一VIP班</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="border_bottom"> |
||||
|
<view class="row"> |
||||
|
<view class="lab">申请退款金额</view> |
||||
|
<view class="val">￥8880.13</view> |
||||
|
</view> |
||||
|
<view class="btn_row"> |
||||
|
<view class="btnBg">审核通过</view> |
||||
|
<view class="btnBg">审核不通过</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.consultItem { |
||||
|
width: 100%; |
||||
|
.top_row { |
||||
|
display: flex; |
||||
|
width: 100%; |
||||
|
height: 116rpx; |
||||
|
border-bottom: 2rpx dashed #E8E9EC; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
.tag { |
||||
|
// width: 176rpx; |
||||
|
height: 60rpx; |
||||
|
background: rgba(250, 149, 25, 0.1); |
||||
|
border-radius: 8rpx; |
||||
|
text-align: center; |
||||
|
font-size: 28rpx; |
||||
|
color: #FA7919; |
||||
|
margin-right: 24rpx; |
||||
|
padding: 10rpx 18rpx; |
||||
|
} |
||||
|
.schoolName { |
||||
|
font-size: 28rpx; |
||||
|
font-weight: 550; |
||||
|
color: #333; |
||||
|
margin-left: 20rpx; |
||||
|
} |
||||
|
.status { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
.text { |
||||
|
font-size: 28rpx; |
||||
|
color: $themC; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.target { |
||||
|
padding: 20rpx 0; |
||||
|
} |
||||
|
.row { |
||||
|
padding: 16rpx 0; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
.iconImg { |
||||
|
width: 25rpx; |
||||
|
height: 25rpx; |
||||
|
} |
||||
|
.name { |
||||
|
font-size: 28rpx; |
||||
|
color: #333; |
||||
|
padding-left: 20rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.border_bottom { |
||||
|
border-top: 2rpx dashed #E8E9EC; |
||||
|
.row { |
||||
|
padding: 28rpx 0; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
.val { |
||||
|
color: $themC; |
||||
|
} |
||||
|
} |
||||
|
.btn_row { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
padding: 30rpx 0; |
||||
|
.btnBg { |
||||
|
width: 188rpx; |
||||
|
margin: 0 26rpx; |
||||
|
&:first-child { |
||||
|
width: 168rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,47 @@ |
|||||
|
<template> |
||||
|
<view class="pageBgImg"> |
||||
|
<topNavbar title="学员退款"></topNavbar> |
||||
|
<view class="pad"> |
||||
|
<view class="navBox"> |
||||
|
<cardNav :navData="navData" :currentNav="currentNav" @changeNav="changeNav"/> |
||||
|
</view> |
||||
|
<view class="list"> |
||||
|
<view class="card"> |
||||
|
<refundItem/> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import refundItem from './comp/item' |
||||
|
export default { |
||||
|
components: { refundItem }, |
||||
|
data() { |
||||
|
return { |
||||
|
currentNav: 1, |
||||
|
navData: [ |
||||
|
{text: '待审核', id: 1}, |
||||
|
{text: '已审核', id: 2} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
changeNav(val) { |
||||
|
this.currentNav = val |
||||
|
console.log(val) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.navBox { |
||||
|
padding: 24rpx 0; |
||||
|
} |
||||
|
.card { |
||||
|
padding: 0 28rpx; |
||||
|
margin-bottom: 24rpx; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,174 @@ |
|||||
|
<template> |
||||
|
<view class="pageBgImg"> |
||||
|
<view class="searchBox"> |
||||
|
<topNavbar title="待结算记录"></topNavbar> |
||||
|
</view> |
||||
|
<view class="pad"> |
||||
|
<view class="searcBox"> |
||||
|
<searchRow placeholder="搜索学员姓名、学员手机号"/> |
||||
|
</view> |
||||
|
<view class="tabs"> |
||||
|
<view class="tab" v-for="(item,index) in tabData" :key="index" :class="{active: index==1}">{{ item.text }}</view> |
||||
|
</view> |
||||
|
<view class="total">12条记录</view> |
||||
|
|
||||
|
<view class="list"> |
||||
|
<view class="card"> |
||||
|
<view class="top_row"> |
||||
|
<view class="name">张三三</view> |
||||
|
<view class="tag">第三阶段</view> |
||||
|
<view class="price"><text>待结算金额：</text> ￥1333.3</view> |
||||
|
</view> |
||||
|
<view class="row"> |
||||
|
<view class="lab">学员确认</view> |
||||
|
<view class="icon"> |
||||
|
<image src="@/static/images/index/radio_cli.png" mode=""></image> |
||||
|
<!-- <image src="@/static/images/index/radio_nor.png" mode=""></image> --> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btnBg">确认</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="row"> |
||||
|
<view class="lab">教练确认</view> |
||||
|
<view class="icon"> |
||||
|
<image src="@/static/images/index/radio_cli.png" mode=""></image> |
||||
|
<!-- <image src="@/static/images/index/radio_nor.png" mode=""></image> --> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btnBg">确认</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="row"> |
||||
|
<view class="lab">驾校确认</view> |
||||
|
<view class="icon"> |
||||
|
<image src="@/static/images/index/radio_cli.png" mode=""></image> |
||||
|
<!-- <image src="@/static/images/index/radio_nor.png" mode=""></image> --> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
2023/08/08 10:55:21 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
tabData: [ |
||||
|
{text: '全部', id: 1}, |
||||
|
{text: '阶段二', id: 2}, |
||||
|
{text: '阶段三', id: 3}, |
||||
|
{text: '阶段五', id: 4} |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.searcBox { |
||||
|
padding-top: 24rpx; |
||||
|
} |
||||
|
.total { |
||||
|
font-size: 24rpx; |
||||
|
color: #686B73; |
||||
|
line-height: 74rpx; |
||||
|
text-align: right; |
||||
|
height: 74rpx; |
||||
|
} |
||||
|
.tabs { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
height: 110rpx; |
||||
|
align-items: center; |
||||
|
.tab { |
||||
|
font-size: 28rpx; |
||||
|
color: #fff; |
||||
|
line-height: 110rpx; |
||||
|
&.active { |
||||
|
position: relative; |
||||
|
&::before { |
||||
|
content: ''; |
||||
|
width: 56rpx; |
||||
|
height: 6rpx; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 3rpx; |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
transform: translateX(-50%); |
||||
|
bottom: 20rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.list { |
||||
|
.card { |
||||
|
padding: 0 32rpx; |
||||
|
.top_row { |
||||
|
display: flex; |
||||
|
border-bottom: 2rpx dashed #E8E9EC; |
||||
|
height: 98rpx; |
||||
|
align-items: center; |
||||
|
width: 100%; |
||||
|
margin-bottom: 12rpx; |
||||
|
.name { |
||||
|
font-size: 32rpx; |
||||
|
color: #333; |
||||
|
} |
||||
|
|
||||
|
.tag { |
||||
|
width: 144rpx; |
||||
|
height: 60rpx; |
||||
|
background: rgba(25,137,250,0.1); |
||||
|
border-radius: 8rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: $themC; |
||||
|
text-align: center; |
||||
|
margin-left: 10rpx; |
||||
|
line-height: 60rpx; |
||||
|
} |
||||
|
|
||||
|
.price { |
||||
|
color: $themC; |
||||
|
margin-left: auto; |
||||
|
font-size: 32rpx; |
||||
|
font-weight: 500; |
||||
|
text { |
||||
|
font-size: 24rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.row { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
height: 88rpx; |
||||
|
.lab { |
||||
|
color: #686B73; |
||||
|
} |
||||
|
|
||||
|
.icon { |
||||
|
width: 32rpx; |
||||
|
height: 32rpx; |
||||
|
} |
||||
|
|
||||
|
.right { |
||||
|
color: #686B73; |
||||
|
width: 300rpx; |
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
.btnBg { |
||||
|
width: 130rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
After Width: 72 | Height: 72 | Size: 1.8 KiB |
Write
Preview
Loading…
Cancel
Save
Reference in new issue