可信代码库-个人中心个人邀请历史记录前端展示改造

src/views/Jyh/PersonalCenter/Detail/InvitationNotice/InvitationHistoryList.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="invitation-notice-container">
     <Card simple class="jyh-card mt-3">
+      <div class="font-bold text-[14px] mb-[12px]">邀请历史</div>
     <div class="mt-3">
       <d-table class="jyh-table jyh-table-2" :header-bg="true" :data="noticeTableData">
         <d-column field="content" header="邀请内容" show-overflow-tooltip></d-column>

src/views/Jyh/PersonalCenter/Detail/InvitationNotice/InvitationNoticeList.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="invitation-notice-container">
     <Card simple class="jyh-card mt-3">
+      <div class="font-bold text-[14px] mb-[12px]">邀请通知</div>
       <div class="mt-3">
         <d-table class="jyh-table jyh-table-2" :header-bg="true" :data="noticeTableData">
           <d-column field="content" header="邀请内容" show-overflow-tooltip></d-column>

src/views/Jyh/PersonalCenter/Detail/InvitationNotice/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="invitation-notice-container">
+    <InvitationNoticeList />
+    <InvitationHistoryList />
+  </div>
+</template>
+
+<script setup lang="ts">
+import InvitationHistoryList from './InvitationHistoryList.vue'
+import InvitationNoticeList from './InvitationNoticeList.vue'
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/Jyh/PersonalCenter/Detail/PersonalSettings.vue

@@ -3,13 +3,11 @@
     <d-tabs class="jyh-tabs jyh-tabs-2 jyh-tabs-4" type="wrapped" v-model="selectTab">
       <d-tab id="personalBasic" title="基本信息"></d-tab>
       <d-tab id="organizationManage" title="组织管理"></d-tab>
-      <d-tab id="invitation" title="邀请通知"></d-tab>
+      <d-tab id="invitation" title="邀请管理"></d-tab>
-      <d-tab id="invitationHistory" title="邀请历史"></d-tab>
     </d-tabs>
     <PersonalBasic v-if="selectTab === 'personalBasic'" />
     <OrganizationManage v-if="selectTab === 'organizationManage'" />
-    <InvitationNoticeList v-if="selectTab === 'invitation'" />
+    <Invitation v-if="selectTab === 'invitation'" />
-    <InvitationNoticeList v-if="selectTab === 'invitationHistory'" />
   </div>
 </template>
 
@@ -18,7 +16,7 @@ import { ref } from 'vue';
 import PersonalBasic from '../PersonalBasic.vue';
 import OrganizationManage from '../OrganizationManage/OrganizationManage.vue';
 import InvitationNoticeList from './InvitationNotice/InvitationNoticeList.vue';
-import InvitationHistoryList from './InvitationNotice/InvitationHistoryList.vue';
+import Invitation from './InvitationNotice/index.vue';
 const selectTab = ref('personalBasic');
 </script>