w-project.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  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. <div class="fR">
  24. <!-- <div class="btn-group">
  25. <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  26. 排序
  27. <span class="caret"></span>
  28. </a>
  29. <ul class="dropdown-menu">
  30. <li><a href="">创建时间</a></li>
  31. <li><a href="">最近审批</a></li>
  32. <li><a href="">进度完成度</a></li>
  33. </ul>
  34. </div>-->
  35. <a class="btn btn-primary" href="#addpoj" data-toggle="modal" ><i class="icon-plus icon-white"></i>&nbsp;添加项目</a>
  36. </div>
  37. <h1>这些是您创建的项目</h1>
  38. </div>
  39. <div class="project">
  40. <!-- loop pros -->
  41. <div class="projectEntry odd clearfix">
  42. <div class="pojIcon fL c8"><div data-icon="I" aria-hidden="true"></div></div>
  43. <div class="pojDetail fL">
  44. <div class="title fL"><h5><a href="{{rootUrl}}project/{{pros' value.pid}}/overview">{{pros' value.pname}}</a></h5><a id="idt_{{pros' value.pid}}" pid="{{pros' value.pid}}" pname="{{pros' value.pname}}" href="#editpoj" data-toggle="modal"><span data-icon="S" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="修改项目名称"></span></a>{{formatDate(pros' value.intime,'Y-m-d')}}</div>
  45. <div class="detail fR"><p data-original-title="总价:¥{{pros' value.bcontracttotal}} 变更:+¥{{pros' value.bchangTotal}}" data-placement="bottom" data-toggle="tooltip">总价:¥{{pros' value.bcontracttotal}}元 (<span class="colRed">+¥{{pros' value.bchangTotal}}</span>)</p>
  46. <div class="progress">
  47. <div class="bar bar-success" style="width: {{pros' value.pcurrdone}};">{{pros' value.pcurrdone}}</div>
  48. </div></div>
  49. <div class="detail2 fR"><p>标段总计:{{pros' value.numMeasure}}</p></div>
  50. </div>
  51. </div>
  52. <!-- endloop -->
  53. </div>
  54. </div>
  55. <!--内容-->
  56. </div>
  57. </div>
  58. <!-- 添加项目弹出 -->
  59. <div id="addpoj" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  60. <div class="modal-header">
  61. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  62. <h3 id="myModalLabel">添加项目</h3>
  63. </div>
  64. <div class="modal-body">
  65. <form class="form-horizontal" method="post" name="proform">
  66. <div class="form">
  67. <form class="form-horizontal">
  68. <div class="control-group">
  69. <label class="control-label" for="inputEmail">项目名称</label>
  70. <div class="controls">
  71. <input name="pname" id="pname" type="text" placeholder="输入项目名称">
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="modal-footer">
  77. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  78. <input type="submit" class="btn btn-primary" id="pform" name="pform" value="保存" />
  79. </div>
  80. </form>
  81. </div>
  82. <!-- 添加项目弹出 -->
  83. <!-- 编辑项目弹出 -->
  84. <div id="editpoj" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  85. <form class="form-horizontal" method="post">
  86. <input type="hidden" id="ppid" name="ppid" value="0" />
  87. <div class="modal-header">
  88. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  89. <h3 id="myModalLabel">修改项目名称</h3>
  90. </div>
  91. <div class="modal-body">
  92. <div class="form">
  93. <div class="control-group">
  94. <label class="control-label" for="inputEmail">项目名称</label>
  95. <div class="controls">
  96. <input type="text" id="target_pname" name="target_pname" placeholder="输入项目名称" value="黄金大桥项目">
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="modal-footer">
  102. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  103. <input type="submit" class="btn btn-primary" value="保存" />
  104. </div>
  105. </form>
  106. </div>
  107. <!-- 编辑项目弹出 -->
  108. <script type="text/javascript">autoFlashHeight();</script>
  109. <script type="text/javascript">
  110. $(function () {
  111. $("#pname").keydown(function (event) {
  112. if (event.which == 13) {
  113. document.proform.submit();
  114. }
  115. });
  116. $("[id^='idt_']").click(function (e) {
  117. var pid = $(this).attr('pid');
  118. var pname = $(this).attr('pname');
  119. $("#target_pname").val(pname);
  120. $("#ppid").val(pid);
  121. });
  122. })
  123. </script>
  124. </body>