|
@@ -7,149 +7,220 @@
|
|
|
<div class="block"><el-avatar :size="163" :src="circleUrl"></el-avatar></div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">姓名</p>
|
|
|
- <p class="name">{{ messInfo.name }}</p>
|
|
|
+ <span v-if="this.user.type === '4'">
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">姓名</p>
|
|
|
+ <p class="name">{{ messInfo.name }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">身份证号</p>
|
|
|
+ <p class="name">{{ messInfo.id_number }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">身份证号</p>
|
|
|
- <p class="name">{{ messInfo.id_number }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">性别</p>
|
|
|
- <p class="name">{{ messInfo.gender }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">民族</p>
|
|
|
- <p class="name">{{ messInfo.nation }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">手机号</p>
|
|
|
- <p class="name">{{ messInfo.phone }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">性别</p>
|
|
|
+ <p class="name">{{ messInfo.gender }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">QQ</p>
|
|
|
- <p class="name">{{ messInfo.qq }}</p>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">民族</p>
|
|
|
+ <p class="name">{{ messInfo.nation }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">手机号</p>
|
|
|
+ <p class="name">{{ messInfo.phone }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">学校</p>
|
|
|
- <p class="name">{{ messInfo.school_name }}</p>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">QQ</p>
|
|
|
+ <p class="name">{{ messInfo.qq }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">学校</p>
|
|
|
+ <p class="name">{{ messInfo.school_name }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">所在院系</p>
|
|
|
- <p class="name">{{ messInfo.faculty }}</p>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">所在院系</p>
|
|
|
+ <p class="name">{{ messInfo.faculty }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">所在专业</p>
|
|
|
+ <p class="name">{{ messInfo.major }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">所在专业</p>
|
|
|
- <p class="name">{{ messInfo.major }}</p>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">入学年份</p>
|
|
|
+ <p class="name">{{ messInfo.entry_year }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">毕业年份</p>
|
|
|
+ <p class="name">{{ messInfo.finish_year }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">入学年份</p>
|
|
|
- <p class="name">{{ messInfo.entry_year }}</p>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">在校所担当职务</p>
|
|
|
+ <p class="name">{{ messInfo.school_job }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">e-mail</p>
|
|
|
+ <p class="name">{{ messInfo.email }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">毕业年份</p>
|
|
|
- <p class="name">{{ messInfo.finish_year }}</p>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">户口所在地</p>
|
|
|
+ <p class="name">{{ messInfo.family_place }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ </span>
|
|
|
+ <span v-else>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">姓名</p>
|
|
|
+ <p class="name">{{ teainfo.name }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">在校所担当职务</p>
|
|
|
- <p class="name">{{ messInfo.school_job }}</p>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">性别</p>
|
|
|
+ <p class="name">{{ teainfo.gender }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">年龄</p>
|
|
|
+ <p class="name">{{ teainfo.age }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">e-mail</p>
|
|
|
- <p class="name">{{ messInfo.email }}</p>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">出生年月</p>
|
|
|
+ <p class="name">{{ teainfo.birthday }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">手机号</p>
|
|
|
+ <p class="name">{{ teainfo.phone }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="mess">
|
|
|
- <el-col :span="22" class="info">
|
|
|
- <p class="title">户口所在地</p>
|
|
|
- <p class="name">{{ messInfo.family_place }}</p>
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">所在部门</p>
|
|
|
+ <p class="name">{{ teainfo.department }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="icon">
|
|
|
- <van-icon name="arrow" />
|
|
|
+ <el-col :span="24" class="mess">
|
|
|
+ <el-col :span="22" class="info">
|
|
|
+ <p class="title">是否可讲礼仪课</p>
|
|
|
+ <p class="name">{{ teainfo.is_etiquette_teacher === 0 ? '否' : '是' }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="icon">
|
|
|
+ <van-icon name="arrow" />
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
+ </span>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { mapState, createNamespacedHelpers, mapGetters } from 'vuex';
|
|
|
export default {
|
|
|
name: 'studentInfo',
|
|
|
props: {
|
|
|
messInfo: null,
|
|
|
+ teainfo: null,
|
|
|
},
|
|
|
components: {},
|
|
|
data: () => ({
|
|
|
circleUrl: require('@/assets/circle.png'),
|
|
|
}),
|
|
|
created() {},
|
|
|
- computed: {},
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ },
|
|
|
methods: {},
|
|
|
};
|
|
|
</script>
|