fix: 데이터 바인딩

src/components/atoms/organisms/TrainingScriptBaseDoalog.vue

@@ -2,7 +2,7 @@
 import { computed, ref, watch, onMounted, onBeforeUnmount } from "vue";
 import { storeToRefs } from "pinia";
 import { useAutoflowStore } from "@/stores/autoflowStore";
-import { AttachmentsService } from "@/components/service/management/attachmentsService";
+import { AttachmentsService } from "@/components/service/management/AttachmentsService";
 import type { AxiosError } from "axios";
 
 const props = defineProps<{ editData: any; mode: "create" | "edit" }>();

src/components/atoms/organisms/WorkflowsRunDialog.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
 import { computed, onMounted, onBeforeUnmount, ref, watch } from "vue";
-import { kubeflowService } from "@/components/service/management/kubeflowService";
+import { kubeflowService } from "@/components/service/management/KubeflowService";
 
 type RunPayload = {
   display_name: string;
   description?: string;
   pipeline_version_reference: { pipeline_id: string };
-  runtime_config?: { parameters?: Record<string, any> };
+  // 필요 시 아래 두 개만 추가하세요
-  service_account?: string;
+  // runtime_config?: { parameters?: Record<string, any> };
+  // service_account?: string;
 };
 
 const props = defineProps<{
-  /** 테이블에서 선택된 파이프라인의 pipelineId */
+  pipelineId?: string | number | null; // 테이블에서 넘어온 pipelineId
-  pipelineId?: string | number | null;
 }>();
 
 const emit = defineEmits<{
@@ -21,9 +21,9 @@ const emit = defineEmits<{
 }>();
 
 const form = ref({
-  display_name: "", // ✅ 빈 값으로 시작
+  display_name: "",
-  description: "", // ✅ 빈 값으로 시작
+  description: "",
-  pipeline_id: "", // prop으로만 채움(읽기 전용)
+  pipeline_id: "",
 });
 const loading = ref(false);
 const errorMsg = ref("");
@@ -34,9 +34,7 @@ const isValid = computed(
 
 function initForm() {
   form.value.pipeline_id = props.pipelineId ? String(props.pipelineId) : "";
-  // display_name/description은 비워둠
 }
-
 onMounted(initForm);
 watch(() => props.pipelineId, initForm);
 
@@ -55,10 +53,11 @@ async function submitRun() {
 
   const payload: RunPayload = {
     display_name: form.value.display_name.trim(),
-    description: form.value.description?.trim(),
+    // description은 값이 있으면만 넣음
+    ...(form.value.description.trim() && {
+      description: form.value.description.trim(),
+    }),
     pipeline_version_reference: { pipeline_id: form.value.pipeline_id.trim() },
-    runtime_config: { parameters: {} }, // 필요 시 파라미터 매핑
-    service_account: "pipeline-runner",
   };
 
   try {
@@ -68,12 +67,11 @@ async function submitRun() {
     emit("close-modal");
   } catch (e: any) {
     console.error("Run 생성 실패:", e);
-    const msg =
+    errorMsg.value =
       e?.response?.data?.message ||
       e?.response?.data?.error ||
       e?.message ||
       "Run 생성에 실패했습니다.";
-    errorMsg.value = String(msg);
   } finally {
     loading.value = false;
   }
@@ -91,48 +89,37 @@ async function submitRun() {
 
     <v-card-text class="pa-6">
       <v-form @submit.prevent="submitRun">
-        <!-- 제목 -->
         <div class="mb-4">
           <label class="text-subtitle-2 font-weight-medium mb-1 d-block">
             Run Title (display_name)
           </label>
           <v-text-field
             v-model="form.display_name"
-            variant="outlined"
             :disabled="loading"
-            density="comfortable"
+            hide-details
-            hide-details="auto"
-            persistent-hint
             required
           />
         </div>
 
-        <!-- 내용 -->
         <div class="mb-4">
           <label class="text-subtitle-2 font-weight-medium mb-1 d-block">
             Run Description
           </label>
           <v-textarea
             v-model="form.description"
-            variant="outlined"
             :disabled="loading"
-            rows="3"
+            hide-details
-            density="comfortable"
-            hide-details="auto"
           />
         </div>
 
-        <!-- pipeline_id -->
         <div class="mb-2">
           <label class="text-subtitle-2 font-weight-medium mb-1 d-block">
             pipeline_id
           </label>
           <v-text-field
             v-model="form.pipeline_id"
-            variant="outlined"
             :disabled="true"
-            density="comfortable"
+            hide-details
-            hide-details="auto"
             required
           />
         </div>

src/components/templates/Datasets/ListComponent.vue

@@ -6,7 +6,7 @@ import { onMounted, ref } from "vue";
 import { storage } from "@/utils/storage";
 import ViewComponent from "@/components/templates/Datasets/ViewComponent.vue";
 import DatasetBaseDoalog from "@/components/atoms/organisms/DatasetBaseDoalog.vue";
-import { AttachmentsService } from "@/components/service/management/attachmentsService";
+import { AttachmentsService } from "@/components/service/management/AttachmentsService";
 import { commonStore } from "@/stores/commonStore";
 
 const store = commonStore();

src/components/templates/Datasets/ViewComponent.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, watch } from "vue";
-import { AttachmentsService } from "@/components/service/management/attachmentsService";
+import { AttachmentsService } from "@/components/service/management/AttachmentsService";
 import { ProjectService } from "@/components/service/project/projectService";
 // ✅ 부모에서 넘겨준 id 수신 + 닫기 이벤트
 const props = defineProps<{ id: number | string }>();

src/components/templates/run/experiment/ViewComponent.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, watch } from "vue";
 import { ExperimentService } from "@/components/service/management/ExperimentService";
-import { ProjectService } from "@/components/service/project/projectService"; // ← 프로젝트 상세용
+import { ProjectService } from "@/components/service/project/projectService";
 
 const props = defineProps<{ id: number | string }>();
 const emit = defineEmits<{ (e: "close"): void }>();