nav.jsp 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <%@ page language="java" contentType="text/html; charset=utf-8"
  2. pageEncoding="utf-8"%>
  3. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  4. <!DOCTYPE html>
  5. <html lang="zh-CN">
  6. <head>
  7. <meta charset="utf-8" />
  8. <meta name="viewport"
  9. content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, width=device-width">
  10. <meta http-equiv="Cache-Control" content="no-siteapp" />
  11. <title>优软管理系统,usoftchina.com</title>
  12. <meta name="description"
  13. content="USOFTCHINA.COM,ERP,SCM,CRM,MRP,企业管理,优软" />
  14. <meta name="keywords" content="USOFTCHINA.COM,ERP,SCM,CRM,MRP,企业管理,优软" />
  15. <%
  16. String path = request.getContextPath();
  17. String basePath = request.getScheme() + "://"
  18. + request.getServerName() + ":" + request.getServerPort()
  19. + path + "/";
  20. %>
  21. <base href="<%=basePath%>jsps/mobile/" />
  22. <link rel="stylesheet" href="nav.css" type="text/css" />
  23. </head>
  24. <body>
  25. <div id="header-container">
  26. <div class="left">
  27. <a href="javascript:window.location.reload();">
  28. <div class="homeIcon"></div>
  29. </a>
  30. </div>
  31. <div class="right" style="margin-right: 2px; display: none;" id="next">
  32. <a href="javascript:next();">
  33. <div class="clubIcon"></div>
  34. <div>下一条</div>
  35. </a>
  36. </div>
  37. <div class="right" style="margin-right: 2px;">
  38. <a href="javascript:logout();">
  39. <div class="clubIcon"></div>
  40. <div>${mobileinfo.employee.em_name}</div>
  41. </a>
  42. </div>
  43. <div class="right" id="app">
  44. <a
  45. href="javascript:$('#app').toggleClass('active');$('#header-container ul').toggleClass('active');">
  46. <div class="appIcon"></div>
  47. <div>${mobileinfo.employee.currentMaster.ma_function}—</div>
  48. </a>
  49. <ul>
  50. <c:forEach items="${masters}" var="master">
  51. <c:if
  52. test="${master.ma_name != mobileinfo.employee.currentMaster.ma_name}">
  53. <li id="${master.ma_name}"><a
  54. href="javascript:changeMaster('${master.ma_name}','${master.ma_function}');">${master.ma_function}</a>
  55. </li>
  56. </c:if>
  57. </c:forEach>
  58. </ul>
  59. </div>
  60. </div>
  61. <div id="app-container">
  62. <ul>
  63. <li><a id="link-flow" href="javascript:toogleAppCss('flow');">
  64. <img class="iconIn" src="img/news.png">
  65. <div class="desc">
  66. 待办流程‹<span class="count">(${mobileinfo.flowCount})</span>
  67. </div>
  68. </a></li>
  69. <li><a id="link-procand"
  70. href="javascript:toogleAppCss('procand');"> <img class="iconIn"
  71. src="img/club.png">
  72. <div class="desc">
  73. 可选流程‹<span class="count">(${mobileinfo.procandCount})</span>
  74. </div>
  75. </a></li>
  76. <li><a id="link-task" href="javascript:toogleAppCss('task');">
  77. <img class="iconIn" src="img/category.png">
  78. <div class="desc">
  79. 待办任务<span class="count">(${mobileinfo.taskCount})</span>
  80. </div>
  81. </a></li>
  82. </ul>
  83. <div id="info-flow" class="info">
  84. <c:forEach items="${mobileinfo.flows}" var="flow" begin="0" end="49">
  85. <a target="_blank"
  86. href="javascript:itemClick('flow','${flow.CURRENTMASTER}',${flow.jp_nodeId});"
  87. class="info-item" id="info-item-flow-${flow.jp_nodeId}"
  88. data-type="flow" data="${flow}">
  89. <h4 class="info-item-heading">${flow.jp_form}&nbsp;&nbsp;(${flow.jp_codevalue}
  90. ${flow.CURRENTMASTER})</h4>
  91. <p class="info-item-text">${flow.jp_launchTime}&nbsp;&nbsp;发起人:${flow.jp_launcherName}</p>
  92. </a>
  93. </c:forEach>
  94. </div>
  95. <div id="info-procand" class="info">
  96. <c:forEach items="${mobileinfo.procands}" var="procand" begin="0"
  97. end="49">
  98. <a target="_blank"
  99. href="javascript:itemClick('procand','${procand.CURRENTMASTER}',${procand.jp_nodeId});"
  100. class="info-item" id="info-item-procand-${procand.jp_nodeId}"
  101. data-type="procand" data="${procand}">
  102. <h4 class="info-item-heading">${procand.jp_form}&nbsp;&nbsp;(${procand.jp_codevalue}
  103. ${procand.CURRENTMASTER})</h4>
  104. <p class="info-item-text">${procand.jp_launchTime}&nbsp;&nbsp;发起人:${procand.jp_launcherName}</p>
  105. </a>
  106. </c:forEach>
  107. </div>
  108. <div id="info-task" class="info">
  109. <c:forEach items="${mobileinfo.tasks}" var="task" begin="0" end="49">
  110. <a
  111. href="javascript:itemClick('task','${task.CURRENTMASTER}',${task.ra_id}, '${task.ra_type}');"
  112. class="info-item" id="info-item-task-${task.ra_id}"
  113. data-type="task" data="${task}">
  114. <h4 class="info-item-heading">${task.ra_taskname}&nbsp;&nbsp;${task.sourcecode}</h4>
  115. <p class="info-item-text">${task.ra_startdate}&nbsp;&nbsp;发起人:${task.recorder}</p>
  116. <p class="info-item-text">${task.description}</p>
  117. </a>
  118. </c:forEach>
  119. </div>
  120. </div>
  121. <div id="frame-container">
  122. <iframe src="javascript:void(0);" width="1280px" height="900px"></iframe>
  123. </div>
  124. <div id="footer-container">
  125. <p class="link">
  126. <a
  127. href="<%=basePath%>?master=${mobileinfo.employee.currentMaster.ma_name}">首页</a>
  128. | <a href="#" id="download_client">客户端下载</a> | <a
  129. href="<%=basePath%>?mobile=0">电脑版</a>
  130. </p>
  131. </div>
  132. </body>
  133. <script type="text/javascript"
  134. src="<%=basePath%>resource/jquery/jquery-1.4.min.js"></script>
  135. <script type="text/javascript"
  136. src="<%=basePath%>resource/jquery/jquery.json-2.2.min.js"></script>
  137. <script>
  138. var basePath = (function() {
  139. var fullPath = window.document.location.href;
  140. var path = window.document.location.pathname;
  141. var subpos = fullPath.indexOf('//');
  142. var subpath = subpos > -1 ? fullPath.substring(0, subpos + 2) : '';
  143. if (subpos > -1)
  144. fullPath = fullPath.substring(subpos + 2);
  145. var pos = fullPath.indexOf(path), sname = path.substring(0, path.substr(1).indexOf('/') + 1);
  146. return subpath + fullPath.substring(0, pos) + (sname == '/ERP' ? '/ERP/' : '/');
  147. })();
  148. </script>
  149. <script type="text/javascript" src="nav.js"></script>
  150. </html>