Calculation/app/view/dashboard/index.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main d-flex">
            <h2><%= ctx.session.sessionProject.name %></h2>
            <div class="ml-auto">
                <i class="fa fa-bell mr-1"></i><a href="#version" data-toggle="modal" data-target="#version">当前版本：<%= versionList[0].name %></a>
                <% if (sysMsgList.length > 0) { %>
                    <!--系统消息通知-->
                    <% 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>-->
                        <a href="#view-msg" msg-id="<%= sm.id %>" data-toggle="modal" data-target="#view-msg" class="ml-3 system-msg">系统最新通知</a>
                    <% } %>
                <% } %>
            </div>

        </div>
    </div>
    <div class="content-wrap my-3">
        <% if (!authMobile) { %>
            <div class="text-danger px-3 mb-3 mobile-height">
                <strong>您的账号未认证手机。</strong> 设置认证手机后，可以用于 找回密码 及 接收验证码。<a class="badge badge-danger" href="/profile/sms">点击设置</a>
            </div>
        <% } %>
        <% if (maintainData.status !== maintainConst.status.notset && new Date().getTime() + (86400*1000) > parseFloat(maintainData.maintain_time)) { %>
            <!--系统维护信息-->
            <div class="card mb-3 bg-danger text-white mx-3 maintain-height">
                <div class="card-body">
                    <h4><i class="fa fa-wrench"></i> 系统将于 <%- moment(parseFloat(maintainData.maintain_time)).format('YYYY年MM月DD日 HH:mm') %> 开始停机维护，<%- (maintainData.duration !== maintainConst.duration.forever ? '持续'+ maintainConst.durationString[maintainData.duration] +'。' : '') %>造成不便敬请谅解。</h4>
                    <p class="ml-4 mb-0"><%- maintainData.msg %></p>
                </div>
            </div>
        <% } %>
        <div class="dashboard-height mx-3">
            <div class="row agency-partheight">
                <div class="col-6 px-0">
                    <div class="card ml-3">
                        <div class="card-header card-white d-flex justify-content-between">
                            <div class="card-big-htext"><span class="card-icon mr-2"></span>需要你处理</div>
                            <div>
                                <select class="form-control form-control-sm" id="select-doing-type">
                                    <option value="0">全部</option>
                                    <% if (auditAdvance.length !== 0) { %>
                                    <option value="6">预付款（<%- auditAdvance.length %>）</option>
                                    <% } %>
                                    <% if (auditTenders.length !== 0) { %>
                                    <option value="5">台账审批（<%- auditTenders.length %>）</option>
                                    <% } %>
                                    <% if (auditRevise.length !== 0) { %>
                                    <option value="4">台账修订（<%- auditRevise.length %>）</option>
                                    <% } %>
                                    <% if (auditStages.length !== 0) { %>
                                    <option value="2">计量审批（<%- auditStages.length %>）</option>
                                    <% } %>
                                    <% if (auditChanges.length !== 0) { %>
                                    <option value="3">变更审批（<%- auditChanges.length %>）</option>
                                    <% } %>
                                    <% if (ctx.session.sessionProject.page_show.openChangeProject && auditChangeProject.length !== 0) { %>
                                        <option value="7">变更立项（<%- auditChangeProject.length %>）</option>
                                    <% } %>
                                    <% if (ctx.session.sessionProject.page_show.openChangeApply && auditChangeApply.length !== 0) { %>
                                        <option value="8">变更申请（<%- auditChangeApply.length %>）</option>
                                    <% } %>
                                    <% if (ctx.session.sessionProject.page_show.openChangePlan && auditChangePlan.length !== 0) { %>
                                        <option value="9">变更方案（<%- auditChangePlan.length %>）</option>
                                    <% } %>
                                    <% if (auditMaterial.length !== 0) { %>
                                    <option value="1">材料调差（<%- auditMaterial.length %>）</option>
                                    <% } %>
                                    <% if (auditPayments.length !== 0) { %>
                                        <option value="10">支付审批（<%- auditPayments.length %>）</option>
                                    <% } %>
                                </select>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <div class="contant-height-one">
                                <% if (auditTenders.length !== 0 || auditRevise.length !== 0 || auditStages.length !== 0 || auditChanges.length !== 0 || auditMaterial.length !== 0 || auditAdvance.length !== 0 || auditChangeProject.length !== 0 || auditChangeApply.length !== 0 || auditChangePlan.length !== 0 || auditPayments.length !== 0) { %>
                                <style>
                                    #doing-list td {
                                        word-wrap:break-word;
                                    }
                                </style>
                                <table style="table-layout:fixed;" class="table table-middle">
                                    <thead class="thead-light">
                                    <tr>
                                        <th width="110" class="pl-3">类型</th>
                                        <th>名称</th>
                                        <th width="60">状态</th>
                                        <th width="120">创建时间</th>
                                        <th width="90">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="doing-list">

                                        <% for (const t of auditTenders) { %>
                                            <% if (t.ledger_status === acLedger.status.checking) { %>
                                                <tr data-type="5">
                                                    <td><span class="bg-new-ledger text-new-ledger badge text-width">台账审批</span></td>
                                                    <td><a href="/tender/<%- t.id %>"><%- t.name %></a></td>
                                                    <td>台账</td>
                                                    <td><%- (t.begin_time ? ctx.moment(t.begin_time).format('YYYY/MM/DD HH:mm') : '') %></td>
                                                    <td><a href="/tender/<%- t.id %>/ledger" class="btn btn-outline-primary btn-sm btn-table" role="button">审批</a></td>
                                                </tr>
                                            <% } else { %>
                                                <tr data-type="5">
                                                    <td><span class="bg-new-ledger text-new-ledger badge text-width">台账审批</span></td>
                                                    <td><a href="/tender/<%- t.id %>"><%- t.name %></a></td>
                                                    <td>台账</td>
                                                    <td><%- (t.end_time ? ctx.moment(t.end_time).format('YYYY/MM/DD HH:mm') : '') %></td>
                                                    <td><a href="/tender/<%- t.id %>/ledger" class="btn btn-outline-warning btn-sm btn-table text-warning" role="button">重新上报</a></td>
                                                </tr>
                                            <% } %>
                                        <% } %>
                                        <% for (const revise of auditRevise) { %>
                                            <tr data-type="4">
                                                <td><span class="bg-new-revise text-new-revise badge text-width">台账修订</span></td>
                                                <td><a href="/tender/<%- revise.t_id %>"><%- revise.t_name %></a> <a href="/tender/<%- revise.t_id %>/revise/<%- revise.id %>/info">第<%- revise.corder %>次</a></td>
                                                <td>第<%- revise.corder %>次</td>
                                                <td><%- (
                                                            revise.status === acRevise.status.checking
                                                                    ? (revise.begin_time ? ctx.moment(revise.begin_time).format('YYYY/MM/DD HH:mm') : '')
                                                                    : (revise.end_time ? ctx.moment(revise.end_time).format('YYYY/MM/DD HH:mm') : '')
                                                    ) %></td>
                                                <td><a href="/tender/<%- revise.t_id %>/revise/<%- revise.id %>/info" class="btn btn-sm btn-table <% if (revise.status === acRevise.status.checkNo) { %>btn-outline-warning text-warning<% } else { %>btn-outline-primary<% } %>" role="button"><% if (revise.status === acRevise.status.checking) { %>审批<% } else if (revise.status === acRevise.status.checkNo) { %>重新上报<% } %></a></td>
                                            </tr>
                                        <% } %>
                                        <% for (const audit of auditStages) { %>
                                            <% if (audit.sstatus !== acStage.status.checkNo) { %>
                                                <tr data-type="2">
                                                    <td><span class="bg-new-stage text-new-stage badge text-width">计量审批</span></td>
                                                    <td><a href="/tender/<%- audit.tid %>"><%- audit.name %></a> <a href="/tender/<%- audit.tid %>/measure/stage/<%- audit.sorder %>">第<%- audit.sorder %>期</a></td>
                                                    <td>第<%- audit.sorder %>期</td>
                                                    <td><%- ctx.moment(audit.begin_time).format('YYYY/MM/DD HH:mm') %></td>
                                                    <td><a href="/tender/<%- audit.tid %>/measure/stage/<%- audit.sorder %>" class="btn btn-outline-primary btn-sm btn-table" role="button"><% if (audit.sstatus === acStage.status.checkNoPre) { %>重新<% } %>审批</a></td>
                                                </tr>
                                            <% } else { %>
                                                <tr data-type="2">
                                                    <td><span class="bg-new-stage text-new-stage badge text-width">计量审批</span></td>
                                                    <td><a href="/tender/<%- audit.tid %>"><%- audit.name %></a> <a href="/tender/<%- audit.tid %>/measure/stage/<%- audit.sorder %>">第<%- audit.sorder %>期</a></td>
                                                    <td>第<%- audit.sorder %>期</td>
                                                    <td><%- ctx.moment(audit.end_time).format('YYYY/MM/DD HH:mm') %></td>
                                                    <td><a href="/tender/<%- audit.tid %>/measure/stage/<%- audit.sorder %>" class="btn btn-outline-warning btn-sm btn-table text-warning" role="button">重新上报</a></td>
                                                </tr>
                                            <% } %>
                                        <% } %>
                                        <% for (const change of auditChanges) { %>
                                            <tr data-type="3">
                                                <td><span class="bg-new-change text-new-change badge text-width">变更审批</span></td>
                                                <td><a href="/tender/<%- change.tid %>"><%- change.name %></a> <a href="/tender/<%- change.tid %>/change/<%- change.cid %>/information"><%- change.ccode %></a></td>
                                                <td>变更</td>
                                                <td><%- (change.sin_time ? ctx.moment(change.sin_time).format('YYYY/MM/DD HH:mm') : '') %></td>
                                                <td><a href="/tender/<%- change.tid %>/change/<%- change.cid %>/information" class="btn btn-sm btn-table <% if (change.cstatus !== acChange.status.checking && change.cstatus !== acChange.status.backnew) { %>btn-outline-warning text-warning<% } else { %>btn-outline-primary<% } %>" role="button"><% if (change.cstatus === acChange.status.checking) { %>审批<% } else if (change.cstatus === acChange.status.backnew) { %>重新审批<% } else { %>重新上报<% } %></a></td>
                                            </tr>
                                        <% } %>
                                        <% for (const acp of auditChangeProject) { %>
                                            <tr data-type="7">
                                                <td><span class="bg-new-changeProject text-new-changeProject badge text-width">变更立项</span></td>
                                                <td><a href="/tender/<%- acp.tid %>"><%- acp.name %></a> <a href="/tender/<%- acp.tid %>/change/project/<%- acp.cpid %>/information"><%- acp.mcode %></a></td>
                                                <td>变更</td>
                                                <td><%- (
                                                            acp.status !== acChangeProject.status.back
                                                                    ? (acp.begin_time ? ctx.moment(acp.begin_time).format('YYYY/MM/DD HH:mm') : '')
                                                                    : (acp.end_time ? ctx.moment(acp.end_time).format('YYYY/MM/DD HH:mm') : '')
                                                    ) %></td>
                                                <td><a href="/tender/<%- acp.tid %>/change/project/<%- acp.cpid %>/information" class="btn btn-sm btn-table <% if (acp.mstatus === acChangeProject.status.back) { %>btn-outline-warning text-warning<% } else { %>btn-outline-primary<% } %>" role="button"><% if (acp.mstatus !== acChangeProject.status.back) { %>审批<% } else { %>重新上报<% } %></a></td>
                                            </tr>
                                        <% } %>
                                        <% for (const aca of auditChangeApply) { %>
                                            <tr data-type="8">
                                                <td><span class="bg-new-changeApply text-new-changeApply badge text-width">变更申请</span></td>
                                                <td><a href="/tender/<%- aca.tid %>"><%- aca.name %></a> <a href="/tender/<%- aca.tid %>/change/apply/<%- aca.caid %>/information"><%- aca.mcode %></a></td>
                                                <td>变更</td>
                                                <td><%- (
                                                            aca.mstatus !== acChangeApply.status.checkNo
                                                                    ? (aca.begin_time ? ctx.moment(aca.begin_time).format('YYYY/MM/DD HH:mm') : '')
                                                                    : (aca.end_time ? ctx.moment(aca.end_time).format('YYYY/MM/DD HH:mm') : '')
                                                    ) %></td>
                                                <td><a href="/tender/<%- aca.tid %>/change/apply/<%- aca.caid %>/information" class="btn btn-sm btn-table <% if (aca.mstatus === acChangeApply.status.checkNo) { %>btn-outline-warning text-warning<% } else { %>btn-outline-primary<% } %>" role="button"><% if (aca.mstatus !== acChangeApply.status.checkNo) { %>审批<% } else { %>重新上报<% } %></a></td>
                                            </tr>
                                        <% } %>
                                        <% for (const acp of auditChangePlan) { %>
                                            <tr data-type="9">
                                                <td><span class="bg-new-changePlan text-new-changePlan badge text-width">变更方案</span></td>
                                                <td><a href="/tender/<%- acp.tid %>"><%- acp.name %></a> <a href="/tender/<%- acp.tid %>/change/plan/<%- acp.cpid %>/information"><%- acp.mcode %></a></td>
                                                <td>变更</td>
                                                <td><%- (
                                                            acp.mstatus !== acChangePlan.status.checkNo
                                                                    ? (acp.begin_time ? ctx.moment(acp.begin_time).format('YYYY/MM/DD HH:mm') : '')
                                                                    : (acp.end_time ? ctx.moment(acp.end_time).format('YYYY/MM/DD HH:mm') : '')
                                                    ) %></td>
                                                <td><a href="/tender/<%- acp.tid %>/change/plan/<%- acp.cpid %>/information" class="btn btn-sm btn-table <% if (acp.mstatus === acChangePlan.status.checkNo) { %>btn-outline-warning text-warning<% } else { %>btn-outline-primary<% } %>" role="button"><% if (acp.mstatus !== acChangePlan.status.checkNo) { %>审批<% } else { %>重新上报<% } %></a></td>
                                            </tr>
                                        <% } %>
                                        <% for (const am of auditMaterial) { %>
                                            <% if (am.mstatus !== acMaterial.status.checkNo) { %>
                                                <tr data-type="1">
                                                    <td><span class="bg-new-material text-new-material badge text-width">材料调差</span></td>
                                                    <td><a href="/tender/<%- am.tid %>"><%- am.name %></a> <a href="/tender/<%- am.tid %>/measure/material/<%- am.morder %>">第<%- am.morder %>期</a></td>
                                                    <td>第<%- am.morder %>期</td>
                                                    <td><%- ctx.moment(am.begin_time).format('YYYY/MM/DD HH:mm') %></td>
                                                    <td><a href="/tender/<%- am.tid %>/measure/material/<%- am.morder %>" class="btn btn-outline-primary btn-sm btn-table" role="button">审批</a></td>
                                                </tr>
                                            <% } else { %>
                                                <tr data-type="1">
                                                    <td><span class="bg-new-material text-new-material badge text-width">材料调差</span></td>
                                                    <td><a href="/tender/<%- am.tid %>"><%- am.name %></a>  <a href="/tender/<%- am.tid %>/measure/material/<%- am.morder %>">第<%- am.morder %>期</a></td>
                                                    <td>第<%- am.morder %>期</td>
                                                    <td><%- ctx.moment(am.end_time).format('YYYY/MM/DD HH:mm') %></td>
                                                    <td><a href="/tender/<%- am.tid %>/measure/material/<%- am.morder %>" class="btn btn-outline-warning btn-sm btn-table text-warning" role="button">重新上报</a></td>
                                                </tr>
                                            <% } %>
                                        <% } %>
                                        <% for (const am of auditAdvance) { %>
                                            <% if (am.mstatus !== acAdvance.status.checkNo) { %>
                                                <tr data-type="6">
                                                    <td><span class="bg-new-advance text-new-advance badge text-width">预付款</span></td>
                                                    <td><a href="/tender/<%- am.tid %>"><%- am.name %></a> <a href="/tender/<%- am.tid %>/advance/<%- am.vid %>/detail"><%- typeColMap[am.mtype].text %>第<%- am.morder %>期</a></td>
                                                    <td>第<%- am.morder %>期</td>
                                                    <td><%- ctx.moment(am.create_time).format('YYYY/MM/DD HH:mm') %></td>
                                                    <td><a href="/tender/<%- am.tid %>/advance/<%- am.vid %>/detail" class="btn btn-outline-primary btn-sm btn-table" role="button">审批</a></td>
                                                </tr>
                                            <% } else { %>
                                                <tr data-type="6">
                                                    <td><span class="bg-new-advance text-new-advance badge text-width">预付款</span></td>
                                                    <td><a href="/tender/<%- am.tid %>"><%- am.name %></a> <a href="/tender/<%- am.tid %>/advance/<%- am.vid %>/detail"><%- typeColMap[am.mtype].text %>第<%- am.morder %>期</a></td>
                                                    <td>第<%- am.morder %>期</td>
                                                    <td><%- ctx.moment(am.end_time).format('YYYY/MM/DD HH:mm') %></td>
                                                    <td><a href="/tender/<%- am.tid %>/advance/<%- am.vid %>/detail" class="btn btn-outline-warning btn-sm btn-table text-warning" role="button">重新上报</a></td>
                                                </tr>
                                            <% } %>
                                        <% } %>
                                        <% for (const audit of auditPayments) { %>
                                            <% if (audit.sstatus !== acStage.status.checkNo) { %>
                                                <tr data-type="10">
                                                    <td><span class="bg-new-payment text-new-payment badge text-width">支付审批</span></td>
                                                    <% if (audit.type) { %>
                                                    <td><a href="/payment/<%- audit.tender_id %>/list/<%- audit.tr_id %>"><%- audit.name %> <%- audit.rpt_name %></a> <a href="/payment/<%- audit.tender_id %>/safe/<%- audit.td_id %>/bills"><%- audit.scode %></a></td>
                                                    <% } else { %>
                                                    <td><a href="/payment/<%- audit.tender_id %>/list/<%- audit.tr_id %>"><%- audit.name %> <%- audit.rpt_name %></a> <a href="/payment/<%- audit.tender_id %>/detail/<%- audit.td_id %>"><%- audit.scode %></a></td>
                                                    <% } %>
                                                    <td>第<%- audit.sorder %>期</td>
                                                    <td><%- ctx.moment(audit.begin_time).format('YYYY/MM/DD HH:mm') %></td>
                                                    <% if (audit.type) { %>
                                                    <td><a href="/payment/<%- audit.tender_id %>/safe/<%- audit.td_id %>/bills" class="btn btn-outline-primary btn-sm btn-table" role="button"><% if (audit.sstatus === acStage.status.checkNoPre) { %>重新<% } %>审批</a></td>
                                                    <% } else { %>
                                                    <td><a href="/payment/<%- audit.tender_id %>/detail/<%- audit.td_id %>" class="btn btn-outline-primary btn-sm btn-table" role="button"><% if (audit.sstatus === acStage.status.checkNoPre) { %>重新<% } %>审批</a></td>
                                                    <% } %>
                                                </tr>
                                            <% } else { %>
                                                <tr data-type="10">
                                                    <td><span class="bg-new-payment text-new-payment badge text-width">支付审批</span></td>
                                                    <% if (audit.type) { %>
                                                    <td><a href="/payment/<%- audit.tender_id %>/list"><%- audit.name %> <%- audit.rpt_name %></a> <a href="/payment/<%- audit.tender_id %>/safe/<%- audit.td_id %>/bills"><%- audit.scode %></a></td>
                                                    <% } else {%>
                                                    <td><a href="/payment/<%- audit.tender_id %>/list"><%- audit.name %> <%- audit.rpt_name %></a> <a href="/payment/<%- audit.tender_id %>/detail/<%- audit.td_id %>"><%- audit.scode %></a></td>
                                                    <% } %>
                                                    <td>第<%- audit.sorder %>期</td>
                                                    <td><%- ctx.moment(audit.end_time).format('YYYY/MM/DD HH:mm') %></td>
                                                    <% if (audit.type) { %>
                                                    <td><a href="/payment/<%- audit.tender_id %>/safe/<%- audit.td_id %>/bills" class="btn btn-outline-warning btn-sm btn-table text-warning" role="button">重新上报</a></td>
                                                    <% } else {%>
                                                    <td><a href="/payment/<%- audit.tender_id %>/detail/<%- audit.td_id %>" class="btn btn-outline-warning btn-sm btn-table text-warning" role="button">重新上报</a></td>
                                                    <% } %>
                                                </tr>
                                            <% } %>
                                        <% } %>
                                    </tbody>
                                </table>
                                <% } else { %>
                                        <div class="p-5 text-center text-muted">
                                            <img src="/public/images/nulllogo.png" />
                                            <div class="pt-3">暂时没有需要你处理的事项</div>
                                        </div>
                                <% } %>
                            </div>
                            <!--&lt;!&ndash;没有处理信息&ndash;&gt;-->
                            <!--<p class="text-center text-muted">暂时没有需要你处理的事项。</p>-->
                        </div>
                    </div>
                </div>
                <div class="col-3 px-0">
                    <div class="card ml-3">
                        <div class="card-header card-white d-flex justify-content-between">
                            <div class="card-big-htext"><span class="card-icon mr-2"></span>我参与的</div></div>
                        <div class="card-body p-0">
                            <div class="row mx-0 echart-height">
                                <div class="col-6 px-0">
                                    <div class="canyu-width canyu-bg-blue mx-3 my-2 p-3 text-white">
                                        <div>参与审批</div>
                                        <div><span class="canyu-text mr-1"><%- total_count %></span>次</div>
                                    </div>
                                </div>
                                <div class="col-6 px-0">
                                    <div class="canyu-width canyu-bg-yellow my-2 mr-3 p-3 text-white">
                                        <div>距最后一次审批已过</div>
                                        <div><span class="canyu-text mr-1"><%- last_day || last_day === 0 ? last_day : '-' %></span>天</div>
                                    </div>
                                </div>
                            </div>
                            <div class="contant-height-two">
                                <div id="jechart" style="height: 90%; width: 100%;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--项目消息通知-->
                <div class="col-3 pl-0">
                    <div class="card ml-3">
                        <div class="card-header card-white d-flex justify-content-between">
                            <div class="card-big-htext"><span class="card-icon mr-2"></span>项目通知</div>
                            <div class="mt-1"><a class="text-secondary" href="/dashboard/msg/list">查看全部</a></div>
                        </div>
                        <div class="card-body p-0">
                            <div class="contant-height-three">
                                <ul class="list-group list-group-flush">
                                    <% if (msgList.length === 0) { %>
                                        <!--没有通知-->
                                        <li class="list-group-item text-muted text-center p-5">
                                            <img src="/public/images/nulllogo.png" />
                                            <p class="pt-2 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 HH:mm') %></li>
                                        <% } %>
                                    <% } %>
                                </ul>
                            </div>
                            <% if (userMsgPermission) { %>
                                <!--发布通知-->
                                <div class="mx-3 pb-3 addmsg-height"><a class="btn btn-outline-primary btn-block" href="/dashboard/msg/add/0">发布通知</a></div>
                            <% } %>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row agency-partheight">
                <div class="col-9 px-0">
                    <div class="card ml-3">
                        <div class="card-header card-white d-flex justify-content-between">
                            <div class="card-big-htext"><span class="card-icon mr-2"></span>参与的标段动态</div>
                            <div>
                                <select class="form-control form-control-sm" id="select-notice-type">
                                    <option value="0">全部</option>
                                    <option value="6">预付款</option>
                                    <option value="5">台账审批</option>
                                    <option value="4">台账修订</option>
                                    <option value="2">计量审批</option>
                                    <option value="3">变更审批</option>
                                    <% if (ctx.session.sessionProject.page_show.openChangeProject) { %>
                                        <option value="7">变更立项</option>
                                    <% } %>
                                    <% if (ctx.session.sessionProject.page_show.openChangeApply) { %>
                                        <option value="8">变更申请</option>
                                    <% } %>
                                    <% if (ctx.session.sessionProject.page_show.openChangePlan) { %>
                                        <option value="9">变更方案</option>
                                    <% } %>
                                    <option value="1">材料调差</option>
                                </select>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <div class="contant-height-one">
                                <% if(noticeList.length) { %>
                                <style>
                                    #notice-list a {
                                        word-wrap:break-word;
                                    }
                                </style>
                                <table style="table-layout:fixed;" class="table table-middle">
                                    <thead class="thead-light">
                                    <tr>
                                        <th width="110" class="pl-3">类型</th>
                                        <th>名称</th>
                                        <th width="150">审批人-职位</th>
                                        <th width="120">审批时间</th>
                                        <th width="60">项目</th>
                                        <th width="80">状态</th>
                                        <th>审批意见</th>
                                    </tr>
                                    </thead>
                                    <tbody id="notice-list">
                                        <!--<ul id="notice" class="list-unstyled m-0">-->
                                        <% for (const notice of noticeList) { %>
                                            <% if(notice.type === pushType.stage) { %>
                                                <tr data-type="2">
                                                    <td><span class="bg-new-stage text-new-stage badge text-width">计量审批</span></td>
                                                    <td><a href="/tender/<%- notice.tid %>"><%- notice.name %></a> <a href="/tender/<%- notice.tid %>/measure/stage/<%- notice.order %>">第<%- notice.order %>期</a></td>
                                                    <td><%- notice.su_name %><%- (notice.su_role ? '-' + notice.su_role : '') %></td>
                                                    <td><%- ctx.helper.dateTran(notice.create_time, 'YYYY/MM/DD HH:mm') %></td>
                                                    <td>第<%- notice.order %>期</td>
                                                    <td class="<%- acStage.statusClass[notice.status]%>"><%- acStage.statusString[notice.status]%></td>
                                                    <td><%- notice.opinion ? notice.opinion : '' %></td>
                                                </tr>
                                            <% } else if(notice.type === pushType.material) { %>
                                                <tr data-type="1">
                                                    <td><span class="bg-new-material text-new-material badge text-width">材料调差</span></td>
                                                    <td><a href="/tender/<%- notice.tid %>"><%- notice.name %></a> <a href="/tender/<%- notice.tid %>/measure/material/<%- notice.order %>">第<%- notice.order %>期</a></td>
                                                    <td><%- notice.su_name %><%- (notice.su_role ? '-' + notice.su_role : '') %></td>
                                                    <td><%- ctx.helper.dateTran(notice.create_time, 'YYYY/MM/DD HH:mm') %></td>
                                                    <td>第<%- notice.order %>期</td>
                                                    <td class="<%- acMaterial.statusClass[notice.status]%>"><%- acMaterial.statusString[notice.status]%></td>
                                                    <td><%- notice.opinion ? notice.opinion : '' %></td>
                                                </tr>
                                            <% } else if(notice.type === pushType.ledger) { %>
                                                <tr data-type="5">
                                                    <td><span class="bg-new-ledger text-new-ledger badge text-width">台账审批</span></td>
                                                    <td><a data-id="<%- notice.id %>" href="/tender/<%- notice.tid %>/ledger"><%- notice.name %></a></td>
                                                    <td><%- notice.su_name %><%- (notice.su_role ? '-' + notice.su_role : '') %></td>
                                                    <td><%- ctx.helper.dateTran(notice.create_time, 'YYYY/MM/DD HH:mm') %></td>
                                                    <td>台账</td>
                                                    <td class="<%- acLedger.statusClass[notice.status]%>"><%- acLedger.statusString[notice.status]%></td>
                                                    <td><%- notice.opinion ? notice.opinion : '' %></td>
                                                </tr>
                                            <% } else if(notice.type === pushType.revise) { %>
                                                <tr data-type="4">
                                                    <td><span class="bg-new-revise text-new-revise badge text-width">台账修订</span></td>
                                                    <td><a href="/tender/<%- notice.tid %>/ledger"><%- notice.name %></a> <a href="/tender/<%- notice.tid %>/revise/<%- notice.rid %>/info">台账修订（第<%- notice.corder %>次）</a></td>
                                                    <td><%- notice.su_name %><%- (notice.su_role ? '-' + notice.su_role : '') %></td>
                                                    <td><%- ctx.helper.dateTran(notice.create_time, 'YYYY/MM/DD HH:mm') %></td>
                                                    <td>第<%- notice.corder %>次</td>
                                                    <td class="<%- acRevise.statusClass[notice.status]%>"><%- acRevise.statusString[notice.status]%></td>
                                                    <td><%- notice.opinion ? notice.opinion : '' %></td>
                                                </tr>
                                            <% } else if(notice.type === pushType.change){ %>
                                                <tr data-type="3">
                                                    <td><span class="bg-new-change text-new-change badge text-width">变更审批</span></td>
                                                    <td><a href="/tender/<%- notice.tid %>"><%- notice.name %></a> <a href="/tender/<%- notice.tid %>/change/<%- notice.cid %>/information"><%- notice.c_code %></a></td>
                                                    <td><%- notice.su_name %><%- (notice.su_role ? '-' + notice.su_role : '') %></td>
                                                    <td><%- ctx.helper.dateTran(notice.create_time, 'YYYY/MM/DD HH:mm') %></td>
                                                    <td>变更</td>
                                                    <td class="<%- acChange.statusClass[notice.status]%>"><%- acChange.statusString[notice.status]%></td>
                                                    <td><%- notice.opinion ? notice.opinion : '' %></td>
                                                </tr>
                                            <% } else if(notice.type === pushType.changeProject && ctx.session.sessionProject.page_show.openChangeProject) { %>
                                                <tr data-type="7">
                                                    <td><span class="bg-new-changeProject text-new-changeProject badge text-width">变更立项</span></td>
                                                    <td><a href="/tender/<%- notice.tid %>"><%- notice.name %></a> <a href="/tender/<%- notice.tid %>/change/project/<%- notice.cpid %>/information"><%- notice.c_code %></a></td>
                                                    <td><%- notice.su_name %><%- (notice.su_role ? '-' + notice.su_role : '') %></td>
                                                    <td><%- ctx.helper.dateTran(notice.create_time, 'YYYY/MM/DD HH:mm') %></td>
                                                    <td>变更</td>
                                                    <td class="<%- acChangeProject.statusClass[notice.status] %>"><%- acChangeProject.statusString[notice.status] %></td>
                                                    <td><%- notice.opinion ? notice.opinion : '' %></td>
                                                </tr>
                                            <% } else if(notice.type === pushType.changeApply && ctx.session.sessionProject.page_show.openChangeApply) { %>
                                                <tr data-type="8">
                                                    <td><span class="bg-new-changeApply text-new-changeApply badge text-width">变更申请</span></td>
                                                    <td><a href="/tender/<%- notice.tid %>"><%- notice.name %></a> <a href="/tender/<%- notice.tid %>/change/apply/<%- notice.caid %>/information"><%- notice.c_code %></a></td>
                                                    <td><%- notice.su_name %><%- (notice.su_role ? '-' + notice.su_role : '') %></td>
                                                    <td><%- ctx.helper.dateTran(notice.create_time, 'YYYY/MM/DD HH:mm') %></td>
                                                    <td>变更</td>
                                                    <td class="<%- acChangeApply.statusClass[notice.status]%>"><%- acChangeApply.statusString[notice.status] %></td>
                                                    <td><%- notice.opinion ? notice.opinion : '' %></td>
                                                </tr>
                                            <% } else if(notice.type === pushType.changePlan && ctx.session.sessionProject.page_show.openChangePlan) { %>
                                                <tr data-type="9">
                                                    <td><span class="bg-new-changePlan text-new-changePlan badge text-width">变更方案</span></td>
                                                    <td><a href="/tender/<%- notice.tid %>"><%- notice.name %></a> <a href="/tender/<%- notice.tid %>/change/plan/<%- notice.cpid %>/information"><%- notice.c_code %></a></td>
                                                    <td><%- notice.su_name %><%- (notice.su_role ? '-' + notice.su_role : '') %></td>
                                                    <td><%- ctx.helper.dateTran(notice.create_time, 'YYYY/MM/DD HH:mm') %></td>
                                                    <td>变更</td>
                                                    <td class="<%- acChangePlan.statusClass[notice.status] %>"><%- acChangePlan.statusString[notice.status] %></td>
                                                    <td><%- notice.opinion ? notice.opinion : '' %></td>
                                                </tr>
                                            <% } else if(notice.type === pushType.advance) { %>
                                                <tr data-type="6">
                                                    <td><span class="bg-new-advance text-new-advance badge text-width">预付款</span></td>
                                                    <td><a href="/tender/<%- notice.tid %>"><%- notice.name %></a> <a href="/tender/<%- notice.tid %>/advance/<%- notice.vid %>/detail"><%- notice.ad_type ? typeColMap[notice.ad_type].text : '' %>第<%- notice.order %>期</a></td>
                                                    <td><%- notice.su_name %><%- (notice.su_role ? '-' + notice.su_role : '') %></td>
                                                    <td><%- ctx.helper.dateTran(notice.create_time, 'YYYY/MM/DD HH:mm') %></td>
                                                    <td>第<%- notice.order %>期</td>
                                                    <td class="<%- acAdvance.statusClass[notice.status]%>"><%- acAdvance.statusString[notice.status]%></td>
                                                    <td><%- notice.opinion ? notice.opinion : '' %></td>
                                                </tr>
                                            <% } %>
                                        <% } %>
                                    </tbody>
                                </table>
                                <% } else { %>
                                    <div class="p-5 text-center text-muted">
                                        <img src="/public/images/nulllogo.png" />
                                        <div class="pt-3">暂时没有需要你关注的事项</div>
                                    </div>
                                <% } %>
                            </div>
                        </div>
                        <!--没有关注信息-->
                        <!--<p class="text-center text-muted">暂时没有需要你关注的事项。</p>-->
                    </div>
                </div>
                <div class="col-3 pl-0">
                    <div class="card ml-3">
                        <div class="card-header card-white d-flex justify-content-between">
                            <div class="card-big-htext"><span class="card-icon mr-2"></span>技术支持</div>
                        </div>
                        <div class="card-body p-0">
                            <!--<h6 class="card-subtitle mb-2 text-muted"><%= salesmanData.username %></h6>-->
                            <div class="contant-height-one">
                                <div class="mx-4">
                                    <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 qrcode-height">
                                                    <% for (const qr of JSON.parse(projectData.qrcode_json)) { %>
                                                        <div class="col-sm text-center"><img src="/<%= qr.path %>" width="100%" style="max-width: 180px"><div class="text-center"><%= qr.name %></div></div>
                                                    <% } %>
                                                </div>
                                            </li>
                                        <% } else { %>
                                            <li class="list-group-item container-fluid">
                                                <div class="row qrcode-height">
                                                    <div class="col-sm text-center"><img src="/public/images/erweima.jpg" width="100%" style="max-width: 180px"><div class="text-center">虾米造价</div></div>
                                                </div>
                                            </li>
                                        <% } %>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/public/js/moment/moment.min.js"></script>
