feat: 订单详情页退款政策和报名须知修改文案和页面结构

src/order_pages/orderDetail/index.tsx

@@ -32,7 +32,7 @@ import img from "@/config/images";
 import CustomerIcon from "@/static/order/customer.svg";
 import { handleCustomerService } from "@/services/userService";
 import { requireLoginWithPhone } from "@/utils/helper";
-import { DECLAIMER } from "./config";
+import { RegistrationInstructions } from "./config";
 import styles from "./index.module.scss";
 
 dayjs.locale("zh-cn");
@@ -550,15 +550,66 @@ function RefundPolicy(props) {
           </View>
         ))}
       </View>
+      <Text className={styles.refundTip}>
+        以上时间节点以提交申请时间为准。违约金由组织者（95%）与平台（5%）分配，用于补偿场地损失及处理成本。活动结束48小时后，1个工作日内系统自动结算至组织者账户。未申请退款直接缺席，报名费全额归组织者。
+      </Text>
     </View>
   );
 }
 
 function Disclaimer() {
   return (
-    <View className={styles.declaimer}>
-      <Text className={styles.title}>免责声明</Text>
-      <Text className={styles.content}>{DECLAIMER}</Text>
+    <View className={styles.disclaimer}>
+      <View className={styles.disclaimerTitle}>
+        <Text>{RegistrationInstructions.title}</Text>
+      </View>
+      <View className={styles.disclaimerDesc}>
+        <Text>{RegistrationInstructions.desc}</Text>
+      </View>
+      {RegistrationInstructions.children.map((section, sectionIndex) => (
+        <View key={sectionIndex} className={styles.disclaimerSection}>
+          <View className={styles.sectionTitle}>
+            <Text>{section.title}</Text>
+          </View>
+          {section.desc && (
+            <View className={styles.sectionDesc}>
+              <Text>{section.desc}</Text>
+            </View>
+          )}
+          {section.table && (
+            <View className={styles.tableContainer}>
+              {section.table.map((row, rowIndex) => (
+                <View key={rowIndex} className={styles.tableRow}>
+                  <View className={styles.tableCell}>
+                    <Text>{row.refundApplicationTime}</Text>
+                  </View>
+                  <View className={styles.tableCell}>
+                    <Text>{row.participantRefundableAmount}</Text>
+                  </View>
+                  <View className={styles.tableCell}>
+                    <Text>{row.liquidatedDamages}</Text>
+                  </View>
+                </View>
+              ))}
+            </View>
+          )}
+          {section.tips && (
+            <View className={styles.tipsList}>
+              {section.tips.map((tip, tipIndex) => (
+                <View key={tipIndex} className={styles.tipItem}>
+                  <Text
+                    className={
+                      tip.strong ? styles.tipTextStrong : styles.tipText
+                    }
+                  >
+                    {tip.text}
+                  </Text>
+                </View>
+              ))}
+            </View>
+          )}
+        </View>
+      ))}
     </View>
   );
 }