refactor: delete workspace add warning message

This commit is contained in:
wxg0103 2025-06-23 18:11:31 +08:00
parent 0b64e92a33
commit abf8c6a62e

View File

@ -6,7 +6,9 @@
<div class="workspace-left border-r p-16"> <div class="workspace-left border-r p-16">
<div class="workspace-left_title"> <div class="workspace-left_title">
<h4 class="medium">{{ $t('views.workspace.list') }}</h4> <h4 class="medium">{{ $t('views.workspace.list') }}</h4>
<el-tooltip effect="dark" :content="`${$t('common.create')}${$t('views.workspace.title')}`" placement="top"> <el-tooltip effect="dark"
:content="`${$t('common.create')}${$t('views.workspace.title')}`"
placement="top">
<el-button type="primary" text @click="createOrUpdateWorkspace()" <el-button type="primary" text @click="createOrUpdateWorkspace()"
v-hasPermission="[RoleConst.ADMIN, PermissionConst.WORKSPACE_CREATE]" v-hasPermission="[RoleConst.ADMIN, PermissionConst.WORKSPACE_CREATE]"
> >
@ -15,11 +17,13 @@
</el-tooltip> </el-tooltip>
</div> </div>
<div class="p-8"> <div class="p-8">
<el-input v-model="filterText" :placeholder="$t('common.search')" prefix-icon="Search" clearable /> <el-input v-model="filterText" :placeholder="$t('common.search')" prefix-icon="Search"
clearable/>
</div> </div>
<div class="list-height-left"> <div class="list-height-left">
<el-scrollbar v-loading="loading"> <el-scrollbar v-loading="loading">
<common-list :data="filterList" @click="clickWorkspace" :default-active="currentWorkspace?.id"> <common-list :data="filterList" @click="clickWorkspace"
:default-active="currentWorkspace?.id">
<template #default="{ row }"> <template #default="{ row }">
<div class="flex-between"> <div class="flex-between">
<span class="ellipsis" style="max-width: initial;">{{ row.name }}</span> <span class="ellipsis" style="max-width: initial;">{{ row.name }}</span>
@ -37,7 +41,8 @@
$t('common.rename') $t('common.rename')
}} }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click.stop="deleteWorkspace(row)" class="border-t p-8" v-if ="row.id !== 'default'"> <el-dropdown-item @click.stop="deleteWorkspace(row)" class="border-t p-8"
v-if="row.id !== 'default'">
<AppIcon iconName="app-copy"></AppIcon> <AppIcon iconName="app-copy"></AppIcon>
{{ {{
$t('common.delete') $t('common.delete')
@ -61,7 +66,8 @@
<div class="flex align-center" style="margin-bottom: 20px;"> <div class="flex align-center" style="margin-bottom: 20px;">
<h4 class="medium">{{ currentWorkspace?.name }}</h4> <h4 class="medium">{{ currentWorkspace?.name }}</h4>
<el-divider direction="vertical" class="mr-8 ml-8"/> <el-divider direction="vertical" class="mr-8 ml-8"/>
<AppIcon iconName="app-wordspace" style="font-size: 16px" class="color-input-placeholder"></AppIcon> <AppIcon iconName="app-wordspace" style="font-size: 16px"
class="color-input-placeholder"></AppIcon>
<span class="color-input-placeholder ml-4"> <span class="color-input-placeholder ml-4">
{{ currentWorkspace?.user_count }} {{ currentWorkspace?.user_count }}
</span> </span>
@ -146,7 +152,8 @@ async function check(id: string) {
async function deleteWorkspace(item: WorkspaceItem) { async function deleteWorkspace(item: WorkspaceItem) {
// //
const canDelete = await check(item.id as string); const res = await check(item.id as string);
const canDelete = res ? res.data.can_delete : true;
if (canDelete) { if (canDelete) {
MsgConfirm( MsgConfirm(
`${t('views.workspace.delete.confirmTitle')}${item.name} ?`, `${t('views.workspace.delete.confirmTitle')}${item.name} ?`,
@ -166,7 +173,7 @@ async function deleteWorkspace(item: WorkspaceItem) {
} else { } else {
MsgConfirm( MsgConfirm(
`${t('views.workspace.delete.confirmTitle')}${item.name} ?`, `${t('views.workspace.delete.confirmTitle')}${item.name} ?`,
t('views.workspace.delete.confirmContentNotDelete'), res ? res.data.message : t('views.workspace.delete.confirmContent'),
{ {
showConfirmButton: false, showConfirmButton: false,
cancelButtonText: t('common.close'), cancelButtonText: t('common.close'),