glj_index.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <style type="text/css">
  2. .copy,#save-as-tips{
  3. display: none;
  4. }
  5. </style>
  6. <div class="toolsbar px-1">
  7. <div class="form-inline py-1">
  8. <label class="mx-2">当前使用:<span id="used-name"></span>(<a href="#" id="pop-dj" data-original-title="" title=""><span id="used-count">0</span> 单位工程使用</a>)
  9. <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#change-dj"><i class="fa fa-exchange"></i> 选择其他</a>
  10. <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#file-save-as-dialog"><i class="fa fa-files-o"></i> 另存单独用</a></label>
  11. </div>
  12. </div>
  13. <div class="container-fluid">
  14. <div class="row">
  15. <div class="col-lg-12 p-0" id="glj-main">
  16. <div class="top-content">
  17. <div class="main-data-top" id="project-glj">
  18. <p style="text-align: center; margin-top: 30px;">正在加载数据</p>
  19. </div>
  20. </div>
  21. <div class="resize"></div>
  22. <div class="bottom-content">
  23. <ul class="nav nav-tabs" role="tablist">
  24. <li class="nav-item">
  25. <a class="nav-link active" data-toggle="tab" data-name="ration" href="#glj_de" role="tab">相关定额</a>
  26. </li>
  27. <li class="nav-item">
  28. <a class="nav-link" data-toggle="tab" data-name="mix-ratio" href="#ph" role="tab">配合比表</a>
  29. </li>
  30. <li class="nav-item">
  31. <a class="nav-link" data-toggle="tab" data-name="machine" href="#jx" role="tab">机械单价</a>
  32. </li>
  33. </ul>
  34. <!-- Tab panes -->
  35. <div class="tab-content">
  36. <div class="tab-pane active" id="glj_de" role="tabpanel">
  37. <div class="main-data-bottom ovf-hidden">
  38. 相关定额
  39. </div>
  40. </div>
  41. <div class="tab-pane" id="ph" role="tabpanel">
  42. <div class="main-data-bottom" id="mix-ratio">
  43. </div>
  44. </div>
  45. <div class="tab-pane" id="jx" role="tabpanel">
  46. <div class="main-data-bottom" id="machine">
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <!--弹出更换-->
  55. <!--<div class="modal fade" id="change-dj" data-backdrop="static">
  56. <div class="modal-dialog" role="document">
  57. <div class="modal-content">
  58. <div class="modal-header">
  59. <h5 class="modal-title">更换单价文件</h5>
  60. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  61. <span aria-hidden="true">&times;</span>
  62. </button>
  63. </div>
  64. <div class="modal-body">
  65. <div class="form-group">
  66. <label class="custom-control custom-radio">
  67. <input name="change-type" type="radio" class="custom-control-input" checked="checked" value="0">
  68. <span class="custom-control-indicator"></span>
  69. <span class="custom-control-description">从本建设项目中选择</span>
  70. </label>
  71. <label class="custom-control custom-radio">
  72. <input name="change-type" type="radio" class="custom-control-input" value="1">
  73. <span class="custom-control-indicator"></span>
  74. <span class="custom-control-description">从其他建设项目中复制</span>
  75. </label>
  76. </div>
  77. &lt;!&ndash;从本建设项目中选择&ndash;&gt;
  78. <div class="form-group select option">
  79. <label id="current-project-name"></label>
  80. <select class="form-control" id="self-file"></select>
  81. </div>
  82. &lt;!&ndash;从其他建设项目中复制&ndash;&gt;
  83. <div class="form-group copy option">
  84. <label>选择建设项目</label>
  85. <select class="form-control" id="other-project"></select>
  86. </div>
  87. <div class="form-group copy option">
  88. <select class="form-control" id="other-file"></select>
  89. <small class="form-text text-muted">你选择的单价文件将复制一份至新项目,不会影响原建设项目的单价文件。</small>
  90. </div>
  91. </div>
  92. <div class="modal-footer">
  93. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  94. <a href="javascript:void(0);" class="btn btn-primary" id="change-file-confirm">确定</a>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. &lt;!&ndash;弹出 另存新文件&ndash;&gt;
  100. <div class="modal fade" id="file-save-as-dialog" data-backdrop="static">
  101. <div class="modal-dialog" role="document">
  102. <div class="modal-content">
  103. <div class="modal-header">
  104. <h5 class="modal-title">另存新费率文件</h5>
  105. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  106. <span aria-hidden="true">&times;</span>
  107. </button>
  108. </div>
  109. <div class="modal-body">
  110. <div class="form-group">
  111. <label>单价文件名称</label>
  112. <input class="form-control" id="save-as-name" value="">
  113. <small class="form-text text-danger" id="save-as-tips">已存在同名单价文件。</small>
  114. </div>
  115. </div>
  116. <div class="modal-footer">
  117. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  118. <a href="javascript:void(0);" class="btn btn-primary" id="save-as-confirm">确定</a>
  119. </div>
  120. </div>
  121. </div>
  122. </div>-->