From 7d428e5b42cd3f9c5f25aadbe551f5bd92f8cf54 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Thu, 18 Jul 2024 11:11:05 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5F1.2.0-beta1):=20=E9=87=8D=E8=AF=95?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E4=BB=BB=E5=8A=A1=E5=8F=82=E6=95=B0=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E5=A4=9A=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/retry-task-operate-drawer.vue     | 46 ++++++++++++++++---
 1 file changed, 40 insertions(+), 6 deletions(-)

diff --git a/src/views/retry/task/modules/retry-task-operate-drawer.vue b/src/views/retry/task/modules/retry-task-operate-drawer.vue
index de525af..92125a4 100644
--- a/src/views/retry/task/modules/retry-task-operate-drawer.vue
+++ b/src/views/retry/task/modules/retry-task-operate-drawer.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { computed, reactive, watch } from 'vue';
+import { computed, reactive, ref, watch } from 'vue';
 import { useFormRules, useNaiveForm } from '@/hooks/common/form';
 import OperateDrawer from '@/components/common/operate-drawer.vue';
 import { $t } from '@/locales';
 import { fetchAddRetryTask, fetchIdempotentIdGenerate } from '@/service/api';
-import { translateOptions } from '@/utils/common';
+import { isNotNull, translateOptions } from '@/utils/common';
 import { retryTaskStatusTypeOptions } from '@/constants/business';
 import CodeMirror from '@/components/common/code-mirror.vue';
 import SelectGroup from '@/components/common/select-group.vue';
@@ -33,6 +33,7 @@ const visible = defineModel<boolean>('visible', {
   default: false
 });
 
+const argsList = ref<string[]>([]);
 const { formRef, validate, restoreValidation } = useNaiveForm();
 const { defaultRequiredRule } = useFormRules();
 
@@ -74,11 +75,31 @@ const rules: Record<RuleKey, App.Global.FormRule> = {
   idempotentId: defaultRequiredRule,
   bizNo: defaultRequiredRule,
   executorName: defaultRequiredRule,
-  argsStr: defaultRequiredRule,
+  argsStr: { ...defaultRequiredRule, validator: validatorArgsStr },
   retryStatus: defaultRequiredRule
 };
 
+function validatorArgsStr() {
+  if (argsList.value.length === 0) {
+    return false;
+  }
+
+  try {
+    argsList.value.forEach(arg => {
+      if (!isNotNull(arg)) {
+        throw new Error($t('form.required'));
+      }
+    });
+  } catch {
+    return false;
+  }
+
+  return true;
+}
+
 function handleUpdateModelWhenEdit() {
+  argsList.value = [];
+
   if (props.operateType === 'add') {
     Object.assign(model, createDefaultModel());
     return;
@@ -86,6 +107,7 @@ function handleUpdateModelWhenEdit() {
 
   if (props.operateType === 'edit' && props.rowData) {
     Object.assign(model, props.rowData);
+    argsList.value = JSON.parse(props.rowData.argsStr || '[]');
   }
 }
 
@@ -97,14 +119,14 @@ async function handleSubmit() {
   await validate();
 
   if (props.operateType === 'add') {
-    const { groupName, sceneName, idempotentId, bizNo, executorName, argsStr, retryStatus } = model;
+    const { groupName, sceneName, idempotentId, bizNo, executorName, retryStatus } = model;
     const { error } = await fetchAddRetryTask({
       groupName,
       sceneName,
       idempotentId,
       bizNo,
       executorName,
-      argsStr,
+      argsStr: JSON.stringify(argsList.value),
       retryStatus
     });
     if (error) return;
@@ -184,7 +206,19 @@ async function setIdempotentId() {
         />
       </NFormItem>
       <NFormItem :label="$t('page.retryTask.argsStr')" path="argsStr">
-        <CodeMirror v-model="model.argsStr" lang="json" :placeholder="$t('page.jobTask.form.argsStr')" />
+        <NDynamicInput v-model:value="argsList" :on-create="() => ''">
+          <template #default="{ index }">
+            <NFormItem
+              class="w-full"
+              ignore-path-change
+              :show-label="false"
+              :show-feedback="false"
+              :path="`argsStr[${index}]`"
+            >
+              <CodeMirror v-model="argsList[index]" lang="json" :placeholder="$t('page.jobTask.form.argsStr')" />
+            </NFormItem>
+          </template>
+        </NDynamicInput>
       </NFormItem>
       <NFormItem :label="$t('page.retryTask.retryStatus')" path="retryStatus">
         <NSelect