Calculation/app/public/js/tender_list.js

const tenderListSpec = (function(){
    function getTenderTreeHeaderHtml() {
        const html = [];
        const titleHeight = $('.panel-title').height();
        html.push(`<table class="table table-hover table-bordered">`);
        const left = $('#sub-menu').css('display') === 'none' ? 56 : 176;
        const theadTop = Math.round(titleHeight - 2, 2);
        const subMenuStyle = showListSubMenu ? `style="position: fixed;left:${left}px;top: ${theadTop}px;"` : `style="position: fixed; top: ${theadTop}px;"`;
        html.push(`<thead ${subMenuStyle}>`, '<tr>');
        html.push('<th class="text-center" style="width: 40%">', '标段名称', tenderListOrder.getOrderButton('name'), '</th>');
        html.push('<th class="text-center" style="width: 9%">', '计量模式', '</th>');
        html.push('<th class="text-center" style="width: 9%">', '创建人', '</th>');
        html.push('<th class="text-center" style="width: 9%">', '游客', '</th>');
        html.push('<th class="text-center" style="width: 9%">', '创建时间', tenderListOrder.getOrderButton('create_time'), '</th>');
        html.push('<th class="text-center" style="width: 9%">', '计量期数', '</th>');
        html.push('<th class="text-center" style="width: 15%">', '审批状态', '</th>');
        html.push('</tr>', '</thead>');
        return html.join('');
    }
    function getTenderNodeHtml(node, arr, pid) {
        const html = [];
        html.push('<tr pid="' + pid + '">');
        // 名称
        html.push('<td style="width: 40%" class="in-' + node.level + '">');
        if (node.cid) {
            html.push('<span onselectstart="return false" style="{-moz-user-select:none}" class="fold-switch mr-1" title="收起" cid="'+ node.sort_id +'"><i class="fa fa-minus-square-o"></i></span> <i class="fa fa-folder-o"></i> ');
            html.push((node.level === 1 ? '<b>' : ''), node.name, (node.level === 1 ? '</b>' : ''));
        } else {
            html.push('<span class="text-muted mr-2">');
            html.push(arr.indexOf(node) === arr.length - 1 ? '└' : '├');
            html.push('</span>');
            //html.push('<a href="/tender/' + node.id + '">', node[c.field], '</a>');
            html.push('<a href="javascript: void(0)" id="' + node.id + '" name="name">', node.name, '</a>');
        }
        html.push('</td>');
        // 计量模式
        html.push('<td style="width: 9%" class="text-center">');
        if (node.measure_type) {
            html.push(node.measure_type === measureType.tz.value ? '0号台账' : '工程量清单');
        }
        html.push('</td>');
        // 创建人
        html.push('<td style="width: 9%" class="text-center">', node.user_name ? node.user_name : '', '</td>');
        // 游客
        const visitor = node.visitor && node.visitor.length > 0
            ? `<a href="javascirpt: void(0)" data-toggle="tooltip" data-placement="top" data-original-title="${node.visitor.join('，')}">${node.visitor.length}</a>`
            : '';
        html.push('<td style="width: 9%" class="text-center">', visitor, '</td>');
        // 创建时间
        html.push('<td style="width: 9%">', node.create_time ? moment(node.create_time).format('YYYY-MM-DD HH:mm:ss') : '', '</td>');
        // 计量模式
        // html.push('<td>');
        // if (node.measure_type) {
        //     html.push(node.measure_type === measureType.tz.value ? '0号台账' : '工程量清单');
        // }
        // html.push('</td>');
        // 计量期数
        html.push('<td style="width: 9%" class="text-center">');
        if (!node.cid) {
            if (node.progress) {
                html.push(node.progress.title === '台账' ? '' : node.progress.title);
            } else {
                html.push(node.lastStage ? '第' + node.lastStage.order + '期' : '台账');
            }
        }
        html.push('</td>');
        // 审批状态
        html.push('<td style="width: 15%">');
        if (!node.cid && node.cur_flow) {
            if (node.stage_status !== undefined) {
                if (node.cur_flow instanceof Array && node.cur_flow[0].audit_type && node.cur_flow[0].audit_type !== auditType.key.common) {
                    html.push(`<span class="${node.progress.status_class}">${node.progress.status}</span>（${transFormToChinese(node.cur_flow[0].audit_order)}审）`);
                } else {
                    html.push(`<span class="${node.progress.status_class}">${node.progress.status}</span>（${node.cur_flow instanceof Array ? node.cur_flow[0].name : node.cur_flow.name }）`);
                }
            } else {
                html.push(`<span class="${node.lastStage ? auditConst.stage.tiStatusStringClass[node.lastStage.status] : auditConst.ledger.tiStatusStringClass[node.ledger_status]}">`);
                html.push(node.lastStage ? auditConst.stage.statusString[node.lastStage.status] : auditConst.ledger.statusString[node.ledger_status]);
                html.push('</span>');
                html.push(node.status_users ? '（' + node.status_users + '）' : '');
            }
        }
        html.push('</td>');
        html.push('</tr>');
        return html.join('');
    }
    return { getTenderNodeHtml, getTenderTreeHeaderHtml }
})();