Calculation/app/view/ledger/explode.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title"><!--收起详解目录添加类名 fluid -->
        <div class="title-main d-flex"><!--工具-->
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <div>
                <div class="d-inline-block">
                    <div class="dropdown">
                        <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-list-ol"></i> 显示层级
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item" name="showLevel" tag="1" href="javascript:void(0);">第一层</a>
                            <a class="dropdown-item" name="showLevel" tag="2" href="javascript:void(0);">第二层</a>
                            <a class="dropdown-item" name="showLevel" tag="3" href="javascript:void(0);">第三层</a>
                            <a class="dropdown-item" name="showLevel" tag="4" href="javascript:void(0);">第四层</a>
                            <a class="dropdown-item" name="showLevel" tag="5" href="javascript:void(0);">第五层</a>
                            <a class="dropdown-item" name="showLevel" tag="last" href="javascript:void(0);">最底层</a>
                            <a class="dropdown-item" name="showLevel" tag="leafXmj" href="javascript:void(0);">只显示项目节</a>
                        </div>
                    </div>
                </div>
                <div class="d-inline-block">
                    <a href="javascript:void(0)" id="insert" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="新增"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="delete" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="up-level" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="down-level" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="down-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="up-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="copy" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="复制"><i class="fa fa-files-o" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="cut" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="剪切"><i class="fa fa-scissors" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="paste" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="粘贴"><i class="fa fa-clipboard" aria-hidden="true"></i></a>
                </div>
                <div class="d-inline-block">
                    <div class="input-group input-group-sm ml-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">表达式</span>
                        </div>
                        <input type="text" class="form-control form-control-sm m-0" id="bills-expr" readonly="">
                    </div>
                </div>
                <div class="d-inline-block ml-3">
                    <a id="exportLedger" class="btn btn-primary btn-sm" href="javascript: void(0)">导出台账Excel</a>
                </div>
                <div class="d-inline-block ml-1">
                    <a href="#upload-ybp" data-toggle="modal" data-target="#upload-ybp" class="btn btn-sm btn-primary">导入计价文件</a>
                </div>
                <% if (syncLedgerUrl) { %>
                <div class="d-inline-block ml-1">
                    <a id="sync-ledger" class="btn btn-primary btn-sm" href="javascript: void(0)">同步台账</a>
                </div>
                <% } %>
            </div>
            <div class="ml-auto">
                <a class="btn btn-sm btn-primary mr-1" id="ledger-check2" href="javascript: void(0);">数据检查</a>
                <% if (tender.ledger_status === auditConst.status.checkNo) { %>
                    <a href="#sp-list" data-type="hide" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm text-dark sp-list-btn">审批退回</a>
                <% } else if (tender.ledger_status === auditConst.status.checking && tender.curAuditorIds.indexOf(ctx.session.sessionUser.accountId) < 0) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm text-dark">审批中</a>
                <% } else if (tender.ledger_status === auditConst.status.checked) { %>
                    <a href="#sp-list" data-type="hide" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm sp-list-btn">审批完成</a>
                <% } %>
                <% if (ctx.session.sessionUser.accountId === tender.user_id) { %>
                    <% if (tender.ledger_status === auditConst.status.uncheck) { %>
                        <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm">上报审批</a>
                    <% } else if (tender.ledger_status === auditConst.status.checkNo) { %>
                        <a href="#sp-list" data-type="show" data-toggle="modal" data-target="#sp-list" class="btn btn-primary btn-sm sp-list-btn" style="margin-right: 5px;">重新上报</a>
                    <% } %>
                <% } %>

                <% if (tender.ledger_status === auditConst.status.checking && tender.curAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
                <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm mr-1">审批通过</a>
                <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm mr-1">审批退回</a>
                <% }%>
                <% if (tender.ledger_status === auditConst.status.checked && tender.finalAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0 && !tender.hasStage && !tender.hasRevise) { %>
                <a href="javascript: void(0);" data-toggle="modal" data-target="#sp-down-back" class="btn btn-warning btn-sm mr-1">重新审批</a>
                <% }%>
            </div>
        </div>
    </div>
    <div class="content-wrap row pr-46">
        <div class="c-header p-0 col-12">
        </div>
        <!--核心内容（两栏）-->
        <div class="row w-100 sub-content">
            <!--左栏-->
            <div class="c-body" id="left-view" style="width: 100%">
                <div id="ledger-spread" class="sjs-height-1"></div>
                <% if (tender.measure_type === measureType.tz.value) { %>
                <div class="bcontent-wrap" id="main-bottom">
                    <div id="main-resize" class="resize-y" id="top-spr" r-Type="height" div1=".sjs-height-1" div2=".bcontent-wrap" title="调整大小"><!--调整上下高度条--></div>
                    <div class="bc-bar mb-1 d-flex">
                        <div class="d-inline-block">
                            <ul class="nav nav-tabs">
                                <li class="nav-item">
                                    <a class="nav-link active" href="javascript:void(0)">计量单元</a>
                                </li>
                                <li class="ml-2 nav-item">
                                    <div class="d-inline-flex">
                                        <a href="javascript: void(0);" name="pos-opr" type="down-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                                        <a href="javascript: void(0);" name="pos-opr" type="up-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                                    </div>
                                </li>
                                <li class="nav-item" id="pos-search">
                                </li>
                                <li class="nav-item">
                                    <div class="d-inline-block">
                                        <div class="input-group input-group-sm ml-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1">表达式</span>
                                            </div>
                                            <input type="text" class="form-control form-control-sm m-0" id="pos-expr" readonly="">
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ml-auto">
                            <!--<a class="btn btn-sm btn-primary mr-1 mt-1" id="anc-gcl-btn" href="javascript: void(0);">附属工程量</a>-->
                            <% if (tenderInfo.display.ledger.ancillaryGcl) {%>
                            <ul class="nav nav-tabs" id="anc-gcl-nav" >
                                <li class="nav-item">
                                    <div class="form-check form-check-inline mt-1">
                                        <input class="form-check-input pt-1" type="checkbox" id="filter-anc-gcl" value="0" name="is_aux">
                                        <label class="form-check-label" for="filter-anc-gcl">不显示辅材</label>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="javascript:void(0)">附属工程量</a>
                                </li>
                            </ul>
                            <% } %>
                        </div>
                    </div>
                    <div class="sp-wrap" style="display: flex; flex-wrap: wrap;">
                        <div class="c-body" id="pos-spread" style="width: 100%">
                        </div>
                        <div class="c-body" id="pos-right" style="display: none; width: 40%;">
                            <div class="resize-x" id="pos-right-spr" r-Type="width" div1="#pos-spread" div2="#pos-right" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                            <div class="sp-wrap" id="anc-gcl-spread">
                            </div>
                        </div>
                    </div>
                </div>
                <% } %>
            </div>
            <div class="c-body" id="right-view" style="display: none; width: 33%;">
                <div class="resize-x" id="right-spr" r-Type="width" div1="#left-view" div2="#right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                <div class="tab-content">
                    <div id="search" class="tab-pane tab-select-show">
                    </div>
                    <div id="std-xmj" class="tab-pane tab-select-show">
                    </div>
                    <div id="std-gcl" class="tab-pane tab-select-show">
                    </div>
                    <div id="deal-bills" class="tab-pane tab-select-show">
                        <div class="sjs-bar-4 d-flex">
                            <div class="pb-1">
                                <% if (dealBillsPermission) { %>
                                <a href="#upload-deal" data-toggle="modal" data-target="#upload-deal" class="btn btn-sm btn-primary">上传签约清单</a>
                                <% } else { %>
                                <a href="javascript: void(0);" class="btn btn-sm btn-primary disabled">上传签约清单</a>
                                <% } %>
                                <a href="#db-full-code" data-toggle="modal" data-target="#db-full-code" class="btn btn-sm btn-primary">转换长编号</a>
                                <a href="/tender/<%- ctx.tender.id %>/deal/download/签约清单.xlsx" class="btn btn-sm btn-primary" style="display: none">下载签约清单</a>
                            </div>
                            <div class="ml-auto mr-1">
                                <div class="dropdown">
                                    <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <i class="fa fa-search"></i>
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <div class="px-2 border-primary border-1 d-flex" style="width: 300px">
                                            <div class="d-inline-block">
                                                <div class="input-group input-group-sm">
                                                    <input type="text" class="form-control" id="dbs-keyword" placeholder="输入编号/名称查找">
                                                    <div class="input-group-append" >
                                                        <span class="input-group-text" id="dbs-count">结果：0</span>
                                                    </div>
                                                    <div class="input-group-append" >
                                                        <button class="btn btn-outline-secondary" id="dbs-pre" type="button" title="上一个"><i class="fa fa-angle-double-left"></i></button>
                                                        <button class="btn btn-outline-secondary" id="dbs-next" type="button" title="下一个"><i class="fa fa-angle-double-right"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="d-inline-block">
                                                <button class="btn btn-light text-danger btn-sm ml-1" id="dbs-clear" type="button"><i class="fa fa-remove"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="deal-bills-spread" class="sjs-sh-4">
                        </div>
                    </div>
                    <div id="bills-tag" class="tab-pane tab-select-show">
                    </div>
                    <div id="error-list" class="tab-pane tab-select-show">
                    </div>
                    <div id="check-list" class="tab-pane tab-select-show">
                    </div>
                    <div id="fujian" class="tab-pane tab-select-show">
                      <div class="sjs-bar">
                          <ul class="nav nav-tabs">
                              <li class="nav-item">
                                  <a class="nav-link active" data-toggle="tab" href="#dqjiedian" role="tab" fujian-content="dqjiedian">当前节点</a>
                              </li>
                              <li class="nav-item">
                                  <a class="nav-link" data-toggle="tab" href="#syfujian" role="tab" fujian-content="syfujian">所有附件</a>
                              </li>
                              <li class="nav-item ml-auto pt-1">
                                  <button  id="bach-download" class="btn btn-sm btn-primary" type="curr">批量下载</button>
                                  <!--所有附件 翻页-->
                                  <span id="showPage" style="display: none"><a href="javascript:void(0);" class="page-select ml-3" content="pre"><i class="fa fa-chevron-left"></i></a> <span id="currentPage">1</span>/<span id="totalPage">10</span> <a href="javascript:void(0);" class="page-select mr-3" content="next"><i class="fa fa-chevron-right"></i></a></span>
                                  <% if (!ctx.tender.isTourist || (ctx.tender.isTourist && ctx.tender.touristPermission.file)) { %>
                                  <a href="#upload" data-toggle="modal" data-target="#upload"  class="btn btn-sm btn-outline-primary ml-3">上传</a>
                                  <% } %>
                              </li>
                          </ul>
                      </div>
                      <a href="javascript: void(0);" id="zipDown" download style="display: none;"></a>
                      <div class="tab-content">
                          <div class="tab-pane active" id="dqjiedian">
                              <div class="sjs-height-3" style="overflow:auto; overflow-x:hidden;">
                                  <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
                                      <tr><th width="25"><input type="checkbox" class="check-all-file"><th>文件名</th><th width="80">上传</th></tr>
                                      <tbody id="nodelist-table" class="list-table">
                                      </tbody>
                                  </table>
                              </div>
                          </div>
                          <div class="tab-pane" id="syfujian">
                              <div class="sjs-height-3" style="overflow:auto; overflow-x:hidden;">
                                  <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
                                      <tr><th width="25"><input type="checkbox" class="check-all-file"></th><th>文件名</th><th width="80">上传</th></tr>
                                      <tbody id="alllist-table" class="list-table">
                                      </tbody>
                                  </table>
                              </div>
                          </div>
                          <div class="sjs-bottom">
                              <div class="resize-y" id="file-spr" r-Type="height" div1=".sjs-height-3" div2=".sjs-bottom" title="调整大小"><!--调整上下高度条--></div>
                              <br>
                              <div class="tab-content" id="showAttachment" style="display: none" file-id="">
                                  <div class="sjs-bottom-2">
                                      <a href="javascript:void(0);" target="_blank" style="display: none" id="load-file"></a>
                                      <div class="d-flex justify-content-end mb-1" id="btn-att">
                                          <a href="javascript:void(0);" content="location" class="btn btn-sm btn-outline-primary" style="margin-right: 5px">定位</a>
                                          <a href="javascript:void(0);" content="view" class="btn btn-sm btn-outline-primary" style="margin-right: 5px">查看</a>
                                          <!--默认 有删除权限-->
                                          <a href="javascript:void(0);" content="del" class="btn btn-sm text-danger" style="display: none; margin-right: 5px">删除</a>
                                          <!--默认 有编辑权限-->
                                          <a href="javascript:void(0);" content="edit" class="btn btn-sm btn-outline-primary" style="display: none; margin-right: 5px">编辑</a>
                                          <!--编辑模式-->
                                          <a href="javascript:void(0);" content="save" class="btn btn-sm btn-outline-success mr-1" style="display: none; margin-right: 5px">保存</a>
                                          <a href="javascript:void(0);" content="cancel" class="btn btn-sm btn-outline-secondary" style="display: none; margin-right: 5px">取消</a>
                                      </div>
                                      <!--显示信息-->
                                      <table class="table table-sm table-bordered" id="show-att" style="word-break:break-all; table-layout: fixed">
                                          <tbody>
                                          <tr><th>文件名</th><td colspan="3">asdasd.jpg</td></tr>
                                          <tr><th>所在节点</th><td colspan="3" id="show-att-node">1 第一部分 建筑安装工程非</td></tr>
                                          <!-- <tr><td colspan="4"><a href="javascript:void(0);" target="_blank"><span>下载附件</span></a></td></tr> -->
                                          <tr><th>上传者</th><td>张三</td><th>上传时间</th><td>2018-10-20</td></tr>
                                          <tr><th>备注</th><td colspan="3"></td></tr>
                                          </tbody>
                                      </table>
                                      <div id="edit-att" style="display: none">
                                      <!--编辑模式-->
                                          <div class="form-group">
                                              <div class="input-group input-group-sm">
                                                  <div class="input-group-prepend">
                                                      <span class="input-group-text">文件名</span>
                                                  </div>
                                                  <input type="text" class="form-control form-control-sm" value="asdasd">
                                                  <div class="input-group-append">
                                                      <span class="input-group-text">.jpg</span>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="form-group">
                                              <div class="input-group input-group-sm">
                                                  <div class="input-group-prepend">
                                                      <span class="input-group-text">所在节点</span>
                                                  </div>
                                                  <input type="text" class="form-control form-control-sm" value="1 第一部分 建筑安装工程非" readonly="">
                                              </div>
                                          </div>
                                          <div class="form-group">
                                              <div class="input-group input-group-sm">
                                                  <div class="input-group-prepend">
                                                      <span class="input-group-text">上传时间</span>
                                                  </div>
                                                  <input type="text" class="form-control form-control-sm" value="2018-10-20" readonly="">
                                              </div>
                                          </div>
                                          <div class="form-group">
                                              <div class="input-group input-group-sm">
                                                  <div class="input-group-prepend">
                                                      <span class="input-group-text">备注</span>
                                                  </div>
                                                  <input type="text" class="form-control form-control-sm" value="">
                                              </div>
                                          </div>
                                          <div class="form-group">
                                              <label>替换文件</label>
                                              <div class="custom-file">
                                                  <input type="file" class="custom-file-input" id="change-att-btn">
                                                  <label class="custom-file-label" data-browse="浏览" for="customFile">选择文件</label>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                    <div id="gcl-gather" class="tab-pane tab-select-show">
                    </div>
                </div>
            </div>
        </div>
        <!--右侧菜单-->
        <div class="side-menu">
            <ul class="nav flex-column right-nav" id="side-menu">
                <li>
                    <a class="nav-link" content="#search" href="javascript: void(0);">查找定位</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#std-xmj" href="javascript: void(0);">项目节</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#std-gcl" href="javascript: void(0);">标准清单</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#deal-bills" href="javascript: void(0);">签约清单</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#bills-tag" href="javascript: void(0);">书签</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#fujian" href="javascript: void(0);">附件</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#error-list" id="error-list-tab" href="javascript: void(0);" style="display: none;">错误列表</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#check-list" id="check-list-tab" href="javascript: void(0);" style="display: none;">数据检查</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#gcl-gather" id="gcl-gather-tab" href="javascript: void(0);">清单汇总</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="/public/js/moment/moment.min.js"></script>
