系统多语言-页面优化

This commit is contained in:
黎永顺 2023-08-10 17:07:42 +08:00
parent 6b805c6bfc
commit ed7cd3c3f4
5 changed files with 442 additions and 213 deletions

View File

@ -12,7 +12,7 @@ export const tabCondition = [
groupid: "FIXED",
showcount: true,
title: "发薪员工",
lanId: 111,
lanId: 544638,
viewcondition: "fixed"
},
{
@ -28,7 +28,7 @@ export const tabCondition = [
groupid: "STOP",
showcount: true,
title: "停薪员工",
lanId: 111,
lanId: 544637,
viewcondition: "stop"
},
{

View File

@ -20,10 +20,11 @@ import {
WeaSelect,
WeaSlideModal,
WeaTab,
WeaTools,
WeaTop
} from "ecCom";
import { WeaTableNew } from "comsMobx";
import { Button, Dropdown, Menu, message, Modal, Spin } from "antd";
import { Button, Dropdown, Icon, Menu, message, Modal, Spin } from "antd";
import ImportMenu from "./components/importMenu";
import ExportMenu from "./components/exportMenu";
import AllWithoutPay from "./components/allWithoutPay";
@ -417,147 +418,306 @@ class Index extends Component {
}
};
getRightOptionBtns = () => {
const languageidweaver = WeaTools.ls.getJSONObj("languageidweaver");
const { selectedKey, importType, selectedRowKeys, searchItemsValue, pageInfo } = this.state;
const { taxAgentStore: { showOperateBtn } } = this.props;
if (selectedKey === "pending" && showOperateBtn) {
return [
<Button type="primary" onClick={() => {
this.importRef.handleMenuClick({ key: "PENDING" });
}}>{getLabel(32935, "导入")}</Button>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Button type="ghost" onClick={this.allGotoFixed}>{getLabel(543304, "全部设为发薪人员")}</Button>,
<Dropdown
overlay={
<Menu className="dropdownMenuWrapper" onClick={this.handleClick}>
<Menu.Item key="batchSet">{getLabel(543305, "批量设为发薪员工")}</Menu.Item>
<Menu.Item key="batchDelete">{getLabel(543186, "批量删除待办")}</Menu.Item>
</Menu>
}
>
<Button type="primary">{getLabel(17499, "更多")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "fixed" && showOperateBtn) {
return [
<WeaHelpfulTip
width={300}
title={<HelpfulDiv/>}
placement="topLeft"
/>,
<Dropdown overlay={
<ImportMenu
importType={importType}
refreshList={() => {
this.query();
this.setState({ selectedRowKeys: [] });
}}/>
}>
<Button type="primary">{getLabel(32935, "导入")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "suspend" && showOperateBtn) {
return [
<Dropdown overlay={
<AllWithoutPay
pageInfo={pageInfo}
selectedRowKeys={selectedRowKeys}
refreshList={() => {
this.queryTabTotal();
this.query();
this.setState({ selectedRowKeys: [] });
}}
/>
}>
<Button type="primary" style={{ marginLeft: 8 }}>{getLabel(543326, "全部停薪")}<i className="icon-coms-down2"
style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Button type="ghost" onClick={() => {
const { selectedRowKeys } = this.state;
if (selectedRowKeys.length === 0) {
message.warning(getLabel(543306, "未选择条目"));
return;
}
this.deleteSuspendTodo(selectedRowKeys);
}}>{getLabel(543186, "批量删除待办")}</Button>,
<Button type="primary" onClick={() => {
this.importRef.handleMenuClick({ key: "SUSPEND" });
}}>{getLabel(32935, "导入")}</Button>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "stop" && showOperateBtn) {
return [
<Dropdown overlay={
<BatchSuspendsPay
selectedRowKeys={selectedRowKeys}
refreshList={() => {
this.queryTabTotal();
this.query();
this.setState({ selectedRowKeys: [] });
}}
/>
}>
<Button type="primary">{getLabel(543307, "批量取消停薪")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "ext" && showOperateBtn) {
return [
<WeaHelpfulTip
width={300}
title={<HelpfulDiv/>}
placement="topLeft"
/>,
<Dropdown overlay={
<ImportMenu
isExtEmp importType={importType}
refreshList={() => {
this.query();
this.setState({ selectedRowKeys: [] });
}}/>
}>
<Button type="primary">{getLabel(32935, "导入")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
if (languageidweaver == "8") {
if (selectedKey === "pending" && showOperateBtn) {
return [
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Dropdown overlay={<Menu>
<Menu.Item>
<div
onClick={() => this.importRef.handleMenuClick({ key: "PENDING" })}>{getLabel(32935, "导入")}</div>
</Menu.Item>
<Menu.Item>
<div onClick={this.allGotoFixed}>{getLabel(543304, "全部设为发薪人员")}</div>
</Menu.Item>
<Menu.Item>
<div
onClick={() => this.handleClick({ key: "batchSet" })}>{getLabel(543305, "批量设为发薪员工")}</div>
</Menu.Item>
<Menu.Item>
<div
onClick={() => this.handleClick({ key: "batchDelete" })}>{getLabel(543186, "批量删除待办")}</div>
</Menu.Item>
</Menu>}>
<Button type="primary" style={{ marginLeft: 8 }}>
{getLabel(17499, "更多")} <Icon type="down"/>
</Button>
</Dropdown>
];
} else if (selectedKey === "fixed" && showOperateBtn) {
return [
<WeaHelpfulTip
width={300}
title={<HelpfulDiv/>}
placement="topLeft"
/>,
<Dropdown overlay={
<ImportMenu
importType={importType}
refreshList={() => {
this.query();
this.setState({ selectedRowKeys: [] });
}}/>
}>
<Button type="primary">{getLabel(32935, "导入")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "suspend" && showOperateBtn) {
return [
<Dropdown overlay={
<AllWithoutPay
pageInfo={pageInfo}
selectedRowKeys={selectedRowKeys}
refreshList={() => {
this.queryTabTotal();
this.query();
this.setState({ selectedRowKeys: [] });
}}
/>
}>
<Button type="primary" style={{ marginLeft: 8 }}>{getLabel(543326, "全部停薪")}<i
className="icon-coms-down2"
style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Dropdown overlay={<Menu>
<Menu.Item>
<div onClick={() => {
const { selectedRowKeys } = this.state;
if (selectedRowKeys.length === 0) {
message.warning(getLabel(543306, "未选择条目"));
return;
}
this.deleteSuspendTodo(selectedRowKeys);
}}>{getLabel(543186, "批量删除待办")}</div>
</Menu.Item>
<Menu.Item>
<div onClick={() => this.importRef.handleMenuClick({ key: "SUSPEND" })}>{getLabel(32935, "导入")}</div>
</Menu.Item>
</Menu>}>
<Button type="primary" style={{ marginLeft: 8 }}>
{getLabel(17499, "更多")} <Icon type="down"/>
</Button>
</Dropdown>
];
} else if (selectedKey === "stop" && showOperateBtn) {
return [
<Dropdown overlay={
<BatchSuspendsPay
selectedRowKeys={selectedRowKeys}
refreshList={() => {
this.queryTabTotal();
this.query();
this.setState({ selectedRowKeys: [] });
}}
/>
}>
<Button type="primary">{getLabel(543307, "批量取消停薪")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "ext" && showOperateBtn) {
return [
<WeaHelpfulTip
width={300}
title={<HelpfulDiv/>}
placement="topLeft"
/>,
<Dropdown overlay={
<ImportMenu
isExtEmp importType={importType}
refreshList={() => {
this.query();
this.setState({ selectedRowKeys: [] });
}}/>
}>
<Button type="primary">{getLabel(32935, "导入")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
}
return [];
} else {
if (selectedKey === "pending" && showOperateBtn) {
return [
<Button type="primary" onClick={() => {
this.importRef.handleMenuClick({ key: "PENDING" });
}}>{getLabel(32935, "导入")}</Button>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Button type="ghost" onClick={this.allGotoFixed}>{getLabel(543304, "全部设为发薪人员")}</Button>,
<Dropdown
overlay={
<Menu className="dropdownMenuWrapper" onClick={this.handleClick}>
<Menu.Item key="batchSet">{getLabel(543305, "批量设为发薪员工")}</Menu.Item>
<Menu.Item key="batchDelete">{getLabel(543186, "批量删除待办")}</Menu.Item>
</Menu>
}
>
<Button type="primary">{getLabel(17499, "更多")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "fixed" && showOperateBtn) {
return [
<WeaHelpfulTip
width={300}
title={<HelpfulDiv/>}
placement="topLeft"
/>,
<Dropdown overlay={
<ImportMenu
importType={importType}
refreshList={() => {
this.query();
this.setState({ selectedRowKeys: [] });
}}/>
}>
<Button type="primary">{getLabel(32935, "导入")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "suspend" && showOperateBtn) {
return [
<Dropdown overlay={
<AllWithoutPay
pageInfo={pageInfo}
selectedRowKeys={selectedRowKeys}
refreshList={() => {
this.queryTabTotal();
this.query();
this.setState({ selectedRowKeys: [] });
}}
/>
}>
<Button type="primary" style={{ marginLeft: 8 }}>{getLabel(543326, "全部停薪")}<i
className="icon-coms-down2"
style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Button type="ghost" onClick={() => {
const { selectedRowKeys } = this.state;
if (selectedRowKeys.length === 0) {
message.warning(getLabel(543306, "未选择条目"));
return;
}
this.deleteSuspendTodo(selectedRowKeys);
}}>{getLabel(543186, "批量删除待办")}</Button>,
<Button type="primary" onClick={() => {
this.importRef.handleMenuClick({ key: "SUSPEND" });
}}>{getLabel(32935, "导入")}</Button>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "stop" && showOperateBtn) {
return [
<Dropdown overlay={
<BatchSuspendsPay
selectedRowKeys={selectedRowKeys}
refreshList={() => {
this.queryTabTotal();
this.query();
this.setState({ selectedRowKeys: [] });
}}
/>
}>
<Button type="primary">{getLabel(543307, "批量取消停薪")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>,
<Dropdown overlay={<ExportMenu selectedKey={selectedKey} selectedRowKeys={selectedRowKeys}
searchItemsValue={searchItemsValue}/>}>
<Button type="primary">{getLabel(17416, "导出")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
} else if (selectedKey === "ext" && showOperateBtn) {
return [
<WeaHelpfulTip
width={300}
title={<HelpfulDiv/>}
placement="topLeft"
/>,
<Dropdown overlay={
<ImportMenu
isExtEmp importType={importType}
refreshList={() => {
this.query();
this.setState({ selectedRowKeys: [] });
}}/>
}>
<Button type="primary">{getLabel(32935, "导入")}<i className="icon-coms-down2" style={{
marginLeft: 8,
verticalAlign: "middle"
}}/></Button>
</Dropdown>
];
}
}
return [];
};
@ -805,8 +965,8 @@ class Index extends Component {
<WeaTab
datas={
(extEmpsWitch === "0" || !extEmpsWitch) ?
_.map(_.dropRight(tabCondition), it=> ({...it, title: getLabel(it.lanId, it.title)})) :
_.map(tabCondition, it=> ({...it, title: getLabel(it.lanId, it.title)}))
_.map(_.dropRight(tabCondition), it => ({ ...it, title: getLabel(it.lanId, it.title) })) :
_.map(tabCondition, it => ({ ...it, title: getLabel(it.lanId, it.title) }))
}
counts={tabCount}
className="payrollFilesTab"
@ -928,12 +1088,12 @@ export default Index;
const HelpfulDiv = () => {
return <div className="helpWrapper">
<span>导入按钮使用场景说明</span>
<span>1.档案初始化</span>
<span>{getLabel(111, "导入按钮使用场景说明:")}</span>
<span>{getLabel(111, "1.档案初始化:")}</span>
<span className="pl10">
<span>a.初次使用薪酬模块全量导入员工的薪资档案数据</span>
<span>b.员工入职导入新入职的员工的薪资档案数据若导入表格中的人员已存在在薪资档案中初始化导入会将档案中该人员的数据清除再导入</span>
<span>c.返聘人员使用调薪功能调整薪资档案值或使用调整个税扣缴</span>
<span>{getLabel(111, "a.初次使用薪酬模块,全量导入员工的薪资档案数据;")}</span>
<span>{getLabel(111, "b.员工入职,导入新入职的员工的薪资档案数据(若导入表格中的人员已存在在薪资档案中,初始化导入会将档案中该人员的数据清除再导入")}</span>
<span>{getLabel(111, "c.返聘人员使用调薪功能调整薪资档案值或使用调整个税扣缴;")}</span>
</span>
<span>2.调薪档案中已存在的人员批量调整薪资项目值包括返聘人员的情况</span>
<span>3.调整个税扣缴义务人档案中已存在的人员批量调整个税扣缴义务人包括返聘人员的情况</span>

View File

@ -42,7 +42,8 @@ class SalaryItemForm extends Component {
return {
...item,
viewAttr: (!isLedger && ((editable && record.canEdit) || isAdd)) ? 2 : 1,
display: !isLedger
display: !isLedger,
label: getLabel(lanId, label)
};
case "useInEmployeeSalary":
return {
@ -71,7 +72,8 @@ class SalaryItemForm extends Component {
return {
...item,
viewAttr: 2,
tip: isLedger ? getLabel(544291, "开启后,薪资核算不会展示该项目,但是不影响该项目的核算值") : item.tip
tip: isLedger ? getLabel(544291, "开启后,薪资核算不会展示该项目,但是不影响该项目的核算值") : item.tip,
label: getLabel(lanId, label)
};
case "valueType":
return {

View File

@ -96,7 +96,7 @@ export default class SystemSalaryItemModal extends React.Component {
};
return (
<WeaDialog
title="添加系统薪资项目"
title={getLabel(543293, "添加系统薪资项目")}
initLoadCss className="sys-salary-wrapper"
visible={this.props.visible} onCancel={() => {
this.setState({ selectedRowKeys: [] }, () => {
@ -104,7 +104,7 @@ export default class SystemSalaryItemModal extends React.Component {
});
}} style={{ width: "60vw" }} scalable
buttons={[
<Button type="primary" loading={saveLoading} onClick={this.handleAdd}>添加</Button>
<Button type="primary" loading={saveLoading} onClick={this.handleAdd}>{getLabel(384113, "添加")}</Button>
]}
>
<div className="headerSearchWrapper">

View File

@ -1,7 +1,7 @@
import React from "react";
import { inject, observer } from "mobx-react";
import { toJS } from "mobx";
import { Button, Dropdown, Menu, message, Modal, Popover } from "antd";
import { Button, Dropdown, Icon, Menu, message, Modal, Popover } from "antd";
import { WeaHelpfulTip, WeaLocaleProvider, WeaNewScroll, WeaSlideModal, WeaTab, WeaTools, WeaTop } from "ecCom";
import { getSearchs, renderLoading } from "../../../util";
import BaseForm from "./baseForm";
@ -654,43 +654,77 @@ export default class Archives extends React.Component {
}
window.open(url, "_self");
};
const btns = selectedKey === "fixed" ?
[
<Button type="primary" onClick={() => {
this.handleBtnImport("2");
}}>{getLabel(32935, "导入")}</Button>,
<Dropdown.Button onClick={handleButtonClick} overlay={
<Menu onClick={handleMenuClick}>
<Menu.Item key="1">{getLabel(512938, "导出选中")}</Menu.Item>
let btns = [];
if (languageidweaver == "8") {
const menus = selectedKey === "fixed" ?
(
<Menu>
<Menu.Item><span onClick={() => this.handleBtnImport("2")}>{getLabel(32935, "导入")}</span></Menu.Item>
<Menu.Item><span onClick={handleMenuClick}>{getLabel(512938, "导出选中")}</span></Menu.Item>
<Menu.Item><span onClick={handleButtonClick}>{getLabel(81272, "导出全部")}</span></Menu.Item>
</Menu>
} type="ghost">
{getLabel(81272, "导出全部")}
</Dropdown.Button>
] : selectedKey === "pending" ?
[
<WeaHelpfulTip
width={300}
title={
<div>
{getLabel(544348, "提示:缴纳月份区间包含起始缴纳月,不包含最后缴纳月; 若员工离职时还未增员进入在缴员工,则数据会自动清除,因此若确认缴纳,请及时维护档案数据并增员操作。若清除后还需缴纳,需先在个税扣缴义务人菜单将员工按离职状态添加回来,会重新出现在待增员。")}
</div>
}
placement="topLeft"
/>,
<Dropdown.Button
onClick={this.handleMenuBtnClick}
overlay={
<Menu onClick={this.handleMenuItemClick}>
<Menu.Item key="1">{getLabel(543187, "批量增员")}</Menu.Item>
<Menu.Item key="4">{getLabel(543186, "批量删除待办")}</Menu.Item>
) : selectedKey === "pending" ?
(
<Menu>
<Menu.Item><span onClick={this.handleMenuBtnClick}>{getLabel(543185, "全量增员")}</span></Menu.Item>
<Menu.Item><span
onClick={() => this.handleMenuItemClick({ key: "1" })}>{getLabel(543187, "批量增员")}</span></Menu.Item>
<Menu.Item><span
onClick={() => this.handleMenuItemClick({ key: "4" })}>{getLabel(543186, "批量删除待办")}</span></Menu.Item>
<Menu.Item><span onClick={() => this.handleBtnImport("1")}>{getLabel(32935, "导入")}</span></Menu.Item>
<Menu.Item><span onClick={handleMenuClick}>{getLabel(512938, "导出选中")}</span></Menu.Item>
<Menu.Item><span onClick={handleButtonClick}>{getLabel(81272, "导出全部")}</span></Menu.Item>
</Menu>
) : selectedKey === "suspend" ?
(
<Menu>
<Menu.Item onClick={this.handleMenuBtnClick}><span>{getLabel(543189, "全量减员")}</span></Menu.Item>
<Menu.Item><span
onClick={() => this.handleMenuItemClick({ key: "1" })}>{getLabel(543188, "批量减员")}</span></Menu.Item>
<Menu.Item><span
onClick={() => this.handleMenuItemClick({ key: "2" })}>{getLabel(543186, "批量删除待办")}</span></Menu.Item>
<Menu.Item><span onClick={handleMenuClick}>{getLabel(512938, "导出选中")}</span></Menu.Item>
<Menu.Item><span onClick={handleButtonClick}>{getLabel(81272, "导出全部")}</span></Menu.Item>
</Menu>
} type="ghost"
>
{getLabel(543185, "全量增员")}
</Dropdown.Button>,
) : (
<Menu>
<Menu.Item><span
onClick={() => this.cancelStopPayment(selectedRowKeys)}>{getLabel(543190, "批量取消停缴")}</span></Menu.Item>
<Menu.Item><span onClick={handleMenuClick}>{getLabel(512938, "导出选中")}</span></Menu.Item>
<Menu.Item><span onClick={handleButtonClick}>{getLabel(81272, "导出全部")}</span></Menu.Item>
</Menu>
);
btns = [
<Dropdown overlay={menus}>
<Button type="primary" style={{ marginLeft: 8 }}>
{getLabel(17499, "更多")} <Icon type="down"/>
</Button>
</Dropdown>
];
selectedKey === "pending" && btns.unshift(<WeaHelpfulTip
width={300}
title={
<div>
{getLabel(544348, "提示:缴纳月份区间包含起始缴纳月,不包含最后缴纳月; 若员工离职时还未增员进入在缴员工,则数据会自动清除,因此若确认缴纳,请及时维护档案数据并增员操作。若清除后还需缴纳,需先在个税扣缴义务人菜单将员工按离职状态添加回来,会重新出现在待增员。")}
</div>
}
placement="topLeft"
/>);
selectedKey === "suspend" && btns.unshift(<WeaHelpfulTip
width={300}
title={<HelpfulDiv/>}
placement="topLeft"
/>);
selectedKey === "stop" && btns.unshift(<WeaHelpfulTip
width={300}
title={<CancelHelpfulDiv/>}
placement="topLeft"
/>);
} else {
btns = selectedKey === "fixed" ?
[
<Button type="primary" onClick={() => {
this.handleBtnImport("1");
this.handleBtnImport("2");
}}>{getLabel(32935, "导入")}</Button>,
<Dropdown.Button onClick={handleButtonClick} overlay={
<Menu onClick={handleMenuClick}>
@ -699,25 +733,31 @@ export default class Archives extends React.Component {
} type="ghost">
{getLabel(81272, "导出全部")}
</Dropdown.Button>
] : selectedKey === "suspend" ?
] : selectedKey === "pending" ?
[
<WeaHelpfulTip
width={300}
title={<HelpfulDiv/>}
title={
<div>
{getLabel(544348, "提示:缴纳月份区间包含起始缴纳月,不包含最后缴纳月; 若员工离职时还未增员进入在缴员工,则数据会自动清除,因此若确认缴纳,请及时维护档案数据并增员操作。若清除后还需缴纳,需先在个税扣缴义务人菜单将员工按离职状态添加回来,会重新出现在待增员。")}
</div>
}
placement="topLeft"
/>,
<Dropdown.Button
onClick={this.handleMenuBtnClick}
overlay={
<Menu onClick={this.handleMenuItemClick}>
<Menu.Item key="1">{getLabel(543188, "批量减员")}</Menu.Item>
<Menu.Item key="2">{getLabel(543186, "批量删除待办")}</Menu.Item>
<Menu.Item key="1">{getLabel(543187, "批量增员")}</Menu.Item>
<Menu.Item key="4">{getLabel(543186, "批量删除待办")}</Menu.Item>
</Menu>
}
type="primary"
} type="ghost"
>
{getLabel(543189, "全量减员")}
{getLabel(543185, "全量增员")}
</Dropdown.Button>,
<Button type="primary" onClick={() => {
this.handleBtnImport("1");
}}>{getLabel(32935, "导入")}</Button>,
<Dropdown.Button onClick={handleButtonClick} overlay={
<Menu onClick={handleMenuClick}>
<Menu.Item key="1">{getLabel(512938, "导出选中")}</Menu.Item>
@ -725,23 +765,50 @@ export default class Archives extends React.Component {
} type="ghost">
{getLabel(81272, "导出全部")}
</Dropdown.Button>
] :
[
<WeaHelpfulTip
width={300}
title={<CancelHelpfulDiv/>}
placement="topLeft"
/>,
<Button type="primary"
onClick={() => this.cancelStopPayment(selectedRowKeys)}>{getLabel(543190, "批量取消停缴")}</Button>,
<Dropdown.Button onClick={handleButtonClick} overlay={
<Menu onClick={handleMenuClick}>
<Menu.Item key="1">{getLabel(512938, "导出选中")}</Menu.Item>
</Menu>
} type="ghost">
{getLabel(81272, "导出全部")}
</Dropdown.Button>
];
] : selectedKey === "suspend" ?
[
<WeaHelpfulTip
width={300}
title={<HelpfulDiv/>}
placement="topLeft"
/>,
<Dropdown.Button
onClick={this.handleMenuBtnClick}
overlay={
<Menu onClick={this.handleMenuItemClick}>
<Menu.Item key="1">{getLabel(543188, "批量减员")}</Menu.Item>
<Menu.Item key="2">{getLabel(543186, "批量删除待办")}</Menu.Item>
</Menu>
}
type="primary"
>
{getLabel(543189, "全量减员")}
</Dropdown.Button>,
<Dropdown.Button onClick={handleButtonClick} overlay={
<Menu onClick={handleMenuClick}>
<Menu.Item key="1">{getLabel(512938, "导出选中")}</Menu.Item>
</Menu>
} type="ghost">
{getLabel(81272, "导出全部")}
</Dropdown.Button>
] :
[
<WeaHelpfulTip
width={300}
title={<CancelHelpfulDiv/>}
placement="topLeft"
/>,
<Button type="primary"
onClick={() => this.cancelStopPayment(selectedRowKeys)}>{getLabel(543190, "批量取消停缴")}</Button>,
<Dropdown.Button onClick={handleButtonClick} overlay={
<Menu onClick={handleMenuClick}>
<Menu.Item key="1">{getLabel(512938, "导出选中")}</Menu.Item>
</Menu>
} type="ghost">
{getLabel(81272, "导出全部")}
</Dropdown.Button>
];
}
const pagination = {
current: pageInfo.current,
@ -778,7 +845,7 @@ export default class Archives extends React.Component {
<WeaTab
datas={_.map(tabCondition, it => ({ ...it, title: getLabel(it.lanId, it.title) }))}
buttons={showOperateBtn ? btns : []}
leftStyle={{ paddingRight: languageidweaver == "8" ? 380 : 640 }}
leftStyle={{ paddingRight: languageidweaver == "8" ? 460 : 640 }}
counts={tabCount}
countParam="groupid" //数量
keyParam="viewcondition" //主键