From 2e350c0ea8a90a5fdf4c5cf974a4b7e4c34ddc36 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Mon, 3 Jun 2024 10:43:45 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat(sj=5F1.0.0=5Fbeta4):=20=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E4=BB=BB=E5=8A=A1Card=E6=B7=BB=E5=8A=A0=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E5=8A=A8=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/common/router.ts                    |  7 +-
 src/views/home/modules/card-data.vue          | 70 ++++++++++---------
 .../job/batch/modules/job-batch-search.vue    |  6 ++
 src/views/workflow/form/add/index.vue         |  2 +-
 4 files changed, 51 insertions(+), 34 deletions(-)

diff --git a/src/hooks/common/router.ts b/src/hooks/common/router.ts
index 89374b7..21fe3db 100644
--- a/src/hooks/common/router.ts
+++ b/src/hooks/common/router.ts
@@ -21,10 +21,11 @@ export function useRouterPush(inSetup = true) {
   interface RouterPushOptions {
     query?: Record<string, string>;
     params?: Record<string, string>;
+    state?: Record<string, string>;
   }
 
   async function routerPushByKey(key: RouteKey, options?: RouterPushOptions) {
-    const { query, params } = options || {};
+    const { query, params, state } = options || {};
 
     const routeLocation: RouteLocationRaw = {
       name: key
@@ -38,6 +39,10 @@ export function useRouterPush(inSetup = true) {
       routeLocation.params = params;
     }
 
+    if (state) {
+      routeLocation.state = state;
+    }
+
     return routerPush(routeLocation);
   }
 
diff --git a/src/views/home/modules/card-data.vue b/src/views/home/modules/card-data.vue
index ce24322..3a855a5 100644
--- a/src/views/home/modules/card-data.vue
+++ b/src/views/home/modules/card-data.vue
@@ -77,20 +77,18 @@ const props = withDefaults(defineProps<Props>(), {
   })
 });
 
-/** 卡片 key 类型, 与卡片的路由的 name 一致, 便于直接使用 routerPushByKey */
-type KeyType = 'job_task' | 'retry_task' | 'workflow_task' | 'pods';
-
 interface CardData {
-  key: KeyType;
+  key: string;
   title: string;
   tip: string;
   value: number;
+  click?: () => void;
   color: {
     start: string;
     end: string;
   };
   icon: string;
-  bottom: { label: string; value: number }[];
+  bottom: { label: string; value: number; click?: () => void }[];
 }
 
 // eslint-disable-next-line complexity
