보완 서류제출 요청

{/* 카테고리 관리 버튼 */} @@ -92,12 +45,6 @@ export function ApprovalTemplateTableToolbarActions({ 새 템플릿 - {/* CSV 내보내기 */} - - {/* 일괄 삭제 */} {selectedTemplates.length > 0 && ( <> diff --git a/lib/mail/templates/site-visit-request.hbs b/lib/mail/templates/site-visit-request.hbs index 12c05326..b2cc72b9 100644 --- a/lib/mail/templates/site-visit-request.hbs +++ b/lib/mail/templates/site-visit-request.hbs @@ -121,7 +121,7 @@

수신: - {{vendorName}} {{vendorContactName}} 귀하 + {{vendorName}} {{vendorEmail}} 귀하

발신: @@ -136,14 +136,11 @@

- 당사에선 귀사와의 정기적 거래를 위하여 귀사가 당사의 기준에 적합한 협력업체인지를 검토하기 위하여
- 귀사의 실 제작 공장을 직접 방문하여 점검하는 방문실사를 진행하고자 합니다. + 귀사와 거래 전 당사와 거래 가능 여부를 확인하고자 귀사의 실 제작 공장(혹은 지정 장소)을 방문하여 거래 가능 기준 준수 여부를 점검하고자 합니다.

- 방문실사를 위하여 다음과 같이 관련정보 및 요청정보/자료를 전달드리오니
- 메일 발신일 기준 C/D +7일 이내에 정보 입력 및 자료를 제출하시어
- 당사에서 귀사의 실 제작 공장 방문을 미리 준비할 수 있도록 적극적인 협조 부탁드립니다. + 방문 및 점검을 위하여 다음과 같이 관련 정보를 전달드림과 동시에 필요 정보와 자료를 요청 드리오니 하기 제출 마감일(혹은 요청 실사 시작일 중 먼저 도래하는 날) 이내로 제출하시어 양사 간 원활한 업무 진행이 될 수 있도록 적극적인 협조 부탁드립니다.

@@ -176,8 +173,17 @@

+ {{#if investigationAddress}}

3. 삼성중공업 실사 참석 예정 부문

3. 실사 주소

+ {{investigationAddress}} +

+ {{/if}} + +

{{#if investigationAddress}}4{{else}}3{{/if}}. 삼성중공업 실사 참석 인원 정보

{{#each shiAttendees}} @@ -198,7 +204,7 @@

4. 협력업체 요청정보 및 자료

{{#if investigationAddress}}5{{else}}4{{/if}}. 협력업체 요청정보 및 자료

{{this}}

5. 추가 요청사항

{{#if investigationAddress}}6{{else}}5{{/if}}. 추가 요청사항

diff --git a/lib/mail/templates/supplement-document-request.hbs b/lib/mail/templates/supplement-document-request.hbs new file mode 100644 index 00000000..2e16773a --- /dev/null +++ b/lib/mail/templates/supplement-document-request.hbs @@ -0,0 +1,207 @@ + + + + + + 보완 서류제출 요청 + + + +

+ + + + +

+ 수신: + {{vendorName}} {{vendorEmail}} 귀하 +

+ 발신: + {{requesterName}} {{requesterTitle}} ({{requesterEmail}}) +

+ + +

+ 귀사 일익 번창하심을 기원합니다. +

+ + +

+ 귀사와 거래 전 당사와 거래 가능 여부를 확인하고자 귀사의 실 제작 공장(혹은 지정 장소)을 방문하여 거래 가능 기준 준수 여부를 점검하고자 합니다. +

+ +

+ 방문 및 점검을 위하여 다음과 같이 관련 정보를 전달드림과 동시에 필요 정보와 자료를 요청 드리오니 하기 제출 마감일(혹은 요청 실사 시작일 중 먼저 도래하는 날) 이내로 제출하시어 양사 간 원활한 업무 진행이 될 수 있도록 적극적인 협조 부탁드립니다. +

+ + {{#if deadlineDate}} + +

+ 📅 제출 마감일: {{deadlineDate}} +

+ {{/if}} + + +

+ - 다 음 - +

+ + +

1. 보완 요청 서류

+ {{#if requiredDocuments}} +

{{this}}

+ {{else}} +

+ 요청 서류가 없습니다. +

+ {{/if}} +

+ + {{#if additionalRequests}} +

2. 추가 요청사항

+ {{additionalRequests}} +

+ {{/if}} + + +

+ 상기 내역에 대해 문의사항이 있을 경우 구매 담당자에게 연락 바랍니다. +

+ + +

감사합니다.

+ + +

+ {{requesterName}} / {{requesterTitle}} / {{requesterEmail}} +

+ SAMSUNG HEAVY INDUSTRIES CO., LTD. +

+ 80, Jangpyeong 3-ro, Geoje-si, Gyeongsangnam-do, Republic of Korea, 53261 +

+ + + {{#if portalUrl}} +

+ + 협력업체 정보 입력하기 + +

+ {{/if}} + + + +

+ + + diff --git a/lib/pq/pq-review-table-new/site-visit-dialog.tsx b/lib/pq/pq-review-table-new/site-visit-dialog.tsx index b1474150..a7cc3313 100644 --- a/lib/pq/pq-review-table-new/site-visit-dialog.tsx +++ b/lib/pq/pq-review-table-new/site-visit-dialog.tsx @@ -1,8 +1,8 @@ "use client" import * as React from "react" -import { CalendarIcon, X } from "lucide-react" -import { useForm } from "react-hook-form" +import { CalendarIcon, X, Plus, Trash2, Check, Search } from "lucide-react" +import { useForm, useFieldArray } from "react-hook-form" import { zodResolver } from "@hookform/resolvers/zod" import { format } from "date-fns" import { z } from "zod" @@ -37,8 +37,17 @@ import { import { Checkbox } from "@/components/ui/checkbox" import { Badge } from "@/components/ui/badge" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" +import { + Command, + CommandEmpty, + CommandGroup, + CommandInput, + CommandItem, + CommandList, +} from "@/components/ui/command" import { toast } from "sonner" -import { getSiteVisitRequestAction } from "@/lib/site-visit/service" +import { getSiteVisitRequestAction, getUsersForSiteVisitAction } from "@/lib/site-visit/service" +import { cn } from "@/lib/utils" import { Dropzone, DropzoneDescription, @@ -51,7 +60,7 @@ import { // 방문실사 요청 폼 스키마 const siteVisitRequestSchema = z.object({ // 실사 기간 - inspectionDuration: z.number().min(0.5, "실사 기간을 입력해주세요."), + inspectionDuration: z.number().int().positive("실사 기간은 1일 이상이어야 합니다."), // 실사 요청일 requestedStartDate: z.date({ @@ -60,44 +69,66 @@ const siteVisitRequestSchema = z.object({ requestedEndDate: z.date({ required_error: "실사 종료일을 선택해주세요.", }), + // SHI 실사참석 예정부문 shiAttendees: z.object({ technicalSales: z.object({ checked: z.boolean().default(false), - count: z.number().min(0, "참석 인원은 0명 이상이어야 합니다.").default(0), - details: z.string().optional(), - }).default({ checked: false, count: 0, details: "" }), + attendees: z.array(z.object({ + name: z.string().min(1, "이름을 입력해주세요."), + department: z.string().optional(), + email: z.string().email("유효한 이메일을 입력해주세요.").or(z.string().length(0)), + })).default([]), + }).default({ checked: false, attendees: [] }), design: z.object({ checked: z.boolean().default(false), - count: z.number().min(0, "참석 인원은 0명 이상이어야 합니다.").default(0), - details: z.string().optional(), - }).default({ checked: false, count: 0, details: "" }), + attendees: z.array(z.object({ + name: z.string().min(1, "이름을 입력해주세요."), + department: z.string().optional(), + email: z.string().email("유효한 이메일을 입력해주세요.").or(z.string().length(0)), + })).default([]), + }).default({ checked: false, attendees: [] }), procurement: z.object({ checked: z.boolean().default(false), - count: z.number().min(0, "참석 인원은 0명 이상이어야 합니다.").default(0), - details: z.string().optional(), - }).default({ checked: false, count: 0, details: "" }), + attendees: z.array(z.object({ + name: z.string().min(1, "이름을 입력해주세요."), + department: z.string().optional(), + email: z.string().email("유효한 이메일을 입력해주세요.").or(z.string().length(0)), + })).default([]), + }).default({ checked: false, attendees: [] }), quality: z.object({ checked: z.boolean().default(false), - count: z.number().min(0, "참석 인원은 0명 이상이어야 합니다.").default(0), - details: z.string().optional(), - }).default({ checked: false, count: 0, details: "" }), + attendees: z.array(z.object({ + name: z.string().min(1, "이름을 입력해주세요."), + department: z.string().optional(), + email: z.string().email("유효한 이메일을 입력해주세요.").or(z.string().length(0)), + })).default([]), + }).default({ checked: false, attendees: [] }), production: z.object({ checked: z.boolean().default(false), - count: z.number().min(0, "참석 인원은 0명 이상이어야 합니다.").default(0), - details: z.string().optional(), - }).default({ checked: false, count: 0, details: "" }), + attendees: z.array(z.object({ + name: z.string().min(1, "이름을 입력해주세요."), + department: z.string().optional(), + email: z.string().email("유효한 이메일을 입력해주세요.").or(z.string().length(0)), + })).default([]), + }).default({ checked: false, attendees: [] }), commissioning: z.object({ checked: z.boolean().default(false), - count: z.number().min(0, "참석 인원은 0명 이상이어야 합니다.").default(0), - details: z.string().optional(), - }).default({ checked: false, count: 0, details: "" }), + attendees: z.array(z.object({ + name: z.string().min(1, "이름을 입력해주세요."), + department: z.string().optional(), + email: z.string().email("유효한 이메일을 입력해주세요.").or(z.string().length(0)), + })).default([]), + }).default({ checked: false, attendees: [] }), other: z.object({ checked: z.boolean().default(false), - count: z.number().min(0, "참석 인원은 0명 이상이어야 합니다.").default(0), - details: z.string().optional(), - }).default({ checked: false, count: 0, details: "" }), + attendees: z.array(z.object({ + name: z.string().min(1, "이름을 입력해주세요."), + department: z.string().optional(), + email: z.string().email("유효한 이메일을 입력해주세요.").or(z.string().length(0)), + })).default([]), + }).default({ checked: false, attendees: [] }), }), // SHI 참석자 정보 (JSON 형태로 저장) - 기존 필드 유지 @@ -122,9 +153,287 @@ const siteVisitRequestSchema = z.object({ // 추가 요청사항 additionalRequests: z.string().optional(), +}).refine((data) => { + // 종료일이 시작일보다 이후여야 함 + if (data.requestedStartDate && data.requestedEndDate) { + return data.requestedEndDate >= data.requestedStartDate; + } + return true; +}, { + message: "종료일은 시작일보다 이후여야 합니다.", + path: ["requestedEndDate"], +}).refine((data) => { + // SHI 참석자 정보 검증: 부서 상관없이 전체 참석자가 최소 1명 이상이어야 함 + const totalAttendees = Object.values(data.shiAttendees).reduce((total, attendee) => { + if (attendee.checked && attendee.attendees.length > 0) { + return total + attendee.attendees.length; + } + return total; + }, 0); + return totalAttendees >= 1; +}, { + message: "참석자는 부서 상관없이 최소 1명 이상 필수입니다.", + path: ["shiAttendees"], }) -type SiteVisitRequestFormValues = z.infer +export type SiteVisitRequestFormValues = z.infer + +// 사용자 타입 정의 +interface SiteVisitUser { + id: number; + name: string; + email: string; + deptName: string | null; +} + +// 참석자 섹션 컴포넌트 +function AttendeeSection({ + form, + itemKey, + label, + isPending, +}: { + form: ReturnType> + itemKey: keyof SiteVisitRequestFormValues['shiAttendees'] + label: string + isPending: boolean +}) { + const { fields, append, remove } = useFieldArray({ + control: form.control, + name: `shiAttendees.${itemKey}.attendees` as any, + }); + + const isChecked = form.watch(`shiAttendees.${itemKey}.checked`); + const [isPopoverOpen, setIsPopoverOpen] = React.useState(false); + const [searchQuery, setSearchQuery] = React.useState(""); + const [users, setUsers] = React.useState([]); + const [isLoadingUsers, setIsLoadingUsers] = React.useState(false); + + const loadUsers = React.useCallback(async () => { + setIsLoadingUsers(true); + try { + const result = await getUsersForSiteVisitAction( + searchQuery.trim() || undefined + ); + if (result.success && result.data) { + setUsers(result.data); + } + } catch (error) { + console.error("사용자 목록 로드 오류:", error); + toast.error("사용자 목록을 불러오는데 실패했습니다."); + } finally { + setIsLoadingUsers(false); + } + }, [searchQuery]); + + // 사용자 목록 가져오기 + React.useEffect(() => { + if (isPopoverOpen && isChecked) { + loadUsers(); + } + }, [isPopoverOpen, isChecked, loadUsers]); + + // 검색 쿼리 변경 시 사용자 목록 다시 로드 (debounce) + React.useEffect(() => { + if (!isPopoverOpen || !isChecked) return; + + const timer = setTimeout(() => { + loadUsers(); + }, 300); + + return () => clearTimeout(timer); + }, [searchQuery, isPopoverOpen, isChecked, loadUsers]); + + const handleUserSelect = (user: SiteVisitUser) => { + // 현재 폼의 attendees 값 가져오기 + const currentAttendees = form.getValues(`shiAttendees.${itemKey}.attendees`) as Array<{ + name: string; + department?: string; + email: string; + }>; + + // 이미 선택된 사용자인지 확인 + const existingIndex = currentAttendees.findIndex( + (attendee) => attendee.email === user.email + ); + + if (existingIndex >= 0) { + // 이미 선택된 경우 제거 + remove(existingIndex); + } else { + // 새로 추가 + append({ + name: user.name, + department: user.deptName || "", + email: user.email, + }); + } + }; + + const isUserSelected = (userEmail: string) => { + const currentAttendees = form.getValues(`shiAttendees.${itemKey}.attendees`) as Array<{ + name: string; + department?: string; + email: string; + }>; + return currentAttendees.some((attendee) => attendee.email === userEmail); + }; + + return ( +

+ ( + + + { + field.onChange(checked); + // 체크 해제 시 참석자 목록 초기화 + if (!checked) { + form.setValue(`shiAttendees.${itemKey}.attendees` as any, []); + setIsPopoverOpen(false); + } + }} + disabled={isPending} + /> + + {label} + + )} + /> +

+ {isChecked && ( +

+ + 참석인원: {fields.length}명 + +

+ )} +

+ + {isChecked && ( +

+ {/* 사용자 선택 UI */} + + + + + + + + + + {isLoadingUsers ? "로딩 중..." : "검색 결과가 없습니다."} + + + {users.map((user) => { + const selected = isUserSelected(user.email); + return ( + handleUserSelect(user)} + className="cursor-pointer" + > + +

+ + {user.name} + + {user.deptName && ( + + ({user.deptName}) + + )} +

+ + {user.email} + +

+ + ); + })} + + + + + + + {/* 선택된 사용자 목록 */} + {fields.length > 0 && ( +

+ {fields.map((fieldItem, index) => { + // 폼에서 실제 값을 가져오기 + const attendeesArray = form.watch(`shiAttendees.${itemKey}.attendees` as any) as Array<{ + name: string; + department?: string; + email: string; + }>; + const attendee = attendeesArray[index]; + + if (!attendee) return null; + + return ( +

+ {attendee.name} + {attendee.department && ( + + ({attendee.department}) + + )} +

+ {attendee.email} +

+ +

+ ); + })} +

+ )} +

+ ); +} interface SiteVisitDialogProps { isOpen: boolean @@ -134,6 +443,7 @@ interface SiteVisitDialogProps { id: number investigationMethod?: "PURCHASE_SELF_EVAL" | "DOCUMENT_EVAL" | "PRODUCT_INSPECTION" | "SITE_VISIT_EVAL" investigationAddress?: string + investigationNotes?: string vendorName: string vendorCode: string projectName?: string @@ -156,17 +466,17 @@ export function SiteVisitDialog({ const form = useForm({ resolver: zodResolver(siteVisitRequestSchema), defaultValues: { - inspectionDuration: 1.0, + inspectionDuration: 1, requestedStartDate: undefined, requestedEndDate: undefined, shiAttendees: { - technicalSales: { checked: false, count: 0, details: "" }, - design: { checked: false, count: 0, details: "" }, - procurement: { checked: false, count: 0, details: "" }, - quality: { checked: false, count: 0, details: "" }, - production: { checked: false, count: 0, details: "" }, - commissioning: { checked: false, count: 0, details: "" }, - other: { checked: false, count: 0, details: "" }, + technicalSales: { checked: false, attendees: [] }, + design: { checked: false, attendees: [] }, + procurement: { checked: false, attendees: [] }, + quality: { checked: false, attendees: [] }, + production: { checked: false, attendees: [] }, + commissioning: { checked: false, attendees: [] }, + other: { checked: false, attendees: [] }, }, shiAttendeeDetails: "", vendorRequests: { @@ -198,20 +508,50 @@ export function SiteVisitDialog({ // 기존 데이터를 form에 로드 const data = existingRequest.data form.reset({ - inspectionDuration: data.inspectionDuration || 1.0, + inspectionDuration: typeof data.inspectionDuration === 'number' ? data.inspectionDuration : (parseFloat(String(data.inspectionDuration || '1')) || 1), requestedStartDate: data.requestedStartDate ? new Date(data.requestedStartDate) : undefined, requestedEndDate: data.requestedEndDate ? new Date(data.requestedEndDate) : undefined, - shiAttendees: data.shiAttendees || { - technicalSales: { checked: false, count: 0, details: "" }, - design: { checked: false, count: 0, details: "" }, - procurement: { checked: false, count: 0, details: "" }, - quality: { checked: false, count: 0, details: "" }, - production: { checked: false, count: 0, details: "" }, - commissioning: { checked: false, count: 0, details: "" }, - other: { checked: false, count: 0, details: "" }, - }, - shiAttendeeDetails: data.shiAttendeeDetails || "", - vendorRequests: data.vendorRequests || { + shiAttendees: (() => { + // 기존 데이터 형식 변환 (호환성 유지) + if (data.shiAttendees) { + const converted: any = {}; + Object.keys(data.shiAttendees).forEach((key) => { + const oldData = (data.shiAttendees as any)[key]; + if (oldData && typeof oldData === 'object') { + // 기존 형식 {checked, count, details} → 새 형식 {checked, attendees} + if (oldData.attendees && Array.isArray(oldData.attendees)) { + converted[key] = oldData; // 이미 새 형식 + } else { + // 기존 형식 변환 + converted[key] = { + checked: oldData.checked || false, + attendees: oldData.count > 0 && oldData.details + ? [{ + name: oldData.details.split('/')[0]?.trim() || '', + department: oldData.details.split('/')[1]?.trim() || '', + email: '' + }] + : [] + }; + } + } else { + converted[key] = { checked: false, attendees: [] }; + } + }); + return converted; + } + return { + technicalSales: { checked: false, attendees: [] }, + design: { checked: false, attendees: [] }, + procurement: { checked: false, attendees: [] }, + quality: { checked: false, attendees: [] }, + production: { checked: false, attendees: [] }, + commissioning: { checked: false, attendees: [] }, + other: { checked: false, attendees: [] }, + }; + })(), + shiAttendeeDetails: (data as any).shiAttendeeDetails || "", + vendorRequests: (data.vendorRequests && typeof data.vendorRequests === 'object') ? data.vendorRequests : { availableDates: false, factoryName: false, factoryLocation: false, @@ -223,7 +563,7 @@ export function SiteVisitDialog({ accessProcedure: false, other: false, }, - otherVendorRequests: data.otherVendorRequests || "", + otherVendorRequests: (data as any).otherVendorRequests || "", additionalRequests: data.additionalRequests || "", }) return @@ -231,17 +571,17 @@ export function SiteVisitDialog({ // 기본값으로 폼 초기화 (기존 요청이 없는 경우) form.reset({ - inspectionDuration: 1.0, + inspectionDuration: 1, requestedStartDate: undefined, requestedEndDate: undefined, shiAttendees: { - technicalSales: { checked: false, count: 0, details: "" }, - design: { checked: false, count: 0, details: "" }, - procurement: { checked: false, count: 0, details: "" }, - quality: { checked: false, count: 0, details: "" }, - production: { checked: false, count: 0, details: "" }, - commissioning: { checked: false, count: 0, details: "" }, - other: { checked: false, count: 0, details: "" }, + technicalSales: { checked: false, attendees: [] }, + design: { checked: false, attendees: [] }, + procurement: { checked: false, attendees: [] }, + quality: { checked: false, attendees: [] }, + production: { checked: false, attendees: [] }, + commissioning: { checked: false, attendees: [] }, + other: { checked: false, attendees: [] }, }, shiAttendeeDetails: "", vendorRequests: { @@ -318,7 +658,9 @@ export function SiteVisitDialog({