|
@@ -209,14 +209,14 @@
|
|
|
</template>
|
|
|
</van-field>
|
|
|
<van-field required label="在读年级" :disabled='checkPhone' v-model="stu.currentGrade" readonly name="currentGrade"
|
|
|
- :rules="[{ required: true, message: '请选择在读年级', trigger: 'onChange' }]" @click="pickerChange('grade')"
|
|
|
+ :rules="[{ required: true, message: '请选择在读年级', trigger: 'onChange' }]" @click="pickerChange"
|
|
|
placeholder="请选择在读年级" clickable>
|
|
|
<template #right-icon>
|
|
|
<van-icon name="arrow" :color="checkPhone ? '#aaa' : '#323233'" size="16"></van-icon>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
<van-field required label="所在班级" :disabled='checkPhone' v-model="stu.currentClass" readonly name="currentClass"
|
|
|
- :rules="[{ required: true, message: '请选择所在班级', trigger: 'onChange' }]" @click="pickerChange('class')"
|
|
|
+ :rules="[{ required: true, message: '请选择所在班级', trigger: 'onChange' }]" @click="pickerChange1"
|
|
|
placeholder="请选择所在班级">
|
|
|
<template #right-icon>
|
|
|
<van-icon name="arrow" :color="checkPhone ? '#aaa' : '#323233'" size="16"></van-icon>
|
|
@@ -227,7 +227,7 @@
|
|
|
<van-cell-group inset class="cell-group">
|
|
|
<van-field required label="选报声部" :disabled='checkPhone' v-model="stu.registerSubjectId" readonly
|
|
|
name="registerSubjectId" :rules="[{ required: true, message: '请选择选报声部', trigger: 'onChange' }]"
|
|
|
- @click="pickerChange('subject')" placeholder="请选择选报声部">
|
|
|
+ @click="pickerChange2" placeholder="请选择选报声部">
|
|
|
<template #right-icon>
|
|
|
<van-icon name="arrow" :color="checkPhone ? '#aaa' : '#323233'" size="16"></van-icon>
|
|
|
</template>
|
|
@@ -273,12 +273,20 @@
|
|
|
</van-form>
|
|
|
|
|
|
<van-popup v-model:show="showPicker" position="bottom" round>
|
|
|
- <van-picker show-toolbar :columns="columns" @cancel="showPicker = false" @confirm="onConfirm" />
|
|
|
+ <van-picker show-toolbar :columns="currentGrade" @cancel="showPicker = false" @confirm="onConfirm" />
|
|
|
+ </van-popup>
|
|
|
+
|
|
|
+ <van-popup v-model:show="classPicker" position="bottom" round>
|
|
|
+ <van-picker show-toolbar :columns="classList" @cancel="classPicker = false" @confirm="onConfirmClass" />
|
|
|
+ </van-popup>
|
|
|
+
|
|
|
+ <van-popup v-model:show="subjectPicker" position="bottom" round>
|
|
|
+ <van-picker show-toolbar :columns="subjectList" @cancel="subjectPicker = false" @confirm="onConfirmSubject" />
|
|
|
</van-popup>
|
|
|
|
|
|
<van-popup v-model:show="submitStatus" round style="width: 75%" :close-on-click-overlay="false">
|
|
|
<div class="submit-container">
|
|
|
- <img class="icon-close" src="./images/initiation/icon-close.png" @click="onLinkUrl" />
|
|
|
+ <!-- <img class="icon-close" src="./images/initiation/icon-close.png" @click="onLinkUrl" /> -->
|
|
|
<img src="./images/initiation/popup-submit.png" class="submit-img" />
|
|
|
<p class="submit-tips">提交成功,感谢您的参与!</p>
|
|
|
<van-button type="primary" color="#9A64FF" block round @click="onLinkUrl">确认</van-button>
|
|
@@ -305,6 +313,8 @@
|
|
|
orchestraName: null,
|
|
|
schoolId: null,
|
|
|
showPicker: false,
|
|
|
+ classPicker: false,
|
|
|
+ subjectPicker: false,
|
|
|
submitStatus: false,
|
|
|
pattern: /^1(3|4|5|6|7|8|9)\d{9}$/,
|
|
|
nameReg: /^[\u4E00-\u9FA5]+$/,
|
|
@@ -503,35 +513,33 @@
|
|
|
},
|
|
|
pickerChange(type) {
|
|
|
if (this.checkPhone) return
|
|
|
- this.columns = []
|
|
|
- var stu = this.stu
|
|
|
- if (type == 'grade') {
|
|
|
- this.columns = this.currentGrade
|
|
|
- this.pickerType = type
|
|
|
- } else if (type == 'class') {
|
|
|
- this.columns = this.classList
|
|
|
- this.pickerType = type
|
|
|
- } else if (type == 'subject') {
|
|
|
-
|
|
|
- this.columns = this.subjectList
|
|
|
- this.pickerType = type
|
|
|
- }
|
|
|
this.showPicker = true
|
|
|
},
|
|
|
+ pickerChange1(type) {
|
|
|
+ if (this.checkPhone) return
|
|
|
+ this.classPicker = true
|
|
|
+ },
|
|
|
+ pickerChange2(type) {
|
|
|
+ if (this.checkPhone) return
|
|
|
+ this.subjectPicker = true
|
|
|
+ },
|
|
|
onConfirm(options) {
|
|
|
var stu = this.stu
|
|
|
- // console.log(options)
|
|
|
- if (this.pickerType == 'grade') {
|
|
|
- stu.currentGrade = options.selectedOptions[0].text
|
|
|
- stu.currentGradeNum = options.selectedOptions[0].value
|
|
|
- } else if (this.pickerType == 'class') {
|
|
|
- stu.currentClass = options.selectedOptions[0].text
|
|
|
- stu.currentClassNum = options.selectedOptions[0].value
|
|
|
- } else if (this.pickerType === 'subject') {
|
|
|
- stu.registerSubjectId = options.selectedOptions[0].text
|
|
|
- stu.registerSubjectNum = options.selectedOptions[0].value
|
|
|
- }
|
|
|
+ stu.currentGrade = options.selectedOptions[0].text
|
|
|
+ stu.currentGradeNum = options.selectedOptions[0].value
|
|
|
this.showPicker = false
|
|
|
+ },
|
|
|
+ onConfirmClass(options) {
|
|
|
+ var stu = this.stu
|
|
|
+ stu.currentClass = options.selectedOptions[0].text
|
|
|
+ stu.currentClassNum = options.selectedOptions[0].value
|
|
|
+ this.classPicker = false
|
|
|
+ },
|
|
|
+ onConfirmSubject(options) {
|
|
|
+ var stu = this.stu
|
|
|
+ stu.currentClass = options.selectedOptions[0].text
|
|
|
+ stu.currentClassNum = options.selectedOptions[0].value
|
|
|
+ this.subjectPicker = false
|
|
|
}
|
|
|
}
|
|
|
})
|