Merge pull request 'feature/survey' (#56) from feature/survey into dev
Reviewed-on: #56
This commit is contained in:
commit
0bf5b57a98
@ -2,20 +2,96 @@ import { NextRequest, NextResponse } from 'next/server'
|
||||
import { prisma } from '@/libs/prisma'
|
||||
import { convertToSnakeCase } from '@/utils/common-utils'
|
||||
|
||||
interface Survey {
|
||||
SRL_NO: string
|
||||
SUBMISSION_STATUS: boolean
|
||||
SUBMISSION_TARGET_ID: string | null
|
||||
STORE_ID: string | null
|
||||
CONSTRUCTION_POINT_ID: string | null
|
||||
}
|
||||
|
||||
interface SessionParams {
|
||||
role: string | null
|
||||
storeId: string | null
|
||||
builderNo: string | null
|
||||
isLoggedIn: string | null
|
||||
}
|
||||
|
||||
const checkT01Role = (survey: Survey): boolean => survey.SRL_NO !== '一時保存'
|
||||
|
||||
const checkAdminRole = (survey: Survey, storeId: string | null): boolean => {
|
||||
if (!storeId) return false
|
||||
|
||||
if (survey.SUBMISSION_STATUS) {
|
||||
return survey.SUBMISSION_TARGET_ID === storeId || survey.STORE_ID === storeId
|
||||
}
|
||||
return survey.STORE_ID === storeId
|
||||
}
|
||||
|
||||
const checkAdminSubRole = (survey: Survey, storeId: string | null): boolean => {
|
||||
if (!storeId) return false
|
||||
|
||||
if (survey.SUBMISSION_STATUS) {
|
||||
return survey.SUBMISSION_TARGET_ID === storeId || (survey.STORE_ID === storeId && survey.CONSTRUCTION_POINT_ID === null)
|
||||
}
|
||||
return survey.STORE_ID === storeId && survey.CONSTRUCTION_POINT_ID === null
|
||||
}
|
||||
|
||||
const checkPartnerOrBuilderRole = (survey: Survey, builderNo: string | null): boolean => {
|
||||
if (!builderNo) return false
|
||||
return survey.CONSTRUCTION_POINT_ID === builderNo
|
||||
}
|
||||
|
||||
const checkRole = (survey: Survey, sessionParams: SessionParams): boolean => {
|
||||
if (!survey || !sessionParams.role) return false
|
||||
|
||||
switch (sessionParams.role) {
|
||||
case 'T01':
|
||||
return checkT01Role(survey)
|
||||
// T01 이외 1차점
|
||||
case 'Admin':
|
||||
return checkAdminRole(survey, sessionParams.storeId)
|
||||
// 2차점
|
||||
case 'Admin_Sub':
|
||||
return checkAdminSubRole(survey, sessionParams.storeId)
|
||||
// partner
|
||||
case 'Partner':
|
||||
// 2차점 시공권한 user
|
||||
case 'Builder':
|
||||
return checkPartnerOrBuilderRole(survey, sessionParams.builderNo)
|
||||
default:
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
export async function GET(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
|
||||
try {
|
||||
const { id } = await params
|
||||
const { searchParams } = new URL(request.url)
|
||||
|
||||
const sessionParams: SessionParams = {
|
||||
role: searchParams.get('role'),
|
||||
storeId: searchParams.get('storeId'),
|
||||
builderNo: searchParams.get('builderNo'),
|
||||
isLoggedIn: searchParams.get('isLoggedIn'),
|
||||
}
|
||||
// @ts-ignore
|
||||
const survey = await prisma.SD_SURVEY_SALES_BASIC_INFO.findUnique({
|
||||
where: { ID: Number(id) },
|
||||
const survey = await prisma.SD_SURVEY_SALES_BASIC_INFO.findFirst({
|
||||
where: {
|
||||
ID: Number(id),
|
||||
},
|
||||
include: {
|
||||
DETAIL_INFO: true,
|
||||
},
|
||||
})
|
||||
if (checkRole(survey, sessionParams)) {
|
||||
return NextResponse.json(survey)
|
||||
} catch (error) {
|
||||
} else {
|
||||
return NextResponse.json({ error: '権限がありません。' }, { status: 403 })
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error('Error fetching survey:', error)
|
||||
return NextResponse.json({ error: 'Failed to fetch survey' }, { status: 500 })
|
||||
return NextResponse.json({ error: 'データの取得に失敗しました。' }, { status: 500 })
|
||||
}
|
||||
}
|
||||
|
||||
@ -115,8 +191,6 @@ export async function PATCH(request: NextRequest, { params }: { params: Promise<
|
||||
try {
|
||||
const { id } = await params
|
||||
const body = await request.json()
|
||||
|
||||
if (body.targetId) {
|
||||
// @ts-ignore
|
||||
const survey = await prisma.SD_SURVEY_SALES_BASIC_INFO.update({
|
||||
where: { ID: Number(id) },
|
||||
@ -124,11 +198,11 @@ export async function PATCH(request: NextRequest, { params }: { params: Promise<
|
||||
SUBMISSION_STATUS: true,
|
||||
SUBMISSION_DATE: new Date(),
|
||||
SUBMISSION_TARGET_ID: body.targetId,
|
||||
SUBMISSION_TARGET_NM: body.targetNm,
|
||||
UPT_DT: new Date(),
|
||||
},
|
||||
})
|
||||
return NextResponse.json({ message: 'Survey confirmed successfully', data: survey })
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error updating survey:', error)
|
||||
return NextResponse.json({ error: 'Failed to update survey' }, { status: 500 })
|
||||
|
||||
@ -11,7 +11,7 @@ type SearchParams = {
|
||||
sort?: string | null // 정렬 방식
|
||||
offset?: string | null
|
||||
role?: string | null // 회원권한한
|
||||
store?: string | null // 판매점ID
|
||||
storeId?: string | null // 판매점ID
|
||||
builderNo?: string | null // 시공ID
|
||||
}
|
||||
|
||||
@ -25,8 +25,10 @@ type WhereCondition = {
|
||||
const SEARCH_OPTIONS = [
|
||||
'BUILDING_NAME', // 건물명
|
||||
'REPRESENTATIVE', // 담당자
|
||||
'STORE', // 판매점
|
||||
'CONSTRUCTION_POINT', // 시공점
|
||||
'STORE', // 판매점명
|
||||
'STORE_ID', // 판매점ID
|
||||
'CONSTRUCTION_POINT', // 시공점명
|
||||
'CONSTRUCTION_POINT_ID', // 시공점ID
|
||||
'CUSTOMER_NAME', // 고객명
|
||||
'POST_CODE', // 우편번호
|
||||
'ADDRESS', // 주소
|
||||
@ -75,11 +77,11 @@ const createMemberRoleCondition = (params: SearchParams): WhereCondition => {
|
||||
where.OR = [
|
||||
{
|
||||
// 같은 판매점에서 작성한 제출/제출되지 않은 매물
|
||||
AND: [{ STORE_ID: { equals: params.store } }],
|
||||
AND: [{ STORE_ID: { equals: params.storeId } }],
|
||||
},
|
||||
{
|
||||
// MUSUBI (시공권한 X) 가 ORDER 에 제출한 매물
|
||||
AND: [{ SUBMISSION_TARGET_ID: { equals: params.store } }, { SUBMISSION_STATUS: { equals: true } }],
|
||||
AND: [{ SUBMISSION_TARGET_ID: { equals: params.storeId } }, { SUBMISSION_STATUS: { equals: true } }],
|
||||
},
|
||||
]
|
||||
break
|
||||
@ -88,19 +90,14 @@ const createMemberRoleCondition = (params: SearchParams): WhereCondition => {
|
||||
where.OR = [
|
||||
{
|
||||
// MUSUBI (시공권한 X) 같은 판매점에서 작성한 제출/제출되지 않은 매물
|
||||
AND: [
|
||||
{ STORE_ID: { equals: params.store } },
|
||||
{
|
||||
OR: [{ CONSTRUCTION_POINT: { equals: null } }, { CONSTRUCTION_POINT: { equals: '' } }],
|
||||
},
|
||||
],
|
||||
AND: [{ STORE_ID: { equals: params.storeId } }, { CONSTRUCTION_POINT_ID: { equals: params.builderNo } }],
|
||||
},
|
||||
{
|
||||
// MUSUBI (시공권한 O) 가 MUSUBI 에 제출한 매물 + PARTNER 가 제출한 매물
|
||||
AND: [
|
||||
{ SUBMISSION_TARGET_ID: { equals: params.store } },
|
||||
{ CONSTRUCTION_POINT: { not: null } },
|
||||
{ CONSTRUCTION_POINT: { not: '' } },
|
||||
{ SUBMISSION_TARGET_ID: { equals: params.storeId } },
|
||||
{ CONSTRUCTION_POINT_ID: { not: null } },
|
||||
{ CONSTRUCTION_POINT_ID: { not: '' } },
|
||||
{ SUBMISSION_STATUS: { equals: true } },
|
||||
],
|
||||
},
|
||||
@ -109,10 +106,9 @@ const createMemberRoleCondition = (params: SearchParams): WhereCondition => {
|
||||
|
||||
case 'Builder': // MUSUBI (시공권한 O)
|
||||
case 'Partner': // PARTNER
|
||||
// 시공점이 있고 STORE_ID가 시공ID와 같은 매물
|
||||
// 시공ID 같은 매물
|
||||
where.AND?.push({
|
||||
CONSTRUCTION_POINT: { not: null },
|
||||
STORE_ID: { equals: params.builderNo },
|
||||
CONSTRUCTION_POINT_ID: { equals: params.builderNo },
|
||||
})
|
||||
break
|
||||
|
||||
@ -127,7 +123,7 @@ const createMemberRoleCondition = (params: SearchParams): WhereCondition => {
|
||||
},
|
||||
{
|
||||
STORE_ID: {
|
||||
equals: params.store,
|
||||
equals: params.storeId,
|
||||
},
|
||||
},
|
||||
]
|
||||
@ -154,7 +150,7 @@ export async function GET(request: Request) {
|
||||
sort: searchParams.get('sort'),
|
||||
offset: searchParams.get('offset'),
|
||||
role: searchParams.get('role'),
|
||||
store: searchParams.get('store'), //storeId
|
||||
storeId: searchParams.get('storeId'), //storeId
|
||||
builderNo: searchParams.get('builderNo'),
|
||||
}
|
||||
|
||||
|
||||
@ -10,7 +10,6 @@ import { useSpinnerStore } from '@/store/spinnerStore'
|
||||
export default function SurveySaleDownloadPdf() {
|
||||
const params = useParams()
|
||||
const id = params.id
|
||||
const router = useRouter()
|
||||
|
||||
const { surveyDetail, isLoadingSurveyDetail } = useSurvey(Number(id))
|
||||
const { setIsShow } = useSpinnerStore()
|
||||
@ -19,13 +18,13 @@ export default function SurveySaleDownloadPdf() {
|
||||
const isGeneratedRef = useRef(false)
|
||||
|
||||
useEffect(() => {
|
||||
setIsShow(true)
|
||||
if (isLoadingSurveyDetail || !surveyDetail || isGeneratedRef.current) return
|
||||
isGeneratedRef.current = true
|
||||
handleDownPdf()
|
||||
}, [surveyDetail?.id, isLoadingSurveyDetail])
|
||||
|
||||
const handleDownPdf = () => {
|
||||
setIsShow(true)
|
||||
const options = {
|
||||
method: 'open' as const,
|
||||
resolution: Resolution.HIGH,
|
||||
@ -50,12 +49,9 @@ export default function SurveySaleDownloadPdf() {
|
||||
|
||||
generatePDF(targetRef, options).then(() => {
|
||||
setIsShow(false)
|
||||
router.push(`/survey-sale/${id}`)
|
||||
alert('PDFの生成が完了しました。 ポップアップウィンドウからダウンロードしてください。')
|
||||
})
|
||||
}
|
||||
const supplementList = supplementaryFacilities
|
||||
.filter((facility) => surveyDetail?.detailInfo?.supplementaryFacilities?.includes(facility.id.toString()))
|
||||
.map((facility) => facility.name)
|
||||
|
||||
return (
|
||||
<>
|
||||
@ -249,11 +245,15 @@ export default function SurveySaleDownloadPdf() {
|
||||
boxSizing: 'border-box',
|
||||
}}
|
||||
>
|
||||
{supplementList === null && surveyDetail?.detailInfo?.supplementaryFacilitiesEtc === null
|
||||
? '-'
|
||||
{surveyDetail?.detailInfo?.supplementaryFacilities
|
||||
? supplementaryFacilities
|
||||
.filter((facility) => surveyDetail?.detailInfo?.supplementaryFacilities?.includes(facility.id.toString()))
|
||||
.map((facility) => facility.name)
|
||||
.join(', ') +
|
||||
(surveyDetail?.detailInfo?.supplementaryFacilitiesEtc ? `, ${surveyDetail?.detailInfo?.supplementaryFacilitiesEtc}` : '')
|
||||
: surveyDetail?.detailInfo?.supplementaryFacilitiesEtc
|
||||
? `${supplementList.join(', ')}, ${surveyDetail?.detailInfo?.supplementaryFacilitiesEtc}`
|
||||
: supplementList.join(', ')}
|
||||
? `${surveyDetail?.detailInfo?.supplementaryFacilitiesEtc}`
|
||||
: '-'}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@ -330,7 +330,11 @@ export default function SurveySaleDownloadPdf() {
|
||||
boxSizing: 'border-box',
|
||||
}}
|
||||
>
|
||||
{surveyDetail?.detailInfo?.constructionYear === '1' ? '新築' : `既築 (${surveyDetail?.detailInfo?.constructionYear}年)`}
|
||||
{surveyDetail?.detailInfo?.constructionYear === '1'
|
||||
? '新築'
|
||||
: surveyDetail?.detailInfo?.constructionYearEtc
|
||||
? `既築 (${surveyDetail?.detailInfo?.constructionYear}年)`
|
||||
: '-'}
|
||||
</td>
|
||||
<th
|
||||
style={{
|
||||
|
||||
@ -2,7 +2,7 @@ import Image from 'next/image'
|
||||
import { usePopupController } from '@/store/popupController'
|
||||
import { useParams } from 'next/navigation'
|
||||
import { useSurvey } from '@/hooks/useSurvey'
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useEffect, useRef, useState } from 'react'
|
||||
import { useSessionStore } from '@/store/session'
|
||||
import { useCommCode } from '@/hooks/useCommCode'
|
||||
import { CommCode } from '@/types/CommCode'
|
||||
@ -11,12 +11,13 @@ import { useSpinnerStore } from '@/store/spinnerStore'
|
||||
|
||||
interface SubmitFormData {
|
||||
saleBase: string | null
|
||||
store: string
|
||||
targetId: string | null
|
||||
targetNm: string | null
|
||||
sender: string
|
||||
receiver: string[] | string
|
||||
reference: string | null
|
||||
title: string
|
||||
contents: string
|
||||
contents: string | null
|
||||
}
|
||||
|
||||
interface FormField {
|
||||
@ -32,38 +33,47 @@ export default function SurveySaleSubmitPopup() {
|
||||
const routeId = params.id
|
||||
|
||||
const { setIsShow } = useSpinnerStore()
|
||||
const [commCodeList, setCommCodeList] = useState<CommCode[]>([])
|
||||
|
||||
const { getCommCode } = useCommCode()
|
||||
const { surveyDetail } = useSurvey(Number(routeId))
|
||||
|
||||
const [submitData, setSubmitData] = useState<SubmitFormData>({
|
||||
saleBase: null,
|
||||
targetId: null,
|
||||
targetNm: null,
|
||||
sender: '',
|
||||
receiver: [],
|
||||
reference: null,
|
||||
title: '',
|
||||
contents: '',
|
||||
})
|
||||
|
||||
const [commCodeList, setCommCodeList] = useState<CommCode[]>([])
|
||||
useEffect(() => {
|
||||
if (session?.isLoggedIn && session?.role === 'Admin') {
|
||||
if (!session?.isLoggedIn || !surveyDetail?.id) return
|
||||
if (session?.role === 'Admin') {
|
||||
getCommCode('SALES_OFFICE_CD').then((codes) => {
|
||||
setCommCodeList(codes)
|
||||
})
|
||||
}
|
||||
}, [session])
|
||||
setSubmitData({
|
||||
...submitData,
|
||||
targetId: session?.role === 'Builder' ? surveyDetail?.storeId ?? null : null,
|
||||
targetNm: session?.role === 'Builder' ? surveyDetail?.store ?? null : null,
|
||||
sender: session?.email ?? '',
|
||||
title: '[HANASYS現地調査] 調査物件が提出. (' + surveyDetail?.srlNo + ')',
|
||||
})
|
||||
}, [session, surveyDetail])
|
||||
|
||||
const FORM_FIELDS: FormField[] = [
|
||||
{ id: 'saleBase', name: '提出地点選択', required: session?.role === 'Admin' },
|
||||
{ id: 'store', name: '提出販売店', required: true },
|
||||
{ id: 'sender', name: '発送者', required: true },
|
||||
{ id: 'saleBase', name: '提出地点選択', required: session?.role === 'Admin' },
|
||||
{ id: 'targetNm', name: '提出販売店', required: session?.role !== 'Admin' },
|
||||
{ id: 'receiver', name: '受信者', required: true },
|
||||
{ id: 'reference', name: '参考', required: false },
|
||||
{ id: 'title', name: 'タイトル', required: true },
|
||||
{ id: 'contents', name: '内容', required: true },
|
||||
{ id: 'contents', name: '内容', required: false },
|
||||
]
|
||||
|
||||
const [submitData, setSubmitData] = useState<SubmitFormData>({
|
||||
saleBase: null,
|
||||
store: '',
|
||||
sender: session?.email ?? '',
|
||||
receiver: [],
|
||||
reference: null,
|
||||
title: '[HANASYS現地調査] 調査物件が提出.',
|
||||
contents: '',
|
||||
})
|
||||
|
||||
const { submitSurvey, isSubmittingSurvey } = useSurvey(Number(routeId))
|
||||
|
||||
const handleInputChange = (field: keyof SubmitFormData, value: string) => {
|
||||
@ -74,7 +84,7 @@ export default function SurveySaleSubmitPopup() {
|
||||
const requiredFields = FORM_FIELDS.filter((field) => field.required)
|
||||
|
||||
for (const field of requiredFields) {
|
||||
if (data[field.id]?.length === 0) {
|
||||
if (data[field.id] === '' || data[field.id] === null || data[field.id]?.length === 0) {
|
||||
alert(`${field.name}は必須入力項目です。`)
|
||||
const element = document.getElementById(field.id)
|
||||
if (element) {
|
||||
@ -86,32 +96,38 @@ export default function SurveySaleSubmitPopup() {
|
||||
return true
|
||||
}
|
||||
|
||||
// TODO: Admin_Sub 계정 매핑된 submit target id 추가!!!! && 메일 테스트트
|
||||
const handleSubmit = () => {
|
||||
if (validateData(submitData)) {
|
||||
window.neoConfirm('送信しますか？ 送信後は変更・修正することはできません。', () => {
|
||||
setIsShow(true)
|
||||
submitSurvey({ targetId: submitData.store })
|
||||
sendEmail({
|
||||
to: submitData.receiver,
|
||||
subject: submitData.title,
|
||||
content: submitData.contents,
|
||||
content: contentsRef.current?.innerHTML ?? '',
|
||||
})
|
||||
.then(() => {
|
||||
if (!isSubmittingSurvey) {
|
||||
alert('提出が完了しました。')
|
||||
// submitSurvey({ targetId: submitData.targetId, targetNm: submitData.targetNm })
|
||||
popupController.setSurveySaleSubmitPopup(false)
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error('Error sending email:', error)
|
||||
alert('メール送信に失敗しました。')
|
||||
alert('メール送信に失敗しました。 再度送信してください。')
|
||||
})
|
||||
.finally(() => {
|
||||
submitSurvey({ targetId: submitData.targetId, targetNm: submitData.targetNm })
|
||||
setIsShow(false)
|
||||
popupController.setSurveySaleSubmitPopup(false)
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const contentsRef = useRef<HTMLDivElement>(null)
|
||||
|
||||
const handleClose = () => {
|
||||
popupController.setSurveySaleSubmitPopup(false)
|
||||
}
|
||||
@ -122,6 +138,9 @@ export default function SurveySaleSubmitPopup() {
|
||||
if (field.id === 'saleBase' && session?.role !== 'Admin') {
|
||||
return null
|
||||
}
|
||||
if (field.id === 'targetNm' && session?.role === 'Admin') {
|
||||
return null
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="data-input-form-bx" key={field.id}>
|
||||
@ -130,12 +149,38 @@ export default function SurveySaleSubmitPopup() {
|
||||
</div>
|
||||
<div className="data-input">
|
||||
{field.id === 'contents' ? (
|
||||
<textarea
|
||||
className="textarea-form"
|
||||
id={field.id}
|
||||
value={submitData[field.id] ?? ''}
|
||||
onChange={(e) => handleInputChange(field.id, e.target.value)}
|
||||
/>
|
||||
<div className="submit-content" id={field.id}>
|
||||
<div ref={contentsRef}>
|
||||
<p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '15px' }}>
|
||||
HANASYS現地調査アプリを使用した現地調査結果が送信されました。
|
||||
</p>
|
||||
<p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '3px' }}>
|
||||
-担当者名： <span style={{ color: '#417DDC' }}>{surveyDetail?.representative}</span>
|
||||
</p>
|
||||
<p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '3px' }}>
|
||||
-販売店名：
|
||||
<span style={{ color: '#417DDC' }}>
|
||||
{surveyDetail?.store} ({surveyDetail?.storeId})
|
||||
</span>
|
||||
</p>
|
||||
<p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '15px' }}>
|
||||
-施工店名:
|
||||
<span style={{ color: '#417DDC' }}>{surveyDetail?.constructionPoint}</span>
|
||||
</p>
|
||||
<p>
|
||||
<a
|
||||
style={{ fontSize: '13px', fontWeight: '400', color: '#1259CB', marginBottom: '5px', textDecoration: 'underline' }}
|
||||
href={`${process.env.NEXT_PUBLIC_API_URL}/pdf/survey-sale/${surveyDetail?.id}`}
|
||||
target="_blank"
|
||||
>
|
||||
現地調査結果PDFダウンロード
|
||||
</a>
|
||||
</p>
|
||||
<p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59' }}>
|
||||
※リンクをクリックしてローカル調査結果PDFをダウンロードできます。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
{field.id === 'saleBase' && session?.role === 'Admin' ? (
|
||||
|
||||
@ -107,6 +107,13 @@ export default function ZipCodePopup() {
|
||||
<td>{item.address3}</td>
|
||||
</tr>
|
||||
))}
|
||||
{addressInfo?.length === 0 && (
|
||||
<tr>
|
||||
<td colSpan={3} className="al-c">
|
||||
<div className="nodata">조회된 데이터가 없습니다.</div>
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@ -4,46 +4,38 @@ import { useEffect, useState } from 'react'
|
||||
import { useSurveySaleTabState } from '@/store/surveySaleTabState'
|
||||
import type { SurveyBasicRequest } from '@/types/Survey'
|
||||
import type { Mode } from 'fs'
|
||||
import { useSessionStore } from '@/store/session'
|
||||
import { usePopupController } from '@/store/popupController'
|
||||
import { useAddressStore } from '@/store/addressStore'
|
||||
import { SessionData } from '@/types/Auth'
|
||||
|
||||
export default function BasicForm(props: { basicInfo: SurveyBasicRequest; setBasicInfo: (basicInfo: SurveyBasicRequest) => void; mode: Mode }) {
|
||||
const { basicInfo, setBasicInfo, mode } = props
|
||||
interface BasicFormProps {
|
||||
basicInfo: SurveyBasicRequest
|
||||
setBasicInfo: (basicInfo: SurveyBasicRequest) => void
|
||||
mode: Mode
|
||||
session: SessionData
|
||||
}
|
||||
|
||||
export default function BasicForm({ basicInfo, setBasicInfo, mode, session }: BasicFormProps) {
|
||||
const { setBasicInfoSelected } = useSurveySaleTabState()
|
||||
const [isFlip, setIsFlip] = useState<boolean>(true)
|
||||
|
||||
const { session } = useSessionStore()
|
||||
const { addressData } = useAddressStore()
|
||||
const popupController = usePopupController()
|
||||
|
||||
useEffect(() => {
|
||||
setBasicInfoSelected()
|
||||
}, [])
|
||||
|
||||
// 시공권한 user(Builder), Partner 계정은 조사매물 등록 할 때 STORE_ID에 시공점ID가 들어감
|
||||
// 권한 별 목록 필터링 시 시공권한 user(Builder), Partner는 시공점ID가 같은 것들만 조회
|
||||
// 주소 데이터가 변경될 때만 업데이트
|
||||
useEffect(() => {
|
||||
if (session?.isLoggedIn) {
|
||||
setBasicInfo({
|
||||
...basicInfo,
|
||||
representative: session.userNm ?? '',
|
||||
representativeId: session.userId ?? null,
|
||||
store: session.role === 'Partner' ? null : session.storeNm ?? null,
|
||||
storeId: session.role === 'Partner' || session.role === 'Builder' ? session.builderNo : session.storeId ?? null,
|
||||
constructionPoint: session.builderNo ?? null,
|
||||
})
|
||||
}
|
||||
if (addressData) {
|
||||
if (!addressData) return
|
||||
|
||||
setBasicInfo({
|
||||
...basicInfo,
|
||||
postCode: addressData.post_code,
|
||||
address: addressData.address,
|
||||
addressDetail: addressData.address_detail,
|
||||
})
|
||||
}
|
||||
}, [session, addressData])
|
||||
|
||||
const popupController = usePopupController()
|
||||
}, [addressData])
|
||||
|
||||
return (
|
||||
<>
|
||||
@ -67,29 +59,15 @@ export default function BasicForm(props: { basicInfo: SurveyBasicRequest; setBas
|
||||
onChange={(e) => setBasicInfo({ ...basicInfo, representative: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
{(session?.role === 'Builder' || session?.role?.includes('Admin')) && (
|
||||
<div className="data-input-form-bx">
|
||||
<div className="data-input-form-tit">販売店</div>
|
||||
<input
|
||||
type="text"
|
||||
className="input-frame"
|
||||
readOnly
|
||||
value={basicInfo?.store ?? ''}
|
||||
onChange={(e) => setBasicInfo({ ...basicInfo, store: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
{(session?.role === 'Builder' || session?.role === 'Partner') && (
|
||||
<div className="data-input-form-bx">
|
||||
<div className="data-input-form-tit">施工店</div>
|
||||
<input
|
||||
type="text"
|
||||
className="input-frame"
|
||||
readOnly
|
||||
value={basicInfo?.constructionPoint ?? ''}
|
||||
onChange={(e) => setBasicInfo({ ...basicInfo, constructionPoint: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
{mode === 'READ' || session?.role === 'Builder' ? (
|
||||
<>
|
||||
{storeInput(basicInfo, setBasicInfo, mode)}
|
||||
{builderInput(basicInfo, setBasicInfo, mode)}
|
||||
</>
|
||||
) : session?.role === 'Partner' ? (
|
||||
<>{builderInput(basicInfo, setBasicInfo, mode)}</>
|
||||
) : (
|
||||
<>{storeInput(basicInfo, setBasicInfo, mode)}</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
@ -169,3 +147,33 @@ export default function BasicForm(props: { basicInfo: SurveyBasicRequest; setBas
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
const storeInput = (basicInfo: SurveyBasicRequest, setBasicInfo: (basicInfo: SurveyBasicRequest) => void, mode: Mode) => {
|
||||
return (
|
||||
<div className="data-input-form-bx">
|
||||
<div className="data-input-form-tit">販売店</div>
|
||||
<input
|
||||
type="text"
|
||||
className="input-frame"
|
||||
readOnly
|
||||
value={basicInfo?.store ?? ''}
|
||||
onChange={(e) => setBasicInfo({ ...basicInfo, store: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const builderInput = (basicInfo: SurveyBasicRequest, setBasicInfo: (basicInfo: SurveyBasicRequest) => void, mode: Mode) => {
|
||||
return (
|
||||
<div className="data-input-form-bx">
|
||||
<div className="data-input-form-tit">施工店</div>
|
||||
<input
|
||||
type="text"
|
||||
className="input-frame"
|
||||
readOnly
|
||||
value={basicInfo?.constructionPoint ?? ''}
|
||||
onChange={(e) => setBasicInfo({ ...basicInfo, constructionPoint: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -7,76 +7,88 @@ import { useParams, useRouter, useSearchParams } from 'next/navigation'
|
||||
import { requiredFields, useSurvey } from '@/hooks/useSurvey'
|
||||
import { usePopupController } from '@/store/popupController'
|
||||
|
||||
export default function ButtonForm(props: {
|
||||
interface ButtonFormProps {
|
||||
mode: Mode
|
||||
setMode: (mode: Mode) => void
|
||||
data: { basic: SurveyBasicRequest; roof: SurveyDetailRequest }
|
||||
}) {
|
||||
// 라우터
|
||||
const router = useRouter()
|
||||
const { mode, setMode } = props
|
||||
const { session } = useSessionStore()
|
||||
data: {
|
||||
basic: SurveyBasicRequest
|
||||
roof: SurveyDetailRequest
|
||||
}
|
||||
}
|
||||
|
||||
interface PermissionState {
|
||||
isSubmiter: boolean
|
||||
isWriter: boolean
|
||||
isReceiver: boolean
|
||||
}
|
||||
|
||||
interface SaveData extends SurveyBasicRequest {
|
||||
detailInfo: SurveyDetailRequest
|
||||
}
|
||||
|
||||
export default function ButtonForm({ mode, setMode, data }: ButtonFormProps) {
|
||||
const router = useRouter()
|
||||
const { session } = useSessionStore()
|
||||
const searchParams = useSearchParams()
|
||||
const idParam = searchParams.get('id')
|
||||
|
||||
const params = useParams()
|
||||
const routeId = params.id
|
||||
|
||||
const popupController = usePopupController()
|
||||
// ------------------------------------------------------------
|
||||
const [saveData, setSaveData] = useState({
|
||||
...props.data.basic,
|
||||
detailInfo: props.data.roof,
|
||||
|
||||
const [saveData, setSaveData] = useState<SaveData>({
|
||||
...data.basic,
|
||||
detailInfo: data.roof,
|
||||
})
|
||||
// --------------------------------------------------------------
|
||||
// 권한
|
||||
|
||||
// 제출권한 ㅇ
|
||||
const [isSubmiter, setIsSubmiter] = useState(false)
|
||||
// 작성자
|
||||
const [isWriter, setIsWriter] = useState(false)
|
||||
const isSubmit = props.data.basic.submissionStatus
|
||||
|
||||
useEffect(() => {
|
||||
if (session?.isLoggedIn) {
|
||||
switch (session?.role) {
|
||||
// T01 제출권한 없음
|
||||
case 'T01':
|
||||
setIsSubmiter(false)
|
||||
break
|
||||
// 1차 판매점(Order) + 2차 판매점(Musubi) => 같은 판매점 제출권한
|
||||
case 'Admin':
|
||||
case 'Admin_Sub':
|
||||
setIsSubmiter(session.storeNm === props.data.basic.store && session.builderNo === props.data.basic.constructionPoint)
|
||||
break
|
||||
// 시공권한 User(Musubi) + Partner => 같은 시공ID 제출권한
|
||||
case 'Builder':
|
||||
case 'Partner':
|
||||
setIsSubmiter(session.builderNo === props.data.basic.constructionPoint)
|
||||
break
|
||||
default:
|
||||
setIsSubmiter(false)
|
||||
break
|
||||
}
|
||||
|
||||
setIsWriter(session.userNm === props.data.basic.representative)
|
||||
}
|
||||
setSaveData({
|
||||
...props.data.basic,
|
||||
detailInfo: props.data.roof,
|
||||
const [permissions, setPermissions] = useState<PermissionState>({
|
||||
isSubmiter: false,
|
||||
isWriter: false,
|
||||
isReceiver: false,
|
||||
})
|
||||
}, [session, props.data])
|
||||
|
||||
// ------------------------------------------------------------
|
||||
// 저장/임시저장/수정
|
||||
const isSubmit = data.basic.submissionStatus
|
||||
const id = Number(routeId) ? Number(routeId) : Number(idParam)
|
||||
|
||||
const { deleteSurvey, updateSurvey, isDeletingSurvey, isUpdatingSurvey } = useSurvey(Number(id))
|
||||
const { deleteSurvey, updateSurvey, isDeletingSurvey, isUpdatingSurvey } = useSurvey(id)
|
||||
const { validateSurveyDetail, createSurvey, isCreatingSurvey } = useSurvey()
|
||||
|
||||
const handleSave = (isTemporary: boolean, isSubmitProcess = false) => {
|
||||
const emptyField = validateSurveyDetail(props.data.roof)
|
||||
useEffect(() => {
|
||||
if (!session?.isLoggedIn) return
|
||||
|
||||
const newPermissions = calculatePermissions(session, data.basic)
|
||||
setPermissions(newPermissions)
|
||||
|
||||
setSaveData({
|
||||
...data.basic,
|
||||
detailInfo: data.roof,
|
||||
})
|
||||
}, [session, data])
|
||||
|
||||
const calculatePermissions = (session: any, basicData: SurveyBasicRequest): PermissionState => {
|
||||
const isSubmiter = calculateSubmitPermission(session, basicData)
|
||||
const isWriter = session.userNm === basicData.representative
|
||||
const isReceiver = session?.storeId === basicData.submissionTargetId
|
||||
|
||||
return { isSubmiter, isWriter, isReceiver }
|
||||
}
|
||||
|
||||
const calculateSubmitPermission = (session: any, basicData: SurveyBasicRequest): boolean => {
|
||||
switch (session?.role) {
|
||||
case 'T01':
|
||||
return false
|
||||
case 'Admin':
|
||||
case 'Admin_Sub':
|
||||
return session.storeNm === basicData.store && session.builderNo === basicData.constructionPointId
|
||||
case 'Builder':
|
||||
case 'Partner':
|
||||
return session.builderNo === basicData.constructionPointId
|
||||
default:
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
const handleSave = (isTemporary: boolean, isSubmitProcess: boolean) => {
|
||||
const emptyField = validateSurveyDetail(data.roof)
|
||||
const hasEmptyField = emptyField?.trim() !== ''
|
||||
|
||||
if (isTemporary) {
|
||||
@ -89,53 +101,65 @@ export default function ButtonForm(props: {
|
||||
const tempSaveProcess = async () => {
|
||||
if (idParam) {
|
||||
await updateSurvey({ survey: saveData, isTemporary: true })
|
||||
if (!isUpdatingSurvey) {
|
||||
router.push(`/survey-sale/${idParam}`)
|
||||
}
|
||||
} else {
|
||||
const updatedData = {
|
||||
...saveData,
|
||||
srlNo: '一時保存',
|
||||
}
|
||||
const id = await createSurvey(updatedData)
|
||||
if (!isCreatingSurvey) {
|
||||
router.push(`/survey-sale/${id}`)
|
||||
}
|
||||
}
|
||||
alert('一時保存されました。')
|
||||
}
|
||||
|
||||
const focusInput = (field: keyof SurveyDetailInfo) => {
|
||||
const input = document.getElementById(field)
|
||||
if (input) {
|
||||
input.focus()
|
||||
}
|
||||
input?.focus()
|
||||
}
|
||||
|
||||
const saveProcess = async (emptyField: string | null, isSubmitProcess?: boolean) => {
|
||||
if (emptyField?.trim() === '') {
|
||||
await handleSuccessfulSave(isSubmitProcess)
|
||||
} else {
|
||||
handleFailedSave(emptyField)
|
||||
}
|
||||
}
|
||||
|
||||
const handleSuccessfulSave = async (isSubmitProcess?: boolean) => {
|
||||
if (idParam) {
|
||||
await updateSurvey({ survey: saveData, isTemporary: false, storeId: session.storeId ?? '' })
|
||||
if (!isUpdatingSurvey) {
|
||||
router.push(`/survey-sale/${idParam}`)
|
||||
}
|
||||
} else {
|
||||
const id = await createSurvey(saveData)
|
||||
if (!isCreatingSurvey) {
|
||||
router.push(`/survey-sale/${id}`)
|
||||
}
|
||||
}
|
||||
|
||||
if (isSubmitProcess) {
|
||||
if (!isCreatingSurvey && !isUpdatingSurvey) {
|
||||
popupController.setSurveySaleSubmitPopup(true)
|
||||
await popupController.setSurveySaleSubmitPopup(true)
|
||||
}
|
||||
} else {
|
||||
alert('保存されました。')
|
||||
}
|
||||
} else {
|
||||
}
|
||||
|
||||
const handleFailedSave = (emptyField: string | null) => {
|
||||
if (emptyField?.includes('Unit')) {
|
||||
alert('電気契約容量の単位を入力してください。')
|
||||
focusInput(emptyField as keyof SurveyDetailInfo)
|
||||
} else {
|
||||
alert(requiredFields.find((field) => field.field === emptyField)?.name + ' 項目が空です。')
|
||||
}
|
||||
focusInput(emptyField as keyof SurveyDetailInfo)
|
||||
}
|
||||
}
|
||||
}
|
||||
// ------------------------------------------------------------
|
||||
// 삭제/제출
|
||||
|
||||
const handleDelete = async () => {
|
||||
if (routeId) {
|
||||
@ -150,10 +174,11 @@ export default function ButtonForm(props: {
|
||||
}
|
||||
|
||||
const handleSubmit = async () => {
|
||||
if (props.data.basic.srlNo?.startsWith('一時保存') && Number(routeId)) {
|
||||
if (data.basic.srlNo?.startsWith('一時保存') && Number(routeId)) {
|
||||
alert('一時保存されたデータは提出できません。')
|
||||
return
|
||||
}
|
||||
|
||||
if (Number(routeId)) {
|
||||
window.neoConfirm('提出しますか？', async () => {
|
||||
popupController.setSurveySaleSubmitPopup(true)
|
||||
@ -165,17 +190,15 @@ export default function ButtonForm(props: {
|
||||
}
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------
|
||||
if (!session?.isLoggedIn) return null
|
||||
|
||||
if (mode === 'READ' && isSubmit && isSubmiter) {
|
||||
if (mode === 'READ' && isSubmit && permissions.isSubmiter) {
|
||||
return (
|
||||
<>
|
||||
<div className="sale-form-btn-wrap">
|
||||
<div className="btn-flex-wrap">
|
||||
<ListButton />
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -185,9 +208,11 @@ export default function ButtonForm(props: {
|
||||
<div className="sale-form-btn-wrap">
|
||||
<div className="btn-flex-wrap">
|
||||
<ListButton />
|
||||
<EditButton setMode={setMode} id={id.toString()} mode={mode} />
|
||||
{(isWriter || !isSubmiter) && <DeleteButton handleDelete={handleDelete} />}
|
||||
{!isSubmit && isSubmiter && <SubmitButton handleSubmit={handleSubmit} />}
|
||||
{(permissions.isWriter || permissions.isSubmiter || (permissions.isReceiver && isSubmit)) && (
|
||||
<EditButton setMode={setMode} id={id.toString()} />
|
||||
)}
|
||||
{(permissions.isWriter || (permissions.isReceiver && isSubmit)) && <DeleteButton handleDelete={handleDelete} />}
|
||||
{!isSubmit && permissions.isSubmiter && <SubmitButton handleSubmit={handleSubmit} />}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
@ -196,9 +221,9 @@ export default function ButtonForm(props: {
|
||||
<div className="sale-form-btn-wrap">
|
||||
<div className="btn-flex-wrap">
|
||||
<ListButton />
|
||||
<TempButton setMode={setMode} handleSave={handleSave} />
|
||||
<SaveButton handleSave={handleSave} />
|
||||
{session?.role !== 'T01' && <SubmitButton handleSubmit={handleSubmit} />}
|
||||
<TempButton handleSave={() => handleSave(true, false)} />
|
||||
<SaveButton handleSave={() => handleSave(false, false)} />
|
||||
{session?.role === 'T01' || isSubmit ? null : <SubmitButton handleSubmit={handleSubmit} />}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
@ -206,12 +231,11 @@ export default function ButtonForm(props: {
|
||||
)
|
||||
}
|
||||
|
||||
// 목록 버튼
|
||||
function ListButton() {
|
||||
// Button Components
|
||||
const ListButton = () => {
|
||||
const router = useRouter()
|
||||
return (
|
||||
<div className="btn-bx">
|
||||
{/* 목록 */}
|
||||
<button className="btn-frame n-blue icon" onClick={() => router.push('/survey-sale')}>
|
||||
リスト<i className="btn-arr"></i>
|
||||
</button>
|
||||
@ -219,12 +243,10 @@ function ListButton() {
|
||||
)
|
||||
}
|
||||
|
||||
function EditButton(props: { setMode: (mode: Mode) => void; id: string; mode: Mode }) {
|
||||
const { setMode, id, mode } = props
|
||||
const EditButton = ({ setMode, id }: { setMode: (mode: Mode) => void; id: string }) => {
|
||||
const router = useRouter()
|
||||
return (
|
||||
<div className="btn-bx">
|
||||
{/* 수정 */}
|
||||
<button
|
||||
className="btn-frame n-blue icon"
|
||||
onClick={() => {
|
||||
@ -238,59 +260,34 @@ function EditButton(props: { setMode: (mode: Mode) => void; id: string; mode: Mo
|
||||
)
|
||||
}
|
||||
|
||||
function SubmitButton(props: { handleSubmit: () => void }) {
|
||||
const { handleSubmit } = props
|
||||
return (
|
||||
<>
|
||||
const SubmitButton = ({ handleSubmit }: { handleSubmit: () => void }) => (
|
||||
<div className="btn-bx">
|
||||
{/* 제출 */}
|
||||
<button className="btn-frame red icon" onClick={handleSubmit}>
|
||||
提出<i className="btn-arr"></i>
|
||||
</button>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
)
|
||||
|
||||
function DeleteButton(props: { handleDelete: () => void }) {
|
||||
const { handleDelete } = props
|
||||
return (
|
||||
const DeleteButton = ({ handleDelete }: { handleDelete: () => void }) => (
|
||||
<div className="btn-bx">
|
||||
{/* 삭제 */}
|
||||
<button className="btn-frame n-blue icon" onClick={handleDelete}>
|
||||
削除<i className="btn-arr"></i>
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
)
|
||||
|
||||
function SaveButton(props: { handleSave: (isTemporary: boolean) => void }) {
|
||||
const { handleSave } = props
|
||||
return (
|
||||
const SaveButton = ({ handleSave }: { handleSave: () => void }) => (
|
||||
<div className="btn-bx">
|
||||
{/* 저장 */}
|
||||
<button className="btn-frame n-blue icon" onClick={() => handleSave(false)}>
|
||||
<button className="btn-frame n-blue icon" onClick={handleSave}>
|
||||
保存<i className="btn-arr"></i>
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
)
|
||||
|
||||
function TempButton(props: { setMode: (mode: Mode) => void; handleSave: (isTemporary: boolean) => void }) {
|
||||
const { setMode, handleSave } = props
|
||||
const router = useRouter()
|
||||
|
||||
return (
|
||||
const TempButton = ({ handleSave }: { handleSave: () => void }) => (
|
||||
<div className="btn-bx">
|
||||
{/* 임시저장 */}
|
||||
<button
|
||||
className="btn-frame n-blue icon"
|
||||
onClick={() => {
|
||||
handleSave(true)
|
||||
}}
|
||||
>
|
||||
<button className="btn-frame n-blue icon" onClick={handleSave}>
|
||||
一時保存<i className="btn-arr"></i>
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
)
|
||||
|
||||
@ -4,12 +4,15 @@ import { useSurvey } from '@/hooks/useSurvey'
|
||||
import { useParams, useRouter } from 'next/navigation'
|
||||
import { useEffect } from 'react'
|
||||
import DetailForm from './DetailForm'
|
||||
import { useSessionStore } from '@/store/session'
|
||||
|
||||
export default function DataTable() {
|
||||
const params = useParams()
|
||||
const id = params.id
|
||||
const router = useRouter()
|
||||
|
||||
const { session } = useSessionStore()
|
||||
|
||||
useEffect(() => {
|
||||
if (Number.isNaN(Number(id))) {
|
||||
alert('間違ったアプローチです。')
|
||||
@ -20,7 +23,25 @@ export default function DataTable() {
|
||||
const { surveyDetail, isLoadingSurveyDetail } = useSurvey(Number(id))
|
||||
|
||||
if (isLoadingSurveyDetail) {
|
||||
return <div>Loading...</div>
|
||||
return null
|
||||
}
|
||||
|
||||
const submitStatus = () => {
|
||||
const { submissionTargetNm, submissionTargetId } = surveyDetail ?? {}
|
||||
|
||||
if (!submissionTargetNm) {
|
||||
return null
|
||||
}
|
||||
|
||||
if (!submissionTargetId) {
|
||||
return <div>{submissionTargetNm}</div>
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
({submissionTargetNm} - {submissionTargetId})
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
@ -56,9 +77,7 @@ export default function DataTable() {
|
||||
{surveyDetail?.submissionStatus && surveyDetail?.submissionDate ? (
|
||||
<>
|
||||
<div>{new Date(surveyDetail.submissionDate).toLocaleString()}</div>
|
||||
<div>
|
||||
({surveyDetail.store} - {surveyDetail.storeId})
|
||||
</div>
|
||||
{submitStatus()}
|
||||
</>
|
||||
) : (
|
||||
'-'
|
||||
|
||||
@ -7,6 +7,7 @@ import BasicForm from './BasicForm'
|
||||
import RoofForm from './RoofForm'
|
||||
import { useParams, useSearchParams } from 'next/navigation'
|
||||
import { useSurvey } from '@/hooks/useSurvey'
|
||||
import { useSessionStore } from '@/store/session'
|
||||
|
||||
const roofInfoForm: SurveyDetailRequest = {
|
||||
contractCapacity: null,
|
||||
@ -52,6 +53,7 @@ const basicInfoForm: SurveyBasicRequest = {
|
||||
store: null,
|
||||
storeId: null,
|
||||
constructionPoint: null,
|
||||
constructionPointId: null,
|
||||
investigationDate: new Date().toLocaleDateString('en-CA'),
|
||||
buildingName: null,
|
||||
customerName: null,
|
||||
@ -61,6 +63,7 @@ const basicInfoForm: SurveyBasicRequest = {
|
||||
submissionStatus: false,
|
||||
submissionDate: null,
|
||||
submissionTargetId: null,
|
||||
submissionTargetNm: null,
|
||||
srlNo: null,
|
||||
}
|
||||
|
||||
@ -71,29 +74,54 @@ export default function DetailForm() {
|
||||
const modeset = Number(routeId) ? 'READ' : idParam ? 'EDIT' : 'CREATE'
|
||||
const id = Number(routeId) ? Number(routeId) : Number(idParam)
|
||||
|
||||
const { surveyDetail, validateSurveyDetail } = useSurvey(Number(id))
|
||||
const { surveyDetail, isLoadingSurveyDetail, validateSurveyDetail } = useSurvey(Number(id))
|
||||
const { session } = useSessionStore()
|
||||
|
||||
const [mode, setMode] = useState<Mode>(modeset)
|
||||
const [basicInfoData, setBasicInfoData] = useState<SurveyBasicRequest>(basicInfoForm)
|
||||
const [basicInfoData, setBasicInfoData] = useState<SurveyBasicRequest>(() => ({
|
||||
...basicInfoForm,
|
||||
representative: session?.userNm ?? '',
|
||||
representativeId: session?.userId ?? null,
|
||||
store: session?.storeNm ?? null,
|
||||
storeId: session?.storeId ?? null,
|
||||
constructionPoint: session?.builderNm ?? null,
|
||||
constructionPointId: session?.builderNo ?? null,
|
||||
}))
|
||||
const [roofInfoData, setRoofInfoData] = useState<SurveyDetailRequest>(roofInfoForm)
|
||||
|
||||
// 세션 데이터가 변경될 때 기본 정보 업데이트
|
||||
useEffect(() => {
|
||||
if (Number(idParam) !== 0 && surveyDetail === null) {
|
||||
alert('データが見つかりません。')
|
||||
window.location.href = '/survey-sale'
|
||||
}
|
||||
if (!session?.isLoggedIn) return
|
||||
setBasicInfoData((prev) => ({
|
||||
...prev,
|
||||
representative: session.userNm ?? '',
|
||||
representativeId: session.userId ?? null,
|
||||
store: session.storeNm ?? null,
|
||||
storeId: session.storeId ?? null,
|
||||
constructionPoint: session.builderNm ?? null,
|
||||
constructionPointId: session.builderNo ?? null,
|
||||
}))
|
||||
}, [session?.isLoggedIn])
|
||||
|
||||
// 설문 데이터 로딩 및 업데이트
|
||||
useEffect(() => {
|
||||
if (isLoadingSurveyDetail || !session?.isLoggedIn) return
|
||||
if (surveyDetail && (mode === 'EDIT' || mode === 'READ')) {
|
||||
const { id, uptDt, regDt, detailInfo, ...rest } = surveyDetail
|
||||
setBasicInfoData(rest)
|
||||
setBasicInfoData((prev) => ({
|
||||
...prev,
|
||||
...rest,
|
||||
}))
|
||||
|
||||
if (detailInfo) {
|
||||
const { id, uptDt, regDt, basicInfoId, ...rest } = detailInfo
|
||||
setRoofInfoData(rest)
|
||||
if (validateSurveyDetail(rest).trim() !== '') {
|
||||
// validation logic here if needed
|
||||
}
|
||||
}
|
||||
}
|
||||
}, [surveyDetail, id])
|
||||
}, [mode, session?.isLoggedIn, isLoadingSurveyDetail])
|
||||
|
||||
const data = {
|
||||
basic: basicInfoData,
|
||||
@ -105,9 +133,7 @@ export default function DetailForm() {
|
||||
return (
|
||||
<>
|
||||
<div className="sale-detail-toggle-wrap">
|
||||
{/* 기본정보 */}
|
||||
<BasicForm basicInfo={basicInfoData} setBasicInfo={setBasicInfoData} mode={mode} />
|
||||
{/* 전기/지붕정보 */}
|
||||
<BasicForm basicInfo={basicInfoData} setBasicInfo={setBasicInfoData} mode={mode} session={session} />
|
||||
<RoofForm roofInfo={roofInfoData} setRoofInfo={setRoofInfoData} mode={mode} />
|
||||
<ButtonForm {...buttonFormProps} />
|
||||
</div>
|
||||
|
||||
@ -137,7 +137,7 @@ export const radioEtcData: Record<RadioEtcKeys, { id: number; label: string }[]>
|
||||
structureOrder: [
|
||||
{
|
||||
id: 1,
|
||||
label: '屋根材 - 防水材 - 屋根の基礎 - 垂木', //지붕재 방수재 지붕의기초 서까래
|
||||
label: '屋根材 > 防水材 > 屋根の基礎 > 垂木', //지붕재 방수재 지붕의기초 서까래
|
||||
},
|
||||
],
|
||||
houseStructure: [
|
||||
@ -537,6 +537,7 @@ const SelectedBox = ({
|
||||
</select>
|
||||
<div className={`data-input ${column === 'constructionYear' ? 'flex' : ''}`}>
|
||||
<input
|
||||
id={`${column}Etc`}
|
||||
type={column === 'constructionYear' ? 'number' : 'text'}
|
||||
inputMode={column === 'constructionYear' ? 'numeric' : 'text'}
|
||||
className="input-frame"
|
||||
@ -642,6 +643,7 @@ const RadioSelected = ({
|
||||
{(showEtcOption || column === 'insulationPresence') && (
|
||||
<div className="data-input">
|
||||
<input
|
||||
id={`${column}Etc`}
|
||||
type="text"
|
||||
className="input-frame"
|
||||
placeholder="-"
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
import type { SurveyBasicInfo, SurveyDetailRequest, SurveyRegistRequest } from '@/types/Survey'
|
||||
import { useMemo } from 'react'
|
||||
import { useMemo, useEffect } from 'react'
|
||||
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
|
||||
import { useSurveyFilterStore } from '@/store/surveyFilterStore'
|
||||
import { useSessionStore } from '@/store/session'
|
||||
import { useAxios } from './useAxios'
|
||||
import { queryStringFormatter } from '@/utils/common-utils'
|
||||
import { useRouter } from 'next/navigation'
|
||||
|
||||
export const requiredFields = [
|
||||
{
|
||||
@ -66,7 +67,7 @@ export function useSurvey(id?: number): {
|
||||
createSurvey: (survey: SurveyRegistRequest) => Promise<number>
|
||||
updateSurvey: ({ survey, isTemporary, storeId }: { survey: SurveyRegistRequest; isTemporary: boolean; storeId?: string }) => void
|
||||
deleteSurvey: () => Promise<boolean>
|
||||
submitSurvey: (params: { saveId?: number; targetId?: string; storeId?: string; srlNo?: string }) => void
|
||||
submitSurvey: (params: { targetId?: string | null; targetNm?: string | null }) => void
|
||||
validateSurveyDetail: (surveyDetail: SurveyDetailRequest) => string
|
||||
getZipCode: (zipCode: string) => Promise<ZipCode[] | null>
|
||||
refetchSurveyList: () => void
|
||||
@ -75,6 +76,7 @@ export function useSurvey(id?: number): {
|
||||
const { keyword, searchOption, isMySurvey, sort, offset } = useSurveyFilterStore()
|
||||
const { session } = useSessionStore()
|
||||
const { axiosInstance } = useAxios()
|
||||
const router = useRouter()
|
||||
|
||||
const {
|
||||
data: surveyListData,
|
||||
@ -90,7 +92,7 @@ export function useSurvey(id?: number): {
|
||||
isMySurvey,
|
||||
sort,
|
||||
offset,
|
||||
store: session?.storeId,
|
||||
storeId: session?.storeId,
|
||||
builderNo: session?.builderNo,
|
||||
role: session?.role,
|
||||
},
|
||||
@ -109,12 +111,24 @@ export function useSurvey(id?: number): {
|
||||
const { data: surveyDetail, isLoading: isLoadingSurveyDetail } = useQuery({
|
||||
queryKey: ['survey', id],
|
||||
queryFn: async () => {
|
||||
if (id === undefined) throw new Error('id is required')
|
||||
if (id === null || isNaN(id)) return null
|
||||
const resp = await axiosInstance(null).get<SurveyBasicInfo>(`/api/survey-sales/${id}`)
|
||||
return resp.data
|
||||
if (!session?.isLoggedIn || id === 0 || id === undefined) return null
|
||||
try {
|
||||
const resp = await axiosInstance(null).get<SurveyBasicInfo>(`/api/survey-sales/${id}`, {
|
||||
params: {
|
||||
role: session?.role,
|
||||
storeId: session?.storeId,
|
||||
builderNo: session?.builderNo,
|
||||
isLoggedIn: session?.isLoggedIn,
|
||||
},
|
||||
enabled: id !== undefined,
|
||||
})
|
||||
return resp.data
|
||||
} catch (error: any) {
|
||||
alert(error.response?.data.error)
|
||||
router.replace('/survey-sale')
|
||||
return null
|
||||
}
|
||||
},
|
||||
enabled: id !== 0 && id !== undefined && session?.isLoggedIn,
|
||||
})
|
||||
|
||||
const { mutateAsync: createSurvey, isPending: isCreatingSurvey } = useMutation({
|
||||
@ -163,13 +177,11 @@ export function useSurvey(id?: number): {
|
||||
})
|
||||
|
||||
const { mutateAsync: submitSurvey, isPending: isSubmittingSurvey } = useMutation({
|
||||
mutationFn: async ({ targetId, storeId, srlNo }: { targetId?: string; storeId?: string; srlNo?: string }) => {
|
||||
mutationFn: async ({ targetId, targetNm }: { targetId?: string | null; targetNm?: string | null }) => {
|
||||
if (!id) throw new Error('id is required')
|
||||
const resp = await axiosInstance(null).patch<boolean>(`/api/survey-sales/${id}`, {
|
||||
targetId,
|
||||
storeId,
|
||||
srlNo,
|
||||
role: session?.role ?? null,
|
||||
targetNm,
|
||||
})
|
||||
return resp.data
|
||||
},
|
||||
@ -180,34 +192,44 @@ export function useSurvey(id?: number): {
|
||||
})
|
||||
|
||||
const validateSurveyDetail = (surveyDetail: SurveyDetailRequest) => {
|
||||
const etcFields = [
|
||||
'installationSystem',
|
||||
'constructionYear',
|
||||
'rafterSize',
|
||||
'rafterPitch',
|
||||
'waterproofMaterial',
|
||||
'structureOrder',
|
||||
'insulationPresence',
|
||||
] as const
|
||||
// 상수 정의
|
||||
const ETC_FIELDS = ['installationSystem', 'rafterSize', 'rafterPitch', 'waterproofMaterial', 'structureOrder'] as const
|
||||
|
||||
const emptyField = requiredFields.find((field) => {
|
||||
if (etcFields.includes(field.field as (typeof etcFields)[number])) {
|
||||
return (
|
||||
surveyDetail[field.field as keyof SurveyDetailRequest] === null &&
|
||||
(surveyDetail[`${field.field}Etc` as keyof SurveyDetailRequest] === null ||
|
||||
surveyDetail[`${field.field}Etc` as keyof SurveyDetailRequest]?.toString().trim() === '')
|
||||
)
|
||||
} else {
|
||||
return surveyDetail[field.field as keyof SurveyDetailRequest] === null
|
||||
const SPECIAL_CONDITIONS = ['constructionYear', 'insulationPresence'] as const
|
||||
|
||||
// 유틸리티 함수들
|
||||
const isEmptyValue = (value: any): boolean => {
|
||||
return value === null || value?.toString().trim() === ''
|
||||
}
|
||||
})
|
||||
|
||||
const checkRequiredField = (field: string): string => {
|
||||
if (ETC_FIELDS.includes(field as (typeof ETC_FIELDS)[number])) {
|
||||
if (
|
||||
isEmptyValue(surveyDetail[field as keyof SurveyDetailRequest]) &&
|
||||
isEmptyValue(surveyDetail[`${field}Etc` as keyof SurveyDetailRequest])
|
||||
) {
|
||||
return field
|
||||
}
|
||||
} else if (SPECIAL_CONDITIONS.includes(field as (typeof SPECIAL_CONDITIONS)[number])) {
|
||||
if (surveyDetail[field as keyof SurveyDetailRequest] === '2' && isEmptyValue(surveyDetail[`${field}Etc` as keyof SurveyDetailRequest])) {
|
||||
return `${field}Etc`
|
||||
} else if (isEmptyValue(surveyDetail[field as keyof SurveyDetailRequest])) {
|
||||
return field
|
||||
}
|
||||
}
|
||||
return ''
|
||||
}
|
||||
|
||||
// 필수 필드 체크
|
||||
const emptyField = requiredFields.find((field) => checkRequiredField(field.field))
|
||||
if (emptyField) return emptyField.field
|
||||
|
||||
// 계약 용량 단위 체크
|
||||
const contractCapacity = surveyDetail.contractCapacity
|
||||
if (contractCapacity && contractCapacity.trim() !== '' && contractCapacity.split(' ')?.length === 1) {
|
||||
if (contractCapacity?.trim() && contractCapacity.split(' ').length === 1) {
|
||||
return 'contractCapacityUnit'
|
||||
}
|
||||
|
||||
return emptyField?.field || ''
|
||||
return ''
|
||||
}
|
||||
|
||||
const getZipCode = async (zipCode: string): Promise<ZipCode[] | null> => {
|
||||
|
||||
@ -21,18 +21,18 @@ export const SEARCH_OPTIONS = [
|
||||
id: 'store',
|
||||
label: '販売店名',
|
||||
},
|
||||
// {
|
||||
// id: 'store_id',
|
||||
// label: '販売店ID',
|
||||
// },
|
||||
{
|
||||
id: 'store_id',
|
||||
label: '販売店ID',
|
||||
},
|
||||
{
|
||||
id: 'construction_point',
|
||||
label: '施工店名',
|
||||
},
|
||||
// {
|
||||
// id: 'construction_id',
|
||||
// label: '施工店ID',
|
||||
// },
|
||||
{
|
||||
id: 'construction_point_id',
|
||||
label: '施工店ID',
|
||||
},
|
||||
]
|
||||
|
||||
export const SEARCH_OPTIONS_PARTNERS = [
|
||||
|
||||
@ -5,6 +5,7 @@ export type SurveyBasicInfo = {
|
||||
store: string | null
|
||||
storeId: string | null
|
||||
constructionPoint: string | null
|
||||
constructionPointId: string | null
|
||||
investigationDate: string | null
|
||||
buildingName: string | null
|
||||
customerName: string | null
|
||||
@ -17,6 +18,7 @@ export type SurveyBasicInfo = {
|
||||
regDt: Date
|
||||
uptDt: Date
|
||||
submissionTargetId: string | null
|
||||
submissionTargetNm: string | null
|
||||
srlNo: string | null //판매점IDyyMMdd000
|
||||
}
|
||||
|
||||
@ -68,6 +70,7 @@ export type SurveyBasicRequest = {
|
||||
store: string | null
|
||||
storeId: string | null
|
||||
constructionPoint: string | null
|
||||
constructionPointId: string | null
|
||||
investigationDate: string | null
|
||||
buildingName: string | null
|
||||
customerName: string | null
|
||||
@ -77,6 +80,7 @@ export type SurveyBasicRequest = {
|
||||
submissionStatus: boolean
|
||||
submissionDate: string | null
|
||||
submissionTargetId: string | null
|
||||
submissionTargetNm: string | null
|
||||
srlNo: string | null //판매점IDyyMMdd000
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user