function MainComponent() { const summaryData = [ { targetDate: "2024-05-27", businessNegotiatePlanCount: 20, candidateInterviewPlanCount: 15, orderConfirmedPlanCount: 10, businessNegotiateExpectationCount: 18, candidateInterviewExpectationCount: 17, businessNegotiateResultCount: 18, candidateInterviewResultCount: 15, orderConfirmedResultCount: 5 }, { targetDate: "2024-05-28", businessNegotiatePlanCount: 20, candidateInterviewPlanCount: 15, orderConfirmedPlanCount: 10, businessNegotiateExpectationCount: 18, candidateInterviewExpectationCount: 17, businessNegotiateResultCount: 18, candidateInterviewResultCount: 15, orderConfirmedResultCount: 5 } ]; return /*#__PURE__*/ React.createElement("div", { className: "w-full overflow-x-auto", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full table-auto border-collapse", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }), summaryData.map((data, index)=>/*#__PURE__*/ React.createElement("th", { key: index, className: "border border-gray-300 bg-gray-200 p-2", colSpan: "3", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, new Date(data.targetDate).toLocaleDateString("ja-JP", { month: "numeric", day: "numeric", weekday: "short" }))), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", colSpan: "3", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "合計"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "達成率")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }), summaryData.map((_, index)=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, "予定"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "見込み"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "実績"))), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "予定"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "見込み"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "実績"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, [ { label: "商談回数", plan: "businessNegotiatePlanCount", expectation: "businessNegotiateExpectationCount", result: "businessNegotiateResultCount" }, { label: "面談回数", plan: "candidateInterviewPlanCount", expectation: "candidateInterviewExpectationCount", result: "candidateInterviewResultCount" }, { label: "受注確定数", plan: "orderConfirmedPlanCount", expectation: "orderConfirmedExpectationCount", result: "orderConfirmedResultCount" } ].map((row, rowIndex)=>/*#__PURE__*/ React.createElement("tr", { key: rowIndex, __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 bg-gray-200 p-2", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, row.label), summaryData.map((data, index)=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 bg-white p-2", __source: { fileName: "", lineNumber: 91, columnNumber: 19 }, __self: this }, data[row.plan]), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 bg-white p-2", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, data[row.expectation] || "-"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 bg-white p-2", __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }, data[row.result] || "-"))), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 bg-white p-2", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, summaryData.reduce((acc, curr)=>acc + (curr[row.plan] || 0), 0)), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 bg-white p-2", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, summaryData.reduce((acc, curr)=>acc + (curr[row.expectation] || 0), 0)), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 bg-white p-2", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, summaryData.reduce((acc, curr)=>acc + (curr[row.result] || 0), 0) || "-"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 bg-white p-2", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, summaryData.reduce((acc, curr)=>acc + (curr[row.result] || 0), 0) / summaryData.reduce((acc, curr)=>acc + (curr[row.plan] || 0), 0) * 100, "%")))))); }

	5/27(月)			5/28(火)			合計			達成率
	予定	見込み	実績	予定	見込み	実績	予定	見込み	実績
商談回数	20	18	18	20	18	18	40	36	36	90%
面談回数	15	17	15	15	17	15	30	34	30	100%
受注確定数	10	-	5	10	-	5	20	0	10	50%