@@ -100,6 +98,7 @@ const cardData = computed<CardData[]>(() => [
     title: $t('page.home.jobTask'),
     tip: $t('page.home.jobTaskTip'),
     value: props.modelValue?.jobTask.totalNum ?? 0,
+    click: () => routerPushByKey('job_task'),
     color: {
       start: '#f5b386',
       end: '#FFD6BA'
@@ -108,19 +107,23 @@ const cardData = computed<CardData[]>(() => [
     bottom: [
       {
         label: $t('common.success'),
-        value: props.modelValue?.jobTask.successNum ?? 0
+        value: props.modelValue?.jobTask.successNum ?? 0,
+        click: () => routerPushByKey('job_batch', { state: { taskBatchStatus: '3' } })
       },
       {
         label: $t('common.fail'),
-        value: props.modelValue?.jobTask.failNum ?? 0
+        value: props.modelValue?.jobTask.failNum ?? 0,
+        click: () => routerPushByKey('job_batch', { state: { taskBatchStatus: '4' } })
       },
       {
         label: $t('common.stop'),
-        value: props.modelValue?.jobTask.stopNum ?? 0
+        value: props.modelValue?.jobTask.stopNum ?? 0,
+        click: () => routerPushByKey('job_batch', { state: { taskBatchStatus: '5' } })
       },
       {
         label: $t('common.cancel'),
-        value: props.modelValue?.jobTask.cancelNum ?? 0
+        value: props.modelValue?.jobTask.cancelNum ?? 0,
+        click: () => routerPushByKey('job_batch', { state: { taskBatchStatus: '6' } })
       }
     ]
   },
@@ -129,6 +132,7 @@ const cardData = computed<CardData[]>(() => [
     title: $t('page.home.retryTask'),
     tip: $t('page.home.retryTaskTip'),
     value: props.modelValue?.retryTask.totalNum ?? 0,
+    click: () => routerPushByKey('retry_task'),
     unit: '',
     color: {
       start: '#40e9c5',
@@ -159,6 +163,7 @@ const cardData = computed<CardData[]>(() => [
     title: $t('page.home.workflow'),
     tip: $t('page.home.workflowTip'),
     value: props.modelValue?.workFlowTask.totalNum,
+    click: () => routerPushByKey('workflow_task'),
     unit: '',
     color: {
       start: '#ec6f6f',
@@ -189,6 +194,7 @@ const cardData = computed<CardData[]>(() => [
     title: $t('page.home.onlineServiceCount'),
     tip: $t('page.home.onlineServiceTip'),
     value: props.modelValue?.onLineService.total ?? 0,
+    click: () => routerPushByKey('pods'),
     unit: '',
     color: {
       start: '#b686d4',
@@ -234,27 +240,25 @@ function getGradientColor(color: CardData['color']) {
     <NGrid :cols="gridCol" responsive="screen" :x-gap="16" :y-gap="16">
       <NGi v-for="item in cardData" :key="item.key">
         <NSpin :show="false">
-          <GradientBg
-            :gradient-color="getGradientColor(item.color)"
-            class="h-165px flex-1 cursor-pointer"
-            @click="routerPushByKey(item.key)"
-          >
-            <div class="flex justify-between">
-              <div class="align-center flex">
-                <SvgIcon :icon="item.icon" class="text-26px" />
-                <h3 class="ml-2 text-18px">{{ item.title }}</h3>
+          <GradientBg :gradient-color="getGradientColor(item.color)" class="h-165px flex-1">
+            <div :class="item.click ? 'cursor-pointer' : null" @click="item.click">
+              <div class="flex justify-between">
+                <div class="align-center flex">
+                  <SvgIcon :icon="item.icon" class="text-26px" />
+                  <h3 class="ml-2 text-18px">{{ item.title }}</h3>
+                </div>
+                <NPopover trigger="hover">
+                  <template #trigger>
+                    <NButton text>
+                      <SvgIcon icon="ant-design:info-circle-outlined" class="text-20px color-white" />
+                    </NButton>
+                  </template>
+                  {{ item.tip }}
+                </NPopover>
+              </div>
+              <div class="flex">
+                <CountTo :start-value="0" :end-value="item.value" class="text-30px text-white" />
               </div>
-              <NPopover trigger="hover">
-                <template #trigger>
-                  <NButton text>
-                    <SvgIcon icon="ant-design:info-circle-outlined" class="text-20px color-white" />
-                  </NButton>
-                </template>
-                {{ item.tip }}
-              </NPopover>
-            </div>
-            <div class="flex">
-              <CountTo :start-value="0" :end-value="item.value" class="text-30px text-white" />
             </div>
             <NProgress
               v-if="item.key === 'job_task'"
@@ -279,8 +283,10 @@ function getGradientColor(color: CardData['color']) {
             <NDivider />
             <template v-for="(bottomItem, bottomIndex) in item.bottom" :key="bottomIndex">
               <NDivider v-if="bottomIndex !== 0" vertical />
-              {{ bottomItem.label }}
-              <CountTo :start-value="0" :end-value="bottomItem.value" class="text-white" />
+              <span :class="bottomItem.click ? 'cursor-pointer' : null" @click="bottomItem.click">
+                {{ bottomItem.label }}
+                <CountTo :start-value="0" :end-value="bottomItem.value" class="text-white" />
+              </span>
             </template>
           </GradientBg>
         </NSpin>
@@ -295,7 +301,7 @@ function getGradientColor(color: CardData['color']) {
 }
 
 .n-divider--vertical {
-  margin: 0 1px 0 5px;
+  margin: 0 5px 0 5px;
 }
 
 :deep(.n-progress-icon--as-text) {
diff --git a/src/views/job/batch/modules/job-batch-search.vue b/src/views/job/batch/modules/job-batch-search.vue
index 2df1836..ea29c97 100644
--- a/src/views/job/batch/modules/job-batch-search.vue
+++ b/src/views/job/batch/modules/job-batch-search.vue
@@ -23,6 +23,12 @@ function reset() {
 function search() {
   emit('search');
 }
+
+const taskBatchStatus = history.state.taskBatchStatus;
+
+if (taskBatchStatus) {
+  model.value.taskBatchStatus = Number(taskBatchStatus) as Api.Common.TaskBatchStatus;
+}
 </script>
 
 <template>
diff --git a/src/views/workflow/form/add/index.vue b/src/views/workflow/form/add/index.vue
index dde80b6..4caed41 100644
--- a/src/views/workflow/form/add/index.vue
+++ b/src/views/workflow/form/add/index.vue
@@ -13,7 +13,7 @@ onMounted(() => {
 });
 
 const node = ref<Flow.NodeDataType>({
-  workflowName: `Workflow ${new Date().getTime()}`,
+  workflowName: `WF-${new Date().getTime()}`,
   workflowStatus: 1,
   blockStrategy: 1,
   description: undefined,

From 970cbfdf6520e2d7ac4a2507619c779923aac752 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Mon, 3 Jun 2024 19:56:24 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix(sj=5Fdev=5F1.0.0=5Fbeta4):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=B7=A5=E4=BD=9C=E9=87=8F=E6=96=B0=E5=A2=9Ecron?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/work-flow/src/drawer/start-drawer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/work-flow/src/drawer/start-drawer.vue b/packages/work-flow/src/drawer/start-drawer.vue
index b9ec216..acff7a9 100644
--- a/packages/work-flow/src/drawer/start-drawer.vue
+++ b/packages/work-flow/src/drawer/start-drawer.vue
@@ -91,7 +91,7 @@ const getGroupNameList = async () => {
 getGroupNameList();
 
 const typeChange = (value: number) => {
-  if (value === 1) {
+  if (value === 3) {
     form.value.triggerInterval = '* * * * * ?';
   } else if (value === 2) {
     form.value.triggerInterval = 60;
@@ -159,7 +159,7 @@ const rules: Record<RuleKey, FormItemRule> = {
             <NFormItem path="triggerInterval" label="触发间隔">
               <CronInput
                 v-if="form.triggerType === 3"
-                v-model:value="form.triggerInterval"
+                v-model="form.triggerInterval as string"
                 placeholder="请输入Cron表达式"
               />
               <NInputNumber