r-project-section.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>纵横计量支付系统</title>
  6. <meta name=description content=计量支付>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  9. <link rel=stylesheet href="{{rootUrl}}global/css/bootstrap.css">
  10. <link rel=stylesheet href={{rootUrl}}global/css/style.css>
  11. <script src={{rootUrl}}global/js/jquery-1.9.1.min.js></script>
  12. <script src={{rootUrl}}global/js/bootstrap.js></script>
  13. <script src={{rootUrl}}global/js/jl.js></script>
  14. </head>
  15. <body>
  16. <!-- include "top" -->
  17. <div class="wrapContent">
  18. <!-- include "left" -->
  19. <div class="mainContainer">
  20. <!--内容-->
  21. <div class="mainContent">
  22. <div class="title clearfix">
  23. <ul class="nav nav-pills">
  24. <li class="dropdown"><a href="{{rootUrl}}rproject/index" title="返回"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
  25. <li class="dropdown">
  26. <a href="{{rootUrl}}rproject/{{currproArray.pid}}/section" data-toggle="dropdown" class="dropdown-toggle">
  27. {{currproArray.pname}}<b class="caret"></b>
  28. </a>
  29. <ul class="dropdown-menu">
  30. <!-- loop allproArray -->
  31. <li><a href="{{rootUrl}}rproject/{{allproArray' value.pid}}/section">{{allproArray' value.pname}}</a></li>
  32. <!-- endloop -->
  33. </ul>
  34. </li>
  35. </ul>
  36. <!-- <div class="fR">
  37. <a class="btn btn-primary" href="#addsection" data-toggle="modal"><i class="icon-plus-sign icon-white"></i> 添加标段类型</a> <a href="#pojoption" data-toggle="modal" class="btn"><i class="icon-cog"></i> 项目设置</a>
  38. </div>-->
  39. </div>
  40. <div class="project">
  41. <!-- loop conArray -->
  42. <div class="proSection">
  43. <table class="table">
  44. <thead>
  45. <tr>
  46. <td width="150"><span aria-hidden="true" data-icon="u"></span> {{conArray' value.stname}}</td>
  47. <td width="90">总价:</td><td width="165">¥<b style="font-size:16px">{{conArray' value.hetongTotal}}</b></td>
  48. <td width="60">完成进度:</td>
  49. <td>
  50. <div class="progress">
  51. <div class="bar bar-success" style="width:{{conArray' value.phetongTotal}};" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成:¥{{conArray' value.nhetongTotal}}">{{conArray' value.phetongTotal}}</div>
  52. <div class="bar bar-danger" style="width:{{conArray' value.phetongTotal2}};" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成:¥{{conArray' value.ncurrdoneInt}}">{{conArray' value.phetongTotal2}}</div>
  53. </div>
  54. </td>
  55. </tr>
  56. </thead>
  57. </table>
  58. <table class="table table-striped table-hover">
  59. <thead>
  60. <tr><th class="taC" width="225">标段名</th><th class="taC" width="140">计量期数</th><th width="115" class="taC">总价</th><th class="taC" width="">截止上期完成/本期完成/未完成</th></tr></thead>
  61. <tbody>
  62. {{conArray' value.htmlstr}}
  63. </tbody></table>
  64. </div>
  65. <!-- endloop -->
  66. </div>
  67. </div>
  68. <!--内容-->
  69. </div>
  70. </div>
  71. <!-- 添加标段类型弹出 -->
  72. <div id="addsection" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  73. <div class="modal-header">
  74. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  75. <h3 id="myModalLabel">添加标段类型</h3>
  76. </div>
  77. <div class="modal-body">
  78. <div class="form">
  79. <form class="form-horizontal">
  80. <div class="control-group">
  81. <label class="control-label" for="inputEmail">标段类型名称</label>
  82. <div class="controls">
  83. <input type="text" placeholder="输入标段名称" value="">
  84. </div>
  85. </div>
  86. </form>
  87. </div>
  88. </div>
  89. <div class="modal-footer">
  90. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  91. <button class="btn btn-primary">保存</button>
  92. </div>
  93. </div>
  94. <!-- 添加标段类型弹出 -->
  95. <!-- 项目设置弹出 -->
  96. <div id="pojoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  97. <div class="modal-header">
  98. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  99. <h3 id="myModalLabel">项目设置</h3>
  100. </div>
  101. <div class="modal-body">
  102. <div class="form">
  103. <form class="form-horizontal">
  104. <div class="control-group">
  105. <label class="control-label" for="inputEmail">项目名称</label>
  106. <div class="controls">
  107. <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
  108. </div>
  109. </div>
  110. <div class="control-group">
  111. <label class="control-label" for="inputPassword">KEY</label>
  112. <div class="controls">
  113. <input type="text" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2"> <button class="btn" >复制</button>
  114. </div>
  115. </div>
  116. <div class="control-group">
  117. <label class="control-label" for="inputEmail">颜色标识</label>
  118. <div class="controls">
  119. <ul class="pjColorList">
  120. <li class="pjColor pj-c1 pjSelect"></li>
  121. <li class="pjColor pj-c2"></li>
  122. <li class="pjColor pj-c3"></li>
  123. <li class="pjColor pj-c4"></li>
  124. <li class="pjColor pj-c5"></li>
  125. <li class="pjColor pj-c6"></li>
  126. <li class="pjColor pj-c7"></li>
  127. <li class="pjColor pj-c8"></li>
  128. </ul>
  129. </div>
  130. </div>
  131. </form>
  132. </div>
  133. </div>
  134. <div class="modal-footer">
  135. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  136. <button class="btn btn-primary">保存</button>
  137. </div>
  138. </div>
  139. <!-- 项目设置弹出 -->
  140. <!-- 标段类型设置弹出 -->
  141. <div id="secoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  142. <div class="modal-header">
  143. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  144. <h3 id="myModalLabel">标段类型设置</h3>
  145. </div>
  146. <div class="modal-body">
  147. <div class="form">
  148. <form class="form-horizontal">
  149. <div class="control-group">
  150. <label class="control-label" for="inputEmail">标段类型名称</label>
  151. <div class="controls">
  152. <input type="text" placeholder="输入类型类型名称" value="路基工程">
  153. </div>
  154. </div>
  155. <div class="control-group">
  156. <label class="control-label" for="inputPassword">KEY</label>
  157. <div class="controls">
  158. <input type="text" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2"> <button class="btn" >复制</button>
  159. </div>
  160. </div>
  161. </form>
  162. </div>
  163. </div>
  164. <div class="modal-footer">
  165. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  166. <button class="btn btn-primary">保存</button>
  167. </div>
  168. </div>
  169. <!-- 标段类型设置弹出 -->
  170. <script type="text/javascript">autoFlashHeight();</script>
  171. </body>