Calculation/app/public/js/measure_work.js

'use strict';

/**
 *
 *
 * @author Mai
 * @date 2018/6/21
 * @version
 */

// 向后端请求中间计量号
function getNewMeasureCode() {
    postData('/measure/newCode', null, function (code) {
        if (code !== '') {
            $('#mj-code').val(code);
        }
    });
}
// 新增计量范围
function addMeasurePos(pid) {
    postData('/measure/pos', {
        mid: $('#measures').val(),
        operate: 'add',
        pid: pid,
    }, function (data) {
        const tr = [];
        tr.push('<tr id="' + data.pid +'">');
        tr.push('<td>' + data.code + '</td>');
        tr.push('<td>' + data.name + '</td>');
        tr.push('<td><a href="javascript: void(0)" class="text-danger" onclick="removeMeasurePos(' + data.pid + ')">移除</a></td>');
        tr.push('</tr>');
        $('#measurePosList').append(tr.join(''));
    })
}
// 移除计量范围
function removeMeasurePos(pid) {
    postData('/measure/pos', {
        mid: $('#measures').val(),
        operate: 'remove',
        pid: pid,
    }, function (data) {
        $('tr[id='+ pid +']', '#measurePosList').remove();
    })
}


$(document).ready(() => {
    autoFlashHeight();

    // 新增中间计量 modal显示
    $('#add-mj').on('show.bs.modal', function() {
        getNewMeasureCode();
        if ($('#measures')[0].options.length === 0) {
            $('#addCancel').hide();
        } else {
            $('#addCancel').show();
        }
    });
    // 新增中间计量--刷新编号
    $('#autoCode').click(getNewMeasureCode);
    // 添加中间计量 确定
    $('#addOk').click(function () {
        const data = {
            code: $('#mj-code').val(),
            date: $('#mj-date').val(),
        };
        postData('/measure/list/add', data, function (rst) {
            $('#mj-code').removeClass('is-invalid');
            $('#mj-add').modal('hide');
        }, function () {
            $('#mj-code').addClass('is-invalid');
            $('#mj-Hint').show();
        });
    });

    const billsTree = createNewPathTree('measure', {
        id: 'ledger_id',
        pid: 'ledger_pid',
        order: 'order',
        level: 'level',
        rootId: -1,
        keys: ['id', 'tender_id', 'ledger_id'],
    });
    let billsSpread;

    // 获取中间计量详细数据
    function getMeasureDetail(mid) {
        postData('/measure/detail', { mid: mid }, function(data) {
            // 计量范围
            const posHtml = [];
            for (const p of data.pos) {
                const tr = [];
                tr.push('<tr id="' + p.pid +'">');
                tr.push('<td>' + p.code + '</td>');
                tr.push('<td>' + p.name + '</td>');
                tr.push('<td><a href="javascript: void(0)" class="text-danger" onclick="removeMeasurePos(' + p.pid + ')">移除</a></td>');
                tr.push('</tr>');
                posHtml.push(tr.join(''));
            }
            $('#measurePosList').html(posHtml.join(''));
            // 计量清单
            billsTree.loadDatas(data.billsTree);
            treeCalc.calculateAll(billsTree, ['total_price', 'deal_totalprice', 'qc_totalprice']);
            if (!billsSpread) {
                billsSpread = SpreadJsObj.createNewSpread($('#billsSpread')[0]);
                const sheet = billsSpread.getActiveSheet();
                SpreadJsObj.initSheet(sheet, measureSpreadSetting);
                SpreadJsObj.loadSheetData(sheet, 'tree', billsTree);
                /**
                 * 父项不可编辑
                 * sender - {type: 'EditStarting'}
                 * args - {sheet, sheetName, row, col, cancel}
                 */
                sheet.bind(spreadNS.Events.EditStarting, function (sender, args) {
                    const sheet = args.sheet;
                    if (sheet.zh_tree) {
                        const node = sheet.zh_tree.nodes[args.row];
                        args.cancel = node ? !node.is_leaf : true;
                    } else {
                        args.cancel = true;
                    }
                });
                /**
                 * 最底层清单编辑后，提交
                 * sender - {type: 'EditEnding'}
                 * args - {sheet, sheetName, row, col, editor, editingText cancel}
                 */
                sheet.bind(spreadNS.Events.EditEnding, function (sender, args) {
                    const sheet = args.sheet;
                    if (sheet.zh_tree || sheet.zh_setting) {
                        const node = sheet.zh_tree.nodes[args.row];
                        const col = sheet.zh_setting.cols[args.col];
                        if (node && node.is_leaf) {
                            const updateData = {
                                mid: $('#measures').val(),
                                bid: node.ledger_id,
                                update: {},
                            }
                            updateData.update[col.field] = col.type === 'Number' ? parseFloat(args.editingText) : args.editingText;
                            // begin test
                            // node[col.field] = col.type === 'Number' ? parseFloat(args.editingText) : args.editingText;
                            // node.deal_totalprice = node.unit_price * node.deal_quantity;
                            // const nodes = treeCalc.calculateParent(sheet.zh_tree, node, ['deal_totalprice']);
                            // SpreadJsObj.reLoadNodesData(sheet, nodes);
                            // end test;
                            postData('/measure/billsUpdate', updateData, function (data) {
                                if (sheet.zh_tree.loadLeafData) {
                                    sheet.zh_tree.loadLeafData(data);
                                    const nodes = treeCalc.calculateParent(sheet.zh_tree, node, ['deal_totalprice', 'qc_totalprice']);
                                    SpreadJsObj.reLoadNodesData(sheet, nodes);
                                }
                            }, function () {
                                args.cancel = true;
                            });
                        } else {
                            args.cancel = true;
                        }
                    } else {
                        args.cancel = true;
                    }
                });
            } else {
                SpreadJsObj.reLoadSheetData(billsSpread.getActiveSheet());
            }
        });
    }
    // 新增计量清单
    function addMeasureBills (bid) {
        const data = {
            mid: $('#measures').val(),
            operate: 'add',
            bid: bid,
        };
        postData('/measure/bills', data, function (data) {
            billsTree.addData(data);
            SpreadJsObj.reLoadSheetData(billsSpread.getActiveSheet());
        });
    }
    // 移除计量清单
    function removeMeasureBills (bid) {
        const data = {
            mid: $('#measures').val(),
            operate: 'remove',
            bid: bid,
        };
        postData('/measure/bills', data, function (data) {
            billsTree.removeData(data);
            SpreadJsObj.reLoadSheetData(billsSpread.getActiveSheet());
        });
    }
    // 勾选计量清单
    function checkMeasureBills() {
        const bid = $(this).parent().parent().attr('id');
        if (!bid) { return; }
        if (this.checked) {
            addMeasureBills(bid);
        } else {
            removeMeasureBills(bid);
        }
    }

    if (!codeRule || codeRule.length === 0) {
        codeRule = [];
        const firstSet = new codeRuleSet($('div.modal-body', '#first'));
        // 确认规则上传服务器
        $('#setRule', '#first').bind('click', function () {
            const data = {
                rule: ruleType,
                data: JSON.stringify(codeRule),
            };
            postData('/tender/rule', data, function () {
                $('#first').modal('hide');
                $('#add-mj').modal('show');
            });
        });

        $('#first').modal('show');
    } else if ($('#measures')[0].options.length === 0) {
        $('#add-mj').modal('show');
    } else {
        // 添加计量清单
        $('#addMeasureBills').click(function () {
            if ($('#measurePosList').children().length === 0) {
                $('#add-pos').modal('show');
            } else {
                $('#add-qd').modal('show');
            }
        });
        // 搜索项目节部位
        $('#search-pos').click(function () {
            const keyword = $('input', '#add-pos').val();
            if (keyword !== '') {
                postData('/measure/search', {
                    mid: $('#measures').val(),
                    searchType: 'pos',
                    keyword: keyword
                }, function (data) {
                    const html = [];
                    for (const d of data) {
                        const tr = [];
                        tr.push('<tr id="' + d.ledger_id +'">');
                        tr.push('<td>' + d.code + '</td>');
                        tr.push('<td>' + d.name + '</td>');
                        tr.push('<td><a href="javascript: void(0)" onclick="addMeasurePos(' + d.ledger_id + ')">添加</a></td>');
                        tr.push('</tr>');
                        html.push(tr.join(''));
                    }
                    $('#searchedPosList').html(html.join(''));
                });
            }
        });
        // 选择计量清单
        $('#chooseBills').click(function () {
            $('#add-pos').modal('hide');
            $('#add-qd').modal('show');
        });
        // 搜索计量清单
        $('#search-bills').click(function () {
            const keyword = $('input', '#add-qd').val();
            if (keyword !== '') {
                postData('/measure/search', {
                    mid: $('#measures').val(),
                    searchType: 'bills',
                    keyword: keyword
                }, function (data) {
                    const html = [];
                    for (const d of data) {
                        const tr = [];
                        const check = billsTree.getItems(d.ledger_id) ? 'checked' : '';
                        tr.push('<tr id="' + d.ledger_id +'">');
                        tr.push('<td>' + d.b_code + '</td>');
                        tr.push('<td>' + d.name + '</td>');
                        tr.push('<td>' + d.unit + '</td>');
                        tr.push('<td>' + (d.unit_price ? d.unit_price : '') + '</td>');
                        tr.push('<td><input type="checkbox" ' + check + '> 已选择</td>');
                        tr.push('</tr>');
                        html.push(tr.join(''));
                    }
                    $('#searchedBillsList').html(html.join(''));
                    $('input[type=checkbox]', '#add-qd').click(checkMeasureBills);
                });
            }
        });
        // 选择计量范围
        $('#choosePos').click(function () {
            $('#add-qd').modal('hide');
            $('#add-pos').modal('show');
        });

        getMeasureDetail($('#measures').val());
    }
    const staticSet = new codeRuleSet($('#rule'), '#static');
});

