9 changed files with 745 additions and 18 deletions
-
103components/appointItem-operate/appointItem-operate.vue
-
104components/appointItem/appointItem.vue
-
23pages.json
-
42pages/recordEntry/examine/examineRecord/detail/detail.vue
-
119pages/recordEntry/examine/examineRecord/examineRecord.vue
-
42pages/recordEntry/operate/detail/detail.vue
-
176pages/tabbar/examSimulation/index.vue
-
147pages/tabbar/operateTrain/index.vue
-
3pages/tabbar/statistics/index.vue
@ -0,0 +1,103 @@ |
|||
<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">训练科目：科目二</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="iconImg"> |
|||
<image src="@/static/images/index/radio_nor.png" mode=""></image> |
|||
</view> |
|||
<view class="name">预约场地：xxx场地</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="iconImg"> |
|||
<image src="@/static/images/index/radio_nor.png" mode=""></image> |
|||
</view> |
|||
<view class="name">预约车辆：2号车（浙A99999）</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="iconImg"> |
|||
<image src="@/static/images/index/radio_nor.png" mode=""></image> |
|||
</view> |
|||
<view class="name">预约时间：2023/08/08 9:00—10:00</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; |
|||
color: #333; |
|||
margin-left: 20rpx; |
|||
font-weight: 550; |
|||
} |
|||
.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; |
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,104 @@ |
|||
<template> |
|||
<!-- 考场 --> |
|||
<view class="consultItem"> |
|||
<view class="top_row"> |
|||
<view class="flex"> |
|||
<view class="tag">模拟器</view> |
|||
<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">xx考场</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">2号车（浙A99999）</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="iconImg"> |
|||
<image src="@/static/images/index/radio_nor.png" mode=""></image> |
|||
</view> |
|||
<view class="name">2023/08/08 9:00—10:00</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; |
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,42 @@ |
|||
<template> |
|||
<view class="pageBgImg"> |
|||
<topNavbar title="预约详情"></topNavbar> |
|||
<view class="pad"> |
|||
<view class="card"> |
|||
<appointItem /> |
|||
<view class="border_bottom"> |
|||
<view class="date">核销时间：2023/08/08 08:52:08</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.card { |
|||
padding: 0 28rpx; |
|||
} |
|||
.date { |
|||
font-size: 28rpx; |
|||
color: #ADADAD; |
|||
margin-bottom: 16rpx; |
|||
} |
|||
.border_bottom { |
|||
border-top: 2rpx dashed #E8E9EC; |
|||
padding: 24rpx 10rpx 10rpx 0; |
|||
|
|||
.date { |
|||
font-size: 28rpx; |
|||
color: #ADADAD; |
|||
margin-bottom: 16rpx; |
|||
} |
|||
.btnBg { |
|||
width: 212rpx; |
|||
margin: 30rpx auto; |
|||
|
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,119 @@ |
|||
<template> |
|||
<view class="main"> |
|||
<view class="blueBg"> |
|||
<topNavbar title="预约记录"></topNavbar> |
|||
<view class="pad"> |
|||
<view class="searchBox"> |
|||
<searchRow placeholder="搜索学员姓名、学员手机号、考场名称"></searchRow> |
|||
</view> |
|||
<view class="tabs"> |
|||
<view class="tab" @click="changeTab(1)" :class="{active: currentTab==1}">待核销</view> |
|||
<view class="tab" @click="changeTab(2)" :class="{active: currentTab==2}">已核销</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="navs"> |
|||
<view class="nav" v-for="(item,index) in tabsList" :key="index" :class="{active: currentTab==item.id}">{{ item.text }}</view> |
|||
</view> |
|||
<view class="pad"> |
|||
<view class="total">12条记录</view> |
|||
<view class="card" @click="$goPage('/pages/recordEntry/examine/examineRecord/detail/detail')"> |
|||
<appointItem /> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
currentTab: 1, |
|||
tabsList: [ |
|||
{id: 1, text: '全部'}, |
|||
{id: 2, text: '科目二'}, |
|||
{id: 3, text: '科目三'}, |
|||
] |
|||
} |
|||
}, |
|||
methods: { |
|||
changeTab(num) { |
|||
console.log(num) |
|||
this.currentTab = num |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.main { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
background: #f3f3f3; |
|||
.blueBg { |
|||
background: #1989FA; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
.total { |
|||
font-size: 24rpx; |
|||
color: #686B73; |
|||
text-align: right; |
|||
line-height: 70rpx; |
|||
} |
|||
.card { |
|||
padding: 0 20rpx; |
|||
} |
|||
} |
|||
.searchBox { |
|||
padding: 24rpx 0 20rpx 0; |
|||
} |
|||
.tabs { |
|||
display: flex; |
|||
width: 100%; |
|||
height: 72rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 16rpx; |
|||
.tab { |
|||
flex: 1; |
|||
text-align: center; |
|||
line-height: 72rpx; |
|||
color: #ADADAD; |
|||
&.active { |
|||
background: rgba(25,137,250,0.1); |
|||
border-radius: 16rpx; |
|||
border: 2rpx solid #1989FA; |
|||
color: $themC; |
|||
font-weight: 600; |
|||
} |
|||
} |
|||
} |
|||
.navs { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
color: #fff; |
|||
font-size: 28rpx; |
|||
padding: 0rpx 108rpx 0rpx 130rpx; |
|||
color: $themC; |
|||
background: #fff; |
|||
height: 100rpx; |
|||
.nav { |
|||
line-height: 100rpx; |
|||
&.active { |
|||
font-weight: 500; |
|||
position: relative; |
|||
&::before { |
|||
position: absolute; |
|||
left: 50%; |
|||
transform: translateX(-50%); |
|||
bottom: 20rpx; |
|||
content: ''; |
|||
width: 56rpx; |
|||
height: 6rpx; |
|||
background: $themC; |
|||
border-radius: 3rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,42 @@ |
|||
<template> |
|||
<view class="pageBgImg"> |
|||
<topNavbar title=""></topNavbar> |
|||
<view class="pad"> |
|||
<view class="card"> |
|||
<appointItem-operate /> |
|||
<view class="border_bottom"> |
|||
<view class="date">核销时间：2023/08/08 08:52:08</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.card { |
|||
padding: 0 28rpx; |
|||
} |
|||
.date { |
|||
font-size: 28rpx; |
|||
color: #ADADAD; |
|||
margin-bottom: 16rpx; |
|||
} |
|||
.border_bottom { |
|||
border-top: 2rpx dashed #E8E9EC; |
|||
padding: 24rpx 10rpx 10rpx 0; |
|||
|
|||
.date { |
|||
font-size: 28rpx; |
|||
color: #ADADAD; |
|||
margin-bottom: 16rpx; |
|||
} |
|||
.btnBg { |
|||
width: 212rpx; |
|||
margin: 30rpx auto; |
|||
|
|||
} |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue