feat: 个人中心

This commit is contained in:
汪少伟
2025-03-18 15:33:54 +08:00
parent a620eefcbb
commit 9429fe96c7
15 changed files with 1618 additions and 374 deletions

View File

@@ -3,35 +3,35 @@
<div class="version-header">
<d-breadcrumb class="secret-breadcrumb">
<gc-breadcrumb-item :to="{ name: 'home' }"><span class="title">首页</span></gc-breadcrumb-item>
<!-- <gc-breadcrumb-item :to="{ name: 'home' }"><span class="title">高级搜索</span></gc-breadcrumb-item>-->
<!-- <gc-breadcrumb-item :to="{ name: 'home' }"><span class="title">高级搜索</span></gc-breadcrumb-item>-->
<gc-breadcrumb-item><span class="cur-title">个人中心</span></gc-breadcrumb-item>
</d-breadcrumb>
<div class="version-detail-header">
<div class="header-top">
<GAvatar style="margin-right: 16px" :name="accountInfo.username" :src="accountInfo.avatar" name="Vue" :width="72" :height="72"></GAvatar>
<GAvatar style="margin-right: 16px" :src="avatarUrl" name="Vue" :width="72" :height="72"></GAvatar>
<div class="pt-24">
<div class="header-title1">{{ accountInfo.username || '--' }}</div>
<div class="header-title1">UserName</div>
<div class="header-div">
<span class="span1">介绍包含项目管理代码托管CI/CD 和制品库等功能提供完整的研发流程建议的新的团队</span>
<span class="span1"
>介绍包含项目管理代码托管CI/CD 和制品库等功能提供完整的研发流程建议的新的团队</span
>
</div>
</div>
<!-- <div class="fr">-->
<!-- <d-button class="mr-2" variant="solid">订阅</d-button>-->
<!-- </div>-->
<!-- <div class="fr">-->
<!-- <d-button class="mr-2" variant="solid">订阅</d-button>-->
<!-- </div>-->
</div>
<d-tabs class="jyh-tabs jyh-tabs-2 jyh-tabs-3" type="wrapped" v-model="selectTab">
<d-tab id="yjtzlb" title="预警通知列表"></d-tab>
<d-tab id="dylb" title="订阅列表"></d-tab>
<d-tab id="organizationManage" title="组织管理"></d-tab>
<d-tab id="invitation" title="邀请通知"></d-tab>
<d-tab id="personalSettings" title="个人设置"></d-tab>
</d-tabs>
</div>
</div>
<div class="version-detail-content">
<early-warning v-if="selectTab==='yjtzlb'"/>
<subscribe-list v-if="selectTab==='dylb'"/>
<OrganizationManage v-if="selectTab === 'organizationManage'" />
<InvitationNoticeList v-if="selectTab === 'invitation'" />
<early-warning v-if="selectTab === 'yjtzlb'" />
<subscribe-list v-if="selectTab === 'dylb'" />
<personal-settings v-if="selectTab === 'personalSettings'" />
</div>
</div>
</template>
@@ -42,15 +42,12 @@ import { useRouter, useRoute } from 'vue-router';
import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
import EarlyWarning from './Detail/EarlyWarning.vue';
import SubscribeList from './Detail/SubscribeList.vue';
import OrganizationManage from './OrganizationManage/OrganizationManage.vue';
import InvitationNoticeList from './Detail/InvitationNoticeList.vue';
import { useAccount } from '@/utils/hooks/useAccount';
import PersonalSettings from './Detail/PersonalSettings.vue';
const { namespace } = getOrgInfo();
const avatarUrl = '/src/assets/imgs/avatar/male.png';
const selectTab = ref('yjtzlb');
const { accountInfo, RemoveInfo } = useAccount();
// 删除弹窗
const item = ref('');