Calculation/app/view/shares/ledger_check_modal.ejs

<!--数据检查-->
<div class="modal fade" id="ledger-check-modal" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">数据检查</h5>
            </div>
            <div class="modal-body">
                <div class="text-center my-3">
                    <button class="btn btn-primary px-5" id="ledger-check-begin">开始检查</button>
                    <h6 class="text-center mt-3">数据检查可以为您排查有问题项</h6>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="ledger-check-result" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">数据检查</h5>
            </div>
            <div class="modal-body">
                <p>数据检查，将检查罗列台账中以下内容：</p>
                <div class="card mb-2 p-2 border-success" id="check-sibling">
                    <div class="d-flex justify-content-between">
                        项目节、清单同层
                        <span class="text-muted" name="check-status">待检查</span>
                    </div>
                </div>
                <div class="card mb-2 p-2 border-success" id="check-empty-code">
                    <div class="d-flex justify-content-between">
                        项目节、清单编号同时为空
                        <span class="text-success" title="完成" name="check-status"><i class="fa fa-check"></i></span>
                    </div>
                </div>
                <div class="card mb-2 p-2 border-success" id="check-calc">
                    <div class="d-flex justify-content-between">
                        清单数量不等于计量单元之和
                        <span class="text-success" title="完成" name="check-status"><i class="fa fa-check"></i></span>
                    </div>
                </div>
                <div class="card mb-2 p-2 border-success" id="check-zero">
                    <div class="d-flex justify-content-between">
                        清单数量或单价为0
                        <span class="text-success" title="完成" name="check-status"><i class="fa fa-check"></i></span>
                    </div>
                </div>
                <div class="card mb-2 p-2 border-success" id="check-tp">
                    <div class="d-flex justify-content-between">
                        清单金额≠数量×单价
                        <span class="text-success" title="完成" name="check-status"><i class="fa fa-check"></i></span>
                    </div>
                </div>
                 <a href="#" class="btn btn-sm btn-block btn-primary disabled" id="ledger-check-waiting">检查中,请等待...</a>
                 <p class="text-center text-success" id="ledger-check-hint">检查完成，现在您可以查看结果。</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <!--检查完有结果显示按钮-->
                <button type="button" class="btn btn-sm btn-primary" id="ledger-check-show">查看结果</button>
            </div>
        </div>
    </div>
</div>
<script>
    const ledgerCheckType = {
        sibling: {value: 1, text: '项目节、清单同层'},
        empty_code: {value: 2, text: '项目节、清单编号同时为空'},
        calc: {value: 3, text: '清单数量不等于计量单元之和'},
        zero: {value: 4, text: '清单数量或单价为0'},
        tp: {value: 5, text: '清单金额≠数量×单价'},
    };
    const LedgerChecker = function (setting) {
        const ledger = setting.ledgerTree, ledgerPos = setting.ledgerPos, decimal = setting.decimal;
        const checkOption = setting.checkOption;

        const showCheckPart = function (obj, show) {
            if (show) {
                obj.show();
            } else {
                obj.hide();
            }
        }

        const initWaitingModal = function () {
            $('.card', '#ledger-check-result').removeClass('border-success').removeClass('border-warning');
            $('[name=check-status]', '#ledger-check-result').removeClass('text-success').removeClass('text-warning')
                .addClass('text-muted').html('待检查');
            showCheckPart($('#check-sibling'), checkOption.sibling.enable);
            showCheckPart($('#check-empty-code'), checkOption.empty_code.enable);
            showCheckPart($('#check-calc'), checkOption.calc.enable);
            showCheckPart($('#check-zero'), checkOption.zero.enable);
            showCheckPart($('#check-tp'), checkOption.tp.enable);
            $('#ledger-check-begin').show();
            $('#ledger-check-waiting').hide();
            $('#ledger-check-hint').removeClass('text-warning').addClass('text-success').html('检查完成，现在您可以查看结果。').hide();
            $('#ledger-check-show').hide();
        }

        const doSomeCheck = function (selector, checkFun, option) {
            const checkStatus = $('[name=check-status]', selector);
            checkStatus.html('<i class="fa fa-spinner fa-spin"></i>');
            const result = checkFun(ledger, option);
            if (result && result.length > 0) {
                checkStatus.removeClass('text-muted').addClass('text-warning').html('<i class="fa fa-exclamation-triangle"></i>');
                $(selector).addClass('border-warning');
            } else {
                checkStatus.removeClass('text-muted').addClass('text-success').html('<i class="fa fa-check"></i>');
                $(selector).addClass('border-success');
            }
            return result;
        }


        const assignWarningData = function (nodes, checkType, warningData) {
            for (const node of nodes) {
                warningData.push({
                    type: checkType,
                    ledger_id: node.ledger_id,
                    code: node.code,
                    b_code: node.b_code,
                    name: node.name,
                })
            }
        }


        const checkData = function () {
            $('#ledger-check-waiting').show();
            const checkData = {
                check_time: new Date(),
                warning_data: [],
            }
            if (checkOption.sibling.enable) {
                const sibling = doSomeCheck('#check-sibling', ledgerCheckUtil.checkSibling, checkOption.sibling) || [];
                assignWarningData(sibling, ledgerCheckType.sibling.value, checkData.warning_data);
            }
            if (checkOption.empty_code.enable) {
                const empty_code = doSomeCheck('#check-empty-code', ledgerCheckUtil.checkCodeEmpty, checkOption.empty_code) || [];
                assignWarningData(empty_code, ledgerCheckType.empty_code.value, checkData.warning_data);
            }
            if (checkOption.calc.enable) {
                const calc = doSomeCheck('#check-calc', ledgerCheckUtil.checkCalc, checkOption.calc) || [];
                assignWarningData(calc, ledgerCheckType.calc.value, checkData.warning_data);
            }
            if (checkOption.zero.enable) {
                const zero = doSomeCheck('#check-zero', ledgerCheckUtil.checkZero, checkOption.zero) || [];
                assignWarningData(zero, ledgerCheckType.zero.value, checkData.warning_data);
            }
            if (checkOption.tp.enable) {
                const tp = doSomeCheck('#check-tp', ledgerCheckUtil.checkTp, checkOption.tp) || [];
                assignWarningData(tp, ledgerCheckType.tp.value, checkData.warning_data);
            }

            $('#ledger-check-waiting').hide();
            setting.checkList.clearCheckData();
            if (checkData.warning_data.length > 0) {
                $('#ledger-check-hint').removeClass('text-success').addClass('text-warning').html('检查完成，发现问题，请查阅检查结果。').show();
                $('#ledger-check-show').show();
                setting.checkList.loadCheckData(checkData);
            } else {
                setting.checkList.hide();
                $('#ledger-check-show').hide();
                $('#ledger-check-hint').html('检查完成，没有任何问题。').show();
            }
        }

        $('#ledger-check-begin').bind('click', () => {
            $('#ledger-check-modal').modal('hide');
            initWaitingModal();
            checkData();
            $('#ledger-check-result').modal('show');
        });
        $('#ledger-check-show').bind('click', function () {
            $('#ledger-check-result').modal('hide');
            setting.checkList.show();
        });
    }
</script>