|
@@ -1,100 +1,123 @@
|
|
|
<template>
|
|
|
- <div class='studentDetail'>
|
|
|
- <el-form :inline="true">
|
|
|
- <el-form-item label="学生姓名">
|
|
|
- <el-input disabled
|
|
|
- :value="studentForm.username"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="学生性别">
|
|
|
- <el-input :value="studentForm.gender ? '男':'女'"
|
|
|
- disabled></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="出生年月">
|
|
|
- <el-input :value="studentForm.birthdate"
|
|
|
- disabled></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="家长姓名">
|
|
|
- <el-input :value="studentForm.realName"
|
|
|
- disabled></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="联系电话">
|
|
|
- <el-input :value="studentForm.parentsPhone"
|
|
|
- disabled></el-input>
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-form-item label="所在学校">
|
|
|
- <el-input :value=""
|
|
|
- disabled></el-input>
|
|
|
- </el-form-item> -->
|
|
|
- <!-- <el-form-item label="所属分部">
|
|
|
- <el-input :value="1"
|
|
|
- disabled></el-input>
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item label="年级班级">
|
|
|
- <el-input :value="studentForm.currentGrade + studentForm.currentClass"
|
|
|
- disabled></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <div class="studentDetail">
|
|
|
+ <el-form ref="form" label-width="130px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="学生姓名">
|
|
|
+ <el-input disabled :value="studentForm.username"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="学生性别">
|
|
|
+ <el-input :value="studentForm.gender ? '男' : '女'" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="出生年月">
|
|
|
+ <el-input :value="studentForm.birthdate" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="家长姓名">
|
|
|
+ <el-input :value="studentForm.realName" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="联系电话">
|
|
|
+ <el-input :value="studentForm.parentsPhone" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <!-- <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="年级班级">
|
|
|
+ <el-input
|
|
|
+ :value="studentForm.currentGrade + studentForm.currentClass"
|
|
|
+ disabled
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="所属分部">
|
|
|
+ <el-input :value="studentForm.organName" disabled ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="学员声部">
|
|
|
+ <el-input :value="studentForm.subjectName" disabled ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="是否运营">
|
|
|
+ <el-input :value="studentForm.operatingTag ? '是' : '否'" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="是否服务">
|
|
|
+ <el-input :value="studentForm.serviceTag ? '是' : '否'" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="指导老师">
|
|
|
+ <el-input :value="studentForm.teacherName" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xl="6" :lg="8" :md="8" :xs="12">
|
|
|
+ <el-form-item label="是否是新用户">
|
|
|
+ <template slot="label">
|
|
|
+ <p style="position: relative">
|
|
|
+ 是否是新用户
|
|
|
+ <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
+ <div slot="content">
|
|
|
+ 没有有效的VIP课程或未参与2020年双十一活动的用户为新用户
|
|
|
+ </div>
|
|
|
+ <i
|
|
|
+ class="el-icon-question"
|
|
|
+ style="font-size: 18px; color: #f56c6c"
|
|
|
+ ></i>
|
|
|
+ </el-tooltip>
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <el-input :value="studentForm.isNewUser ? '是' : '否'" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
- <!-- <div class="teamList">
|
|
|
- <h4>乐团1</h4>
|
|
|
- <el-form :inline="true">
|
|
|
- <el-form-item label="入团日期">
|
|
|
- <el-input value="2019-09-26"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所在乐团">
|
|
|
- <el-input value="2019-09-26"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="报名声部">
|
|
|
- <el-input value="2019-09-26"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="乐团状态">
|
|
|
- <el-input value="2019-09-26"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="乐器来源">
|
|
|
- <el-input value="2019-09-26"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所选乐器">
|
|
|
- <el-input value="2019-09-26"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="XX价格">
|
|
|
- <el-input value="2019-09-26"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </div> -->
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { findStudentBaseInfo, findStudentMusicGroups } from '@/api/studentManager'
|
|
|
+// import {
|
|
|
+// findStudentBaseInfo
|
|
|
+// } from "@/api/studentManager";
|
|
|
export default {
|
|
|
- name: 'studentInfo',
|
|
|
- data () {
|
|
|
+ name: "studentInfo",
|
|
|
+ data() {
|
|
|
+ const query = this.$route.query
|
|
|
return {
|
|
|
- userId: null,
|
|
|
- studentForm: {},
|
|
|
- musicGroupInfo: [] // 乐团信息
|
|
|
- }
|
|
|
+ studentForm: query || {},
|
|
|
+ };
|
|
|
},
|
|
|
- mounted () {
|
|
|
- this.__init()
|
|
|
+ mounted() {
|
|
|
+ this.__init();
|
|
|
},
|
|
|
methods: {
|
|
|
- __init () {
|
|
|
- this.userId = this.$route.query.userId
|
|
|
- findStudentBaseInfo({ userId: this.userId }).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.studentForm = res.data
|
|
|
- }
|
|
|
- })
|
|
|
- // findStudentMusicGroups(this.userId).then(res => {
|
|
|
- // if(res.code == 200) {
|
|
|
- // this.musicGroupInfo.push(...res.data)
|
|
|
+ __init() {
|
|
|
+ // this.userId = this.$route.query.userId;
|
|
|
+ // findStudentBaseInfo({ userId: this.userId }).then(res => {
|
|
|
+ // if (res.code == 200) {
|
|
|
+ // this.studentForm = res.data;
|
|
|
// }
|
|
|
- // })
|
|
|
+ // });
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scope>
|
|
|
.studentDetail {
|
|
|
+ margin-top: 20px;
|
|
|
.teamList {
|
|
|
margin-top: 20px;
|
|
|
h4 {
|