1. html

<Card title="基礎(chǔ)信息">
          <Row style={rowStyle}>
            <Col span={2}>策略名稱:</Col>
            <Col span={10}>
              <Input placeholder="請輸入策略名稱" />
            </Col>
          </Row>

          <Row style={rowStyle}>
            <Col span={2}>
              <span>觸發(fā)規(guī)則:</span>
            </Col>
            <Col span={5}>
              <Select style={selectStyle} />
            </Col>
            <Col span={5}>
              <Select mode="multiple" style={{ width: "100%" }} />
            </Col>
          </Row>

          <Row style={rowStyle}>
            <Col span={2}>
              {" "}
              <span>推送類型:</span>
            </Col>
            <Col span={10}>
              <Select style={selectStyle} defaultValue={PushType.once}>
                <Option value={PushType.once}>單次推送</Option>
                <Option value={PushType.cycle}>循環(huán)推送</Option>
              </Select>
            </Col>
          </Row>

          <Row style={rowStyle}>
            <Col span={2}>
              <span>排期日期:</span>
            </Col>
            <Col span={5}>
              <Radio.Group>
                <Radio value={ScheduleType.long}>長期</Radio>
                <Radio value={ScheduleType.special}>特定日期</Radio>
              </Radio.Group>
            </Col>
            <Col span={5}>
              <span>節(jié)假日不推送</span>
              <Switch checkedChildren="開" unCheckedChildren="關(guān)" defaultChecked />
            </Col>
          </Row>

          <Row style={rowStyle}>
            <Col span={2}>
              <span>排期時段:</span>
            </Col>
            <Col>
              <Radio.Group>
                <Radio value={TimeType.allDay}>全天</Radio>
                <Radio value={TimeType.special}>特定時段</Radio>
              </Radio.Group>
            </Col>
          </Row>

          <Row style={rowStyle}>
            <Col span={2}>
              <span>策略頻控</span>
            </Col>
            <Col span={10}>
              <span>開啟疲勞控制</span>
              <Switch checkedChildren="開" unCheckedChildren="關(guān)" defaultChecked />
            </Col>
          </Row>
          <Row style={rowStyle}>
            <Col offset={2}>
              <span>單用戶每</span>
              <InputNumber min={1} max={100} defaultValue={1} />
              <Select style={frequencySelectStyle}>
                <Option value={FrequencyType.day}>自然天</Option>
                <Option value={FrequencyType.hour}>自然小時</Option>
                <Option value={FrequencyType.minute}>自然分鐘</Option>
              </Select>
              <span>觸發(fā)一次</span>
            </Col>
          </Row>
          <Row style={rowStyle}>
            <Col offset={2}>
              <span>單用戶每</span>
              <InputNumber min={1} max={100} defaultValue={1} />
              <Select style={frequencySelectStyle}>
                <Option value={FrequencyType.day}>自然天</Option>
                <Option value={FrequencyType.hour}>自然小時</Option>
                <Option value={FrequencyType.minute}>自然分鐘</Option>
              </Select>
              <span>觸發(fā)不超過</span>
              <InputNumber min={1} max={100} defaultValue={1} />
              <span>次</span>
            </Col>
          </Row>

          <Row style={rowStyle}>
            <Col span={2}>
              <span>負責(zé)人:</span>
            </Col>
            <Col span={10}>
              <Select mode="multiple" style={selectStyle} />
            </Col>
          </Row>
        </Card>

const selectStyle = {
    width: "100%"
  };
  const frequencySelectStyle = { width: 100, margin: "0 8px" };
  const rowStyle = {
    marginBottom: 16
  };