feat(enterprise): 添加子账号管理功能
- 新增子账号管理页面,包括子账号列表、添加子账号和删除子账号功能- 实现获取子账号列表、生成企业邀请码和移除子账号的 API 接口 - 添加删除确认模态框组件- 优化企业信息展示页面布局
This commit is contained in:
58
src/components/delete-modal.vue
Normal file
58
src/components/delete-modal.vue
Normal file
@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<a-modal modal-class="delete-modal" body-class="body" cancel-text="返回" ok-text="确定删除" v-bind="$attrs">
|
||||
<h2 class="delete-modal-title flex item-center">
|
||||
<img src="@/assets/warning.svg" alt="" />
|
||||
{{ $attrs.title }}
|
||||
</h2>
|
||||
<slot></slot>
|
||||
</a-modal>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
</script>
|
||||
<style lang="less">
|
||||
:deep(.arco-btn-status-danger) {
|
||||
background-color: red !important;
|
||||
width: 1000px !important;
|
||||
}
|
||||
.delete-modal {
|
||||
.arco-modal-header {
|
||||
display: none;
|
||||
}
|
||||
.delete-modal-title {
|
||||
margin-top: 24px;
|
||||
font-family: Alibaba PuHuiTi, serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: var(--Text-1, rgba(33, 31, 36, 1));
|
||||
img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
.arco-modal-footer {
|
||||
border-top: none;
|
||||
:first-child {
|
||||
border: 1px solid var(--BG-500, rgba(177, 178, 181, 1));
|
||||
border-radius: 4px;
|
||||
padding: 7px 20px;
|
||||
font-family: Alibaba PuHuiTi, serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
:last-child {
|
||||
border-radius: 4px;
|
||||
padding: 7px 20px;
|
||||
font-family: Alibaba PuHuiTi, serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
margin-left: 16px;
|
||||
border-color: var(--Functional-Danger-6, rgba(246, 75, 49, 1)) !important;
|
||||
background-color: var(--Functional-Danger-6, rgba(246, 75, 49, 1)) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.body {
|
||||
padding: 0 24px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user