class codeRuleSet {
    constructor (obj) {
        this.body = obj;
        // 切换规则组件类型
        $('select', obj).change(function () {
            const codeType = this.selectedIndex;
            if (codeType === ruleConst.ruleType.addNo) {
                $('#format', obj).show();
                $('#text', obj).show();
                $('#text>label', obj).text('起始编号');
                $('#text>input', obj).val('001');
                const s = '0000000000' + 1;
                $('#text>input', obj).val(s.substr(s.length - $('#format>input', obj).val()));
            } else if (codeType === ruleConst.ruleType.text) {
                $('#format', obj).hide();
                $('#text', obj).show();
                $('#text>label', obj).text('文本');
                $('#text>input', obj).val('').attr('placeholder', '请在这里输入需要的文本');
            } else {
                $('#format', obj).hide();
                $('#text', obj).hide();
            }
        });
        // 修改编号位数
        $('#format>input', obj).change(function () {
            const s = '0000000000' + parseInt($('#text>input', obj).val());
            $('#text>input', obj).val(s.substr(s.length - $(this).val()));
        });
        // 新增规则组件
        $('#addRule', obj).click(function () {
            const codeType = $('select', obj)[0].selectedIndex;
            const rule = {rule_type: codeType}, html = [];
            let preview;
            switch (codeType) {
                case ruleConst.ruleType.tenderName: {
                    preview = $('#tenderName').text();
                    break;
                }
                case ruleConst.ruleType.text: {
                    rule.text =  $('#text>input', obj).val();
                    preview = rule.text;
                    break;
                }
                case ruleConst.ruleType.inDate: {
                    preview = moment().format('YYYYMM');
                    break;
                }
                case ruleConst.ruleType.addNo: {
                    rule.format = parseInt($('#format>input', obj).val());
                    rule.start = parseInt($('#text>input', obj).val());
                    const s = '0000000000';
                    preview = s.substr(s.length - rule.format);
                    break;
                }
            }
            // 更新规则
            codeRule.push(rule);
            // 更新规则显示
            html.push('<span class="badge badge-light" title="' + ruleConst.ruleString[codeType] + '" rule="' + JSON.stringify(rule) + '">');
            html.push('<span>' + preview + '</span>');
            html.push('<a href="javascript: void(0);" class="text-danger" title="移除"><i class="fa fa-remove"></i></a>');
            html.push('</span>');
            const part = $('#ruleParts', obj).append(html.join(''));
            // 更新规则预览
            $('#preview', obj).text($('#preview', obj).text() + preview);

            $('a', part).bind('click', function () {
                const index = $('a', obj).index(this);
                codeRule.splice(index, 1);
                $(this).parent().remove();
                const rules = $('span>span', obj), ruleText = [];
                for (const r of rules) {
                    ruleText.push(r.innerText);
                }
                $('#preview', obj).text(ruleText.join(''));
            });
        });
    }
}