From 04562e7b95bc4e1a514fbc53093bc930ba4cd653 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E7=8E=AE?= <xw0810@live.com>
Date: Wed, 20 Nov 2024 11:38:57 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81param=20json=20edit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/data/task/drawer.vue | 11 ++++++++++-
 src/views/data/task/schema.ts  |  4 ++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/data/task/drawer.vue b/src/views/data/task/drawer.vue
index 1882a87..e6c98da 100644
--- a/src/views/data/task/drawer.vue
+++ b/src/views/data/task/drawer.vue
@@ -1,6 +1,14 @@
 <template>
   <BasicDrawer v-bind="$attrs" @register="registerDrawer" showFooter :title="getTitle" width="600px" @ok="handleSubmit">
-    <BasicForm @register="registerForm" />
+    <BasicForm @register="registerForm">
+      <template #paramJson="{ model }">
+        <CodeEditor
+          style="min-height: 200px"
+          v-model:value="model.paramJson"
+          @change="model.paramJson = $event;"
+        />
+      </template>
+    </BasicForm>
   </BasicDrawer>
 </template>
 <script lang="ts" setup>
@@ -8,6 +16,7 @@
   import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './schema';
   import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { CodeEditor } from "@/components/CodeEditor";
   import * as TaskApi from '@/api/data/taskApi';
 
   const emit = defineEmits(['success', 'register']);
diff --git a/src/views/data/task/schema.ts b/src/views/data/task/schema.ts
index bf3834b..d13df6c 100644
--- a/src/views/data/task/schema.ts
+++ b/src/views/data/task/schema.ts
@@ -74,9 +74,9 @@ export const schema = {
         componentProps: {
           allowClear: true,
           placeholder: '任务参数',
-          autoSize: {minRows: 15, maxRows: 15},
+          autoSize: { minRows: 15, maxRows: 15 },
         },
-        component: 'InputTextArea',
+        slot: 'paramJson',
         colProps: { span: 24 },
       },
       table: {