dianliang/driverSchool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
许允枞 2025-04-01 17:52:14 +08:00
parent 2441d6d805
commit 38eff93f78
2 changed files with 200 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
newPages/appointment/index.vue
View File

@ -36,40 +36,9 @@
<text class="text_9">{{ item.coachName }}</text>
</view>
</view>
<view class="box_5 flex-col">
<view class="block_4 flex-row justify-between">
<view class="group_7 flex-col justify-between">
<text class="text_10">2025-02-20&nbsp;12:30</text>
<view class="section_1 flex-row justify-between">
<view class="text-wrapper_6 flex-col">
<text class="text_11">科目二</text>
</view>
<view class="text-wrapper_7 flex-col">
<text class="text_12">C2</text>
</view>
</view>
</view>
<view class="text-wrapper_8 flex-col">
<text class="text_13">已审核</text>
</view>
</view>
<view class="text-wrapper_9 flex-row justify-between">
<text class="text_14">时间范围：</text>
<text class="text_15">09:00-10:00</text>
</view>
<view class="text-wrapper_10 flex-row justify-between">
<text class="text_16">教练名称：</text>
<text class="text_17">马文峰</text>
</view>
<view class="block_5 flex-row">
<view class="text-wrapper_11 flex-col">
<text class="text_18">开始评价</text>
</view>
</view>
</view>
</view>
<view class="box_6 flex-col">
<view class="text-wrapper_12 flex-col">
<view class="box_6 flex-col bottom_">
<view class="text-wrapper_12 flex-col " @click="goAppointment()">
<text class="text_19">预约</text>
</view>
</view>
@ -142,6 +111,11 @@ export default {
this.appointmentList = []
this.getList()
},
goAppointment() {
uni.navigateTo({
url: '/newPages/appointmentAdd/index'
})
}
}
};
</script>
@ -163,4 +137,8 @@ export default {
box-sizing: border-box;
padding-top: 88px;
}
.bottom_{
position: fixed;
bottom: 0;
}
</style>

271
newPages/appointmentAdd/index.vue
View File

