1135 lines
23 KiB
JavaScript
1135 lines
23 KiB
JavaScript
import {
|
||
observable,
|
||
action,
|
||
computed,
|
||
} from 'mobx';
|
||
import {
|
||
WeaLocaleProvider,
|
||
} from 'ecCom';
|
||
import {
|
||
WeaForm,
|
||
WeaTableNew
|
||
} from 'comsMobx';
|
||
import {
|
||
message,
|
||
Button,
|
||
Modal,
|
||
} from 'antd';
|
||
import * as api from '../apis/tax';
|
||
const getLabel = WeaLocaleProvider.getLabel;
|
||
const confirm = Modal.confirm;
|
||
const {
|
||
TableStore
|
||
} = WeaTableNew;
|
||
|
||
class HrmTax {
|
||
@observable cPage = 'main';
|
||
|
||
TAXDEDUCTIONITEMS = ['childEducation', 'continualEducation', 'loan', 'rent', 'supportOlder']; //专项附加扣除填报
|
||
|
||
BASICINFOITEMS = ['personalInfo', 'familyMember']; //基本信息
|
||
|
||
SEARCHGROUPS = [{
|
||
title: getLabel(-1, '基本信息'),
|
||
MENUS: [{
|
||
src: '/images/tax/basic_info.png',
|
||
label: getLabel(-1, '个人信息'),
|
||
onMenuClick: () => this.handleMenuClick('personalInfo')
|
||
}, {
|
||
src: '/images/tax/basic_info.png',
|
||
label: getLabel(-1, '家庭成员'),
|
||
onMenuClick: () => this.handleMenuClick('familyMember')
|
||
}]
|
||
}, {
|
||
title: getLabel(-1, '专项附加扣除填报'),
|
||
MENUS: [{
|
||
src: '/images/tax/child_edu.png',
|
||
label: getLabel(-1, '子女教育'),
|
||
onMenuClick: () => this.handleMenuClick('childEducation')
|
||
}, {
|
||
src: '/images/tax/c_edu.png',
|
||
label: getLabel(-1, '继续教育'),
|
||
onMenuClick: () => this.handleMenuClick('continualEducation')
|
||
}, {
|
||
src: '/images/tax/loan.png',
|
||
label: getLabel(-1, '住房贷款利息'),
|
||
onMenuClick: () => this.handleMenuClick('loan')
|
||
}, {
|
||
src: '/images/tax/rent.png',
|
||
label: getLabel(-1, '住房租金'),
|
||
onMenuClick: () => this.handleMenuClick('rent')
|
||
}, {
|
||
src: '/images/tax/support.png',
|
||
label: getLabel(-1, '赡养老人'),
|
||
onMenuClick: () => this.handleMenuClick('supportOlder')
|
||
}]
|
||
}];
|
||
|
||
TOP = {
|
||
showDropIcon: true,
|
||
iconBgcolor: '#217346',
|
||
icon: <i className='icon-coms-hrm'/>,
|
||
title: getLabel(-1, '个税专项附加扣除信息填报')
|
||
}
|
||
|
||
@computed get breadcrumb() {
|
||
let a;
|
||
|
||
const f = {
|
||
name: getLabel(-1, '信息填报'),
|
||
onClick: () => {
|
||
this.cPage = 'main'
|
||
}
|
||
};
|
||
|
||
switch (this.cPage) {
|
||
case 'main':
|
||
a = [];
|
||
break;
|
||
case 'personalInfo':
|
||
const {
|
||
isEdit
|
||
} = this.personalForm;
|
||
|
||
if (isEdit === '0') {
|
||
a = [f, {
|
||
name: getLabel(-1, '个人信息'),
|
||
}]
|
||
} else {
|
||
a = [{
|
||
name: getLabel(-1, '个税专项附加扣除信息填报'),
|
||
onClick: () => {
|
||
this.cPage = 'main'
|
||
}
|
||
}, {
|
||
name: getLabel(-1, '基本信息填报'),
|
||
}]
|
||
}
|
||
break;
|
||
case 'familyMember':
|
||
a = [f, {
|
||
name: getLabel(-1, '家庭成员'),
|
||
}]
|
||
break;
|
||
case 'childEducation':
|
||
a = [f, {
|
||
name: getLabel(-1, '子女教育'),
|
||
}]
|
||
break;
|
||
case 'continualEducation':
|
||
a = [f, {
|
||
name: getLabel(-1, '继续教育'),
|
||
}]
|
||
break;
|
||
case 'loan':
|
||
a = [f, {
|
||
name: getLabel(-1, '住房贷款利息'),
|
||
}]
|
||
break;
|
||
case 'rent':
|
||
a = [f, {
|
||
name: getLabel(-1, '住房租金'),
|
||
}]
|
||
break;
|
||
case 'supportOlder':
|
||
a = [f, {
|
||
name: getLabel(-1, '赡养老人'),
|
||
}]
|
||
break;
|
||
}
|
||
|
||
return a;
|
||
}
|
||
|
||
@computed get pageLoading() {
|
||
const {
|
||
comsWeaTableStore
|
||
} = this.table;
|
||
|
||
let loading;
|
||
const hasTable = this.hasTable();
|
||
|
||
const hasPersonalForm = this.hasPersonalForm();
|
||
|
||
const hasConditionForm = this.hasConditionForm();
|
||
|
||
const tloading = comsWeaTableStore.loading;
|
||
|
||
const ploading = this.personalForm.loading;
|
||
|
||
const cloading = this.conditionForm.loading;
|
||
|
||
//页面中只包含纯列表
|
||
if (hasTable && !hasConditionForm) {
|
||
loading = tloading;
|
||
}
|
||
|
||
//页面中即包含列表，也包含条件表单
|
||
if (hasTable && hasConditionForm) {
|
||
loading = tloading || cloading;
|
||
}
|
||
|
||
//只包含个人信息表单
|
||
if (hasPersonalForm && !hasConditionForm) {
|
||
loading = ploading;
|
||
}
|
||
|
||
//不仅包含个人信息表单，也包含条件表单
|
||
if (hasPersonalForm && hasConditionForm) {
|
||
loading = ploading || cloading;
|
||
}
|
||
return loading;
|
||
}
|
||
|
||
//页面中是否包含列表
|
||
hasTable = () => {
|
||
const {
|
||
currentIndex
|
||
} = this.step;
|
||
|
||
if (this.cPage === 'familyMember') {
|
||
return true
|
||
}
|
||
if (['childEducation', 'supportOlder'].includes(this.cPage) && currentIndex === 1) {
|
||
return true
|
||
}
|
||
}
|
||
|
||
//页面中是否包含个人信息表单
|
||
hasPersonalForm = () => {
|
||
const {
|
||
currentIndex
|
||
} = this.step;
|
||
|
||
if (this.cPage === 'personalInfo') {
|
||
return true;
|
||
}
|
||
if (this.TAXDEDUCTIONITEMS.includes(this.cPage)) {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
//页面中是否包含条件表单
|
||
hasConditionForm = () => {
|
||
const {
|
||
currentIndex
|
||
} = this.step;
|
||
|
||
if (this.cPage === 'loan') {
|
||
return true;
|
||
}
|
||
if (this.TAXDEDUCTIONITEMS.includes(this.cPage) && currentIndex > 0) {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
|
||
@observable tConf = [];
|
||
@observable rConf = [];
|
||
|
||
@action getRightMenu = (isEdit) => {
|
||
const params = {};
|
||
if (this.cPage === 'personalInfo') {
|
||
if (isEdit !== undefined) {
|
||
Object.assign(params, {
|
||
edit: isEdit
|
||
});
|
||
}
|
||
}
|
||
if (this.TAXDEDUCTIONITEMS.includes(this.cPage)) {
|
||
Object.assign(params, {
|
||
step: this.step.currentIndex + 1
|
||
});
|
||
}
|
||
api.getRightMenu(this.cPage, params).then(data => {
|
||
const {
|
||
btnMenu
|
||
} = data;
|
||
|
||
const {
|
||
tConf,
|
||
rConf
|
||
} = this.filter(btnMenu);
|
||
|
||
this.tConf = tConf;
|
||
this.rConf = rConf;
|
||
}, error => {})
|
||
}
|
||
|
||
|
||
filter = (datas) => {
|
||
let tConf, rConf;
|
||
tConf = datas.filter(item => {
|
||
var bool = false;
|
||
['isTop', 'isBatch'].forEach(prop => {
|
||
const b = parseInt(item[prop]);
|
||
if (b) {
|
||
bool = true
|
||
}
|
||
});
|
||
|
||
return bool
|
||
})
|
||
|
||
rConf = datas;
|
||
|
||
return {
|
||
tConf,
|
||
rConf
|
||
}
|
||
}
|
||
|
||
@computed get topButtons() {
|
||
if (this.cPage !== 'main') {
|
||
return this.tConf.map((item, index) => {
|
||
const {
|
||
menuFun,
|
||
menuName
|
||
} = item;
|
||
|
||
return (
|
||
<Button
|
||
type="primary"
|
||
disabled={this.getDisabled(menuFun) }
|
||
onClick={() => this[menuFun]()}
|
||
>
|
||
{menuName}
|
||
</Button>
|
||
)
|
||
});
|
||
} else {
|
||
return [];
|
||
}
|
||
}
|
||
|
||
@computed get dropMenuDatas() {
|
||
if (this.cPage !== 'main') {
|
||
return this.rConf.map((item, index) => {
|
||
const {
|
||
menuFun,
|
||
menuName,
|
||
menuIcon
|
||
} = item;
|
||
|
||
return {
|
||
key: index.toString(),
|
||
disabled: this.getDisabled(menuFun),
|
||
icon: <i className={`${menuIcon}`} />,
|
||
content: menuName,
|
||
onClick: () => this[menuFun]()
|
||
}
|
||
});
|
||
} else {
|
||
return [];
|
||
}
|
||
}
|
||
|
||
//编辑、保存个人信息表单CALLBACK
|
||
operatePersonalForm = (isEdit) => {
|
||
this.controlUnderline(isEdit);
|
||
this.getRightMenu(isEdit);
|
||
this.formType = 'PF';
|
||
this.getForm(isEdit);
|
||
}
|
||
|
||
//编辑个人信息表单
|
||
doEdit = () => {
|
||
this.operatePersonalForm('1');
|
||
}
|
||
|
||
//保存个人信息表单
|
||
doSave = () => {
|
||
//表单验证通过后执行的逻辑
|
||
const callback = () => {
|
||
this.saveForm('personalForm', () => {
|
||
this.operatePersonalForm('0');
|
||
});
|
||
}
|
||
|
||
this.validateForm('personalForm', callback);
|
||
}
|
||
|
||
//返回
|
||
doCancel = () => {
|
||
this.operatePersonalForm('0');
|
||
}
|
||
|
||
//新建家庭成员
|
||
doCreate = () => {
|
||
this.defineDialogTitle(getLabel(-1, '新建家庭成员'));
|
||
this.callDialogForm('DG');
|
||
}
|
||
|
||
//上一步
|
||
preStep = () => {
|
||
this.changeStepComponentState(false);
|
||
this.getRightMenu();
|
||
if (this.step.currentIndex === 1) {
|
||
this.formType = 'CD';
|
||
this.getForm();
|
||
} else {
|
||
this.formType = 'PF';
|
||
this.getForm();
|
||
}
|
||
}
|
||
|
||
//下一步
|
||
nextStep = () => {
|
||
this.changeStepComponentState(true);
|
||
this.getRightMenu();
|
||
this.formType = 'CD';
|
||
this.getForm();
|
||
(this.step.currentIndex === 1) && this.getSearchList();
|
||
}
|
||
|
||
@action changeStepComponentState = (isIncrease) => {
|
||
if (isIncrease) {
|
||
this.step.currentIndex++; //切换页面时，需要重置该变量
|
||
} else {
|
||
this.step.currentIndex--;
|
||
}
|
||
|
||
const {
|
||
currentIndex,
|
||
items,
|
||
} = this.step;
|
||
|
||
items.forEach((item, index) => {
|
||
if (index < currentIndex) {
|
||
Object.assign(item, {
|
||
status: 'finish'
|
||
});
|
||
} else if (index === currentIndex) {
|
||
Object.assign(item, {
|
||
status: 'process'
|
||
});
|
||
} else {
|
||
Object.assign(item, {
|
||
status: 'wait'
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
//调用弹框内的表单
|
||
//接收两个参数：表单的类型、当前编辑表单的ID
|
||
callDialogForm = (formType, id) => {
|
||
this.openDialog();
|
||
this.formType = formType;
|
||
this.getForm(id);
|
||
}
|
||
|
||
//批量删除
|
||
doDelete = () => {
|
||
const {
|
||
comsWeaTableStore
|
||
} = this.table, {
|
||
selectedRowKeys
|
||
} = comsWeaTableStore;
|
||
|
||
const callback = () => {
|
||
const params = {
|
||
ids: selectedRowKeys.toString(),
|
||
};
|
||
this.delLogic(params);
|
||
}
|
||
|
||
this.delConfirm(true, callback);
|
||
}
|
||
|
||
//确认是否删除
|
||
//接收两个参数：是否是批量删除、确认删除后执行的回调函数
|
||
delConfirm = (isBatch, callback) => {
|
||
let content;
|
||
if (isBatch) {
|
||
content = getLabel('385625', '确定要删除选择的记录吗？');
|
||
} else {
|
||
content = getLabel('83877', '确定要删除吗？');
|
||
}
|
||
|
||
confirm({
|
||
title: getLabel('131329', '信息确认'),
|
||
content: content,
|
||
okText: getLabel('33703', '确定'),
|
||
cancelText: getLabel('32694', '取消'),
|
||
onOk() {
|
||
callback && callback();
|
||
},
|
||
onCancel() {
|
||
return false;
|
||
},
|
||
});
|
||
}
|
||
|
||
//执行删除任务的具体逻辑
|
||
delLogic = (params) => {
|
||
api.del(this.cPage, params).then(data => {
|
||
const {
|
||
status
|
||
} = data;
|
||
|
||
if (status === '1') {
|
||
message.success(-1, '删除成功');
|
||
this.getSearchList();
|
||
} else {
|
||
message.warning(-1, '删除失败');
|
||
}
|
||
});
|
||
}
|
||
|
||
//保存表单分两种情况：保存页面表单、保存弹框内的表单
|
||
//参数formType为要保存表单的类型、 callback为这两种情况保存成功后，具体执行的逻辑
|
||
saveForm = (formType, callback) => {
|
||
const {
|
||
form
|
||
} = this[formType];
|
||
|
||
//后端默认取当前登录人员的id，因此这里不需要传人员id。
|
||
const params = {
|
||
...form.getFormParams(),
|
||
};
|
||
api.save(this.cPage, params).then(data => {
|
||
const {
|
||
status
|
||
} = data;
|
||
|
||
if (status === '1') {
|
||
message.success(getLabel(-1, '保存成功'));
|
||
callback && callback();
|
||
} else {
|
||
message.warning(getLabel(-1, '保存失败'));
|
||
}
|
||
}, error => {})
|
||
}
|
||
|
||
//获取顶部按钮组、右键菜单的状态(是否可点击)
|
||
getDisabled = (func) => {
|
||
const {
|
||
loading
|
||
} = this.personalForm, {
|
||
comsWeaTableStore
|
||
} = this.table;
|
||
|
||
let b;
|
||
if (['doEdit'].includes(func)) {
|
||
b = loading;
|
||
}
|
||
if (['doCreate'].includes(func)) {
|
||
b = comsWeaTableStore.loading;
|
||
}
|
||
if (['doDelete'].includes(func)) {
|
||
b = comsWeaTableStore.selectedRowKeys.length === 0;
|
||
}
|
||
return b;
|
||
}
|
||
|
||
|
||
|
||
@action handleMenuClick = (type) => {
|
||
if (this.BASICINFOITEMS.includes(type)) {
|
||
this.cPage = type;
|
||
}
|
||
|
||
if (type === 'personalInfo') {
|
||
this.operatePersonalForm('0');
|
||
}
|
||
if (type === 'familyMember') {
|
||
this.getRightMenu();
|
||
this.getSearchList();
|
||
}
|
||
if (this.TAXDEDUCTIONITEMS.includes(type)) {
|
||
this.storagePageType(type);
|
||
this.defineDialogTitle(getLabel(-1, '填报前，您需要提前准备以下材料'));
|
||
this.openDialog();
|
||
this.getPreInfo(type);
|
||
}
|
||
}
|
||
|
||
//设置即将跳转页面的类型
|
||
storagePageType = (type) => {
|
||
this.temp = type;
|
||
}
|
||
|
||
//**********************NoLinkageForm、CollapseForm**********************
|
||
formType = 'PF'; //PF: 个人信息表单 PFDG:弹框内的个人信息 DG:弹框内的表单 CD: 条件表单
|
||
|
||
callFormAPIParams = {}; //调用表单接口所需的参数
|
||
|
||
@observable personalForm = { //人员信息表单
|
||
form: new WeaForm(),
|
||
loading: false,
|
||
isEdit: '0',
|
||
}
|
||
|
||
@observable dialogForm = { //弹框内表单
|
||
form: new WeaForm(),
|
||
conditions: [],
|
||
loading: false,
|
||
}
|
||
|
||
@observable conditionForm = { //提交表单
|
||
form: new WeaForm(),
|
||
loading: false,
|
||
}
|
||
|
||
@action getForm = (val) => {
|
||
this.setParamsToCallFormAPI(val);
|
||
|
||
//判断是否调用个人信息表单
|
||
const isCallPersonalForm = this.isCallPersonalForm();
|
||
//判断是否调用弹框内表单
|
||
const isCallDialogForm = this.isCallDialogForm();
|
||
//判断是否调用条件表单
|
||
const isCallCondtionForm = this.isCallCondtionForm();
|
||
|
||
if (isCallPersonalForm) {
|
||
this.personalForm.loading = true;
|
||
}
|
||
|
||
if (isCallDialogForm) {
|
||
this.dialogForm.loading = true;
|
||
}
|
||
|
||
if (isCallCondtionForm) {
|
||
this.conditionForm.loading = true;
|
||
}
|
||
|
||
api.getForm(this.cPage, this.callFormAPIParams, this.step.currentIndex, this.formType, this.subDialog.visible).then(data => {
|
||
const {
|
||
condition
|
||
} = data;
|
||
|
||
if (isCallPersonalForm && !isCallDialogForm) {
|
||
this.initForm('personalForm', condition);
|
||
}
|
||
|
||
if (isCallDialogForm) {
|
||
//表单上有添加按钮的，在配置数据上添加回调函数。
|
||
if (this.hasAddBtn(condition)) {
|
||
this.addAddBtnEventListener(condition)
|
||
}
|
||
this.initForm('dialogForm', condition);
|
||
}
|
||
|
||
if (isCallCondtionForm) {
|
||
this.initForm('conditionForm', condition);
|
||
}
|
||
|
||
}, error => {})
|
||
}
|
||
|
||
//设置调用表单接口的参数
|
||
setParamsToCallFormAPI = (val) => {
|
||
//判断是否调用个人信息表单
|
||
const isCallPersonalForm = this.isCallPersonalForm();
|
||
//判断是否调用弹框内表单
|
||
const isCallDialogForm = this.isCallDialogForm();
|
||
//判断是否调用条件表单
|
||
const isCallCondtionForm = this.isCallCondtionForm();
|
||
|
||
if (isCallPersonalForm) {
|
||
Object.assign(this.callFormAPIParams, {
|
||
edit: val
|
||
});
|
||
this.personalForm.loading = true;
|
||
}
|
||
|
||
if (isCallDialogForm) {
|
||
if (val) {
|
||
Object.assign(this.callFormAPIParams, {
|
||
id: val
|
||
});
|
||
}
|
||
this.dialogForm.loading = true;
|
||
}
|
||
|
||
}
|
||
|
||
//判断调用的是否是个人信息表单
|
||
isCallPersonalForm = (type) => {
|
||
return ['PF', 'PFDG'].includes(this.formType)
|
||
}
|
||
|
||
isEdit = (val) => {
|
||
return val === '1'
|
||
}
|
||
|
||
isCallDialogForm = (type) => {
|
||
return ['PFDG', 'DG'].includes(this.formType);
|
||
}
|
||
|
||
isCallCondtionForm = () => {
|
||
return this.formType === 'CD'
|
||
}
|
||
|
||
hasAddBtn = (conditions) => {
|
||
let b = false;
|
||
conditions.forEach(c => {
|
||
c.items.forEach(item => {
|
||
const {
|
||
otherParams
|
||
} = item;
|
||
|
||
if (otherParams && otherParams.hasAddBtn) {
|
||
b = true;
|
||
}
|
||
})
|
||
});
|
||
return b;
|
||
}
|
||
|
||
addAddBtnEventListener = (conditions) => {
|
||
conditions.forEach(c => {
|
||
c.items.forEach(item => {
|
||
const {
|
||
otherParams
|
||
} = item;
|
||
if (otherParams && otherParams.hasAddBtn) {
|
||
item.addOnClick = () => {
|
||
this.defineDialogTitle(getLabel(-1, '新建家庭成员'));
|
||
this.openDialog();
|
||
this.formType = 'DG';
|
||
this.getForm();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
//初始化表单
|
||
initForm = (obj, condition) => {
|
||
this[obj].form = new WeaForm();
|
||
this[obj].form.setCondition(condition);
|
||
this[obj].conditions = condition;
|
||
this[obj].loading = false;
|
||
}
|
||
|
||
@computed get isRenderCollapseForm() {
|
||
const {
|
||
conditions
|
||
} = this.dialogForm;
|
||
return conditions.length > 1;
|
||
}
|
||
|
||
//控制个人信息表单是否出现下划线
|
||
controlUnderline = (isEdit) => {
|
||
this.personalForm.isEdit = isEdit;
|
||
}
|
||
|
||
//********************Tab********************
|
||
buttonsAds = [getLabel(82529, '搜索'), getLabel(27088, '重置'), getLabel(32694, '取消')];
|
||
|
||
TAB = {
|
||
advanceHeight: 170,
|
||
hasMask: false,
|
||
keyParam: 'key',
|
||
setShowSearchAd: bool => this.setShowSearchAd(bool),
|
||
onSearch: () => this.onSearch(),
|
||
onSearchChange: val => this.onSearchChange(val),
|
||
onChange: key => this.onTabChange(key),
|
||
buttonsAd: this.buttonsAds.map((name, index) => {
|
||
const type = (index === 0) && "primary";
|
||
let callback;
|
||
if (index === 0) {
|
||
callback = () => this.onSearch();
|
||
} else if (index === 1) {
|
||
callback = () => this.tab.form.resetConditionValue();
|
||
} else {
|
||
callback = this.setShowSearchAd
|
||
}
|
||
return <Button type={type} onClick={() => callback(index === 2 && false)}>{name}</Button>
|
||
})
|
||
}
|
||
|
||
@observable tab = {
|
||
showSearchAd: false,
|
||
form: new WeaForm(),
|
||
selectedKey: '0',
|
||
value: ''
|
||
}
|
||
|
||
@observable onSearchChange = (val) => {
|
||
this.tab.value = val;
|
||
}
|
||
|
||
@action onSearch = () => {
|
||
this.getSearchList();
|
||
}
|
||
|
||
@action onTabChange = (key) => {
|
||
this.tab.selectedKey = key;
|
||
}
|
||
|
||
@action setShowSearchAd = (b) => {
|
||
this.tab.showSearchAd = b;
|
||
}
|
||
|
||
@computed get searchsBaseValue() {
|
||
if (this.cPage === 'main') {
|
||
return ''
|
||
}
|
||
if (this.cPage === 'familyMember') {
|
||
return this.tab.value;
|
||
}
|
||
}
|
||
|
||
@computed get tabDatas() {
|
||
if (this.cPage === 'main') {
|
||
return [{
|
||
key: '0',
|
||
title: getLabel(-1, '信息填报')
|
||
}, {
|
||
key: '1',
|
||
title: getLabel(-1, '填报记录查询')
|
||
}];
|
||
}
|
||
if (this.cPage === 'familyMember') {
|
||
return [];
|
||
}
|
||
}
|
||
|
||
@computed get searchType() {
|
||
let type;
|
||
if (this.cPage === 'main') {
|
||
type = ['base', 'advanced'];
|
||
}
|
||
if (this.cPage === 'familyMember') {
|
||
type = ['base'];
|
||
}
|
||
return type;
|
||
}
|
||
//*********************Table*********************
|
||
TABLE = {
|
||
hasOrder: true,
|
||
needScroll: true,
|
||
}
|
||
|
||
@observable table = {
|
||
comsWeaTableStore: new TableStore(),
|
||
}
|
||
|
||
@action getSearchList = () => {
|
||
const params = this.getParamsToCallTableAPI()
|
||
api.getRecords(this.cPage, params).then(data => {
|
||
const {
|
||
sessionkey
|
||
} = data;
|
||
this.table.comsWeaTableStore = new TableStore();
|
||
this.table.comsWeaTableStore.getDatas(sessionkey, 1);
|
||
}, error => {})
|
||
}
|
||
|
||
getParamsToCallTableAPI = () => {
|
||
const params = {};
|
||
if (this.cPage === 'familyMember') {
|
||
Object.assign(params, {
|
||
lastname: this.searchsBaseValue
|
||
});
|
||
}
|
||
if (this.cPage === 'childEducation') {
|
||
const {
|
||
form
|
||
} = this.conditionForm;
|
||
|
||
Object.assign(params, {
|
||
year: form.getFormParams().year
|
||
});
|
||
}
|
||
return params;
|
||
}
|
||
|
||
//编辑家庭成员
|
||
edit = (id) => {
|
||
this.defineDialogTitle(getLabel(-1, '编辑家庭成员'));
|
||
this.callDialogForm('DG', id);
|
||
}
|
||
|
||
//删除家庭成员
|
||
del = (id) => {
|
||
//删除确认通过后，执行的回调函数
|
||
const callback = () => {
|
||
const params = {
|
||
ids: id
|
||
};
|
||
|
||
this.delLogic(params);
|
||
}
|
||
this.delConfirm(false, callback);
|
||
}
|
||
//*********************Dialog*********************
|
||
DIALOG = {
|
||
hasScroll: true,
|
||
onCancel: () => this.closeDialog(),
|
||
}
|
||
|
||
@computed get dialogButtons() {
|
||
let btns;
|
||
if (this.cPage === 'main') {
|
||
btns = [
|
||
<Button type='primary' onClick={() => this.goToDetailPage()}>{getLabel(-1, '准备完毕，进入填报')}</Button>,
|
||
<Button onClick={() => this.closeDialog()}>{getLabel(-1, '取消')}</Button>,
|
||
];
|
||
} else {
|
||
btns = [<Button type='primary' onClick={() => this.saveDialogForm()}>{getLabel(30986, '保存')}</Button>]
|
||
}
|
||
|
||
return btns;
|
||
}
|
||
|
||
@computed get moreBtn() {
|
||
const btn = {};
|
||
if (this.cPage !== 'main') {
|
||
Object.assign(btn, {
|
||
datas: []
|
||
});
|
||
}
|
||
|
||
return btn;
|
||
}
|
||
|
||
@computed get icon() {
|
||
let icon;
|
||
if (this.cPage === 'main') {
|
||
icon = 'icon-coms-Prompt'
|
||
} else {
|
||
icon = 'icon-coms-hrm'
|
||
}
|
||
|
||
return icon;
|
||
}
|
||
|
||
@computed get iconBgcolor() {
|
||
let color;
|
||
if (this.cPage === 'main') {
|
||
color = '#FF9900'
|
||
} else {
|
||
color = '#217346'
|
||
}
|
||
|
||
return color;
|
||
}
|
||
|
||
@observable dialog = {
|
||
visible: false,
|
||
title: '',
|
||
}
|
||
|
||
@observable subDialog = {
|
||
visible: false,
|
||
title: '',
|
||
}
|
||
|
||
@computed get dialogLoading() {
|
||
return this.dialogForm.loading
|
||
}
|
||
|
||
@computed get dialogStyle() {
|
||
let style;
|
||
if (this.cPage === 'main') {
|
||
style = {
|
||
width: 560,
|
||
height: 215
|
||
}
|
||
}
|
||
if (this.cPage === 'familyMember') {
|
||
style = {
|
||
width: 600,
|
||
height: 350
|
||
}
|
||
}
|
||
if (this.cPage === 'childEducation') {
|
||
style = {
|
||
width: 600,
|
||
height: 500
|
||
};
|
||
}
|
||
|
||
return style;
|
||
}
|
||
|
||
@action openDialog = () => {
|
||
if (!this.dialog.visible) {
|
||
this.dialog.visible = true;
|
||
} else {
|
||
this.subDialog.visible = true;
|
||
}
|
||
}
|
||
|
||
@action closeDialog = () => {
|
||
if (this.subDialog.visible) {
|
||
this.subDialog.visible = false;
|
||
} else {
|
||
this.dialog.visible = false;
|
||
}
|
||
}
|
||
|
||
@action defineDialogTitle = (title) => {
|
||
if (!this.dialog.visible) {
|
||
this.dialog.title = title;
|
||
} else {
|
||
this.subDialog.title = title;
|
||
}
|
||
}
|
||
|
||
//准备完毕、进入填报
|
||
@action goToDetailPage = () => {
|
||
this.cPage = this.temp;
|
||
this.closeDialog();
|
||
this.getRightMenu();
|
||
this.getStep();
|
||
this.formType = 'PF';
|
||
this.getForm('0');
|
||
}
|
||
|
||
//**********************PreInfo**********************
|
||
@observable preInfo = [];
|
||
|
||
//获取提示信息
|
||
@action getPreInfo = (type) => {
|
||
this.dialog.loading = true;
|
||
api.getPreInfo(type).then(data => {
|
||
const {
|
||
items
|
||
} = data;
|
||
|
||
items.map((item, index) => {
|
||
Object.assign(item, {
|
||
imgSrc: this.getImgSrc(type, index)
|
||
});
|
||
});
|
||
|
||
this.preInfo = items;
|
||
|
||
this.dialog.loading = false;
|
||
}, error => {})
|
||
}
|
||
|
||
//获取提示弹框内的图片地址
|
||
getImgSrc = (type, index) => {
|
||
let src;
|
||
switch (type) {
|
||
case 'childEducation':
|
||
if (index === 0) {
|
||
src = '/images/tax/cedu_01.png'
|
||
} else {
|
||
src = '/images/tax/cedu_02.png'
|
||
}
|
||
}
|
||
return src;
|
||
}
|
||
|
||
//校验表单
|
||
//包含两个参数：当前校验表单的类型、校验通过后执行的回调函数
|
||
@action validateForm = (formType, callback) => {
|
||
this[formType].form.validateForm().then(f => {
|
||
if (f.isValid) {
|
||
callback && callback();
|
||
} else {
|
||
f.showErrors();
|
||
}
|
||
})
|
||
}
|
||
|
||
saveDialogForm = () => {
|
||
//弹框内表单校验通过后，执行的回调函数。
|
||
const callback = () => {
|
||
this.saveForm('dialogForm', () => {
|
||
this.closeDialog();
|
||
if (this.isRefreshTable()) {
|
||
this.getSearchList();
|
||
} else {
|
||
this.controlUnderline('0');
|
||
this.formType = 'PF';
|
||
this.getForm('0');
|
||
}
|
||
});
|
||
}
|
||
|
||
this.validateForm('dialogForm', callback);
|
||
}
|
||
|
||
//判断保存弹框内表单后，刷新的是列表还是表单。
|
||
isRefreshTable = () => {
|
||
const {
|
||
currentIndex
|
||
} = this.step;
|
||
|
||
//保存家庭成员
|
||
if (this.cPage === 'familyMember') {
|
||
return true
|
||
}
|
||
//添加子女教育信息、新建家庭成员
|
||
if (['childEducation', 'supportOlder'].includes(this.cPage) && currentIndex === 1) {
|
||
return true
|
||
}
|
||
|
||
}
|
||
|
||
//**********************Step**********************
|
||
@observable step = {
|
||
currentIndex: 0,
|
||
items: []
|
||
}
|
||
|
||
@action getStep = () => {
|
||
api.getStep(this.cPage).then(data => {
|
||
const {
|
||
steps
|
||
} = data;
|
||
|
||
steps.map((step, index) => {
|
||
Object.assign(step, {
|
||
status: (index === 0) ? 'process' : 'wait'
|
||
});
|
||
});
|
||
|
||
this.step.items = steps;
|
||
}, error => {})
|
||
}
|
||
|
||
|
||
//*********************Title******************
|
||
modify = () => {
|
||
this.controlUnderline('1');
|
||
this.defineDialogTitle(getLabel(-1, '修改个人信息'));
|
||
this.openDialog();
|
||
this.formType = 'PFDG';
|
||
this.getForm('1');
|
||
}
|
||
|
||
//*****************ButtonIcons*****************
|
||
buttonIcons = [{
|
||
buttonType: 'add',
|
||
type: 'primary',
|
||
onClick: () => this.addChildEducationInfo()
|
||
}, {
|
||
buttonType: 'del',
|
||
type: 'primary',
|
||
disabled: true,
|
||
onClick: () => this.delChildEducationInfo()
|
||
}];
|
||
|
||
addChildEducationInfo = () => {
|
||
this.defineDialogTitle(getLabel(-1, '添加子女教育信息'));
|
||
this.openDialog();
|
||
this.formType = 'DG';
|
||
this.getForm();
|
||
}
|
||
|
||
delChildEducationInfo = () => {
|
||
|
||
}
|
||
//********************TableUnderSearchGroup********************
|
||
childrenReduceTip = [getLabel(-1, '有子女符合以下两个条件之一：'), getLabel(-1, '扣除年度有子女满3岁且处于小学入学前阶段；'), getLabel(-1, '扣除年度有子女正接受全日制学历教育。')];
|
||
|
||
@computed get searchGroupTitle() {
|
||
if (this.cPage === 'childEducation') {
|
||
return getLabel(-1, '子女教育信息');
|
||
}
|
||
if (this.cPage === 'supportOlder') {
|
||
return getLabel(-1, '被赡养人信息');
|
||
}
|
||
}
|
||
}
|
||
|
||
export const hrmTax = new HrmTax(); |