feat: 个人中心
This commit is contained in:
@@ -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('');
|
||||
|
||||
Reference in New Issue
Block a user