ttk-app-core/compatible/apps/scm/ttk-scm-app-set-bookkeeping/action.js

enterprise develop framework

import React from 'react'
import { action as MetaAction, AppLoader } from 'edf-meta-engine'
import { Radio, Select } from 'edf-component'
import { toJS } from 'immutable'
import config from './config'
const RadioGroup = Radio.Group;
const Option = Select.Option;
class action {
    constructor(option) {
        this.metaAction = option.metaAction
        this.config = config.current
        this.webapi = this.config.webapi
    }

    onInit = ({ component, injections }) => {
        this.component = component
        this.injections = injections
        if (this.component.props.setOkListener) {
            this.component.props.setOkListener(this.onOk)
        }
        injections.reduce('init')
        this.load()
    }
    load = async () => {

        let vatOrEntry = this.component.props.vatOrEntry
        if (vatOrEntry == 0) {
            this.metaAction.sf('data.other.visible', false)
        } else {
            this.metaAction.sf('data.other.visible', true)
        }

        const res = await this.webapi.initKeepAccount({ vatOrEntry });
        this.injections.reduce('load', { ...res, vatOrEntry });
    }
    onBookWayChange = (e) => {
        const bankAccount = this.metaAction.gf('data.bankAccount').toJS();
        const bank = bankAccount.filter((x) => { return x.bankAccountTypeName == '银行' });
        const alipay = bankAccount.filter((x) => { return x.bankAccountTypeName == '支付宝' });
        const wechat = bankAccount.filter((x) => { return x.bankAccountTypeName == '微信' });

        this.metaAction.sf('data.form.settlement', e.target.value)
        if (e.target.value == '3000050002') {
            this.metaAction.sf('data.form.bankAccountId', bank[0].id)
        } else if (e.target.value == '3000050003') {
            this.metaAction.sf('data.form.bankAccountId', wechat[0].id)
        } else if (e.target.value == '3000050004') {
            this.metaAction.sf('data.form.bankAccountId', alipay[0].id)
        } else {
            this.metaAction.sf('data.form.bankAccountId', null)
        }

    }
    onBookDateChange = (e) => {
        this.metaAction.sf('data.form.accountDateSet', e.target.value)
    }
    onAccountChange = (value) => {
        this.metaAction.sf('data.form.bankAccountId', value)
    }
    renderBookWay = () => {
        const data = this.metaAction.gf('data').toJS();
        const bankAccount = data.bankAccount;
        const settlement = data.form.settlement;
        const bankAccountId = data.form.bankAccountId

        const radioStyle = {
            display: 'block',
            height: '30px',
            lineHeight: '30px',
            fontSize: '12px'
        };

        const bank = bankAccount.filter((x) => { return x.bankAccountTypeName == '银行' });
        const alipay = bankAccount.filter((x) => { return x.bankAccountTypeName == '支付宝' });
        const wechat = bankAccount.filter((x) => { return x.bankAccountTypeName == '微信' });

        return <RadioGroup onChange={this.onBookWayChange} value={`${settlement}`}>

            <Radio style={radioStyle} value='3000050006'>暂未收款</Radio>
            <Radio style={radioStyle} value='3000050001'>现金</Radio>
            {bank.length > 0 && <Radio style={radioStyle} value='3000050002'>
                银行
            {settlement == '3000050002' ? <Select showSearch={false} style={{ width: '100%', marginLeft: 10, fontSize: '12px' }} onChange={this.onAccountChange.bind(this)} value={bankAccountId}>
                    {bank.map((item, index) => {
                        return <Option value={item.id} key={index}>{item.name}</Option>
                    })}
                </Select> : null}
            </Radio>
            }
            {wechat.length > 0 && <Radio style={radioStyle} value='3000050003'>
                微信
            {settlement == '3000050003' ? <Select showSearch={false} style={{ width: 105, marginLeft: 10, fontSize: '12px' }} onChange={this.onAccountChange.bind(this)} value={bankAccountId}>
                    {wechat.map((item, index) => {
                        return <Option value={item.id} key={index}>{item.name}</Option>
                    })}
                </Select> : null}
            </Radio>}
            {
                alipay.length > 0 && <Radio style={radioStyle} value='3000050004'>
                    支付宝
                {settlement == '3000050004' ? <Select showSearch={false} style={{ width: 105, marginLeft: 10, fontSize: '12px' }} onChange={this.onAccountChange.bind(this)} value={bankAccountId}>
                        {alipay.map((item, index) => {
                            return <Option value={item.id} key={index}>{item.name}</Option>
                        })}
                    </Select> : null}
                </Radio>
            }
        </RadioGroup>
    }
    renderBookDate = () => {
        const bookDate = this.metaAction.gf('data.form.accountDateSet');
        const radioStyle = {
            display: 'block',
            height: '30px',
            lineHeight: '30px',
            fontSize: '12px'
        };
        if (!this.component.props.vatOrEntry) {
            return <RadioGroup onChange={this.onBookDateChange} value={bookDate}>
                <Radio style={radioStyle} value={1}>发票日期</Radio>
                <Radio style={radioStyle} value={0}>发票日期所在月最后一天</Radio>
            </RadioGroup >
        } else {
            return <RadioGroup onChange={this.onBookDateChange} value={bookDate}>
                <Radio style={radioStyle} value={0}>发票日期所在月最后一天</Radio>
            </RadioGroup >
        }
    }
    onOk = async () => {
        const params = this.metaAction.gf('data.form').toJS();
        const res = await this.webapi.update({ ...params });
        if (!res) {
            this.metaAction.toast('error', `${res.msg}`)
        }
        return res;
        // if (res) {
        //     this.component.props.closeModal(res);
        // } else {
        //     this.component.props.closeModal(res);
        // }
    }
    // onCancel = () => {
    //     this.component.props.closeModal();
    // }
}

export default function creator(option) {
    const metaAction = new MetaAction(option),
        o = new action({ ...option, metaAction }),
        ret = { ...metaAction, ...o }

    metaAction.config({ metaHandlers: ret })

    return ret
}