index.ejs 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <div class="panel-sidebar">
  2. <div class="panel-title">
  3. <div class="title-bar">
  4. <h2 class="">项目节 <a href="#upload" data-toggle="modal" data-target="#upload" class="pull-right mr-3" title="导入项目节"><i class="fa fa-upload"></i></a></h2>
  5. </div>
  6. </div>
  7. <div class="scrollbar-auto">
  8. <div class="nav-box">
  9. <ul id="templateNode" class="ztree"></ul>
  10. </div>
  11. </div>
  12. </div>
  13. <div class="panel-content">
  14. <div class="panel-title">
  15. <div class="title-main"><h2>z2-e-a 边沟</h2></div>
  16. </div>
  17. <div class="content-wrap">
  18. <div class="c-header m-0 p-0 d-flex flex-row-reverse">
  19. <a href="#" class="btn btn-sm"><i class="fa fa-plus"></i> 添加指标</a>
  20. </div>
  21. <div class="c-body">
  22. <div class="sjs-height-1">
  23. <table class="table table-bordered">
  24. <tr>
  25. <th>指标编号</th>
  26. <th>指标名称</th>
  27. <th colspan="2">指标单位</th>
  28. <th>计算规则</th>
  29. <th>设置规则</th>
  30. </tr>
  31. <tr>
  32. <td>z2-e-1</td>
  33. <td>排水工程公路公里造价</td>
  34. <td>元</td>
  35. <td>公路公里</td>
  36. <td>合价/路线总长度</td>
  37. <td>hj(合价)/lxzcd(路线总长度)<a href="#set-count" data-toggle="modal" data-target="#set-count"><i class="fa fa-cog"></i></a></td>
  38. </tr>
  39. </table>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <script type="text/javascript">
  45. const treeSetting = {
  46. view: {showIcon: false},
  47. data: {
  48. key: {
  49. name: 'text',
  50. }
  51. }
  52. };
  53. const treeNode = '<%- nodes %>';
  54. $(document).ready(function(){
  55. const loadText = function (arr) {
  56. for (const a of arr) {
  57. a.text = a.code + ' ' + a.name;
  58. if (a.children && a.children.length > 0) {
  59. loadText(a.children);
  60. }
  61. }
  62. }
  63. const treeNodeData = treeNode !== '' ? JSON.parse(treeNode) : [];
  64. loadText(treeNodeData);
  65. $.fn.zTree.init($("#templateNode"), treeSetting, treeNodeData);
  66. });
  67. </script>