biangeng-poj.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  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. <link rel=stylesheet href=css/bootstrap.css>
  9. <link rel=stylesheet href=css/style.css>
  10. <script src=js/jquery-1.9.1.min.js></script>
  11. <script src=js/bootstrap.js></script>
  12. <script src=js/jl.js></script>
  13. <!--zTree-->
  14. <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
  15. <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
  16. <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
  17. <SCRIPT type="text/javascript">
  18. <!--
  19. var setting = { };
  20. var zNodes =[
  21. { name:"父节点1 - 展开", open:true,
  22. children: [
  23. { name:"父节点11 - 展开",open:true,
  24. children: [
  25. { name:"叶子节点111叶子节点111叶子节点111"},
  26. { name:"叶子节点112"},
  27. { name:"叶子节点113"},
  28. { name:"叶子节点114"}
  29. ]},
  30. { name:"父节点12 - 折叠",
  31. children: [
  32. { name:"叶子节点121"},
  33. { name:"叶子节点122"},
  34. { name:"叶子节点123"},
  35. { name:"叶子节点124"}
  36. ]},
  37. { name:"父节点13 - 没有子节点", isParent:true}
  38. ]},
  39. { name:"父节点2 - 折叠",
  40. children: [
  41. { name:"父节点21 - 展开", open:true,
  42. children: [
  43. { name:"叶子节点211"},
  44. { name:"叶子节点212"},
  45. { name:"叶子节点213"},
  46. { name:"叶子节点214"}
  47. ]},
  48. { name:"父节点22 - 折叠",
  49. children: [
  50. { name:"叶子节点221"},
  51. { name:"叶子节点222"},
  52. { name:"叶子节点223"},
  53. { name:"叶子节点224"}
  54. ]},
  55. { name:"父节点23 - 折叠",
  56. children: [
  57. { name:"叶子节点231"},
  58. { name:"叶子节点232"},
  59. { name:"叶子节点233"},
  60. { name:"叶子节点234"}
  61. ]}
  62. ]},
  63. { name:"父节点3 - 没有子节点", isParent:true}
  64. ];
  65. $(document).ready(function(){
  66. $.fn.zTree.init($("#treeDemo"), setting, zNodes);
  67. });
  68. //-->
  69. </SCRIPT>
  70. </head>
  71. <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
  72. <div class="btn-group">
  73. <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三(XXXX公司)&nbsp;<span class="caret"></span></button>
  74. <ul class="dropdown-menu">
  75. <li><a href="#">个人信息</a></li>
  76. <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
  77. <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
  78. <li class="divider"></li>
  79. <li><a href="#">帮助中心</a></li>
  80. <li><a href="#">退出</a></li>
  81. </ul>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="wrapContent">
  86. <div class="mainSidebar">
  87. <div class="mainNav">
  88. <ul>
  89. <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
  90. <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a></li>
  91. <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
  92. <li><a href="sign-index.html" title="报表签署"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表签署</a></li>
  93. <li><a href="biangeng-poj.html" class="focus" title="变更审批"><div data-icon="M" aria-hidden="true" class="navIcon"></div>变更管理</a><span class="badge badge-warning">4</span></li>
  94. <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
  95. </ul>
  96. </div>
  97. </div>
  98. <div class="mainContainer" style="overflow-y:hidden">
  99. <!--内容-->
  100. <div class="mainContent signContent">
  101. <div class="title clearfix sign-title-height">
  102. <div class="fR sign-topbar"><a href="biangeng-dealbills.html" class="btn btn-default">签约清单</a> <a href="biangeng-new.html" class="btn btn-primary">创建变更令</a></div>
  103. <h1>XXX标段 变更管理</h1>
  104. </div>
  105. <div class="sign-view clearfix">
  106. <div class="sign-side fL side-content">
  107. <ul id="treeDemo" class="ztree"></ul>
  108. </div>
  109. <div class="sign-content bg-content fR">
  110. <div class="proSection">
  111. <ul class="nav nav-tabs">
  112. <li class="active">
  113. <a href="#">待处理 <span class="label label-warning">4</span></a>
  114. </li>
  115. <li><a href="#">待上报 <span class="label label-primary">4</span></a></li>
  116. <li><a href="#">进行中 <span class="label label-default">4</span></a></li>
  117. <li><a href="#">已完成 <span class="label label-default">4</span></a></li>
  118. <li><a href="#">不通过 <span class="label label-default">4</span></a></li>
  119. <li><a href="#">软件删除 <span class="label label-default">4</span></a></li>
  120. </ul>
  121. <!--筛选模块-->
  122. <!--待处理-->
  123. <table class="table">
  124. <thead>
  125. <tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%">操作</th></tr>
  126. </thead>
  127. <tbody>
  128. <tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 (点我)</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更(设计变更)</td><td>101112.23</td><td><a href="biangeng-list-approval.html" class="btn btn-warning btn-sm">审批(点我)</a></td></tr>
  129. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更(设计变更)</td><td>191991.32</td><td><a href="" class="btn btn-warning btn-sm">审批</a></td></tr>
  130. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更(施工措施变)</td><td>432664.96</td><td><a href="" class="btn btn-warning btn-sm">审批</a></td></tr>
  131. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更(计划变更)</td><td>136515.46</td><td><a href="biangeng-new.html" class="btn btn-primary btn-sm">重新上报</a></td></tr>
  132. </tbody>
  133. </table>
  134. <!--待上报-->
  135. <table class="table">
  136. <thead>
  137. <tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%">操作</th></tr>
  138. </thead>
  139. <tbody>
  140. <tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 (点我)</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更(设计变更)</td><td>101112.23</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
  141. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更(设计变更)</td><td>191991.32</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
  142. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更(施工措施变)</td><td>432664.96</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
  143. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更(计划变更)</td><td>136515.46</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
  144. </tbody>
  145. </table>
  146. <!--进行中-->
  147. <table class="table">
  148. <thead>
  149. <tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%">审批流程</th></tr>
  150. </thead>
  151. <tbody>
  152. <tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 (点我)</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更(设计变更)</td><td>101112.23</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
  153. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更(设计变更)</td><td>191991.32</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
  154. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更(施工措施变)</td><td>432664.96</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
  155. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更(计划变更)</td><td>136515.46</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
  156. </tbody>
  157. </table>
  158. <!--已完成-->
  159. <table class="table">
  160. <thead>
  161. <tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="5%">报表</th></tr>
  162. </thead>
  163. <tbody>
  164. <tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 (点我)</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更(设计变更)</td><td>101112.23</td><td><a href="#baobiao-set" data-toggle="modal">报表(首次使用)</a></td></tr>
  165. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更(设计变更)</td><td>191991.32</td><td><a href="biangeng-baobiao.html">报表</a></td></tr>
  166. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更(施工措施变)</td><td>432664.96</td><td><a href="biangeng-baobiao.html">报表</a></td></tr>
  167. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更(计划变更)</td><td>136515.46</td><td><a href="biangeng-baobiao.html">报表</a></td></tr>
  168. </tbody>
  169. </table>
  170. <!--不通过-->
  171. <table class="table">
  172. <thead>
  173. <tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th></tr>
  174. </thead>
  175. <tbody>
  176. <tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 (点我)</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更(设计变更)</td><td>101112.23</td></tr>
  177. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更(设计变更)</td><td>191991.32</td></tr>
  178. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更(施工措施变)</td><td>432664.96</td></tr>
  179. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更(计划变更)</td><td>136515.46</td></tr>
  180. </tbody>
  181. </table>
  182. <!--软件删除-->
  183. <table class="table">
  184. <thead>
  185. <tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%"></th></tr>
  186. </thead>
  187. <tbody>
  188. <tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 (点我)</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更(设计变更)</td><td>101112.23</td><td><span class="colRed">软件删除</span></td></tr>
  189. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更(设计变更)</td><td>191991.32</td><td><span class="colRed">软件删除</span></td></tr>
  190. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更(施工措施变)</td><td>432664.96</td><td><span class="colRed">软件删除</span></td></tr>
  191. <tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更(计划变更)</td><td>136515.46</td><td><span class="colRed">软件删除</span></td></tr>
  192. </tbody>
  193. </table>
  194. <!--翻页-->
  195. <nav aria-label="Page navigation">
  196. <ul class="pagination">
  197. <li>
  198. <a href="#" aria-label="Previous">
  199. <span aria-hidden="true">&laquo;</span>
  200. </a>
  201. </li>
  202. <li><a href="#">1</a></li>
  203. <li><a href="#">2</a></li>
  204. <li><a href="#">3</a></li>
  205. <li><a href="#">4</a></li>
  206. <li><a href="#">5</a></li>
  207. <li>
  208. <a href="#" aria-label="Next">
  209. <span aria-hidden="true">&raquo;</span>
  210. </a>
  211. </li>
  212. </ul>
  213. </nav>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. <!--内容-->
  219. </div>
  220. </div>
  221. <!--报表设置-->
  222. <div class="modal fade" id="baobiao-set" tabindex="-1" role="dialog">
  223. <div class="modal-dialog" role="document">
  224. <div class="modal-content">
  225. <div class="modal-header">
  226. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  227. <h4 class="modal-title">报表数据设置</h4>
  228. </div>
  229. <div class="modal-body">
  230. <form class="form-horizontal">
  231. <div class="form-group">
  232. <label class="col-sm-3 control-label">监理单位</label>
  233. <div class="col-sm-9">
  234. <select class="form-control"><option>请选择</option><option>XXXX公司(张三(XXXX公司))</option><option>YYYY公司(李四(YYYY公司))</option></select>
  235. </div>
  236. </div>
  237. <div class="form-group">
  238. <label class="col-sm-3 control-label">承包人项目经理 签名</label>
  239. <div class="col-sm-9">
  240. <select class="form-control"><option>请选择</option><option>张三(XXXX公司)</option><option>李四(YYYY公司)</option></select>
  241. </div>
  242. </div>
  243. <div class="form-group">
  244. <label class="col-sm-3 control-label">总监理工程师 签名</label>
  245. <div class="col-sm-9">
  246. <select class="form-control"><option>请选择</option><option>张三(XXXX公司)</option><option>李四(YYYY公司)</option></select>
  247. </div>
  248. </div>
  249. <div class="form-group">
  250. <label class="col-sm-3 control-label">业主工程部 签名</label>
  251. <div class="col-sm-9">
  252. <select class="form-control"><option>请选择</option><option>张三(XXXX公司)</option><option>李四(YYYY公司)</option></select>
  253. </div>
  254. </div>
  255. <div class="form-group">
  256. <label class="col-sm-3 control-label">业主合约财务部 签名</label>
  257. <div class="col-sm-9">
  258. <select class="form-control"><option>请选择</option><option>张三(XXXX公司)</option><option>李四(YYYY公司)</option></select>
  259. </div>
  260. </div>
  261. <div class="form-group">
  262. <label class="col-sm-3 control-label">法人代表 签名</label>
  263. <div class="col-sm-9">
  264. <select class="form-control"><option>请选择</option><option>张三(XXXX公司)</option><option>李四(YYYY公司)</option></select>
  265. </div>
  266. </div>
  267. </form>
  268. </div>
  269. <div class="modal-footer">
  270. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  271. <button type="button" class="btn btn-primary">确定</button>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. <script type="text/javascript">autoFlashHeight();</script>
  277. </body>