{
- this.handleInitImportModal();
- }}
- params={this.state.modalParam}
- columns={previewAttendQuoteColumns}
- step={step}
- setStep={setStep}
- slideDataSource={previewAttendQuoteDataSource}
- importResult={importResult}
- onFinish={() => {
- this.handleFinish();
- }}
- previewImport={params => {
- this.handlePreviewImport(params);
- }}
- importFile={params => {
- this.handleImport(params);
- }}
- headerSetCompoent={renderHeaderSetCompoent()}
- templateLink={() => {
- this.handleTemplateLinkClick();
- }}
- renderFormComponent={() => renderFormComponent()}
- visiable={this.state.modalVisiable}
- onCancel={() => {
- this.handleFinish();
- }}
- />
+
-
{
- handleonRestoreDefault();
- }}
- onSetDefault={() => {
- handleSetDefault();
- }}
- onSave={() => {
- saveAttendanceFieldSetting();
- }}
- onShowChecked={value => {
- handleShowChecked(value);
- }}
- onSearch={value => {
- searchFieldSettingList(value);
- }}
- visible={this.state.selectItemVisible}
- onCancel={() => this.setState({ selectItemVisible: false })}>
-
- {
- setFieldSettingAttendList(value);
- }}
- items={fieldSettingAttendList}
- title="考勤模块"
- />
- {
- setFieldSettingCustomList(value);
- }}
- items={fieldSettingCustomList}
- title={"自定义"}
- />
-
-
-
- {this.state.refereAttendFormVisible &&
-
{
- saveAttendanceFieldSetting("QUOTE");
- }}
- onRestoreDefault={() => {
- handleonRestoreDefault("QUOTE");
- }}
- onSetDefault={() => {
- handleSetDefault("QUOTE");
- }}
- onShowChecked={value => {
- handleShowChecked(value);
- }}
- onSearch={value => {
- searchFieldSettingList(value);
- }}
- onChange={value => {
- setFieldSettingAttendList(value);
- }}
- items={fieldSettingAttendList}
- onHeaderSet={() => {
- handleRefereHeaderSet();
- }}
- visible={this.state.refereAttendFormVisible}
- onCancel={() => {
- this.handleRefereCancel();
- }}
- />}
- {this.state.itemMangeVisible &&
- {
- handleItemMangeUpdate(value);
- }}
- onSave={value => handleItemMangeSave(value)}
- onCancel={() => {
- this.setState({ itemMangeVisible: false });
- }}
- />}
- {slideVisiable &&
-
- }
- content={
-
- }
- onClose={() => setSlideVisiable(false)}
- showMask={true}
- closeMaskOnClick={() => setSlideVisiable(false)}
- />}
+
this.handleViewAttendance(record)}>查看
+ {showOperateBtn &&
+
{
+ Modal.confirm({
+ title: "信息确认",
+ content: "确认删除",
+ onOk: () => {
+ deleteAttendance([
+ record.id
+ ]).then(({ status, errormsg }) => {
+ if (status) {
+ message.success("删除成功");
+ doInit(this.listSearch);
+ } else {
+ message.error(errormsg || "删除失败");
+ }
+ });
+ },
+ onCancel: () => {
+ }
+ });
+ }}>
+ 删除
+
+ }>
+
+
+
+ }
+
+
+
+
+ : null;
+ };
+
+ const renderLeftOperation = () => {
+ return (
+
+ 薪资所属月:
+ {
+ return current && this.listSearch.salaryYearMonth[1] && current.getTime() > new Date(this.listSearch.salaryYearMonth[1]).getTime();
+ }}
+ format="YYYY-MM"
+ onChange={(val) => this.handleChangeMonth("0", val)}
+ />
+ 至
+ {
+ return current && this.listSearch.salaryYearMonth[0] && current.getTime() < new Date(this.listSearch.salaryYearMonth[0]).getTime();
+ }}
+ format="YYYY-MM"
+ onChange={(val) => this.handleChangeMonth("1", val)}
+ />
+
+ );
+ };
+
+ const renderHeaderSetCompoent = () => {
+ return (
+ {
+ getAttendanceFieldSettingList({ sourceType: "IMPORT" });
+ this.setState({
+ selectItemVisible: true
+ });
+ }}
+ />
+ );
+ };
+
+ const renderFormComponent = () => {
+ return (
+
+
+
+ 薪资所属月：
+
+ {
+ this.setState({
+ modalParam: { ...modalParam, salaryYearMonth: value }
+ });
+ this.handleLoadCycle(value, this.state.modalParam.salarySobId);
+ }}
+ />
+
+
+
+ 薪资账套：
+
+ {this.state.inited &&
+ ({ key: it.id, showname: it.content }))] : [{
+ key: "",
+ showname: ""
+ }]
+ }
+ onChange={value => {
+ this.setState({
+ modalParam: { ...modalParam, salarySobId: value }
+ });
+ this.handleLoadCycle(
+ this.state.modalParam.salaryYearMonth,
+ value
+ );
+ }}/>}
+
+
+
+ 薪资周期：
+
+ {cycle.salaryCycle}
+
+
+
+ 考勤周期：
+
+ {cycle.attendCycle}
+
+
+ );
+ };
+
+ const renderCustomOperate = () => {
+ return ([
+
+ {showOperateBtn &&
+
+ // 导出全部
+ }
+ {
+ this.setState({ searchValue: v });
+ }}
+ onSearch={v => {
+ this.handleSearch({ keyword: v });
+ }}
+ />
+
+ ]);
+ };
+
+ const handleItemSearch = value => {
+ const { attendanceStore: { getAttendanceFieldList } } = this.props;
+ this.fieldSearch = { fieldName: value };
+ getAttendanceFieldList(this.fieldSearch);
+ };
+
+ const handleNewClick = () => {
+ const { attendanceStore: { setCurrentItemOperate } } = this.props;
+ this.setState({ itemMangeVisible: true });
+ setCurrentItemOperate("add");
+ };
+
+ const renderRightOperation = () => {
+ return (
+
+ {showOperateBtn &&
+ }
+ {
+ this.setState({ fieldName: value });
+ }}
+ placeholder="请输入字段名称"
+ onSearch={value => {
+ this.setState({ fieldSettingSearchValue: value });
+ handleItemSearch(value);
+ }}
+ />
+
+ );
+ };
+
+ const menu = (
+
+ );
+
+ const handleTabChange = v => {
+ const {
+ attendanceStore: { getAttendanceFieldList, getAttendanceList }
+ } = this.props;
+ this.setState({
+ tabSelectedKey: v
+ });
+
+ if (v == "1") {
+ this.fieldSearch = { fieldName: this.state.fieldName };
+ getAttendanceFieldList(this.fieldSearch);
+ } else if (v == "0") {
+ this.listSearch = {
+ salaryYearMonth: []
+ };
+ getAttendanceList({});
+ }
+ };
+
+ const handleSwitchItemChange = (record, value) => {
+ const {
+ attendanceStore: { updateAttendanceFieldStatus, getAttendanceFieldList }
+ } = this.props;
+ let request = {
+ id: record.id,
+ enableStatus: value
+ };
+ updateAttendanceFieldStatus(request).then(result => {
+ this.fieldSearch = { fieldName: this.state.fieldName };
+ getAttendanceFieldList(this.fieldSearch);
+ });
+ };
+
+ // 字段Columns
+ const getFieldColumns = columns => {
+ let newColumns = columns.filter(item => item.hide == "false");
+ newColumns = newColumns.map(column => {
+ let newColumn = column;
+ newColumn.render = (text, record, index) => {
+ //前端元素转义
+ let valueSpan =
+ record[newColumn.dataIndex + "span"] !== undefined
+ ? record[newColumn.dataIndex + "span"]
+ : record[newColumn.dataIndex];
+ switch (newColumn.dataIndex) {
+ case "username":
+ return (
+ {
+ this.onItemEdit(record);
+ }}
+ dangerouslySetInnerHTML={{ __html: valueSpan }}
+ />
+ );
+ case "enableStatus":
+ return (
+ {
+ handleSwitchItemChange(record, value);
+ }}
+ />
+ );
+ default:
+ return ;
+ }
+ };
+ return newColumn;
+ });
+ // 与e10保持一致，先去掉字段管理页面的操作列
+ // newColumns.push({
+ // title: "操作",
+ // dataIndex: "operate",
+ // render: (text, record) => {
+ // return (
+ // {this.onItemEdit(record)}}>查看明细
+ // )
+ // }
+ // })
+ return [
+ // {
+ // title: "序号",
+ // dataIndex: "index",
+ // width: 80,
+ // render: (text, record, index) => {
+ // const { current, pageSize } = this.pageInfo;
+ // return (current - 1) * pageSize + index + 1;
+ // }
+ // },
+ ...newColumns
+ ];
+ };
+
+ // 保存回调
+ const handleItemMangeSave = value => {
+ const {
+ attendanceStore: { saveAttendanceField, getAttendanceFieldList }
+ } = this.props;
+ value.fieldType = value.fieldType == "1" ? "NUMBER" : "TEXT";
+ saveAttendanceField(value).then(() => {
+ this.fieldSearch = { fieldName: this.state.fieldName };
+ getAttendanceFieldList(this.fieldSearch);
+ this.setState({ itemMangeVisible: false });
+ });
+ };
+
+ const handleItemMangeUpdate = value => {
+ const {
+ attendanceStore: { updateAttendanceField, getAttendanceFieldList }
+ } = this.props;
+ value.fieldType = value.fieldType == "1" ? "NUMBER" : "TEXT";
+ updateAttendanceField(value);
+ this.fieldSearch = { fieldName: this.state.fieldName };
+ getAttendanceFieldList(this.fieldSearch);
+ this.setState({ itemMangeVisible: false });
+ };
+
+ const handleShowChecked = value => {
+ const {
+ attendanceStore: {
+ fieldSettingAttendList,
+ fieldSettingCustomList,
+ setFieldSettingAttendList,
+ setFieldSettingCustomList,
+ searchFieldSettingList
+ }
+ } = this.props;
+ if (value) {
+ let attendList = [...fieldSettingAttendList];
+ let customList = [...fieldSettingCustomList];
+ setFieldSettingAttendList(
+ attendList.filter(item => item.checked == value)
+ );
+ setFieldSettingCustomList(
+ customList.filter(item => item.checked == value)
+ );
+ } else {
+ searchFieldSettingList(this.state.fieldSettingSearchValue);
+ }
+ };
+
+ const handleonRestoreDefault = (sourceType = "IMPORT") => {
+ const {
+ attendanceStore: { returnToAttendanceFieldSettingDefault }
+ } = this.props;
+ returnToAttendanceFieldSettingDefault(sourceType);
+ };
+
+ const handleSetDefault = (sourceType = "IMPORT") => {
+ const {
+ attendanceStore: { saveAttendanceFieldSettingAsDefault }
+ } = this.props;
+ saveAttendanceFieldSettingAsDefault(sourceType);
+ };
+
+ const handleRefereHeaderSet = () => {
+ const { attendanceStore: { getAttendanceFieldSettingList } } = this.props;
+ getAttendanceFieldSettingList({ sourceType: "QUOTE" });
+ };
+
+ return (
+
+
} // 左侧图标
+ iconBgcolor="#F14A2D" // 左侧图标背景色
+ showDropIcon={false} // 是否显示下拉按钮
+ dropMenuDatas={rightMenu} // 下拉菜单（和页面的右键菜单相同）
+ dropMenuProps={{ collectParams }}>
+ {this.state.tabSelectedKey == 0
+ ?
+
{
+ this.pageInfo = { current: 1, pageSize: 10 };
+ handleTabChange(v);
+ }}
+ />
+ {
+ }}
+ />
+
+
+ {
+ this.pageInfo.current = value;
+ this.handleDataPageChange(value);
+ }}
+ onShowSizeChange={(current, pageSize) => {
+ this.pageInfo = { current, pageSize };
+ this.handleDataShowSizeChange(this.pageInfo);
+ }}
+ />
+
+
+
+ :
+
{
+ this.setState({
+ tabSelectedKey: v
+ }, () => {
+ this.pageInfo = { current: 1, pageSize: 10 };
+ });
+ }}
+ />
+
+
+ {
+ this.pageInfo.current = value;
+ this.handleFieldPageChange(value);
+ }}
+ onShowSizeChange={(current, pageSize) => {
+ this.pageInfo = { current, pageSize };
+ this.handleFieldShowSizeChange(this.pageInfo);
+ }}
+ />
+
+
+ }
+ rightContent={
+
+ }
+ />
+
+ {
+ setFieldSettingAttendList(value);
+ }}
+ items={fieldSettingAttendList}
+ title="考勤模块"
+ />
+ {
+ setFieldSettingCustomList(value);
+ }}
+ items={fieldSettingCustomList}
+ title={"自定义"}
+ />
+
+
+
+ {this.state.refereAttendFormVisible &&
+ {
+ saveAttendanceFieldSetting("QUOTE");
+ }}
+ onRestoreDefault={() => {
+ handleonRestoreDefault("QUOTE");
+ }}
+ onSetDefault={() => {
+ handleSetDefault("QUOTE");
+ }}
+ onShowChecked={value => {
+ handleShowChecked(value);
+ }}
+ onSearch={value => {
+ searchFieldSettingList(value);
+ }}
+ onChange={value => {
+ setFieldSettingAttendList(value);
+ }}
+ items={fieldSettingAttendList}
+ onHeaderSet={() => {
+ handleRefereHeaderSet();
+ }}
+ visible={this.state.refereAttendFormVisible}
+ onCancel={() => {
+ this.handleRefereCancel();
+ }}
+ />}
+ {this.state.itemMangeVisible &&
+ {
+ handleItemMangeUpdate(value);
+ }}
+ onSave={value => handleItemMangeSave(value)}
+ onCancel={() => {
+ this.setState({ itemMangeVisible: false });
+ }}
+ />}
+ {slideVisiable &&
+
+ }
+ content={
+
+ }
+ onClose={() => setSlideVisiable(false)}
+ showMask={true}
+ closeMaskOnClick={() => setSlideVisiable(false)}
+ />}
+
+ );
+ }
+}