99 lines
3.7 KiB
TypeScript
99 lines
3.7 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect } from 'react'
|
|
import { useSurveySaleTabState } from '@/store/surveySaleTabState'
|
|
|
|
export default function BasicForm() {
|
|
const { setBasicInfoSelected } = useSurveySaleTabState()
|
|
|
|
useEffect(() => {
|
|
setBasicInfoSelected()
|
|
}, [])
|
|
|
|
return (
|
|
<>
|
|
<div className="sale-frame">
|
|
<div className="data-form-wrap">
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">担当者名</div>
|
|
<input type="text" className="input-frame" defaultValue={'HG'} />
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">販売店</div>
|
|
<input type="text" className="input-frame" defaultValue={'HWJ(T01)'} />
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">施工店</div>
|
|
<input type="text" className="input-frame" defaultValue={'施工点名表示'} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="sale-frame">
|
|
<div className="data-form-wrap">
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">現地調査日</div>
|
|
<div className="date-input">
|
|
<button className="date-btn">
|
|
<i className="date-icon"></i>
|
|
</button>
|
|
<input type="text" className="date-frame" defaultValue={'2025.04.16'} />
|
|
</div>
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">建物名</div>
|
|
<input type="text" className="input-frame" defaultValue={'ギルドン'} />
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">建物名</div>
|
|
<input type="text" className="input-frame" defaultValue={'HWJ Building'} />
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">建物名</div>
|
|
<div className="form-flex">
|
|
<div className="form-bx">
|
|
<input type="text" className="input-frame" defaultValue={'1050013'} disabled />
|
|
</div>
|
|
<div className="form-bx">
|
|
<select className="select-form" name="" id="">
|
|
<option value="">東京都</option>
|
|
<option value="">東京都</option>
|
|
<option value="">東京都</option>
|
|
<option value="">東京都</option>
|
|
<option value="">東京都</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div className="form-btn">
|
|
<button className="btn-frame n-blue icon">
|
|
郵便番号<i className="btn-arr"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">市区町村名, 以後の住所</div>
|
|
<input type="text" className="input-frame" defaultValue={'浜松 浜松町'} />
|
|
</div>
|
|
</div>
|
|
<div className="btn-flex-wrap">
|
|
<div className="btn-bx">
|
|
<button className="btn-frame n-blue icon">
|
|
一時保存<i className="btn-arr"></i>
|
|
</button>
|
|
</div>
|
|
<div className="btn-bx">
|
|
<button className="btn-frame red icon">
|
|
保存<i className="btn-arr"></i>
|
|
</button>
|
|
</div>
|
|
<div className="btn-bx">
|
|
<button className="btn-frame n-blue icon">
|
|
リスト<i className="btn-arr"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|