Calculation/app/view/change/index.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <div>
                <div class="d-inline-block">
                    <div class="btn-group" id="sort-dropdown">
                        <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="bpaixu">排序：创建时间</button>
                        <div class="dropdown-menu" aria-labelledby="bpaixu">
                            <ul class="list-unstyled px-3 mb-0" id="sort-radio">
                                <li class="mb-2">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input" id="pai1" name="paizhi" value="time" checked="">
                                        <label class="custom-control-label" for="pai1">创建时间</label>
                                    </div>
                                </li>
                                <li class="mb-2">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input" id="pai3" name="paizhi" value="code">
                                        <label class="custom-control-label" for="pai3">变更令号</label>
                                    </div>
                                </li>
                            </ul>
                            <ul class="list-unstyled px-3 pt-2 mb-0 border-top" id="order-radio">
                                <li class="mb-2">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input" id="pdown" name="paixu" value="desc" checked="">
                                        <label class="custom-control-label" for="pdown">降序</label>
                                    </div>
                                </li>
                                <li class="mb-2">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input" id="pup" name="paixu" value="asc">
                                        <label class="custom-control-label" for="pup">升序</label>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="d-inline-block">
                    <select class="form-control form-control-sm" id="status_select">
                        <option value="0">全部</option>
                        <% for (const fs in filter.status) { %>
                        <% const f = filter.status[fs]; %>
                        <option value="<%- f %>" <% if (f === status) { %>selected="selected"<% } %>><%- filter.statusString[f] %>(<%- filter.count[f] %>)</option>
                        <% } %>
                    </select>
                </div>
            </div>
            <% if (tender.user_id === uid) { %>
            <div class="ml-auto">
                <a href="#add-bj" data-toggle="modal" data-target="#add-bj" class="btn btn-sm btn-primary pull-right ml-1">新建变更令</a>
                <a href="#setting" data-toggle="modal" data-target="#setting" class="btn btn-sm btn-outline-primary pull-right ml-1"><i class="fa fa-cog"></i></a>
            </div>
            <% } %>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <input id="tenderName" value="<%= tender.name %>" type="hidden">
            <input id="dealCode" value="<%= dealCode %>" type="hidden">
            <input id="tenderId" value="<%= tender.id %>" type="hidden">
            <div class="sjs-height-0">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th width="20%" id="sort_change">申请编号/变更令号</th><th width="30%">工程名称</th>
                        <th width="10%">变更类别</th><th width="10%">变更金额</th>
                        <th width="10%">审批状态</th><th width="15%">审批进度</th><th></th>
                    </tr>
                    </thead>
                    <tbody id="changeList">
                    <% const classArray = []; %>
                    <% for (const t in changeConst.class) { %>
                    <% const cClass = changeConst.class[t] %>
                    <% classArray[cClass.value] = cClass.name %>
                    <% } %>
                    <% for (const c of changes) { %>
                    <tr>
                        <td><a href="/tender/<%- tender.id %>/change/<%- c.cid %>/information"><% if (c.status !== auditConst.status.checked) { %><%- c.code %><% } else { %><%- c.p_code %><% } %></a></td>
                        <td><%- c.name %></td>
                        <td><%- classArray[c.class] %><% c.class %></td>
                        <td style="text-align: right"><%= ctx.helper.roundNum(c.total_price, tpUnit) %></td>
                        <% if (c.status === auditConst.status.uncheck && ctx.tender.isTourist) { %>
                            <td>
                                上报中
                            </td>
                        <% } else if (c.auditStatus) { %>
                        <td>
                            <a href="/tender/<%- tender.id %>/change/<%- c.cid %>/information" class="btn <%- auditConst.statusButtonClass[c.status] %> btn-sm">
                                <%- auditConst.statusButton[c.status] %>
                            </a>
                        </td>
                        <% } else {  %>
                        <td>
                            <span class="<%- auditConst.statusClass[c.status] %>"><%- auditConst.statusString[c.status] %></span>
                        </td>
                        <% } %>
                        <% if (c.status === auditConst.status.uncheck) { %>
                        <td>
                            待上报
                        </td>
                        <% } else if (c.status === auditConst.status.revise) { %>
                            <td>
                                待修订
                            </td>
                        <% } else { %>
                        <td>
                            <%- c.changeAudit.name %>-<%- c.changeAudit.jobs %>
                            <span class="<%- auditConst.auditStatusClass[c.changeAudit.status] %>"><%- auditConst.auditStatusString[c.changeAudit.status] %></span>
                        </td>
                        <% } %>
                        <td><% if ((c.status === auditConst.status.uncheck || ((c.status === auditConst.status.back || (c.status === auditConst.status.revise && c.stageChangeNum === 0)) && c.uid === uid)) && !ctx.tender.isTourist) { %><a href="#del-bg" cid="<%= c.cid %>" data-toggle="modal" data-target="#del-bg" class="btn btn-outline-danger btn-sm delete-cid-modal">删除</a><% } %></td>
                    </tr>
                    <% } %>
                    </tbody>
                </table>
                <!--翻页-->
                <% include ../layout/page.ejs %>
            </div>
        </div>
    </div>
</div>
<script src="/public/js/sub_menu.js"></script>
<script>
    $.subMenu({
        menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
        toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
        key: 'menu.1.0.0',
        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
        callback: function (info) {
            if (info.mini) {
                $('.panel-title').addClass('fluid');
                $('#sub-menu').removeClass('panel-sidebar');
            } else {
                $('.panel-title').removeClass('fluid');
                $('#sub-menu').addClass('panel-sidebar');
            }
            autoFlashHeight();
        }
    });
</script>
<script src="/public/js/change.js"></script>