1.0.3 • Published 6 years ago
all_center_product v1.0.3
AllCenter
选择教学中心及选择产品 特点分校和教学中心为同一个接口同时渲染出来 特点分类和产品为同一个接口同时渲染出来
Screenshots
选择教学中心 选择产品
Install
npm i --save all_center_product
Usage
import { AllCenter, AllProduct } from '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...,是否全选了) |