jsx
import React, { PureComponent } from 'react';
import { PickerView, Button, Toast } from 'antd-mobile';
import { Icon } from "antd";
import func from '../../util/commonFunc';
import { hashHistory } from "react-router";
import styles from './style1.less'
class SelectDepartment extends PureComponent {
state = {
// 选中的部门
selectedOrgId: '',
selectedOrgName: '',
myDepartment: [],
}
// 滚动时
onChange = (arr) => {
const { myDepartment } = this.state;
let selectedOrgName = this.getNameById(myDepartment, arr[0]);
this.setState({
selectedOrgId: arr[0],
selectedOrgName
})
}
this.getNameById=()=>{
// ...根据id拿到对应的名称
}
// 获取站点部门
getDepartment = async () => {
let _this = this;
let res =[]
// ...获取对应的部门数组装入res
_this.setState({
myDepartment: res,
selectedOrgId: res[0].id, //默认选中第一个部门
selectedOrgName,
});
}
}
}
componentDidMount() {
this.getDepartment()
}
render() {
const { myDepartment, selectedOrgId } = this.state
return (
<div className={styles.BoxSelectDepartment}>
<h1>{intl.get('ChooseRegisterDepartment') || '选择注册部门'}</h1>
<PickerView
data={myDepartment}
onChange={(val) => this.onChange(val)}
value={[this.state.selectedOrgId]}
cols={1}
title="部门选择"
onOk={this.confirmDepartment}
/>
</div>
);
}
}
export default SelectDepartment;