校友管理开发

src/modules/alumni/views/View.vue

@@ -2,25 +2,9 @@
 import { getAlumniView } from '../api'
 import allPrefixList from '../prefix'
 const route = useRoute()
-// const detailList = reactive({
-//   username: 'lisi',
-//   sex: '男',
-//   birthday: '1999-11-12',
-//   graduating_institution: '清华',
-//   specialty: '计算机科学与技术',
-//   highest_qualification: '博士',
-//   province: '北京',
-//   city: '北京',
-//   project_prefix: 'x1',
-//   name: '11',
-//   workplace: '紫荆',
-//   industry: '专业技术类',
-//   department: '研发',
-//   position: '前端开发',
-//   status: '11',
-//   num: 100
-// })
-const detailList = ref('')
+const detailList: any = ref({})
+let project: any = ref([])
+
 onMounted(() => {
   getAlumniDetail()
 })
@@ -28,34 +12,43 @@ const getAlumniDetail = () => {
   const params: any = { id: route.query.id }
   getAlumniView(params).then((res: any) => {
     detailList.value = res.data.detail
+    project.value = allPrefixList.filter((item: any) => item.prefix === detailList.value.project_prefix)
   })
 }
-// allPrefixList.find(item => item.prefix === detailList.project_prefix)
+const sex = computed(() => {
+  if (detailList.value.sex === '0') {
+    return '女士'
+  } else if (detailList.value.sex === '1') {
+    return '女士'
+  } else if (detailList.value.sex === '2') {
+    return '女士'
+  }
+})
 </script>
 
 <template>
   <AppCard title="校友详情">
     <el-descriptions :column="3" title="基本信息">
-      <el-descriptions-item label="姓名:">{{ detailList.username }}</el-descriptions-item>
-      <el-descriptions-item label="性别:">{{ detailList.sex }}</el-descriptions-item>
-      <el-descriptions-item label="出生日期:">{{ detailList.birthday }}</el-descriptions-item>
+      <el-descriptions-item label="姓名:">{{ detailList?.username }}</el-descriptions-item>
+      <el-descriptions-item label="性别:">{{ sex }}</el-descriptions-item>
+      <el-descriptions-item label="出生日期:">{{ detailList?.birthday }}</el-descriptions-item>
       <el-descriptions-item label="毕业院校:">
-        {{ detailList.graduating_institution }}
+        {{ detailList?.graduating_institution }}
       </el-descriptions-item>
       <el-descriptions-item label="专业:">
-        {{ detailList.specialty }}
+        {{ detailList?.specialty }}
       </el-descriptions-item>
       <el-descriptions-item label="最高学历:">
-        {{ detailList.highest_qualification }}
+        {{ detailList?.highest_qualification }}
       </el-descriptions-item>
-      <el-descriptions-item label="省份:">{{ detailList.province }}</el-descriptions-item>
-      <el-descriptions-item label="城市:">{{ detailList.city }}</el-descriptions-item>
-      <el-descriptions-item label="项目:">{{ detailList.project_prefix }}</el-descriptions-item>
-      <el-descriptions-item label="班级:">{{ detailList.name }}</el-descriptions-item>
-      <el-descriptions-item label="工作单位:">{{ detailList.workplace }}</el-descriptions-item>
-      <el-descriptions-item label="行业类别:">{{ detailList.industry }}</el-descriptions-item>
-      <el-descriptions-item label="工作部门:">{{ detailList.department }}</el-descriptions-item>
-      <el-descriptions-item label="工作职位:">{{ detailList.position }}</el-descriptions-item>
+      <el-descriptions-item label="省份:">{{ detailList?.province }}</el-descriptions-item>
+      <el-descriptions-item label="城市:">{{ detailList?.city }}</el-descriptions-item>
+      <el-descriptions-item label="项目:">{{ project.length ? project[0].name : '' }}</el-descriptions-item>
+      <el-descriptions-item label="班级:">{{ detailList?.name }}</el-descriptions-item>
+      <el-descriptions-item label="工作单位:">{{ detailList?.workplace }}</el-descriptions-item>
+      <el-descriptions-item label="行业类别:">{{ detailList?.industry }}</el-descriptions-item>
+      <el-descriptions-item label="工作部门:">{{ detailList?.department }}</el-descriptions-item>
+      <el-descriptions-item label="工作职位:">{{ detailList?.position }}</el-descriptions-item>
     </el-descriptions>
   </AppCard>
 </template>