1 line
91 KiB
JSON
1 line
91 KiB
JSON
|
{"ast":null,"code":"import{useState}from'react';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function Panel1Component(_ref){let{isOpen,onToggle}=_ref;// 아코디언\nconst[isAccordionOpen1,setIsAccordionOpen1]=useState(false);// 기존\nconst[isAccordionOpen2,setIsAccordionOpen2]=useState(false);// 새 아코디언\nconst toggleAccordion1=()=>setIsAccordionOpen1(prev=>!prev);const toggleAccordion2=()=>setIsAccordionOpen2(prev=>!prev);// 탭이동\nconst[activeTab,setActiveTab]=useState('ship01');const tabs=[{id:'ship01',label:'선박검색'},{id:'ship02',label:'허가선박'},{id:'ship03',label:'제재단속'},{id:'ship04',label:'침몰선박'},{id:'ship05',label:'선박입출항'},{id:'ship06',label:'관심선박'}];return/*#__PURE__*/_jsxs(\"aside\",{className:\"slidePanel \".concat(!isOpen?'is-closed':''),children:[/*#__PURE__*/_jsx(\"div\",{className:\"tabBox\",children:/*#__PURE__*/_jsx(\"div\",{className:\"tabDefault\",children:tabs.map(tab=>/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:activeTab===tab.id?'on':'',onClick:()=>setActiveTab(tab.id),children:tab.label},tab.id))})}),/*#__PURE__*/_jsxs(\"div\",{className:\"tabWrap \".concat(activeTab==='ship01'?'is-active':''),children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tabTop\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"title\",children:\"\\uC120\\uBC15 \\uAC80\\uC0C9\"}),/*#__PURE__*/_jsx(\"div\",{className:\"formGroup\",children:/*#__PURE__*/_jsxs(\"ul\",{children:[/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC120\\uC885\"}),/*#__PURE__*/_jsxs(\"select\",{children:[/*#__PURE__*/_jsx(\"option\",{children:\"\\uC804\\uCCB4\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uC5B4\\uC120\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uD568\\uC815\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uC5EC\\uAC1D\\uC120\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uCE74\\uACE0\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uD0F1\\uCEE4\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uAD00\\uACF5\\uC120\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uAE30\\uD0C0\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uB09A\\uC2DC\\uC5B4\\uC120\"})]})]}),/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uAD6D\\uC801\"}),/*#__PURE__*/_jsxs(\"select\",{children:[/*#__PURE__*/_jsx(\"option\",{children:\"\\uC804\\uCCB4\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uD55C\\uAD6D\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uBBF8\\uAD6D\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uC911\\uAD6D\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uC77C\\uBCF8\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uBD81\\uD55C\"}),/*#__PURE__*/_jsx(\"option\",{children:\"\\uAE30\\uD0C0\"})]})]})]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uD0C0\\uAC9FID\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"\\uD0C0\\uAC9FID\"})]}),/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC120\\uBC15\\uBA85\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"\\uC120\\uBC15\\uBA85\"})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"accordion \".concat(isAccordionOpen1?'is-open':''),children:[/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC704\\uD5D8\\uBB3C\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"\\uD0C0\\uAC9FID\"})]}),/*#__PURE__*/_jsxs(\"label\",{className:\"checkbox\",children:[/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\"}),/*#__PURE__*/_jsx(\"span\",{className:\"w70\",children:\"MMSI / \\uD638\\uCD9C\\uBD80\\uD638 \\uBCC0\\uACBD\\uC774\\uB825\"})]})]}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC2B9\\uC120\\uC6D0\\uC218\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"labelRow\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"numInput\",children:[/*#__PURE__*/_jsx(\"input\",{type:
|