zsm

基于Ant Design 业务组件

QueryBar是一个工具条，满足常规条件查询，input/select/DatePicker/DatePickerTime。

📦 安装

npm install zsm --save

yarn add zsm

🔨 示例

import {QueryBar} from 'zsm';

ReactDOM.render(QueryBar dataSource={this.queryBarData} handleSearch={this.handleSearch} />, mountNode);

引入数据：

queryBarData = [
    {
      "field": "name",
      "text": '"名称",
      "type": "input",
    },{
      "field": "condition",
      "text": '"状态",
      "type": "select",
      "options": ["关闭", "运行中"]
    },{
      "field": "creatData",
      "text": "创建日期",
      "type": "DatePicker",
    },{
      "field": "creatData",
      "text": "订单时间",
      "type": "DatePickerTime",
    }
    //可多条数据
  ];

效果