https://shuraba-app.web.app/assets/StaffPaymentEditPage-Lw76m5UM.js

1import{$ as me,u as xe,r,j as e,G as be,a3 as fe,a1 as ye,y as pe,K as ve,a7 as he,v as je}from"./index-DUpygkxg.js";import{g as ke,u as Ne,c as Se}from"./staffPayments-D7bYswE4.js";import{a as Ce}from"./staff-DR8XGhXC.js";import{u as we}from"./useToast-DyXTsHnJ.js";import"./firebase-eOymXQZD.js";function Fe(){const{paymentId:o}=me(),i=xe(),f=!!o,c=we(),[re,ae]=r.useState([]),[se,le]=r.useState([]),[y,ne]=r.useState([]),[oe,de]=r.useState(!0),[p,q]=r.useState(!1),[v,R]=r.useState(""),[Y,h]=r.useState(""),[j,k]=r.useState(""),[G,N]=r.useState(""),[l,B]=r.useState("personnel"),[K,S]=r.useState("bank_transfer"),[u,O]=r.useState(""),[C,w]=r.useState(""),[T,A]=r.useState(""),[$,W]=r.useState(""),[z,J]=r.useState(0),[P,Q]=r.useState(0),[U,V]=r.useState(""),[g,m]=r.useState(""),[x,b]=r.useState(""),[_,E]=r.useState(0),[D,F]=r.useState(0),[I,L]=r.useState(0),[M,H]=r.useState(0),[X,Z]=r.useState(""),[ee,te]=r.useState(!1);r.useEffect(()=>{(async()=>{try{const[s,n,d]=await Promise.all([pe(),ve(),Ce()]);if(ae(s),le(n),ne(d),o){const a=(await ke()).find(ge=>ge.id===o);if(a)R(a.grantId),h(a.activityId??""),k(a.staffName),N(a.staffAddress??""),B(a.paymentType),S(a.paymentMethod??"bank_transfer"),O(a.date),w(a.startTime??""),A(a.endTime??""),W(a.content),J(a.amount),Q(a.eligibleAmount??0),V(a.transferDate??""),m(a.travelFrom??""),b(a.travelTo??""),E(a.travelDistance??0),F(a.travelFare??0),L(a.hourlyRate??0),H(a.workHours??0),Z(a.receiptNumber??""),te(a.hasSignature??!1);else{c.error("指定された支払記録が見つかりません。"),i("/staff-payments");return}}}catch(s){console.error("データ読み込みエラー:",s),c.error("データの読み込みに失敗しました。")}finally{de(!1)}})()},[o,i,c]);const ie=se.filter(t=>t.grantId===v),ce=t=>{B(t),t!=="personnel"&&(w(""),A(""),L(0),H(0)),t!=="travel_public"&&t!=="travel_car"&&(m(""),b(""),E(0),F(0))},ue=async t=>{if(t.preventDefault(),!p){q(!0);try{const s=l==="personnel",n=l==="travel_public"||l==="travel_car",d={grantId:v,activityId:Y||void 0,staffName:j,staffAddress:G||void 0,paymentType:l,paymentMethod:K,date:u,startTime:s&&C?C:void 0,endTime:s&&T?T:void 0,content:$,amount:z,eligibleAmount:P>0?P:void 0,transferDate:U||void 0,travelFrom:n&&g?g:void 0,travelTo:n&&x?x:void 0,travelDistance:l==="travel_car"&&_>0?_:void 0,travelFare:l==="travel_public"&&D>0?D:void 0,hourlyRate:s&&I>0?I:void 0,workHours:s&&M>0?M:void 0,receiptNumber:X||void 0,hasSignature:ee||void 0,fiscalYear:u?he(u):je()};f&&o?await Ne(o,d):await Se(d),i("/staff-payments")}catch(s){console.error("保存エラー:",s),c.error("保存に失敗しました。")}finally{q(!1)}}};return oe?e.jsx(be,{}):e.jsxs("div",{className:"p-6",children:[e.jsx("h2",{className:"text-xl font-bold mb-6 dark:text-gray-100",children:f?"支払記録を編集":"支払記録を追加"}),e.jsxs("form",{onSubmit:ue,className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"補助金 *"}),e.jsxs("select",{value:v,onChange:t=>{R(t.target.value),h("")},required:!0,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500",children:[e.jsx("option",{value:"",children:"選択してください"}),re.map(t=>e.jsx("option",{value:t.id,children:t.name},t.id))]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"活動（任意）"}),e.jsxs("select",{value:Y,onChange:t=>h(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500",children:[e.jsx("option",{value:"",children:"紐付けなし"}),ie.map(t=>e.jsxs("option",{value:t.id,children:[t.date," - ",t.title]},t.id))]})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"支払タイプ *"}),e.jsx("div",{className:"flex gap-3",children:Object.entries(fe).map(([t,s])=>e.jsxs("label",{className:`flex items-center gap-1.5 px-4 py-2 rounded-lg border text-sm cursor-pointer transition-colors ${l===t?"bg-teal-50 border-teal-500 text-teal-700":"border-gray-300 dark:border-gray-600 text-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-800"}`,children:[e.jsx("input",{type:"radio",name:"paymentType",value:t,checked:l===t,onChange:()=>ce(t),className:"sr-only"}),s]},t))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"支払方法"}),e.jsx("select",{value:K,onChange:t=>S(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500",children:Object.entries(ye).map(([t,s])=>e.jsx("option",{value:t,children:s},t))})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"氏名 *"}),y.length>0?e.jsxs("select",{value:j,onChange:t=>{const s=t.target.value;k(s);const n=y.find(d=>d.name===s);n&&(n.address&&N(n.address),n.paymentMethod&&S(n.paymentMethod))},required:!0,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500",children:[e.jsx("option",{value:"",children:"選択してください"}),y.map(t=>e.jsxs("option",{value:t.name,children:[t.name,t.nameKana?` (${t.n

1ameKana})`:""]},t.id))]}):e.jsx("input",{type:"text",value:j,onChange:t=>k(t.target.value),required:!0,placeholder:"スタッフマスタに登録がありません",className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"日付 *"}),e.jsx("input",{type:"date",value:u,onChange:t=>O(t.target.value),required:!0,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"住所"}),e.jsx("input",{type:"text",value:G,onChange:t=>N(t.target.value),placeholder:"こどもゆめ基金の謝金支給調書用",className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),l==="personnel"&&e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"開始時刻"}),e.jsx("input",{type:"time",value:C,onChange:t=>w(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"終了時刻"}),e.jsx("input",{type:"time",value:T,onChange:t=>A(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"時間単価"}),e.jsx("input",{type:"number",value:I,onChange:t=>L(Number(t.target.value)),min:0,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"稼働時間"}),e.jsx("input",{type:"number",value:M,onChange:t=>H(Number(t.target.value)),min:0,step:.5,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]})]}),l==="travel_public"&&e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"出発地"}),e.jsx("input",{type:"text",value:g,onChange:t=>m(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"目的地"}),e.jsx("input",{type:"text",value:x,onChange:t=>b(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"運賃"}),e.jsx("input",{type:"number",value:D,onChange:t=>F(Number(t.target.value)),min:0,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]})]}),l==="travel_car"&&e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"出発地"}),e.jsx("input",{type:"text",value:g,onChange:t=>m(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"目的地"}),e.jsx("input",{type:"text",value:x,onChange:t=>b(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"距離（km）"}

1),e.jsx("input",{type:"number",value:_,onChange:t=>E(Number(t.target.value)),min:0,step:.1,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"業務内容 *"}),e.jsx("input",{type:"text",value:$,onChange:t=>W(t.target.value),required:!0,placeholder:"講師指導、イベント運営 等",className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"支給額 *"}),e.jsx("input",{type:"number",value:z,onChange:t=>J(Number(t.target.value)),required:!0,min:0,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"対象経費額"}),e.jsx("input",{type:"number",value:P,onChange:t=>Q(Number(t.target.value)),min:0,className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"振込日"}),e.jsx("input",{type:"date",value:U,onChange:t=>V(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",children:"領収書番号"}),e.jsx("input",{type:"text",value:X,onChange:t=>Z(t.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"})]}),e.jsx("div",{children:e.jsxs("label",{className:"flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-200 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:ee,onChange:t=>te(t.target.checked),className:"rounded border-gray-300 dark:border-gray-600 text-teal-600 focus:ring-teal-500"}),"受領印あり",e.jsx("span",{className:"text-xs text-gray-400",children:"（九電みらい支払管理表）"})]})}),e.jsxs("div",{className:"flex gap-3 pt-4",children:[e.jsx("button",{type:"submit",disabled:p,className:"px-6 py-2.5 bg-teal-600 text-white text-sm rounded-lg hover:bg-teal-700 transition-colors disabled:opacity-50",children:p?"保存中...":f?"更新する":"登録する"}),e.jsx("button",{type:"button",onClick:()=>i("/staff-payments"),className:"px-6 py-2.5 border border-gray-300 dark:border-gray-600 text-sm rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-800 transition-colors",children:"キャンセル"})]})]})]})}export{Fe as default};