123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179 |
- <% include ./sub_menu.ejs %>
- <div class="panel-content">
- <div class="panel-title">
- <div class="title-main d-flex">
- <% include ./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="last" href="javascript: void(0);">最底层</a>
- </div>
- </div>
- </div>
- <div class="d-inline-block">
- <a href="javascript: void(0);" name="base-opr" type="add" 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);" name="base-opr" type="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);" name="base-opr" type="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);" name="base-opr" type="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);" name="base-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="base-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>
- </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="bills-spread" class="sjs-height-1"></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="std-gcl" 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>
- <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>
- </div>
- </div>
- <!--右侧菜单-->
- <div class="side-menu">
- <ul class="nav flex-column right-nav" id="side-menu">
- <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="#fujian" href="javascript: void(0);">附件</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <script>
- const readOnly = false;
- const stdBills = JSON.parse(unescape('<%- escape(JSON.stringify(stdBills)) %>'));
- </script>
|