江西小程序管理端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

139 lines
2.7 KiB

<template>
<view class="pageBgImg">
<topNavbar title="排课计划"></topNavbar>
<view class="pad">
<view class="card">
<view class="row">
<view class="lab">计划日期</view>
<view class="rightCon">
<view class="inputBox">
<input type="text" v-model="form.input1" placeholder="请选择">
</view>
<view class="icon">
<u-icon name="arrow-right" :size="12" :color="'#696B72'"></u-icon>
</view>
</view>
</view>
<view class="row">
<view class="lab">选择开课时间段</view>
<view class="rightCon" @click="$goPage('/pages/recordEntry/operate/mySchedule/mould/mould')">
<view class="inputBox">
<input type="text" v-model="form.input1" placeholder="请选择">
</view>
<view class="icon">
<u-icon name="arrow-right" :size="12" :color="'#696B72'"></u-icon>
</view>
</view>
</view>
<view class="row">
<view class="lab">训练科目</view>
<view class="rightCon">
<myRadio @changeRadio="changeRadio" :radioData="radiolist1"></myRadio>
</view>
</view>
<view class="row">
<view class="lab">教练车</view>
<view class="rightCon">
<myRadio @changeRadio="changeRadio" :radioData="radiolist2"></myRadio>
</view>
</view>
<view class="row">
<view class="lab">开放范围</view>
<view class="rightCon">
<myRadio @changeRadio="changeRadio" :radioData="radiolist3"></myRadio>
</view>
</view>
</view>
<view class="btnBg">确认发布</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
form: {
radio1: 1
},
radiolist1: [{
name: '科目二',
id: 1,
disabled: false
},
{
name: '科目三',
id: 2,
disabled: false
},
],
radiolist2: [{
name: '浙A8888',
id: 1,
disabled: false
},
{
name: '浙A8889',
id: 2,
disabled: false
},
],
radiolist3: [{
name: '我的学员',
id: 1,
disabled: false
},
{
name: '所有学员',
id: 2,
disabled: false
},
]
}
},
methods: {
changeRadio(val) {
console.log(val)
}
}
}
</script>
<style lang="scss" scoped>
.card {
padding: 10rpx 28rpx;
.row {
display: flex;
justify-content: space-between;
padding: 26rpx 0;
.lab {
font-weight: 500;
}
}
}
.btnBg {
width: 396rpx;
margin: 120rpx auto 0 auto;
}
.rightCon {
display: flex;
align-items: center;
.icon {
margin-left: 10rpx;
}
.inputBox {
flex: 1;
input {
text-align: right;
font-size: 28rpx;
color: #333;
}
}
}
</style>