From b6d6309b13407b4ab842daa4a19894b9698a368e Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Thu, 11 Jul 2024 11:28:26 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat(sj=5F1.1.0-beta3):=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=88=A0=E9=99=A4=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/delete-alert.vue | 56 ++++++++++++++++++++++++++
 src/store/modules/auth/index.ts        | 22 +++++++++-
 src/store/modules/auth/shared.ts       |  8 +++-
 src/typings/api.d.ts                   |  5 +++
 src/typings/storage.d.ts               |  3 ++
 src/views/job/task/index.vue           |  1 +
 src/views/retry/scene/index.vue        |  1 +
 src/views/workflow/task/index.vue      |  3 +-
 8 files changed, 95 insertions(+), 4 deletions(-)
 create mode 100644 src/components/common/delete-alert.vue

diff --git a/src/components/common/delete-alert.vue b/src/components/common/delete-alert.vue
new file mode 100644
index 0000000..ae47e2d
--- /dev/null
+++ b/src/components/common/delete-alert.vue
@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useAuthStore } from '@/store/modules/auth';
+
+const authStore = useAuthStore();
+
+const type = defineModel<'job-task' | 'retry-scene' | 'workflow-task'>('type', { required: true });
+
+const text = computed(() => {
+  if (type.value === 'job-task') {
+    return '删除前请检查待删除定时任务是存在通知配置或者工作流任务';
+  }
+
+  if (type.value === 'retry-scene') {
+    return '删除前请检查待删除重试场景是存在通知配置或者重试任务';
+  }
+
+  if (type.value === 'workflow-task') {
+    return '删除前请检查待删除工作流任务是存在通知配置';
+  }
+
+  return null;
+});
+
+const show = computed(() => authStore.getDeleteAlert(type.value));
+
+const handleClose = () => {
+  authStore.setDeleteAlert(type.value, false);
+  return true;
+};
+</script>
+
+<template>
+  <NAlert v-if="text && show" :show-icon="false" type="warning" closable @close="handleClose">
+    <div class="color-warning font-500">
+      <!-- <span class="font-600">提示:</span> -->
+      📢 {{ text }}；该删除为
+      <span class="color-error font-600">物理删除</span>
+      ，删除后不可恢复，必须时可以先导出备份
+    </div>
+  </NAlert>
+</template>
+
+<style scoped lang="scss">
+.n-alert {
+  --n-padding: 5px 13px !important;
+  --n-close-margin: 0 13px 0 0 !important;
+
+  :deep(.n-alert__close) {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100% !important;
+  }
+}
+</style>
diff --git a/src/store/modules/auth/index.ts b/src/store/modules/auth/index.ts
index 5e85fa4..0f0488d 100644
--- a/src/store/modules/auth/index.ts
+++ b/src/store/modules/auth/index.ts
@@ -35,7 +35,12 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
     userName: '',
     roles: [],
     buttons: [],
-    namespaceIds: []
+    namespaceIds: [],
+    deleteAlert: {
+      'job-task': true,
+      'retry-scene': true,
+      'workflow-task': true
+    }
   });
 
   /** is super role in static route */
@@ -140,6 +145,7 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
       info!.userName = info?.username;
       info!.roles = [roleTypeRecord[info.role]];
       localStg.set('userInfo', info);
+      localStg.set('userInfo', info);
       Object.assign(userInfo, info);
       themeStore.setWatermarkText(`${userInfo.userName}@${appTitle}`);
 
@@ -178,6 +184,16 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
     localStg.set('namespaceId', namespaceId);
   }
 
+  function setDeleteAlert(type: Api.Auth.DeleteAlertType, value: boolean) {
+    userInfo.deleteAlert[type] = value;
+    localStg.set('deleteAlert', userInfo.deleteAlert);
+  }
+
+  function getDeleteAlert(type: Api.Auth.DeleteAlertType) {
+    const deleteAlert = localStg.get('deleteAlert') || userInfo.deleteAlert;
+    return deleteAlert[type];
+  }
+
   return {
     token,
     userInfo,
@@ -190,6 +206,8 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
     getUserInfo,
     initUserInfo,
     initAppVersion,
-    setNamespaceId
+    setNamespaceId,
+    setDeleteAlert,
+    getDeleteAlert
   };
 });
diff --git a/src/store/modules/auth/shared.ts b/src/store/modules/auth/shared.ts
index 1eda573..eac0078 100644
--- a/src/store/modules/auth/shared.ts
+++ b/src/store/modules/auth/shared.ts
@@ -16,7 +16,12 @@ export function getUserInfo() {
     role: 1,
     roles: [],
     buttons: [],
-    namespaceIds: []
+    namespaceIds: [],
+    deleteAlert: {
+      'job-task': true,
+      'retry-scene': true,
+      'workflow-task': true
+    }
   };
   const userInfo = localStg.get('userInfo') || emptyInfo;
 
