面试日程

src/locales/en.js

@@ -50,7 +50,8 @@ export default {
     actions: 'operation',
     selectAll: 'Select All',
     copy: 'Copy',
-    noData: 'There is currently no data available'
+    noData: 'There is currently no data available',
+    more: 'More',
   },
   sys: {
     api: {

src/locales/zh-CN.js

@@ -50,7 +50,8 @@ export default {
     actions: '操作',
     selectAll: '全选',
     copy: '复制',
-    noData: '暂无数据'
+    noData: '暂无数据',
+    more: '查看更多',
   },
   sys: {
     api: {

src/views/recruit/personal/PersonalCenter/components/interviewSchedule.vue

@@ -1,19 +1,58 @@
 <!-- 面试日程 -->
 <template>
-  <div style="height: 100%; overflow: hidden;">
-    <div class="white-bgc pa-3 pt-5 mb-3" style="font-size: 16px; display: flex; justify-content: space-between;">
+  <div style="height: 100%; overflow: hidden;background-color: var(--default-bgc);">
+    <div class="white-bgc px-3 py-5" style="font-size: 16px; display: flex; justify-content: space-between; border-bottom: 1px solid #e3e3e3;">
       <div>面试日程</div>
       <div class="defaultLink" @click="null">查看全部</div>
     </div>
     <!-- 滚动区域 -->
-     <div class="mr-1" style="height: calc(100% - 100px); background-color: var(--default-bgc); overflow-y: auto;">
-      
+     <div class="" style="height: calc(100% - 86px); overflow-y: auto;">
+      <div v-for="item in dataList" :key="'schedule' + item">
+        <div class="color-666 px-8 py-3" style="">{{ timesTampChange(item?.time, 'M月D日') || '--' }}</div>
+        <div class="white-bgc pa-6">
+          <div class="d-flex justify-space-between">
+            <div>{{ item?.enterprise?.anotherName || '--' }}</div>
+            <div>{{ getText(item?.status+'', statusList) || '--' }}</div>
+          </div>
+          <div>
+            <span>时间：</span>
+            <span>{{ timesTampChange(item?.time, 'h:m') || '--' }}</span>
+          </div>
+          <div>
+            <span>职位：</span>
+            <span>{{ getText(item?.status+'', statusList) || '--' }}</span>
+          </div>
+        </div>
+      </div>
+      <div class="text-center color-666 my-8" style="cursor: pointer;">{{ $t('common.more') }}</div>
      </div>
   </div>
 </template>
 
 <script setup>
+import { getUserInterviewInvitePage } from '@/api/recruit/personal/personalCenter'
+import { getDict } from '@/hooks/web/useDictionaries'
+import { getText } from '@/utils/getText'
+import { timesTampChange } from '@/utils/date'
+import { ref } from 'vue'
 defineOptions({name: 'PersonalCenter-interviewSchedule'})
+
+const dataList = ref([])
+const getSkillListFunc = async () => {
+  const res = await getUserInterviewInvitePage()
+  dataList.value = res?.list || []
+  console.log('1', dataList.value[0])
+}
+getSkillListFunc()
+
+// 状态字典
+const statusList = ref()
+const getStatusList = async () => {
+  const { data } = await getDict('menduner_interview_invite_status')
+  statusList.value = data
+}
+getStatusList()
+
 </script>
 <style lang="scss" scoped>
 ::-webkit-scrollbar {