@icedesign/algorithm-model-admin-scaffold/src/pages/ModelManagement/components/ModelTable/TableHead.jsx

该模板适用于数据模型类的管理类后台，内置通用的介绍页和丰富的区块，使用时需要根据需求进行删除和添加

import React, { useState } from 'react';
import { Grid, Input, Select } from '@alifd/next';
import {
  FormBinderWrapper as IceFormBinderWrapper,
  FormBinder as IceFormBinder,
  FormError as IceFormError,
} from '@icedesign/form-binder';

const { Row, Col } = Grid;

export default function TableHead(props) {
  const [value] = useState({});

  function formChange(formValue) {
    props.onChange(formValue);
  }

  return (
    <IceFormBinderWrapper
      value={value}
      onChange={formChange}
    >
      <Row wrap gutter="20" style={styles.formRow}>
        <Col l="8">
          <div style={styles.formItem}>
            <span style={styles.formLabel}>模型服务：</span>
            <IceFormBinder name="modelname" triggerType="onBlur">
              <Select

                style={{
                  width: '200px',
                }}
              >
                <Select.Option value="option1">强化学习</Select.Option>
                <Select.Option value="option2">无监督学习</Select.Option>
                <Select.Option value="option3">监督学习</Select.Option>
              </Select>
            </IceFormBinder>
            <div style={styles.formError}>
              <IceFormError name="modelname" />
            </div>
          </div>
        </Col>
        <Col l="8">
          <div style={styles.formItem}>
            <span style={styles.formLabel}>创建人：</span>
            <IceFormBinder name="creator" triggerType="onBlur">
              <Input placeholder="请输入" />
            </IceFormBinder>
            <div style={styles.formError}>
              <IceFormError name="creator" />
            </div>
          </div>
        </Col>
        <Col l="8">
          <div style={styles.formItem}>
            <span style={styles.formLabel}>状态：</span>
            <IceFormBinder name="state" triggerType="onBlur">
              <Input placeholder="请输入" />
            </IceFormBinder>
            <div style={styles.formError}>
              <IceFormError name="state" />
            </div>
          </div>
        </Col>
      </Row>
    </IceFormBinderWrapper>
  );
}

const styles = {
  container: {
    margin: '20px',
    padding: '0',
  },
  title: {
    margin: '0',
    padding: '20px',
    fonSize: '16px',
    textOverflow: 'ellipsis',
    overflow: 'hidden',
    whiteSpace: 'nowrap',
    color: 'rgba(0,0,0,.85)',
    fontWeight: '500',
    borderBottom: '1px solid #eee',
  },
  formRow: {
    padding: '10px 20px',
  },
  formItem: {
    display: 'flex',
    alignItems: 'center',
    margin: '10px 0',
  },
  formLabel: {
    minWidth: '70px',
  },
};