Calculation/app/view/dashboard/index.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main"><h2>待办事项</h2></div>
    </div>
    <div class="content-wrap">
        <div class="sjs-height-0">
            <div class="row m-4">
                <div class="col-12">
                    <h3 class="mb-2"><%= ctx.session.sessionProject.name %></h3>
                </div>
                <% if (!authMobile) { %>
                <div class="col-12">
                    <div class="alert alert-danger" role="alert">
                        <strong>您的账号未认证手机。</strong> 设置认证手机后，可以用于「找回密码」及接收「短信通知」。<a class="btn btn-sm btn-light" href="/profile/sms">点击设置</a>
                    </div>
                </div>
                <% } %>
                <div class="col-4">
                    <div class="card">
                        <div class="card-header">需要你处理</div>
                        <div class="card-body">
                            <% if (auditTenders.length !== 0 || auditRevise.length !== 0 || auditStages.length !== 0 || auditChanges.length !== 0) { %>
                                <ul class="list-unstyled m-0">
                                    <% for (const t of auditTenders) { %>
                                        <% if (t.ledger_status === acLedger.status.checking) { %>
                                            <li class="media pb-3 mb-3 border-bottom-1">
                                                <div class="media-body">
                                                    <div class="row">
                                                        <div class="col-auto"><span class="badge badge-info">台帐审批</span></div>
                                                        <div class="col-6"><a href="/tender/<%- t.id %>"><%- t.name %></a> 台帐</div>
                                                        <div class="col-3 ml-auto text-right pl-0"><a href="/tender/<%- t.id %>/ledger/audit" class="btn btn-sm btn-outline-primary">审批</a></div>
                                                    </div>
                                                    <p class="mt-1 mb-0"><%- ctx.session.sessionUser.name %><small class="ml-1 text-muted"><%- (role ? '- ' + role : '') %></small>
                                                        <span class="pull-right text-muted"><%- t.begin_time.toLocaleString() %></span>
                                                    </p>
                                                </div>
                                            </li>
                                        <% } else { %>
                                            <li class="media pb-3 mb-3 border-bottom-1">
                                                <div class="media-body">
                                                    <div class="row">
                                                        <div class="col-auto"><span class="badge badge-info">台帐审批</span></div>
                                                        <div class="col-6"><a href="/tender/<%- t.id %>"><%- t.name %></a> 台帐</div>
                                                        <div class="col-3 ml-auto text-right pl-0"><a href="/tender/<%- t.id %>/ledger" class="btn btn-sm btn-outline-primary">重新上报</a></div>
                                                    </div>
                                                    <p class="mt-1 mb-0"><%- ctx.session.sessionUser.name %><small class="ml-1 text-muted"><%- (role ? '- ' + role : '') %></small>
                                                        <span class="pull-right text-muted"><%- t.end_time.toLocaleString() %></span>
                                                    </p>
                                                </div>
                                            </li>
                                        <% } %>
                                    <% } %>
                                    <% for (const revise of auditRevise) { %>
                                        <li class="media pb-3 mb-3 border-bottom-1">
                                            <div class="media-body">
                                                <div class="row">
                                                    <div class="col-auto"><span class="badge badge-info">台帐修订</span></div>
                                                    <div class="col-6"><a href="/tender/<%- revise.t_id %>"><%- revise.t_name %></a> 台帐修订(第<%- revise.corder %>次)</div>
                                                    <div class="col-3 ml-auto text-right pl-0"><a href="/tender/<%- revise.t_id %>/revise/info" class="btn btn-sm btn-outline-primary"><% if (revise.status === acRevise.status.checking) { %>审批<% } else if (revise.status === acRevise.status.checkNo) { %>重新上报<% } %></a></div>
                                                </div>
                                                <p class="mt-1 mb-0"><%- revise.audit_name %><small class="ml-1 text-muted"><%- (revise.audit_role ? '- ' + revise.audit_role: '') %></small>
                                                    <span class="pull-right text-muted"><%- (revise.end_time ? revise.end_time.toLocaleString() : '') %></span>
                                                </p>
                                            </div>
                                        </li>
                                    <% } %>
                                    <% for (const audit of auditStages) { %>
                                        <% if (audit.sstatus !== acStage.status.checkNo) { %>
                                            <li class="media pb-3 mb-3 border-bottom-1">
                                                <div class="media-body">
                                                    <div class="row">
                                                        <div class="col-auto"><span class="badge badge-success">计量审批</span></div>
                                                        <div class="col-6"><a href="/tender/<%- audit.tid %>"><%- audit.name %></a> 第<%- audit.sorder %>期</div>
                                                        <div class="col-3 ml-auto text-right pl-0"><a href="/tender/<%- audit.tid %>/measure/stage/<%- audit.sorder %>" class="btn btn-sm btn-outline-primary"><% if (audit.sstatus === acStage.status.checkNoPre) { %>重新<% } %>审批</a></div>
                                                    </div>
                                                    <p class="mt-1 mb-0"><%- ctx.session.sessionUser.name %><small class="ml-1 text-muted"><%- (role ? '- ' + role : '') %></small>
                                                        <span class="pull-right text-muted"><%- audit.begin_time.toLocaleString() %></span>
                                                    </p>
                                                </div>
                                            </li>
                                        <% } else { %>
                                            <li class="media pb-3 mb-3 border-bottom-1">
                                                <div class="media-body">
                                                    <div class="row">
                                                        <div class="col-auto"><span class="badge badge-success">计量审批</span></div>
                                                        <div class="col-6"><a href="/tender/<%- audit.tid %>"><%- audit.name %></a> 第<%- audit.sorder %>期</div>
                                                        <div class="col-3 ml-auto text-right pl-0"><a href="/tender/<%- audit.tid %>/measure/stage/<%- audit.sorder %>" class="btn btn-sm btn-outline-primary">重新上报</a></div>
                                                    </div>
                                                    <p class="mt-1 mb-0"><%- ctx.session.sessionUser.name %><small class="ml-1 text-muted"><%- (role ? '- ' + role : '') %></small>
                                                        <span class="pull-right text-muted"><%- audit.end_time.toLocaleString() %></span>
                                                    </p>
                                                </div>
                                            </li>
                                        <% } %>
                                    <% } %>
                                    <% for (const change of auditChanges) { %>
                                        <li class="media pb-3 mb-3 border-bottom-1">
                                            <div class="media-body">
                                                <div class="row">
                                                    <div class="col-auto"><span class="badge badge-danger">变更审批</span></div>
                                                    <div class="col-6"><a href="/tender/<%- change.tid %>"><%- change.name %></a> 变更令 <%- change.ccode %></div>
                                                    <div class="col-3 ml-auto text-right pl-0"><a href="/tender/<%- change.tid %>/change/<%- change.cid %>/info" class="btn btn-sm btn-outline-primary"><% if (change.cstatus === acChange.status.checking) { %>审批<% } else if (change.cstatus === acChange.status.backnew) { %>重新审批<% } else { %>重新上报<% } %></a></div>
                                                </div>
                                                <p class="mt-1 mb-0"><%- change.caname %><small class="ml-1 text-muted"><%- (role ? '- ' + role : '') %></small>
                                                    <span class="pull-right text-muted"><%- (change.sin_time ? change.sin_time.toLocaleString() : '') %></span>
                                                </p>
                                            </div>
                                        </li>
                                    <% } %>
                            </ul>
                            <% } else { %>
                            <!--没有处理信息-->
                            <p class="text-center text-muted">暂时没有需要你处理的事项。</p>
                            <% } %>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="card">
                        <div class="card-header">需要你关注</div>
                        <div class="card-body">
                            <% if (noticeLedger.length !== 0 || noticeRevise.length !== 0 || noticeStage.length !== 0 || noticeChange.length !== 0) { %>
                                <ul class="list-unstyled m-0">
                                    <% for (const nl of noticeLedger) { %>
                                        <li class="media pb-3 mb-3 border-bottom-1">
                                            <div class="media-body">
                                                <div class="row">
                                                    <div class="col-auto"><span class="badge badge-info">台帐审批</span></div>
                                                    <div class="col-6">
                                                        <a href="/tender/<%- nl.id %>"><%- nl.name %></a> 台帐<%- acLedger.statusString[nl.status]%>
                                                    </div>
                                                </div>
                                                <p class="mt-1 mb-0"><%- nl.lu_name %><small class="ml-1 text-muted"><%- (nl.lu_role ? '- ' + nl.role : '') %></small>
                                                    <span class="pull-right text-muted"><%- nl.end_time.toLocaleString() %></span>
                                                </p>
                                            </div>
                                        </li>
                                    <% } %>
                                    <% for (const nr of noticeRevise) { %>
                                        <li class="media pb-3 mb-3 border-bottom-1">
                                            <div class="media-body">
                                                <div class="row">
                                                    <div class="col-auto"><span class="badge badge-info">台账修订</span></div>
                                                    <div class="col-6">
                                                        <a href="/tender/<%- nr.id %>>"><%- nr.name %></a>
                                                        <a href="/tender/<%- nr.t_id %>/revise/info">台账修订(第<%- nr.corder %>次)</a>
                                                        <%- acRevise.statusString[nr.status]%>
                                                    </div>
                                                </div>
                                                <p class="mt-1 mb-0"><%- nr.ru_name %><small class="ml-1 text-muted"><%- (nr.ru_role ? '- ' + nr.ru_role : '') %></small>
                                                    <span class="pull-right text-muted"><%- (nr.end_time ? nr.end_time.toLocaleString() : '') %></span>
                                                </p>
                                            </div>
                                        </li>
                                    <% } %>
                                    <% for (const ns of noticeStage) { %>
                                        <li class="media pb-3 mb-3 border-bottom-1">
                                            <div class="media-body">
                                                <div class="row">
                                                    <div class="col-auto"><span class="badge badge-success">计量审批</span></div>
                                                    <div class="col-6">
                                                        <a href="/tender/<%- ns.tid %>"><%- ns.name %></a>
                                                        <a href="/tender/<%- ns.tid %>/measure/stage/<%- ns.s_order %>">第<%- ns.s_order %>期 </a>
                                                        <%- acStage.statusString[ns.status]%>
                                                    </div>
                                                </div>
                                                <p class="mt-1 mb-0"><%- ns.su_name %><small class="ml-1 text-muted"><%- (ns.su_role ? '- ' + ns.su_role : '') %></small>
                                                    <span class="pull-right text-muted"><%- ns.end_time.toLocaleString() %></span>
                                                </p>
                                            </div>
                                        </li>
                                    <% } %>
                                    <% for (const nc of noticeChange) { %>
                                        <li class="media pb-3 mb-3 border-bottom-1">
                                            <div class="media-body">
                                                <div class="row">
                                                    <div class="col-auto"><span class="badge badge-danger">变更审批</span></div>
                                                    <div class="col-6">
                                                        <a href="/tender/<%- nc.id %>"><%- nc.name %></a>
                                                        <a href="/tender/<%- nc.id %>/change/<%- nc.cid %>/info"><%- nc.c_code %> </a>
                                                        <%- acChange.statusString[nc.cu_status]%>
                                                    </div>
                                                </div>
                                                <p class="mt-1 mb-0"><%- nc.cu_name %><small class="ml-1 text-muted"><%- (nc.cu_role ? '- ' + nc.cu_role : '') %></small>
                                                    <span class="pull-right text-muted"><%- nc.cu_time.toLocaleString() %></span>
                                                </p>
                                            </div>
                                        </li>
                                    <% } %>
                                </ul>
                                <% } else { %>
                                <!--没有关注信息-->
                                <p class="text-center text-muted">暂时没有需要你关注的事项。</p>
                                <% } %>
                        </div>
                    </div>
                </div>
                <!--项目消息通知-->
                <div class="col-2">
                    <div class="card">
                        <div class="card-header d-flex">项目通知<span class="ml-auto"><a href="/dashboard/msg/list">查看所有</a></span></div>
                        <ul class="list-group">
                            <% if (msgList.length === 0) { %>
                                <!--没有通知-->
                                <li class="list-group-item text-muted"><p class="text-center mb-0">暂时没有通知</p></li>
                            <% } else { %>
                                <% for (const msg of msgList) { %>
                                    <li class="list-group-item text-muted">
                                        <a href="#view-msg" msg-id="<%= msg.id %>" data-toggle="modal" data-target="#view-msg"<% if (msg.istop !== '0') { %> class="text-danger">
                                            <i class="fa fa-exclamation-triangle" ></i> <% } else { %>><% } %><%- msg.title %></a><br><%- moment(msg.release_time*1000).format('YYYY-MM-DD') %></li>
                                <% } %>
                            <% } %>
                            <% if (userMsgPermission) { %>
                                <!--发布通知-->
                                <li class="list-group-item text-muted"><p class="text-center mb-0"><a href="/dashboard/msg/add/0">发布新通知</a></p></li>
                            <% } %>
                        </ul>
                    </div>
                </div>
                <div class="col-2">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title"><%= salesmanData.username %></h4>
                            <h6 class="card-subtitle mb-2 text-muted"><%= officeName %></h6>
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="腾讯QQ"><i class="fa fa-qq"></i> <%=salesmanData.qq%></li>
                            <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="手机号码"><i class="fa fa-tablet"></i> <%=salesmanData.telephone%></li>
                            <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="固定电话"><i class="fa fa-phone"></i> <%=salesmanData.fixedphone%></li>
                            <% if (projectData.qrcode_json) { %>
                            <li class="list-group-item container-fluid">
                                <div class="row">
                                    <% for (const qr of JSON.parse(projectData.qrcode_json)) { %>
                                    <div class="col-sm text-center"><img src="/<%= qr.path %>" width="90"><div class="text-center"><%= qr.name %></div></div>
                                    <% } %>
                                </div>
                            </li>
                            <% } %>
                        </ul>
                    </div>
                    <% if (versionList.length > 0) { %>
                    <div class="card mt-2">
                        <div class="card-body">
                            <a href="#version" data-toggle="modal" data-target="#version">当前版本：<%= versionList[0].name %></a>
                        </div>
                    </div>
                    <% } %>
                </div>
                <!--系统消息通知-->
                <% if (sysMsgList.length > 0) { %>
                <div class="col-12 mt-3">
                    <div>
                        <div class="card-body row">
                            <div class="col-auto">系统消息</div>
                            <div class="col-auto">
                                <% for (const sm of sysMsgList) { %>
                                    <a href="#view-msg" msg-id="<%= sm.id %>" data-toggle="modal" data-target="#view-msg" class="mr-5 mb-2 system-msg"><%- sm.title %>（<%- moment(sm.release_time*1000).format('YYYY-MM-DD') %>）</a>
                                <% } %>
                            </div>
                        </div>
                    </div>
                </div>
                <% } %>
            </div>
        </div>
    </div>
</div>
<script src="/public/js/moment/moment.min.js"></script>
<script src="/public/js/dashboard.js"></script>
<script>
    autoFlashHeight();
    const msgList = JSON.parse('<%- JSON.stringify(msgList) %>');
    const sysMsgList = JSON.parse('<%- JSON.stringify(sysMsgList) %>');
    const uid = '<%- uid %>';
    const userMsgPermission = <%- userMsgPermission %>;
</script>