调整样式，突出表格标题

src/views/report/Index.jsx

@@ -106,8 +106,8 @@ function Index() {
 	const columns_commend = [
 		{
 			title: "Reference Number",
-			dataIndex: "GRI_NO",
-			key: "GRI_NO",
+			dataIndex: "GRI_No",
+			key: "GRI_No",
 		},
 		{
 			title: "Tour Guides",
@@ -179,7 +179,9 @@ function Index() {
 
 			<Row ref={targetRef}>
 				<Col md={24} lg={24} xxl={16}>
-					<Divider orientation="left">Primary Data</Divider>
+					<Divider orientation="center">
+						<Typography.Title level={3} type="success">Primary Data</Typography.Title>
+					</Divider>
 					<div className="ant-table-wrapper ant-spin-nested-loading css-dev-only-do-not-override-3op25v ">
 						<div className="ant-spin-container ant-table ant-table-bordered">
 							<div className="ant-table-container">
@@ -217,12 +219,16 @@ function Index() {
 				</Col>
 
 				<Col md={24} lg={24} xxl={16}>
-					<Divider orientation="left">Monthly Data</Divider>
+					<Divider orientation="center">
+						<Typography.Title level={3} type="success">Monthly Data</Typography.Title>
+					</Divider>
 					<Table dataSource={vendorScoresData.MonthlyData} columns={columns_month} pagination={false} bordered />
 				</Col>
 
 				<Col md={24} lg={24} xxl={16}>
-					<Divider orientation="left">DMC Assessment Criteria</Divider>
+					<Divider orientation="center">
+						<Typography.Title level={3} type="success">DMC Assessment Criteria</Typography.Title>
+					</Divider>
 					<div className="ant-table-wrapper ant-spin-nested-loading css-dev-only-do-not-override-3op25v ">
 						<div className="ant-spin-container ant-table ant-table-bordered">
 							<div className="ant-table-container">
@@ -389,7 +395,7 @@ function Index() {
 							</div>
 						</div>
 					</div>
-					<Divider orientation="center">
+					<Divider orientation="right">
 						<Typography.Title level={3} type="danger">
 							Final Scores: {evaluationScores.FinalScores}
 						</Typography.Title>
@@ -417,7 +423,9 @@ function Index() {
 					</Typography>
 
 					<br />
-					<Divider orientation="left">Evaluation Scores</Divider>
+					<Divider orientation="center">
+						<Typography.Title level={3} type="success">Evaluation Scores</Typography.Title>
+					</Divider>
 					<div className="ant-table-wrapper ant-spin-nested-loading css-dev-only-do-not-override-3op25v ">
 						<div className="ant-spin-container ant-table ant-table-bordered">
 							<div className="ant-table-container">
@@ -433,7 +441,7 @@ function Index() {
 										</thead>
 										<tbody className="ant-table-tbody">
 											<tr className="ant-table-row ant-table-row-level-0">
-												<td rowSpan="4">DMC Services</td>
+												<td rowSpan="3">DMC Services</td>
 												<td>Guide</td>
 												<td>{evaluationScores.FRTGuide}</td>
 												<td rowSpan="7">{evaluationScores.FRTText}</td>
@@ -447,20 +455,12 @@ function Index() {
 												<td>Food Arrangement</td>
 												<td>{evaluationScores.FRTMeal}</td>
 											</tr>
-											<tr className="ant-table-row ant-table-row-level-0">
-												<td>Activity</td>
-												<td>{evaluationScores.FRTProduct}</td>
-											</tr>
 
 											<tr className="ant-table-row ant-table-row-level-0">
-												<td rowSpan="3">Itinerary Arrangements</td>
+												<td rowSpan="2">Itinerary Arrangements</td>
 												<td>Hotel</td>
 												<td>{evaluationScores.FRTHotel}</td>
 											</tr>
-											<tr className="ant-table-row ant-table-row-level-0">
-												<td>Cruise</td>
-												<td>{evaluationScores.FRTCruise}</td>
-											</tr>
 											<tr className="ant-table-row ant-table-row-level-0">
 												<td>Travel Advisor's Planning</td>
 												<td>{evaluationScores.FRTAdvisor}</td>
@@ -473,16 +473,24 @@ function Index() {
 					</div>
 				</Col>
 				<Col md={24} lg={24} xxl={16}>
-					<Divider orientation="left">Tour Guides Performence</Divider>
+					<Divider orientation="center">
+						<Typography.Title level={3} type="success">Tour Guides Performence</Typography.Title>
+					</Divider>
 					<Table dataSource={productScoresData.GuideScores} columns={columns_guide} pagination={false} bordered />
 
-					<Divider orientation="left">TP Reviews</Divider>
+					<Divider orientation="center">
+						<Typography.Title level={3} type="success">TP Reviews</Typography.Title>
+					</Divider>
 					<Table dataSource={commendScoresData.CommendScores} columns={columns_commend} pagination={false} bordered />
 
-					<Divider orientation="left">Complaints</Divider>
+					<Divider orientation="center">
+						<Typography.Title level={3} type="success">Complaints</Typography.Title>
+					</Divider>
 					<Table dataSource={commendScoresData.ComplaintScores} columns={columns_commend} pagination={false} bordered />
 
-					<Divider orientation="left">Suggestions from Customers</Divider>
+					<Divider orientation="center">
+						<Typography.Title level={3} type="success">Suggestions from Customers</Typography.Title>
+					</Divider>
 					<Table dataSource={commendScoresData.CriticizeScores} columns={columns_commend} pagination={false} bordered />
 				</Col>
 			</Row>