ai-search-screenbutton v1.0.3

Header

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { ScreenButton } from 'ai-search-screenbutton';

const data = {
  face: {
    gender: {
      name: '性别',
      list: [
        {
          value: 'man',
          label: '男',
          number: 14,
        },
        {
          value: 'woman',
          label: '女',
          number: 34,
        },
        {
          value: 'unknown',
          label: '未知',
          number: 54,
        },
      ]
    },
    features: {
      name: '特征',
      list: [
        {
          value: 'all',
          label: '全部',
          number: 111,
        },
        {
          value: 'dyj',
          label: '戴眼镜',
          number: 364,
        },
        {
          value: 'dmz',
          label: '戴帽子',
          number: 564,
        },
        {
          value: 'dkz',
          label: '戴口罩',
          number: 384,
        },
        {
          value: 'dwj',
          label: '戴围巾',
          number: 568,
        },
      ]
    },
  }
}


const fields = {
  codeList: [
    {
      name: '人脸',
      value: 'face',
      itemNameCode: 'name',
      itemListCode: 'list',
      valueCode: 'value',
      labelCode: 'label',
      numberCode: 'number'
    },
  ]
}

class App extends Component {
  render() {
    return (
      <div>
        <ScreenButton okClick={(value) => {console.log(value)}} data={data} fields={fields} />
        <ScreenButton okClick={(value) => {console.log(value)}} confUrl={'/mock/akDCghOZ1/screenbutton'} queryBody={{id: 1}} fields={fields} />
      </div>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);

props