增加租户和余额查看功能
This commit is contained in:
@@ -50,3 +50,12 @@ export function deleteTenant(ids: number[]) {
|
||||
data: { ids },
|
||||
});
|
||||
}
|
||||
|
||||
// 获取租户详情(含名称和余额)
|
||||
export function getTenantDetails(tenantId: number) {
|
||||
return request({
|
||||
url: '/admin-go/api/v1/system/tenant/getTenantDetails',
|
||||
method: 'get',
|
||||
params: { tenantId },
|
||||
});
|
||||
}
|
||||
|
||||
@@ -24,6 +24,12 @@
|
||||
<!-- </el-dropdown-menu>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-dropdown>-->
|
||||
<!-- 租户名称和余额 -->
|
||||
<div class="layout-navbars-breadcrumb-tenant" v-if="tenantInfo">
|
||||
<span class="tenant-name">{{ tenantInfo.tenantName }}</span>
|
||||
<span class="tenant-divider">|</span>
|
||||
<span class="tenant-balance">余额: {{ tenantInfo.surplus }}</span>
|
||||
</div>
|
||||
<div class="layout-navbars-breadcrumb-user-icon" @click="onSearchClick">
|
||||
<el-icon :title="$t('message.user.title2')">
|
||||
<ele-Search />
|
||||
@@ -94,6 +100,7 @@ import UserNews from '/@/layout/navBars/breadcrumb/userNews.vue';
|
||||
import Search from '/@/layout/navBars/breadcrumb/search.vue';
|
||||
import {logout} from "/@/api/login";
|
||||
import {removeCache} from "/@/api/system/cache";
|
||||
import { getTenantDetails } from "/@/api/system/tenant";
|
||||
|
||||
export default defineComponent({
|
||||
name: 'layoutBreadcrumbUser',
|
||||
@@ -112,6 +119,25 @@ export default defineComponent({
|
||||
disabledI18n: 'zh-cn',
|
||||
disabledSize: 'large',
|
||||
});
|
||||
// 租户信息
|
||||
const tenantInfo = ref<{ tenantName: string; surplus: number } | null>(null);
|
||||
// 获取租户信息
|
||||
const initTenantInfo = async () => {
|
||||
const userInfo = Session.get('userInfo') as any;
|
||||
const tenantId = userInfo?.tenantId;
|
||||
if (!tenantId) return;
|
||||
try {
|
||||
const res: any = await getTenantDetails(tenantId);
|
||||
if (res.code === 0 || res.code === 200) {
|
||||
tenantInfo.value = {
|
||||
tenantName: res.data.tenant.tenantName,
|
||||
surplus: res.data.tenant.surplus,
|
||||
};
|
||||
}
|
||||
} catch (e) {
|
||||
console.error('获取租户信息失败', e);
|
||||
}
|
||||
};
|
||||
// 设置分割样式
|
||||
const layoutUserFlexNum = computed(() => {
|
||||
let num: string | number = '';
|
||||
@@ -252,6 +278,7 @@ export default defineComponent({
|
||||
initI18n();
|
||||
initComponentSize();
|
||||
}
|
||||
initTenantInfo();
|
||||
});
|
||||
return {
|
||||
userInfos,
|
||||
@@ -264,6 +291,7 @@ export default defineComponent({
|
||||
removeCacheClick,
|
||||
searchRef,
|
||||
layoutUserFlexNum,
|
||||
tenantInfo,
|
||||
...toRefs(state),
|
||||
};
|
||||
},
|
||||
@@ -315,4 +343,24 @@ export default defineComponent({
|
||||
top: 12px;
|
||||
}
|
||||
}
|
||||
// 租户信息样式
|
||||
.layout-navbars-breadcrumb-tenant {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 0 12px;
|
||||
height: 50px;
|
||||
font-size: 13px;
|
||||
color: var(--next-bg-topBarColor);
|
||||
white-space: nowrap;
|
||||
.tenant-name {
|
||||
font-weight: 600;
|
||||
}
|
||||
.tenant-divider {
|
||||
opacity: 0.4;
|
||||
}
|
||||
.tenant-balance {
|
||||
opacity: 0.85;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user