编辑计划详情

src/components/tasks/DelayTask.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="delay-task-editor">
+    <el-form-item
+      label="延时时间(秒)"
+      :prop="propPrefix + 'parameters.delay_seconds'"
+      :rules="isEditing ? {
+        required: true,
+        message: '请输入延时时间',
+        trigger: 'blur'
+      } : null"
+    >
+      <el-input-number
+        :model-value="delaySeconds"
+        @update:model-value="updateDelaySeconds"
+        :min="1"
+        placeholder="请输入延时时间"
+        style="width: 100%;"
+        :disabled="!isEditing"
+      ></el-input-number>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "DelayTaskEditor",
+  props: {
+    // The parameters object for the task
+    parameters: {
+      type: Object,
+      required: true,
+    },
+    // A prefix for the form item prop to ensure unique validation
+    propPrefix: {
+      type: String,
+      default: "",
+    },
+    // New prop to control editability
+    isEditing: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  emits: ["update:parameters"],
+  computed: {
+    delaySeconds() {
+      return this.parameters?.delay_seconds || 1;
+    },
+  },
+  methods: {
+    updateDelaySeconds(value) {
+      this.$emit("update:parameters", {
+        ...this.parameters,
+        delay_seconds: value,
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.delay-task-editor {
+  width: 100%;
+}
+</style>