front-cli / fw-h5app-template

  import { useEffect } from 'react';

  import { useSafeState } from 'ahooks';
  import { helper, ListRow, Radio, IconFont, Space, PageProvider, Form, Input, TextArea, Uploader } from '@feewee/h5app-common';

  import { useNavigate } from '@modern-js/runtime/router';
  

  import CardView from '@/components/CardView';
  import RowText from '@/components/RowText';
  

  const RadioGroup = Radio.Group;
  
  const Index = () => {
    const navigate = useNavigate();
    const [form] = Form.useForm();
  
    return (
      <PageProvider tittle="急救处理" loading={false} onBackClick={() => helper.checkBack(() => navigate(-1))}>

        <div className="bg-color">
          <CardView style={{ marginBottom: 10 }}>
            <RowText title="车牌号" content="aa" titleStyle={{ fontSize: 15, color: '#333' }} contentStyle={{ fontSize: 15, color: '#333' }} />
            <RowText title="车主" content="aa" />
            <RowText title="车辆" content="aa" />
            <RowText title="急救发起时间" content="aa" />
            <RowText title="救援位置" content="aa" rowStyle={{ marginBottom: 0 }} />
          </CardView>
  
          <div className="p-[15px] mb-[10px] border-b-[#eee] bg-white">
            <RowText title="车牌号" content="aa" titleStyle={{ fontSize: 15, color: '#333' }} contentStyle={{ fontSize: 15, color: '#333' }} />
            <RowText title="车主" content="aa" />
            <RowText title="车辆" content="aa" />
            <RowText title="急救发起时间" content="aa" />
            <RowText title="救援位置" content="aa" rowStyle={{ marginBottom: 0 }} />
          </div>

          <Form form={form} labelPosition="left" initialValues={{ type: 1 }}>
            <Form.Item name="type" label="救援方式">
              <RadioGroup>
                <Radio value={1}>拖车</Radio>
                <Radio value={2}>现场维修</Radio>
              </RadioGroup>
            </Form.Item>
            <Form.Item name="remark" label="备注" labelPosition="top">
              <TextArea placeholder="请输入备注" maxLength={256} showCount autoSize />
            </Form.Item>
            <Form.Item name="attachments" label="附件" labelPosition="top">
              <Uploader showTitle={false} url="/api2/file/upload" style={{ padding: 0 }} />
            </Form.Item>
          </Form>
        </div>

      </PageProvider>
    );
  };
  
  export default Index;