AllCenter

选择教学中心及选择产品 特点分校和教学中心为同一个接口同时渲染出来 特点分类和产品为同一个接口同时渲染出来

Screenshots

选择教学中心 选择产品

Install

npm i --save first_all_center_product

Usage

import { AllCenter, AllProduct } from 'first_all_center_product';

<AllCenter
  localPath="http://api-eas-dev.firstleap.cn/api"
  dataUrl="/center/list"
  visible={visible}
  handleCancel={()=>this.setState({visible:false,valueReadyFinish:false})}
  value={value}
  valueReadyFinish={valueReadyFinish}
  onOk={(ids,all_checked)=>this.setState({ids})} />

<AllProduct
  localPath="http://api-eas-dev.firstleap.cn/api"
  dataUrl="/category/product"
  visible={visiblePro}
  handleCancel={()=>this.setState({visiblePro:false,valueReadyFinishPro:false})}
  value={valuePro}
  valueReadyFinish={valueReadyFinishPro}
  onOk={(ids,all_checked)=>this.setState({ids})} />

API

props

name | type | default | description ---|---|---|--- localPath | string | - | 接口域名及路径 dataUrl | string | - | 获取分校及教学中心的接口地址 visible | boolean | false | 显示弹出层 handleCancel | fun | - | 关闭弹出层的回调 value | string | - | 父级传递当前选中的值 1,2,3,4 valueReadyFinish | boolean | false | 当需要父级传递value时此值由false传为true onOk | fun | - | 点击确认按钮的回调方法 返回([id1,id2,id3...],是否全选了)