@@ -34,4 +39,5 @@ export function clearAuthStorage() {
   // localStg.remove('refreshToken');
   localStg.remove('namespaceId');
   localStg.remove('userInfo');
+  localStg.remove('deleteAlert');
 }
diff --git a/src/typings/api.d.ts b/src/typings/api.d.ts
index 54f4ba5..00b9cc9 100644
--- a/src/typings/api.d.ts
+++ b/src/typings/api.d.ts
@@ -130,6 +130,8 @@ declare namespace Api {
       namespaceIds: NamespaceId[];
     }
 
+    type DeleteAlertType = 'job-task' | 'retry-scene' | 'workflow-task';
+
     interface UserInfo {
       id: string;
       userId: string;
@@ -140,6 +142,9 @@ declare namespace Api {
       roles: string[];
       buttons: string[];
       namespaceIds: NamespaceId[];
+      deleteAlert: {
+        [key in DeleteAlertType]: boolean;
+      };
     }
 
     interface NamespaceId {
diff --git a/src/typings/storage.d.ts b/src/typings/storage.d.ts
index 0929db7..c662515 100644
--- a/src/typings/storage.d.ts
+++ b/src/typings/storage.d.ts
@@ -49,5 +49,8 @@ declare namespace StorageType {
       taskBatchId: string;
       data: Api.JobLog.JobMessage[];
     };
+    deleteAlert: {
+      [key in Api.Auth.DeleteAlertType]: boolean;
+    };
   }
 }
diff --git a/src/views/job/task/index.vue b/src/views/job/task/index.vue
index 8ff0fc7..c0179c4 100644
--- a/src/views/job/task/index.vue
+++ b/src/views/job/task/index.vue
@@ -281,6 +281,7 @@ function handleExport() {
 <template>
   <div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
     <JobTaskSearch v-model:model="searchParams" @reset="resetSearchParams" @search="getData" />
+    <DeleteAlert type="job-task" />
     <NCard
       :title="$t('page.jobTask.title')"
       :bordered="false"
diff --git a/src/views/retry/scene/index.vue b/src/views/retry/scene/index.vue
index 22ff14a..8117e13 100644
--- a/src/views/retry/scene/index.vue
+++ b/src/views/retry/scene/index.vue
@@ -238,6 +238,7 @@ function handleExport() {
 <template>
   <div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
     <SceneSearch v-model:model="searchParams" @reset="resetSearchParams" @search="getData" />
+    <DeleteAlert type="retry-scene" />
     <NCard
       :title="$t('page.retryScene.title')"
       :bordered="false"
diff --git a/src/views/workflow/task/index.vue b/src/views/workflow/task/index.vue
index 4ba301f..feb4559 100644
--- a/src/views/workflow/task/index.vue
+++ b/src/views/workflow/task/index.vue
@@ -152,7 +152,6 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
             key: 'd2'
           },
           {
-            show: hasAuth('R_ADMIN'),
             type: 'render',
             key: 'delete',
             render: () => (
@@ -283,6 +282,7 @@ function goToBatch(workflowId: string) {
 <template>
   <div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
     <WorkflowSearch v-model:model="searchParams" @reset="resetSearchParams" @search="getData" />
+    <DeleteAlert type="workflow-task" />
     <NCard
       :title="$t('page.workflow.title')"
       :bordered="false"
@@ -295,6 +295,7 @@ function goToBatch(workflowId: string) {
           v-model:columns="columnChecks"
           :disabled-delete="checkedRowKeys.length === 0"
           :loading="loading"
+          :show-delete="hasAuth('R_ADMIN')"
           @add="handleAdd"
           @delete="handleBatchDelete"
           @refresh="getData"

From 872330494cf6f28f5d7a0a329f36d80f1dafdbce Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Thu, 11 Jul 2024 11:43:51 +0800
Subject: [PATCH 2/2] =?UTF-8?q?refactor(sj=5F1.1.0-beta3):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=88=A0=E9=99=A4=E6=8F=90=E7=A4=BA=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/delete-alert.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/delete-alert.vue b/src/components/common/delete-alert.vue
index ae47e2d..7feeb9a 100644
--- a/src/components/common/delete-alert.vue
+++ b/src/components/common/delete-alert.vue
@@ -36,7 +36,7 @@ const handleClose = () => {
       <!-- <span class="font-600">提示:</span> -->
       📢 {{ text }}；该删除为
       <span class="color-error font-600">物理删除</span>
-      ，删除后不可恢复，必须时可以先导出备份
+      ，删除后不可恢复，必要时可以先导出备份
     </div>
   </NAlert>
 </template>