detail.ejs 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  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. <a href="javascript: void(0)" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加" name="base-opr" type="add"><i class="fa fa-plus" aria-hidden="true"></i></a>
  9. <a href="javascript: void(0)" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除" name="base-opr" type="delete"><i class="fa fa-remove" aria-hidden="true"></i></a>
  10. <a href="javascript: void(0)" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移" name="base-opr" type="down-move"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
  11. <a href="javascript: void(0)" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移" name="base-opr" type="up-move"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
  12. </div>
  13. <div class="d-inline-block ">
  14. <div class="input-group input-group-sm ml-2 mt-1">
  15. <div class="input-group-prepend">
  16. <span class="input-group-text">表达式</span>
  17. </div>
  18. <input type="text" class="form-control m-0" style="width: 270px" value="" id="pay-expr">
  19. </div>
  20. </div>
  21. </div>
  22. <div class="ml-auto">
  23. <% if (!ctx.phasePay.readOnly) { %>
  24. <button class="btn btn-sm btn-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="计算全部" id="calc-all"><i class="fa fa-play"></i></button>
  25. <% } %>
  26. <% if (ctx.phasePay.audit_status === auditConst.status.uncheck) { %>
  27. <button class="btn btn-sm btn-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="刷新基数" id="reload-calc-base"><i class="fa fa-repeat"></i></button>
  28. <% } %>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="content-wrap pr-46">
  33. <div class="c-header p-0"></div>
  34. <!--核心内容(两栏)-->
  35. <div class="row w-100 sub-content">
  36. <!--左栏-->
  37. <div class="c-body" id="left-view" style="width: 100%">
  38. <div class="sjs-height-1" id="pay-spread">
  39. </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="calcBase" class="tab-pane tab-select-show">
  45. <div class="side-bar-1"></div>
  46. <div class="sjs-sh-1">
  47. <table class="table table-bordered">
  48. <tr><th></th><th>可选基数</th><th>计算代号</th><th>值</th></tr>
  49. <tbody id="base-list">
  50. <% for (let iBase = 0; iBase < calcBase.length; iBase++) { %>
  51. <tr>
  52. <td><%- iBase + 1 %></td>
  53. <td><%- calcBase[iBase].name %></td>
  54. <td><%- calcBase[iBase].code %></td>
  55. <% if (calcBase[iBase].code === 'bqyf') { %>
  56. <td class="text-right">--</td>
  57. <% } else {%>
  58. <td class="text-right"><%- (ctx.tender.info.display.thousandth ? ctx.helper.formatNum(calcBase[iBase].value, '#,##0.######') : calcBase[iBase].value) %></td>
  59. <% } %>
  60. </tr>
  61. <% } %>
  62. </tbody>
  63. </table>
  64. </div>
  65. </div>
  66. <div id="fujian" class="tab-pane tab-select-show">
  67. <div class="sjs-bar">
  68. <ul class="nav nav-tabs">
  69. <li class="nav-item">
  70. <a class="nav-link active" data-toggle="tab" href="#cur-att" role="tab" fujian-content="cur-att">当前节点</a>
  71. </li>
  72. <li class="nav-item">
  73. <a class="nav-link" data-toggle="tab" href="#all-att" role="tab" fujian-content="all-att">所有附件</a>
  74. </li>
  75. <li class="nav-item ml-auto pt-1">
  76. <button id="batch-download-att" class="btn btn-sm btn-primary" type="curr">批量下载</button>
  77. <!--所有附件 翻页-->
  78. <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>
  79. <a href="#upload" data-toggle="modal" data-target="#upload" class="btn btn-sm btn-outline-primary ml-3">上传</a>
  80. </li>
  81. </ul>
  82. </div>
  83. <div class="tab-content">
  84. <div class="tab-pane active" id="cur-att">
  85. <div class="sjs-sh-3" style="overflow:auto; overflow-x:hidden;">
  86. <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
  87. <tr><th width="25"><input type="checkbox" class="check-all-file"><th>文件名</th><th width="80">上传</th></tr>
  88. <tbody id="cur-att-list" class="list-table">
  89. </tbody>
  90. </table>
  91. </div>
  92. </div>
  93. <div class="tab-pane" id="all-att">
  94. <div class="sjs-sh-3" style="overflow:auto; overflow-x:hidden;">
  95. <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
  96. <tr><th width="25"><input type="checkbox" class="check-all-file"></th><th>文件名</th><th width="80">上传</th></tr>
  97. <tbody id="all-att-list" class="list-table">
  98. </tbody>
  99. </table>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <!--右侧菜单-->
  108. <div class="side-menu">
  109. <ul class="nav flex-column right-nav" id="side-menu">
  110. <li class="nav-item">
  111. <a class="nav-link" content="#calcBase" href="javascript: void(0);">计算基数</a>
  112. </li>
  113. <li class="nav-item">
  114. <a class="nav-link" content="#fujian" href="javascript: void(0);">附件</a>
  115. </li>
  116. </ul>
  117. </div>
  118. </div>
  119. </div>
  120. <script>
  121. const lockPayExpr = <%- lockPayExpr %>;
  122. const phasePay = JSON.parse('<%- JSON.stringify(ctx.phasePay) %>');
  123. const readOnly = <%- ctx.phasePay.readOnly %>;
  124. const maxStageOrder = <%- maxStageOrder %>;
  125. const details = JSON.parse('<%- JSON.stringify(pays) %>');
  126. const calcBase = JSON.parse('<%- JSON.stringify(calcBase) %>');
  127. const addBase = JSON.parse('<%- JSON.stringify(ctx.phasePay.calc_base) %>');
  128. const deadlineType = JSON.parse('<%- JSON.stringify(deadlineType) %>');
  129. </script>