一、使用Online表单生成代码，运行结果如下

二、如果我们想要加入一些筛选条件，例如用姓名查询

1.可在生成的前端代码中加入如下代码，文件为****data.ts

//查询数据
export const searchFormSchema: FormSchema[] = [
];

2.对如上代码进行编辑

代码如下（示例）：

//查询数据
export const searchFormSchema: FormSchema[] = [
  {
    label: '员工姓名',
    field: 'staffName',// 此处为数据库里的字段名，如果有下划线，此处记得用驼峰标识做区分，我的数据库字段为staff_name
    component: 'JInput',
    //colProps: { span: 6 },
  },// 此处需要注意
  {//时间选择框，
    label: '时间',
    field: 'createTime',
    component: 'RangePicker', //时间选择器
    componentProps:{
      valueType: 'Date', // 如果你的数据库时间字段类型为datetime，则需要此代码
      valueFormat:  "YYYY-MM-DD HH:mm:ss", //可选，绑定值的格式
      showTime:true, //日期选择框中是否显示时间
    },
  },
];

3.运行