dy-admin-manager/src/views/studentManager/components/studentInfo.vue

<template>
  <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课程的学员为新用户
                  </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-col :xl="6" :lg="8" :md="8" :xs="12">
          <el-form-item label="关心包">
            <el-input :value="studentForm.carePackage | studentPackage" 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.comeOnPackage | studentPackage" disabled></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

  </div>
</template>
<script>
// import {
//   findStudentBaseInfo
// } from "@/api/studentManager";
export default {
  name: "studentInfo",
  data() {
    const query = this.$route.query
    return {
      studentForm: query || {},
    };
  },
  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;
      //   }
      // });
    }
  }
};
</script>
<style lang="scss" scope>
.studentDetail {
  margin-top: 20px;
  .teamList {
    margin-top: 20px;
    h4 {
      margin-bottom: 20px;
    }
  }
}
</style>