<script type="text/javascript">
    const readOnly = <%- ctx.tender.ledgerReadOnly %>;
    const contractExpr = <%- !!ctx.session.sessionProject.page_show.openContractExpr && tender.ledger_status === auditConst.status.checked %>;
    const deleteFilePermission = <%- deleteFilePermission %>;
    const tender = JSON.parse('<%- JSON.stringify(tender) %>');
    const tenderInfo = JSON.parse(unescape('<%- escape(JSON.stringify(tenderInfo)) %>'));
    const thousandth = <%- ctx.tender.info.display.thousandth %>;
    const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
    const auditType = JSON.parse('<%- JSON.stringify(auditType) %>');
    let attData = JSON.parse(unescape('<%- escape(JSON.stringify(attData)) %>'));
    const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
    const measureType = JSON.parse('<%- JSON.stringify(measureType) %>');
    let ledgerSpreadSetting = '<%- ledgerSpreadSetting %>';
    const shenpi_status = <%- ctx.tender.info.shenpi.ledger %>;
    const shenpiConst =  JSON.parse('<%- JSON.stringify(shenpiConst) %>');
    let currPageFileData = [];
    ledgerSpreadSetting = JSON.parse(ledgerSpreadSetting);
    ledgerSpreadSetting.localCache = {
        key: 'ledger-bills',
        colWidth: true,
    };
    let posSpreadSetting = JSON.parse('<%- posSpreadSetting %>');
    posSpreadSetting.localCache = {
        key: 'ledger-pos',
        colWidth: true,
    };
    const stdChapters = JSON.parse(unescape('<%- escape(JSON.stringify(stdChapters)) %>'));
    const stdBills = JSON.parse(unescape('<%- escape(JSON.stringify(stdBills)) %>'));
    $('.sp-list-btn').click(function () {
        const type = $(this).data('type')
        if (type === 'hide') {
            $('.sp-list-item').hide()
            $('.modal-title').text('审批流程')
        } else {
            $('.sp-list-item').show()
            $('.modal-title').text('重新上报')
        }
    });
    const syncLedgerUrl = '<%- syncLedgerUrl %>';
    const nodeType = JSON.parse('<%- JSON.stringify(nodeType) %>');
</script>
<% if ((tender.ledger_status !== auditConst.status.checked && ctx.session.sessionUser.is_admin) || ((tender.ledger_status === auditConst.status.uncheck || tender.ledger_status === auditConst.status.checkNo) && ctx.session.sessionUser.accountId === tender.user_id)) { %>
<script>
    const accountList = JSON.parse('<%- JSON.stringify(accountList) %>');
    const accountGroup = JSON.parse('<%- JSON.stringify(accountGroup) %>');
    let auditorList = JSON.parse(unescape('<%- escape(JSON.stringify(auditors)) %>'));
</script>
<% } %>