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">
                    <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="tenderId" value="<%= tender.id %>" type="hidden">
            <div class="sjs-height-0">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th width="32%">申请编号/变更令号</th><th width="30%">工程名称</th>
                        <th width="90">变更类别</th><th width="90">变更金额</th>
                        <th width="100">审批状态</th><th>审批进度</th><th width="80"></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 %>/info"><% 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><%- c.total_price %></td>
                        <% if (c.auditStatus) { %>
                        <td>
                            <a href="/tender/<%- tender.id %>/change/<%- c.cid %>/info" 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 { %>
                        <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.uid === uid)) { %><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>