sysPlanExchange.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374
  1. <%@page language="java" pageEncoding="UTF-8"%>
  2. <%@include file="/commons/include/html_doctype.html"%>
  3. <html>
  4. <head>
  5. <%@include file="/commons/include/form.jsp"%>
  6. <title>日程交流</title>
  7. <style type="text/css">
  8. .owner-span{
  9. font-size: 13px;
  10. background-color: #EFF2F7;
  11. border: 1px solid #CCD5E4;
  12. border-radius: 5px 5px 5px 5px;
  13. cursor: default;
  14. float: left;
  15. height: auto !important;
  16. margin: 3px;
  17. overflow: hidden;
  18. padding: 2px 4px;
  19. white-space: nowrap;
  20. }
  21. .comments {
  22. width:100%;/*自动适应父布局宽度*/
  23. overflow:auto;
  24. word-break:break-all;
  25. /*在ie中解决断行问题(防止自动变为在一行显示,主要解决ie兼容问题,ie8中当设宽度为100%时,文本域类容超过一行时,
  26. 当我们双击文本内容就会自动变为一行显示,所以只能用ie的专有断行属性“word-break或word-wrap”控制其断行)*/
  27. }
  28. </style>
  29. <f:link href="form.css" ></f:link>
  30. <script type="text/javascript" src="${ctx}/js/hotent/platform/form/CommonDialog.js"></script>
  31. <script type="text/javascript" src="${ctx}/js/hotent/platform/system/SysDialog.js"></script>
  32. <script type="text/javascript" src="${ctx}/js/hotent/platform/system/SysPlanScript.js"></script>
  33. <script type="text/javascript" src="${ctx}/js/hotent/CustomValid.js"></script>
  34. <script type="text/javascript" src="${ctx}/servlet/ValidJs?form=sysPlan"></script>
  35. <script type="text/javascript" src="${ctx}/js/hotent/platform/form/AttachMent.js" ></script>
  36. <script type="text/javascript">
  37. $(function(){
  38. //初始化选择器
  39. initData();
  40. //初始化点击人员事件
  41. openDetailEvent();
  42. //初始化删除日程按键
  43. initDelete();
  44. //初始化增加日程交流信息按键
  45. initAddSysPlanExchange();
  46. //初始化删除日程交流信息按键
  47. initDeleteExchang();
  48. //初始化完成任务按键
  49. initFinishSysPlan();
  50. AttachMent.init("r");
  51. });
  52. </script>
  53. </head>
  54. <body>
  55. <div class="panel">
  56. <div class="panel-top">
  57. <div class="tbar-title">
  58. <span class="tbar-label">日程交流</span>
  59. </div>
  60. <div class="panel-toolbar">
  61. <div class="toolBar">
  62. <c:if test="${sysPlan.rate!=100}">
  63. <div class="group">
  64. <a class="link edit" id="editSysPlan" href="${ctx}/platform/system/sysPlan/edit.ht?id=${sysPlan.id}&currentViweDate=${currentViweDate}&type=${type}" ><span></span>编辑</a>
  65. </div>
  66. <div class="l-bar-separator"></div>
  67. <div class="group">
  68. <a class="link ok" id="finishSysPlan" ><span></span>完成任务</a>
  69. </div>
  70. </c:if>
  71. <c:if test="${type ne 'myPlan'}">
  72. <div class="l-bar-separator"></div>
  73. <div class="group">
  74. <a class="link del" id='delSysPlan' href="#"><span></span>删除</a>
  75. </div>
  76. </c:if>
  77. <div class="l-bar-separator"></div>
  78. <div class="group">
  79. <c:choose>
  80. <c:when test="${type eq 'myPlan'}">
  81. <a class="link back" href="${ctx}/platform/system/sysPlan/myList.ht"><span></span>返回</a>
  82. </c:when>
  83. <c:otherwise>
  84. <a class="link back" href="${ctx}/platform/system/sysPlan/charge.ht?currentViweDate=${currentViweDate}"><span></span>返回</a>
  85. </c:otherwise>
  86. </c:choose>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="panel-body">
  92. <form id="sysPlanExchange" method="post" action="">
  93. <input type="hidden" name="id" value="${sysPlan.id}"/>
  94. <input type="hidden" name="currentViweDate" value="${currentViweDate}"/>
  95. <input type="hidden" name="type" value="${type }"/>
  96. <table class="table-detail" cellpadding="0" cellspacing="0" border="0">
  97. <tr>
  98. <th width="20%">日志时间:</th>
  99. <td>
  100. ${sysPlan.taskName}
  101. </td>
  102. <th width="20%">提交人:</th>
  103. <td>
  104. <input type="hidden" name="submitId" value="${sysPlan.submitId}" />
  105. <input type="hidden" name="submitor" value="${sysPlan.submitor}" />
  106. <div id='submitDiv'></div>
  107. </td>
  108. </tr>
  109. <tr>
  110. <th width="20%">负责人:</th>
  111. <td>
  112. <input type="hidden" name="chargeId" value="${sysPlan.chargeId}" />
  113. <input type="hidden" name="charge" value="${sysPlan.charge}" />
  114. <div id='chargeDiv'></div>
  115. </td>
  116. <th width="20%">参与人:</th>
  117. <td>
  118. <input type="hidden" name="participantIds" value="${participantIds}" />
  119. <input type="hidden" name="participants" value="${participants}" />
  120. <div id='participantDiv'></div>
  121. </td>
  122. </tr>
  123. <tr>
  124. <th width="20%">开始时间:</th>
  125. <td>
  126. <fmt:formatDate value='${sysPlan.startTime}' pattern='yyyy-MM-dd HH:mm:ss'/>
  127. </td>
  128. <th width="20%">结束时间:</th>
  129. <td>
  130. <fmt:formatDate value='${sysPlan.endTime}' pattern='yyyy-MM-dd HH:mm:ss'/>
  131. </td>
  132. </tr>
  133. <tr>
  134. <th width="20%">日志名称:</th>
  135. <td>
  136. ${sysPlan.projectName}
  137. </td>
  138. <th width="20%">日程进度:</th>
  139. <td>
  140. ${sysPlan.rate}%
  141. </td>
  142. </tr>
  143. <tr>
  144. <th width="20%">相关客户:</th>
  145. <td colspan="3">
  146. <input type="hidden" name="customerId" value="${sysPlan.customerId}" />
  147. <input type="hidden" name="customer" value="${sysPlan.customer}" />
  148. <div id='customerDiv'></div>
  149. </td>
  150. </tr>
  151. <tr>
  152. <th width="20%">相关文档: </th>
  153. <td colspan="3">
  154. <div name="div_attachment_container">
  155. <div class="attachement"></div>
  156. <textarea style="display: none" controltype="attachment"
  157. id="doc" name="doc" lablename="主表附件" validate="{}">${sysPlan.doc}</textarea>
  158. </div>
  159. </td>
  160. </tr>
  161. <tr>
  162. <th width="20%">工单:</th>
  163. <td colspan="3">
  164. <input type="hidden" name="runId" value="${sysPlan.runId}" />
  165. <input type="hidden" name="runName" value="${sysPlan.runName}" />
  166. <div id='runDiv'></div>
  167. </td>
  168. </tr>
  169. <tr>
  170. <th width="20%">内容:</th>
  171. <td colspan="3">
  172. <textarea readonly="readonly" rows="30" style="width: 98%;overflow:scroll;" >${sysPlan.description}</textarea>
  173. </td>
  174. </tr>
  175. <tr>
  176. <th width="20%">字数:</th>
  177. <td colspan="3">
  178. <font color="green">${sysPlan.numberCount}</font>个字
  179. </td>
  180. </tr>
  181. <tr>
  182. <th width="20%">交流信息:</th>
  183. <td colspan="3">
  184. <c:if test="${sysPlan.rate!=100}">
  185. <br/>
  186. <div class="group">
  187. <a id="addSysPlanExchange" class="link add" href="#" ><span></span>添加</a>
  188. </div>
  189. <div class="l-bar-separator"></div>
  190. <div class="group">
  191. <a id="delSysPlanExchange" class="link del" href="#"><span></span>删除</a>
  192. </div>
  193. </c:if>
  194. <div>
  195. <table id="exchangeTable" style="float: left;" class="table-grid table-list" cellpadding="0" cellspacing="0" border="0">
  196. <thead>
  197. <tr>
  198. <th width="10%;" style="text-align: center;"><input type="checkbox" id="all_exchangeId" onclick="selectCheckbox('all_exchangeId')"/></th>
  199. <th width="35%;" style="text-align: center;">提交内容</th>
  200. <th width="20%;" style="text-align: center;">提交人</th>
  201. <th width="20%;" style="text-align: center;">提交时间</th>
  202. <th width="15%;" style="text-align: center;">管理</th>
  203. </tr>
  204. </thead>
  205. <c:choose>
  206. <c:when test="${fn:length(sysPlanExchangeList)>0 }">
  207. <c:forEach items="${sysPlanExchangeList}" var="exchange">
  208. <tr>
  209. <td style="text-align: center;">
  210. <input type="checkbox" name="exchangeId" value="${exchange.id}" parentId="${exchange.planId}">
  211. </td>
  212. <td style="text-align: center;" >
  213. <c:choose>
  214. <c:when test="${fn:length(exchange.content)>21}">
  215. <c:out value="${fn:substring(exchange.content, 0, 20)}..." />
  216. </c:when>
  217. <c:otherwise>
  218. <c:out value="${exchange.content}" />
  219. </c:otherwise>
  220. </c:choose>
  221. </td>
  222. <td>
  223. <c:if test="${fn:length(exchange.submitor)>0}">
  224. <span class="owner-span">
  225. <a class="moreinfo" ownerid="${exchange.submitId}" hrefstr="${ctx}/platform/system/sysUser/get.ht?openType=detail&userId=${exchange.submitId}" href="#">
  226. ${exchange.submitor}
  227. </a>
  228. </span>
  229. </c:if>
  230. </td>
  231. <td style="text-align: center;" >
  232. <fmt:formatDate value='${exchange.createTime}' pattern='yyyy-MM-dd HH:mm:ss'/>
  233. </td>
  234. <td style="text-align: center;" >
  235. <c:if test="${sysPlan.rate!=100}">
  236. <a class="link" onclick="editSysPlanExchange('${exchange.id}','${exchange.planId}')" href="#">编辑</a>
  237. </c:if>
  238. <a class="link" onclick="openSysPlanExchange('${exchange.id}','${exchange.planId}')" href="#">查看</a>
  239. </td>
  240. </tr>
  241. </c:forEach>
  242. </c:when>
  243. <c:otherwise>
  244. <tr class="empty-div" >
  245. <td colspan="5" style="text-align: center;">
  246. 暂没有交流信息
  247. </td>
  248. </tr>
  249. </c:otherwise>
  250. </c:choose>
  251. </table>
  252. </div>
  253. </td>
  254. </tr>
  255. <tr>
  256. <th width="20%">评论信息:</th>
  257. <td colspan="3">
  258. <br/>
  259. <div>
  260. <table id="exchangeTable" style="float: left;" class="table-grid table-list" cellpadding="0" cellspacing="0" border="0">
  261. <thead>
  262. <tr>
  263. <th width="15%;" style="text-align: center;">评论等级</th>
  264. <th width="35%;" style="text-align: center;">评论内容</th>
  265. <th width="20%;" style="text-align: center;">提交人</th>
  266. <th width="20%;" style="text-align: center;">提交时间</th>
  267. <th width="15%;" style="text-align: center;">管理</th>
  268. </tr>
  269. </thead>
  270. <c:choose>
  271. <c:when test="${fn:length(sysPlanCommentList)>0 }">
  272. <c:forEach items="${sysPlanCommentList}" var="comment">
  273. <tr>
  274. <td style="text-align: center;" value=value="${comment.commentgrade}">
  275. <c:if test="${comment.commentgrade eq '1'}">优</c:if>
  276. <c:if test="${comment.commentgrade eq '2'}">良</c:if>
  277. <c:if test="${comment.commentgrade eq '3'}">中</c:if>
  278. <c:if test="${comment.commentgrade eq '4'}">差</c:if>
  279. </td>
  280. <td style="text-align: center;" >
  281. <c:choose>
  282. <c:when test="${fn:length(comment.commentcontent)>21}">
  283. <c:out value="${fn:substring(comment.commentcontent, 0, 20)}..." />
  284. </c:when>
  285. <c:otherwise>
  286. <c:out value="${comment.commentcontent}" />
  287. </c:otherwise>
  288. </c:choose>
  289. </td>
  290. <td>
  291. <c:if test="${fn:length(comment.submitor)>0}">
  292. <span class="owner-span">
  293. <a class="moreinfo" ownerid="${comment.submitId}" hrefstr="${ctx}/platform/system/sysUser/get.ht?openType=detail&userId=${comment.submitId}" href="#">
  294. ${comment.submitor}
  295. </a>
  296. </span>
  297. </c:if>
  298. </td>
  299. <td style="text-align: center;" >
  300. <fmt:formatDate value='${comment.createTime}' pattern='yyyy-MM-dd HH:mm:ss'/>
  301. </td>
  302. <td style="text-align: center;" >
  303. <%-- <a class="link" onclick="editSysPlanExchange('${exchange.id}','${exchange.planId}')" href="#">编辑</a> --%>
  304. <a class="link" onclick="openSysPlanExchange('${comment.id}','${comment.planId}')" href="#">查看</a>
  305. </td>
  306. </tr>
  307. </c:forEach>
  308. </c:when>
  309. <c:otherwise>
  310. <tr class="empty-div" >
  311. <td colspan="5" style="text-align: center;">
  312. 暂没有评论信息
  313. </td>
  314. </tr>
  315. </c:otherwise>
  316. </c:choose>
  317. </table>
  318. </div>
  319. </td>
  320. </tr>
  321. </table>
  322. </form>
  323. </div>
  324. </div>
  325. <p>
  326. <br>
  327. </p>
  328. <p>
  329. <br>
  330. </p>
  331. <p>
  332. <br>
  333. </p>
  334. </body>
  335. </html>