projectprogress.jsp 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. <%@ page language="java" contentType="text/html; charset=utf-8"
  2. pageEncoding="utf-8"%>
  3. <%
  4. String path = request.getContextPath();
  5. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  6. %>
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  8. <html>
  9. <head>
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  11. <style type="text/css">
  12. .search-item {
  13. font: normal 11px tahoma, arial, helvetica, sans-serif;
  14. padding: 3px 10px 3px 10px;
  15. border: 1px solid #fff;
  16. border-bottom: 1px solid #eeeeee;
  17. white-space: normal;
  18. color: #555;
  19. }
  20. .search-item h3 {
  21. display: block;
  22. font: inherit;
  23. font-weight: bold;
  24. color: #222;
  25. }
  26. .search-item h3 span {
  27. float: right;
  28. font-weight: normal;
  29. margin: 0 0 5px 5px;
  30. width: 150px;
  31. display: block;
  32. clear: none;
  33. }
  34. .msg .x-box-mc {
  35. font-size: 14px;
  36. }
  37. #msg-div {
  38. position: absolute;
  39. left: 50%;
  40. top: 10px;
  41. width: 400px;
  42. margin-left: -200px;
  43. z-index: 20000;
  44. }
  45. #msg-div .msg {
  46. border-radius: 8px;
  47. -moz-border-radius: 8px;
  48. background: #F6F6F6;
  49. border: 2px solid #ccc;
  50. margin-top: 2px;
  51. padding: 10px 15px;
  52. color: #555;
  53. }
  54. #msg-div .msg h3 {
  55. margin: 0 0 8px;
  56. font-weight: bold;
  57. font-size: 15px;
  58. }
  59. #msg-div .msg p {
  60. margin: 0;
  61. }
  62. .x-button-icon-query {
  63. background-image: url('<%=basePath %>resource/images/query.png')
  64. }
  65. .x-button-icon-excel {
  66. background-image: url('<%=basePath %>resource/images/excel.png')
  67. }
  68. .x-button-icon-close {
  69. background-image: url('<%=basePath %>resource/images/icon/trash.png')
  70. }
  71. /***
  72. 进度
  73. */
  74. .progress {
  75. height: 40px;
  76. padding-left:50px;
  77. margin-left:50px;
  78. margin-top:-2px;
  79. clear: both;
  80. color: #888;
  81. font-size: 13px;
  82. }
  83. .flowchart {padding: 10px 15px 1px 10px; min-width: 500px;}
  84. .flow-item {float: left; width: 10.66667%; max-width: 140px; text-align: center; margin-bottom: 9px; padding-right: 5px;}
  85. .flow-item > div {position: relative; padding: 2px 0 2px 10px; line-height: 20px; background: #90A4AE; white-space:nowrap; overflow: visible; color: #fff;}
  86. .flow-item > div:before, .flow-item > div:after {content: ' '; display: block; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent #90A4AE; position: absolute; left: 0; top: 0}
  87. .ie-8 .flow-item > div:before {display: none}
  88. .flow-item > div:before {border-left-color: #fff; z-index: 1}
  89. .flow-item > div:after {left: auto; right: -12px; z-index: 2}
  90. .ie-8 .flow-item > div {margin-right: 10px}
  91. /* .flow-item-0 > div:before {display: none}
  92. .flow-item-1 > div {background: #1976D2}
  93. .flow-item-1 > div:after {border-left-color: #1976D2}
  94. .flow-item-2 > div {background: #4CAF50}
  95. .flow-item-2 > div:after {border-left-color: #4CAF50}
  96. .flow-item-3 > div {background: #F57C00}
  97. .flow-item-3 > div:after {border-left-color: #F57C00}
  98. .flow-item-4 > div {background: #EF5350}
  99. .flow-item-4 > div:after {border-left-color: #EF5350}
  100. .flow-item-5 > div {background: #AB47BC}
  101. .flow-item-5 > div:after {border-left-color: #AB47BC} */
  102. .flow-item-0-finish > div:before {display: none}
  103. .flow-item-0-finish > div {background: #1976D2}
  104. .flow-item-0-finish > div:after {border-left-color: #1976D2}
  105. .flow-item-finish > div {background: #1976D2}
  106. .flow-item-finish > div:after {border-left-color: #1976D2}
  107. .flow-item-0-doing > div:before {display: none}
  108. .flow-item-0-doing > div {background: #F57C00}
  109. .flow-item-0-doing > div:after {border-left-color: #F57C00}
  110. .flow-item-doing > div {background: #F57C00}
  111. .flow-item-doing > div:after {border-left-color: #F57C00}
  112. .color-column-inner {
  113. border-radius: 15px;
  114. height: 25px;
  115. margin-left: 10px;
  116. width: 25px;
  117. border: 1px solid #d0d0d0
  118. }
  119. .custom-rest{
  120. background: url('<%=basePath %>/resource/images/x.png') no-repeat center
  121. center !important;
  122. width: 16px !important;
  123. background-image: url('<%=basePath %>/resource/ext/4.2/resources/ext-theme-gray/images/form/text-bg.gif');
  124. height: 16px;
  125. border: 0!important;
  126. visibility:hidden;
  127. margin: 2px 0px 0px 0px;
  128. }
  129. .x-button-icon-help{
  130. background: url('<%=basePath %>/resource/images/help.png')
  131. }
  132. .tip-block{
  133. width: 13px;
  134. height: 13px;
  135. float:left;
  136. margin-left:10px;
  137. }
  138. .tip-block-finish{
  139. background-color: #1976D2;
  140. }
  141. .tip-block-doing{
  142. background-color: #F57C00;
  143. }
  144. .tip-block-undone{
  145. background-color: #90A4AE;
  146. }
  147. </style>
  148. <link rel="icon" href="<%=basePath%>resource/images/icon_title.png"
  149. type="image/x-icon" />
  150. <link rel="stylesheet"
  151. href="<%=basePath%>resource/ext/4.2/resources/ext-theme-gray/ext-theme-gray-all.css"
  152. type="text/css"></link>
  153. <link rel="stylesheet"
  154. href="<%=basePath%>resource/ext/4.2/resources/ext-theme-neptune/tree-neptune.css"
  155. type="text/css"></link>
  156. <link rel="stylesheet" type="text/css"
  157. href="<%=basePath%>resource/ux/css/CheckHeader.css" />
  158. <link rel="stylesheet" type="text/css"
  159. href="<%=basePath%>jsps/sys/css/GroupTabPanel.css" />
  160. <style type="text/css">
  161. .x-toolbar-sencha {
  162. background: #e0e0e0;
  163. color: #304c33;
  164. border: none !important;
  165. }
  166. .x-toolbar-sencha .x-logo {
  167. padding: 10px 10px 10px 31px;
  168. /* background: url(../images/logo.png) no-repeat 10px 11px; */
  169. color: #fff;
  170. text-align:center;
  171. font-size: 22px;
  172. font-weight: bold;
  173. text-shadow: 0 1px 0 #4e691f;
  174. }
  175. .help-terms{
  176. position: absolute;
  177. background-repeat: no-repeat;
  178. width: 16px;
  179. margin-left:5px;
  180. height: 18px;
  181. }
  182. .x-tip-default{
  183. background-color:rgba(219, 225, 206, 0.2) !important;
  184. }
  185. </style>
  186. <script type="text/javascript"
  187. src="<%=basePath%>resource/ext/4.2/ext-all.js"></script>
  188. <script type="text/javascript" src="<%=basePath %>resource/i18n/i18n.js"></script>
  189. <script type="text/javascript">
  190. Ext.Loader.setConfig({
  191. enabled: true
  192. });//开启动态加载
  193. Ext.application({
  194. name: 'erp',
  195. appFolder: basePath+'app',
  196. controllers: ['plm.project.ProjectProgress'],
  197. launch: function() {
  198. Ext.create('erp.view.plm.project.ProjectProgress');
  199. }
  200. });
  201. </script>
  202. </head>
  203. <body >
  204. </body>
  205. </html>