@ -1,67 +1,174 @@
<template>
<view class="page flex-col">
<view class="section_1 flex-row">
<image
class="image_1"
referrerpolicy="no-referrer"
src="/static/lanhu_yuyue/FigmaDDSSlicePNG5472ef46deab947fe098747eb1b07bd2.png"
/>
<view class="box_1 flex-col"></view>
<view class="box_2 flex-col"></view>
<image
class="image_2"
referrerpolicy="no-referrer"
src="/static/lanhu_yuyue/FigmaDDSSlicePNGb239db97c719ec7467ee7c9615d3d24a.png"
/>
<view class="header">
<headers titles="预约训练">
<uni-icons @click="goback()" type="arrow-left" color="#000000"
size="22px"></uni-icons>
</headers>
</view>
<view class="section_2 flex-col">
<view class="block_1 flex-row">
<image
class="label_1"
referrerpolicy="no-referrer"
src="/static/lanhu_yuyue/FigmaDDSSlicePNGacf527a62cbe7351c6472edd8f5b2814.png"
/>
<text class="text_1">预约</text>
<view class="group_1 flex-col">
<view class="image-wrapper_1 flex-row">
<image
class="thumbnail_1"
referrerpolicy="no-referrer"
src="/static/lanhu_yuyue/FigmaDDSSlicePNGdc9929c2b5fd86c1689cc5990a0b4397.png"
/>
</view>
<view class="section_3 flex-row justify-between">
<view class="box_3 flex-col"></view>
<view class="box_4 flex-col"></view>
</view>
</view>
</view>
<view class="list_1 flex-col">
<view
class="list-items_1 flex-col"
v-for="(item, index) in loopData0"
:key="index"
<view class="form_" >
<view class="" style="background-color: white;padding: 10rpx 15rpx;border-radius: 15rpx">
<u-form
labelPosition="left"
labelWidth="auto"
labelAlign="center"
:model="appointmentInfo"
:rules="rules"
ref="uForm"
>
<view class="text-wrapper_1 flex-row justify-between">
<text class="text_2" v-html="item.lanhutext0"></text>
<text class="text_3" v-html="item.lanhutext1"></text>
</view>
<view class="text-wrapper_2 flex-row justify-between">
<text class="text_4" v-html="item.lanhutext2"></text>
<text class="text_5" v-html="item.lanhutext3"></text>
</view>
<view class="text-wrapper_3 flex-row justify-between">
<text class="text_6" v-html="item.lanhutext4"></text>
<text class="text_7" v-html="item.lanhutext5"></text>
</view>
<view class="text-wrapper_4 flex-row justify-between">
<text class="text_8" v-html="item.lanhutext6"></text>
<text class="text_9" v-html="item.lanhutext7"></text>
</view>
</view>
<u-form-item
label="课程名称"
prop="userInfo.name"
borderBottom
ref="item1"
>
<u-input
v-model="appointmentInfo.userInfo.name"
border="none"
></u-input>
</u-form-item>
<u-form-item
label="训练类型"
prop="userInfo.sex"
borderBottom
@click="showSex = true; hideKeyboard()"
ref="item1"
>
<u-input
v-model="appointmentInfo.userInfo.sex"
disabled
disabledColor="#ffffff"
placeholder="请选择性别"
border="none"
></u-input>
<u-icon
slot="right"
name="arrow-right"
></u-icon>
</u-form-item>
<u-form-item
label="选择科目"
prop="userInfo.sex"
borderBottom
@click="showSex = true; hideKeyboard()"
ref="item1"
>
<u-input
v-model="appointmentInfo.userInfo.sex"
disabled
disabledColor="#ffffff"
placeholder="请选择性别"
border="none"
></u-input>
<u-icon
slot="right"
name="arrow-right"
></u-icon>
</u-form-item>
<u-form-item
label="教练名称"
prop="userInfo.sex"
borderBottom
@click="showSex = true; hideKeyboard()"
ref="item1"
>
<u-input
v-model="appointmentInfo.userInfo.sex"
disabled
disabledColor="#ffffff"
placeholder="请选择性别"
border="none"
></u-input>
<u-icon
slot="right"
name="arrow-right"
></u-icon>
</u-form-item>
</u-form>
</view>
</view><view class="form_" >
<view class="" style="background-color: white;padding: 10rpx 15rpx;border-radius: 15rpx">
<u-form
labelPosition="left"
labelWidth="auto"
:model="appointmentInfo"
:rules="rules"
ref="uForm"
>
<u-form-item
label="累计训练时长"
prop="userInfo.name"
borderBottom
ref="item1"
>
<u-input
v-model="appointmentInfo.userInfo.name"
border="none"
></u-input>
</u-form-item>
<u-form-item
label="训练地址"
prop="userInfo.sex"
borderBottom
@click="showSex = true; hideKeyboard()"
ref="item1"
>
<u-input
v-model="appointmentInfo.userInfo.sex"
disabled
disabledColor="#ffffff"
placeholder="请选择性别"
border="none"
></u-input>
<u-icon
slot="right"
name="arrow-right"
></u-icon>
</u-form-item>
<u-form-item
label="交通方式"
prop="userInfo.sex"
borderBottom
@click="showSex = true; hideKeyboard()"
ref="item1"
>
<u-input
v-model="appointmentInfo.userInfo.sex"
disabled
disabledColor="#ffffff"
placeholder="请选择性别"
border="none"
></u-input>
<u-icon
slot="right"
name="arrow-right"
></u-icon>
</u-form-item>
<u-form-item
label="时间范围"
prop="userInfo.sex"
borderBottom
@click="showSex = true; hideKeyboard()"
ref="item1"
>
<u-input
v-model="appointmentInfo.userInfo.sex"
disabled
disabledColor="#ffffff"
placeholder="请选择性别"
border="none"
></u-input>
<u-icon
slot="right"
name="arrow-right"
></u-icon>
</u-form-item>
</u-form>
</view>
</view>
<view class="section_4 flex-col">
<view class="section_4 flex-col bottom_">
<view class="text-wrapper_5 flex-col">
<text class="text_10">开始预约</text>
</view>
@ -69,38 +176,38 @@
</view>
</template>
<script>
import headers from "@/components/header/headers.vue";
export default {
components: {headers},
data() {
return {
loopData0: [
{
lanhutext0: '课程名称',
lanhutext1: '请填写课程名称',
lanhutext2: '训练类型',
lanhutext3: '请选择训练类型',
lanhutext4: '选择科目',
lanhutext5: '选择科目',
lanhutext6: '教练名称',
lanhutext7: '请填写教练名称'
},
{
lanhutext0: '累计训练时长',
lanhutext1: '请填写累计训练时长',
lanhutext2: '训练地址',
lanhutext3: '请选择训练地址',
lanhutext4: '交通方式',
lanhutext5: '请选择交通方式',
lanhutext6: '时间范围',
lanhutext7: '请填写时间范围'
}
],
constants: {}
rules: {}, // 确保 rules 至少是一个空对象
constants: {},
appointmentInfo: {}, // 预约信息
};
},
methods: {}
methods: {
goback() {
uni.navigateBack()
},
}
};
</script>
<style lang='scss'>
@import '../common/common.scss';
@import './assets/style/index.rpx.scss';
.bottom_{
position: fixed;
bottom: 0;
}
.header {
width: 100%;
background: #f4f5f6;
box-sizing: border-box;
padding-top: 88px;
}
.form_ {
padding: 10rpx 20rpx;
}
</style>