部门选择添加树形选择

This commit is contained in:
liyongshun 2022-08-16 10:10:59 +08:00
parent 8a047f7786
commit ad13e078e4
4 changed files with 77 additions and 38 deletions

View File

@ -89,8 +89,18 @@ export default class SalaryFile extends React.Component {
isSingle={false}
value={key === "departmentIds" ? departmentIds : positionIds}
tabs={key === "departmentIds" ? [
{
dataParams: null,
dataURL: null,
isSearch: false,
key: "2",
name: "组织结构",
selected: false,
showOrder: 0
},
{
dataParams: { list: "1" },
dataURL: null,
isSearch: true,
key: "1",
name: "按列表",

View File

@ -1,42 +1,58 @@
import React from 'react'
import GroupCard from '../../../components/groupCard'
import { Row, Col } from 'antd'
import { inject, observer } from 'mobx-react';
import "./index.less"
import React from "react";
import GroupCard from "../../../components/groupCard";
import { Col, Row, Tooltip } from "antd";
import { inject, observer } from "mobx-react";
import "./index.less";
@inject('archivesStore')
@inject("archivesStore")
@observer
export default class BaseForm extends React.Component {
componentWillMount() {
const {archivesStore: {getBaseForm}} = this.props;
getBaseForm(this.props.employeeId)
}
componentWillMount() {
const { archivesStore: { getBaseForm } } = this.props;
getBaseForm(this.props.employeeId);
}
render() {
const { archivesStore: {baseFormData}} = this.props;
return (
<div className="socialFormWrapper">
<GroupCard title="基本信息" >
<Row>
<Col span={4} className="formItem borderR-none borderB-none">姓名:</Col>
<Col span={4} className="formItem borderR-none borderB-none">{baseFormData.username}</Col>
<Col span={4} className="formItem borderR-none borderB-none">部门:</Col>
<Col span={4} className="formItem borderR-none borderB-none">{baseFormData.department}</Col>
<Col span={4} className="formItem borderR-none borderB-none">岗位:</Col>
<Col span={4} className="formItem borderB-none">{baseFormData.position}</Col>
</Row>
render() {
const { archivesStore: { baseFormData } } = this.props;
return (
<div className="socialFormWrapper">
<GroupCard title="基本信息">
<Row>
<Col span={4} className="formItem borderR-none borderB-none">姓名:</Col>
<Col span={4} className="formItem borderR-none borderB-none">
<Tooltip title={baseFormData.username}>
<span>{baseFormData.username}</span>
</Tooltip>
</Col>
<Col span={4} className="formItem borderR-none borderB-none">部门:</Col>
<Col span={4} className="formItem borderR-none borderB-none">
<Tooltip title={baseFormData.department}>
<span>{baseFormData.department}</span>
</Tooltip>
</Col>
<Col span={4} className="formItem borderR-none borderB-none">岗位:</Col>
<Col span={4} className="formItem borderB-none">
<Tooltip title={baseFormData.position}>
<span>{baseFormData.position}</span>
</Tooltip>
</Col>
</Row>
<Row>
<Col span={4} className="formItem borderR-none">入职日期:</Col>
<Col span={4} className="formItem borderR-none">{baseFormData.hiredate}</Col>
<Col span={4} className="formItem borderR-none">手机号:</Col>
<Col span={4} className="formItem borderR-none">{baseFormData.telephone}</Col>
<Col span={4} className="formItem borderR-none">离职时间:</Col>
<Col span={4} className="formItem">{baseFormData.dimissionDate}</Col>
</Row>
</GroupCard>
</div>
)
}
<Row>
<Col span={4} className="formItem borderR-none">入职日期:</Col>
<Col span={4} className="formItem borderR-none">{baseFormData.hiredate}</Col>
<Col span={4} className="formItem borderR-none">手机号:</Col>
<Col span={4} className="formItem borderR-none">
<Tooltip title={baseFormData.telephone}>
<span>{baseFormData.telephone}</span>
</Tooltip>
</Col>
<Col span={4} className="formItem borderR-none">离职时间:</Col>
<Col span={4} className="formItem">{baseFormData.dimissionDate}</Col>
</Row>
</GroupCard>
</div>
);
}
}

View File

@ -113,9 +113,12 @@ export default class SocialSecurityForm extends React.Component {
<Row>
<Col span={6} className="formItem borderR-none">个税扣缴义务人</Col>
<Col span={6} className="formItem borderR-none">
<Select defaultValue={data && data.paymentOrganization} value={data && data.paymentOrganization}
style={{ width: "100%" }}
onChange={(value) => this.handleFormChange({ paymentOrganization: value })}>
<Select
defaultValue={data && data.paymentOrganization}
value={data && data.paymentOrganization}
style={{ width: "100%" }}
notFoundContent={"暂无数据"}
onChange={(value) => this.handleFormChange({ paymentOrganization: value })}>
{
items && items[0].items && items[0].items[1] && items[0].items[1].options.map(item => (
<Option value={item.key}>{item.showname}</Option>

View File

@ -100,8 +100,18 @@ export default class AddTaxAgentModal extends React.Component {
type={57}
title={"部门选择"}
tabs={[
{
dataParams: null,
dataURL: null,
isSearch: false,
key: "2",
name: "组织结构",
selected: false,
showOrder: 0
},
{
dataParams: { list: "1" },
dataURL: null,
isSearch: true,
key: "1",
name: "按列表",