index.ejs 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <% include ./sub_menu.ejs %>
  2. <div class="panel-content">
  3. <div class="panel-title">
  4. <div class="title-main d-flex">
  5. <% include ./sub_mini_menu.ejs %>
  6. <div>
  7. <div class="d-inline-block">
  8. <div class="dropdown">
  9. <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  10. <i class="fa fa-list-ol"></i> 显示层级
  11. </button>
  12. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  13. <a class="dropdown-item" name="showLevel" tag="1" href="javascript: void(0);">第一层</a>
  14. <a class="dropdown-item" name="showLevel" tag="2" href="javascript: void(0);">第二层</a>
  15. <a class="dropdown-item" name="showLevel" tag="3" href="javascript: void(0);">第三层</a>
  16. <a class="dropdown-item" name="showLevel" tag="4" href="javascript: void(0);">第四层</a>
  17. <a class="dropdown-item" name="showLevel" tag="last" href="javascript: void(0);">最底层</a>
  18. </div>
  19. </div>
  20. </div>
  21. <div class="d-inline-block">
  22. <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>
  23. <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>
  24. <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>
  25. <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>
  26. <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>
  27. <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>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="content-wrap row pr-46">
  33. <div class="c-header p-0 col-12">
  34. </div>
  35. <!--核心内容(两栏)-->
  36. <div class="row w-100 sub-content">
  37. <!--左栏-->
  38. <div class="c-body" id="left-view" style="width: 100%">
  39. <div id="bills-spread" class="sjs-height-1"></div>
  40. </div>
  41. <div class="c-body" id="right-view" style="display: none; width: 33%;">
  42. <div class="resize-x" id="right-spr" r-Type="width" div1="#left-view" div2="#right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
  43. <div class="tab-content">
  44. <div id="std-gcl" class="tab-pane tab-select-show">
  45. </div>
  46. <div id="fujian" class="tab-pane tab-select-show">
  47. <div class="sjs-bar">
  48. <ul class="nav nav-tabs">
  49. <li class="nav-item">
  50. <a class="nav-link active" data-toggle="tab" href="#dqjiedian" role="tab" fujian-content="dqjiedian">当前节点</a>
  51. </li>
  52. <li class="nav-item">
  53. <a class="nav-link" data-toggle="tab" href="#syfujian" role="tab" fujian-content="syfujian">所有附件</a>
  54. </li>
  55. <li class="nav-item ml-auto pt-1">
  56. <button id="bach-download" class="btn btn-sm btn-primary" type="curr">批量下载</button>
  57. <!--所有附件 翻页-->
  58. <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>
  59. <a href="#upload" data-toggle="modal" data-target="#upload" class="btn btn-sm btn-outline-primary ml-3">上传</a>
  60. </li>
  61. </ul>
  62. </div>
  63. <a href="javascript: void(0);" id="zipDown" download style="display: none;"></a>
  64. <div class="tab-content">
  65. <div class="tab-pane active" id="dqjiedian">
  66. <div class="sjs-height-3" style="overflow:auto; overflow-x:hidden;">
  67. <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
  68. <tr><th width="25"><input type="checkbox" class="check-all-file"><th>文件名</th><th width="80">上传</th></tr>
  69. <tbody id="nodelist-table" class="list-table">
  70. </tbody>
  71. </table>
  72. </div>
  73. </div>
  74. <div class="tab-pane" id="syfujian">
  75. <div class="sjs-height-3" style="overflow:auto; overflow-x:hidden;">
  76. <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
  77. <tr><th width="25"><input type="checkbox" class="check-all-file"></th><th>文件名</th><th width="80">上传</th></tr>
  78. <tbody id="alllist-table" class="list-table">
  79. </tbody>
  80. </table>
  81. </div>
  82. </div>
  83. <div class="sjs-bottom">
  84. <div class="resize-y" id="file-spr" r-Type="height" div1=".sjs-height-3" div2=".sjs-bottom" title="调整大小"><!--调整上下高度条--></div>
  85. <br>
  86. <div class="tab-content" id="showAttachment" style="display: none" file-id="">
  87. <div class="sjs-bottom-2">
  88. <a href="javascript:void(0);" target="_blank" style="display: none" id="load-file"></a>
  89. <div class="d-flex justify-content-end mb-1" id="btn-att">
  90. <a href="javascript:void(0);" content="location" class="btn btn-sm btn-outline-primary" style="margin-right: 5px">定位</a>
  91. <a href="javascript:void(0);" content="view" class="btn btn-sm btn-outline-primary" style="margin-right: 5px">查看</a>
  92. <!--默认 有删除权限-->
  93. <a href="javascript:void(0);" content="del" class="btn btn-sm text-danger" style="display: none; margin-right: 5px">删除</a>
  94. <!--默认 有编辑权限-->
  95. <a href="javascript:void(0);" content="edit" class="btn btn-sm btn-outline-primary" style="display: none; margin-right: 5px">编辑</a>
  96. <!--编辑模式-->
  97. <a href="javascript:void(0);" content="save" class="btn btn-sm btn-outline-success mr-1" style="display: none; margin-right: 5px">保存</a>
  98. <a href="javascript:void(0);" content="cancel" class="btn btn-sm btn-outline-secondary" style="display: none; margin-right: 5px">取消</a>
  99. </div>
  100. <!--显示信息-->
  101. <table class="table table-sm table-bordered" id="show-att" style="word-break:break-all; table-layout: fixed">
  102. <tbody>
  103. <tr><th>文件名</th><td colspan="3">asdasd.jpg</td></tr>
  104. <tr><th>所在节点</th><td colspan="3" id="show-att-node">1 第一部分 建筑安装工程非</td></tr>
  105. <!-- <tr><td colspan="4"><a href="javascript:void(0);" target="_blank"><span>下载附件</span></a></td></tr> -->
  106. <tr><th>上传者</th><td>张三</td><th>上传时间</th><td>2018-10-20</td></tr>
  107. <tr><th>备注</th><td colspan="3"></td></tr>
  108. </tbody>
  109. </table>
  110. <div id="edit-att" style="display: none">
  111. <!--编辑模式-->
  112. <div class="form-group">
  113. <div class="input-group input-group-sm">
  114. <div class="input-group-prepend">
  115. <span class="input-group-text">文件名</span>
  116. </div>
  117. <input type="text" class="form-control form-control-sm" value="asdasd">
  118. <div class="input-group-append">
  119. <span class="input-group-text">.jpg</span>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="form-group">
  124. <div class="input-group input-group-sm">
  125. <div class="input-group-prepend">
  126. <span class="input-group-text">所在节点</span>
  127. </div>
  128. <input type="text" class="form-control form-control-sm" value="1 第一部分 建筑安装工程非" readonly="">
  129. </div>
  130. </div>
  131. <div class="form-group">
  132. <div class="input-group input-group-sm">
  133. <div class="input-group-prepend">
  134. <span class="input-group-text">上传时间</span>
  135. </div>
  136. <input type="text" class="form-control form-control-sm" value="2018-10-20" readonly="">
  137. </div>
  138. </div>
  139. <div class="form-group">
  140. <div class="input-group input-group-sm">
  141. <div class="input-group-prepend">
  142. <span class="input-group-text">备注</span>
  143. </div>
  144. <input type="text" class="form-control form-control-sm" value="">
  145. </div>
  146. </div>
  147. <div class="form-group">
  148. <label>替换文件</label>
  149. <div class="custom-file">
  150. <input type="file" class="custom-file-input" id="change-att-btn">
  151. <label class="custom-file-label" data-browse="浏览" for="customFile">选择文件</label>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. <!--右侧菜单-->
  164. <div class="side-menu">
  165. <ul class="nav flex-column right-nav" id="side-menu">
  166. <li class="nav-item">
  167. <a class="nav-link" content="#std-gcl" href="javascript: void(0);">工程量清单</a>
  168. </li>
  169. <li class="nav-item">
  170. <a class="nav-link" content="#fujian" href="javascript: void(0);">附件</a>
  171. </li>
  172. </ul>
  173. </div>
  174. </div>
  175. </div>
  176. <script>
  177. const readOnly = false;
  178. const stdBills = JSON.parse(unescape('<%- escape(JSON.stringify(stdBills)) %>'));
  179. </script>