asios/app/award-detail/components/ExplainSection.tsx

import React, { useEffect, useState } from 'react';
import { StyleSheet, Text, View } from 'react-native';

import { getMessages } from '@/services/base';

interface ExplainSectionProps {
  poolId: string;
  rules?: string;
}

export const ExplainSection: React.FC<ExplainSectionProps> = ({ rules }) => {
  const [shippingRule, setShippingRule] = useState('全国所有地区每单运费15元，满五件享快递包邮服务。默认5个工作日内发货；若遇缺货需补货，预计需要10个工作日。');

  useEffect(() => {
    loadShippingRule();
  }, []);

  const loadShippingRule = async () => {
    try {
      const res = await getMessages(0, 10);
      if (res && res.length > 0 && res[0].content) {
        setShippingRule(res[0].content);
      }
    } catch (error) {
      console.error('获取发货规则失败:', error);
    }
  };

  return (
    <View style={styles.container}>
      {/* 关于签收货 */}
      <View style={styles.section}>
        <Text style={styles.title}>1关于签收货：</Text>
        <View style={styles.content}>
          <Text style={styles.text}>
            1.在签收快件时，请本人亲自在不拆封商品包装的情况下，在快递前当面验货，确认无误后再签收
          </Text>
          <Text style={styles.text}>2.商品的退款请参考商品售后条款</Text>
        </View>
      </View>

      {/* 关于发货 */}
      <View style={styles.section}>
        <Text style={styles.title}>关于发货：</Text>
        <View style={styles.content}>
          <Text style={styles.text}>1.{shippingRule}</Text>
          <Text style={styles.text}>
            2.商品的可配送区域为中国大陆地区（除特殊偏远地区）
          </Text>
          <Text style={styles.text}>
            3.平台统一采用高规格包装和配送，最大程度保护商品在配送过程中的安全
          </Text>
          <Text style={styles.text}>
            4.为确保包裹配送成功，平台会根据发货地和收件地匹配合适的物流公司，合作物流可能为顺丰、京东、EMS、申通、中通、邮政等
          </Text>
        </View>
      </View>

      {/* 售后 */}
      <View style={styles.section}>
        <Text style={styles.title}>售后：</Text>
        <View style={styles.content}>
          <Text style={styles.text}>
            1."一番赏""无限赏"作为盲盒类商品，根据《消费者权益保护法》第25条之规定，因产品售出后，无法按照售卖规则二次销售不适用7天无理由退换的规定，请谨慎、理性购买。
          </Text>
          <Text style={styles.text}>
            2.收到的商品如遇质量问题，可联系客服，凭有效的售后凭证，我司提供包含补偿、换货、退款在内的方式进行售后处理。若商品存在损坏、少件或遗失，在提供有效凭证，证明签收时即存在上述问题。若您发现有任何断件或缺件问题，请勿再打开内包装，并第一时间联系客服。
          </Text>
          <Text style={styles.text}>
            3.对于需要退换货的商品，若因产品质量问题退换货，来回运费均由平台承担
          </Text>
        </View>
      </View>

      {/* 关于配送 */}
      {rules ? (
        <View style={styles.section}>
          <Text style={styles.title}>关于配送：</Text>
          <View style={styles.content}>
            <Text style={styles.text}>{rules}</Text>
          </View>
        </View>
      ) : null}
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    paddingHorizontal: 14,
    paddingBottom: 50,
  },
  section: {
    marginTop: 15,
  },
  title: {
    fontSize: 14,
    color: '#fff',
    fontWeight: 'bold',
  },
  content: {
    marginTop: 10,
  },
  text: {
    fontSize: 12,
    color: '#999',
    lineHeight: 20,
    marginBottom: 5,
  },
});