detail.ejs 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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>
  23. </div>
  24. <div class="content-wrap pr-46">
  25. <div class="c-header p-0"></div>
  26. <!--核心内容(两栏)-->
  27. <div class="row w-100 sub-content">
  28. <!--左栏-->
  29. <div class="c-body" id="left-view" style="width: 100%">
  30. <div class="sjs-height-1" id="pay-spread">
  31. </div>
  32. </div>
  33. <div class="c-body" id="right-view" style="display: none; width: 33%;">
  34. <div class="resize-x" id="right-spr" r-Type="width" div1="#left-view" div2="#right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
  35. <div class="tab-content">
  36. <div id="calcBase" class="tab-pane tab-select-show">
  37. <div class="side-bar-1"></div>
  38. <div class="sjs-sh-1">
  39. <table class="table table-bordered">
  40. <tr><th></th><th>可选基数</th><th>计算代号</th><th>值</th></tr>
  41. <tbody id="base-list">
  42. <% for (let iBase = 0; iBase < calcBase.length; iBase++) { %>
  43. <tr>
  44. <td><%- iBase + 1 %></td>
  45. <td><%- calcBase[iBase].name %></td>
  46. <td><%- calcBase[iBase].code %></td>
  47. <% if (calcBase[iBase].code === 'bqyf') { %>
  48. <td class="text-right">--</td>
  49. <% } else {%>
  50. <td class="text-right"><%- (ctx.tender.info.display.thousandth ? ctx.helper.formatNum(calcBase[iBase].value, '#,##0.######') : calcBase[iBase].value) %></td>
  51. <% } %>
  52. </tr>
  53. <% } %>
  54. </tbody>
  55. </table>
  56. </div>
  57. </div>
  58. <div id="fujian" class="tab-pane tab-select-show">
  59. <div class="sjs-bar">
  60. <ul class="nav nav-tabs">
  61. <li class="nav-item">
  62. <a class="nav-link active" data-toggle="tab" href="#cur-att" role="tab" fujian-content="cur-att">当前节点</a>
  63. </li>
  64. <li class="nav-item">
  65. <a class="nav-link" data-toggle="tab" href="#all-att" role="tab" fujian-content="all-att">所有附件</a>
  66. </li>
  67. <li class="nav-item ml-auto pt-1">
  68. <button id="batch-download-att" class="btn btn-sm btn-primary" type="curr">批量下载</button>
  69. <!--所有附件 翻页-->
  70. <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>
  71. <a href="#upload" data-toggle="modal" data-target="#upload" class="btn btn-sm btn-outline-primary ml-3">上传</a>
  72. </li>
  73. </ul>
  74. </div>
  75. <div class="tab-content">
  76. <div class="tab-pane active" id="cur-att">
  77. <div class="sjs-sh-3" style="overflow:auto; overflow-x:hidden;">
  78. <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
  79. <tr><th width="25"><input type="checkbox" class="check-all-file"><th>文件名</th><th width="80">上传</th></tr>
  80. <tbody id="cur-att-list" class="list-table">
  81. </tbody>
  82. </table>
  83. </div>
  84. </div>
  85. <div class="tab-pane" id="all-att">
  86. <div class="sjs-sh-3" style="overflow:auto; overflow-x:hidden;">
  87. <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
  88. <tr><th width="25"><input type="checkbox" class="check-all-file"></th><th>文件名</th><th width="80">上传</th></tr>
  89. <tbody id="all-att-list" class="list-table">
  90. </tbody>
  91. </table>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <!--右侧菜单-->
  100. <div class="side-menu">
  101. <ul class="nav flex-column right-nav" id="side-menu">
  102. <li class="nav-item">
  103. <a class="nav-link" content="#calcBase" href="javascript: void(0);">计算基数</a>
  104. </li>
  105. <li class="nav-item">
  106. <a class="nav-link" content="#fujian" href="javascript: void(0);">附件</a>
  107. </li>
  108. </ul>
  109. </div>
  110. </div>
  111. </div>
  112. <script>
  113. const lockPayExpr = <%- lockPayExpr %>;
  114. const phasePay = JSON.parse('<%- JSON.stringify(ctx.phasePay) %>');
  115. const readOnly = <%- ctx.phasePay.readOnly %>;
  116. const maxStageOrder = <%- maxStageOrder %>;
  117. const details = JSON.parse('<%- JSON.stringify(pays) %>');
  118. const calcBase = JSON.parse('<%- JSON.stringify(calcBase) %>');
  119. const addBase = JSON.parse('<%- JSON.stringify(ctx.phasePay.calc_base) %>');
  120. const deadlineType = JSON.parse('<%- JSON.stringify(deadlineType) %>');
  121. </script>