menduner/src/views/recruit/teacher/studentList/components/other.vue

<!-- 基本信息 -->
<template>
  <div>
    <div class="boxMy">
      <div class="title-text">基本信息</div>
      <div class="my">
        <span>学号：</span>
        <span class="ml">{{ info?.studentNo }}</span>
      </div>
      <div class="my">
        <span>出生年月：</span>
        <span class="ml">{{ info?.person?.birthday ? timesTampChange(info?.person?.birthday, 'Y-M-D') : '' }}</span>
      </div>
      <div class="my">
        <span>联系电话：</span>
        <span class="ml">{{ info?.person?.phone }}</span>
      </div>
      <div class="my">
        <span>紧急联系人：</span>
        <span class="ml">{{ info?.emergencyContactName }}</span>
      </div>
      <div class="my">
        <span>紧急联系人电话：</span>
        <span class="ml">{{ info?.emergencyContactPhone }}</span>
      </div>
    </div>

  </div>
</template>

<script setup>
defineOptions({name: 'studentList-student-details-baseInfoOther'})
import { ref } from 'vue'
import { timesTampChange } from '@/utils/date'

const props = defineProps({
  data: Object
})
const info = ref({})
if (props.data && Object.keys(props.data).length) {
  info.value = props.data
}
</script>

<style lang="scss" scoped>
.boxMy{
  margin-top: 32px;
  .title-text{
    font-size: 16px;
    font-weight: 600;
    color: var(--color-333);
  }
  .my{
    margin-top: 20px;
    span {
      margin-right: 20px;
      color: var(--color-777);
    }
  }
  .ml{
    color: var(--color-666);
  }
}
</style>