<script src="/public/js/echarts/echarts.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 pushType = JSON.parse('<%- JSON.stringify(pushType) %>');
    const uid = '<%- uid %>';
    const type = 1;
    const userMsgPermission = <%- userMsgPermission %>;
</script>
<script type="text/javascript">
    $(function () {
        function setDashboardHeight() {
            function getObjHeight(select) {
                return select.length > 0 ? select.outerHeight(true) : 0;
            }
            var mobileHeight = getObjHeight($(".mobile-height"));
            var maintainHeight = getObjHeight($(".maintain-height"));
            $('.dashboard-height').height($(window).height()- mobileHeight - maintainHeight - 34 - 16);
            $('.agency-partheight').height($('.dashboard-height').height()/2);
            // $('.agency-partheight').eq(1).height($('.sjs-height-0').height() - $('.agency-partheight').eq(0).height());
            $('.contant-height-one').height($('.agency-partheight').height() - 52 - 20);
            $('.contant-height-two').height($('.agency-partheight').height() - 52 - getObjHeight($(".echart-height")) - 20);
            $('.contant-height-three').height($('.agency-partheight').height() - 52 - getObjHeight($(".addmsg-height")) - 20);
            $('.qrcode-height').height($('.contant-height-one').height() - 43 - 44 - 44 - 25);
            $('.qrcode-height .col-sm').css('padding-top', ($('.qrcode-height').height()/2 - ($('.qrcode-height img').height()+18)/2) + 'px');
            // resizeChart();
        }
        setDashboardHeight();
        $(window).resize(setDashboardHeight);

        $('#select-notice-type').change(function () {
            const type = parseInt($(this).val());
            if(type === 0) {
                $('#notice-list tr').show();
                return;
            } else {
                $('#notice-list tr').hide();
                $('#notice-list tr[data-type="' + type + '"]').show();
            }
        });

        $('#select-doing-type').change(function () {
            const type = parseInt($(this).val());
            if(type === 0) {
                $('#doing-list tr').show();
                return;
            } else {
                $('#doing-list tr').hide();
                $('#doing-list tr[data-type="' + type + '"]').show();
            }
        });
    })
    var transparentCount = 1;
    const option = {
        // title: {
        //     text: '金额统计图',
        //     left: 'center',
        //     top:'7%'
        // },
        color: [
            'rgba(241, 82, 91,'+ transparentCount +')',
            'rgba(250, 140, 22,'+ transparentCount +')',
            'rgba(251, 182, 45,'+ transparentCount +')',
            'rgba(82, 196, 26,'+ transparentCount +')',
            'rgba(22, 208, 208,'+ transparentCount +')',
            <% if (ctx.session.sessionProject.page_show.openChangeProject) { %>
            'rgba(51, 119, 255,'+ transparentCount +')',
            <% } %>
            <% if (ctx.session.sessionProject.page_show.openChangeApply) { %>
            'rgba(41, 58, 210,'+ transparentCount +')',
            <% } %>
            <% if (ctx.session.sessionProject.page_show.openChangePlan) { %>
            'rgba(114, 46, 209,'+ transparentCount +')',
            <% } %>
            'rgba(187, 41, 210,'+ transparentCount +')',
        ],
        tooltip: {
            trigger: 'item'
        },
        legend: [
            {
                orient: 'vertical',
                left: '3%',
                top: 'center',
                itemWidth: 13,
                itemHeight: 13,
                textStyle: {
                    fontSize: 12
                },
                data: [<% for (const sc of shenpi_count.slice(0, shenpi_count.length/2)) { %>
                    '<%- sc.name %>',
                <% } %>]
            },
            {
                orient: 'vertical',
                right: '3%',
                top: 'center',
                itemWidth: 13,
                itemHeight: 13,
                textStyle: {
                    fontSize: 12
                },
                data: [<% for (const sc of shenpi_count.slice(shenpi_count.length/2, shenpi_count.length)) { %>
                    '<%- sc.name %>',
                    <% } %>]
            }
        ],
        series: [
            {
                name: '审批次数',
                type: 'pie',
                radius: ['35%', '55%'],
                center: ['50%', '50%'],
                avoidLabelOverlap: false,
                data: [
                    <% for (const sc of shenpi_count) { %>
                    { value: <%- sc.count %>, name: '<%- sc.name %>' },
                    <% } %>
                ],
                label: {
                    show: false
                },
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    function optionRadius() {
        if ($(window).outerWidth() > 1366) {
            if ($('#jechart').outerWidth() - $('#jechart').outerHeight() < 90) {
                option.series[0].radius = ['35%', '55%'];
            } else if ($('#jechart').outerWidth() < 320) {
                option.series[0].radius = ['35%', '60%'];
            } else if ($('#jechart').outerWidth() < 330) {
                option.series[0].radius = ['40%', '65%'];
            } else if ($('#jechart').outerWidth() < 350) {
                option.series[0].radius = ['45%', '70%'];
            } else {
                option.series[0].radius = ['50%', '75%'];
            }
        } else {
            option.series[0].radius = ['50%', '75%'];
        }
    }
    function initChart() {
        const myChart1 = echarts.init(document.getElementById('jechart'));
        optionRadius();
        myChart1.setOption(option, true);
        window.addEventListener('resize', function () {
            optionRadius();
            myChart1.setOption(option, true);
            myChart1.resize();
        });
    }
    // initChart();
    setTimeout(function () {
        initChart();
    },500);

    // $(window).resize(resizeChart);
    // function resizeChart() {
    //     myChart1.resize()
    // }
    // var myChart1 = echarts.init(document.getElementById('jechart'));
    // setTimeout(function () {
    //     myChart1.setOption(option);
    //     resizeChart();
    //     // resizeChart();
    // },500);
</script>