index.ftl 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. <#assign base=springMacroRequestContext.getContextUrl("")>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>JEECG ROOM 作战指挥室</title>
  9. <link href="${base}/bigscreen/template1/css/easyui.css" rel="stylesheet" type="text/css">
  10. <link href="${base}/bigscreen/template1/css/room.css" rel="stylesheet" type="text/css" />
  11. <script language="javascript" type="text/javascript" src="${base}/bigscreen/template1/js/jquery.min.js"></script>
  12. <script language="javascript" type="text/javascript" src="${base}/bigscreen/template1/js/jquery.easyui.min.js"></script>
  13. <script language="javascript" type="text/javascript" src="${base}/bigscreen/template1/js/echarts.min.js"></script>
  14. <script language="javascript" type="text/javascript" src="${base}/bigscreen/template1/js/echarts-wordcloud.js"></script>
  15. <script language="javascript" type="text/javascript" src="${base}/bigscreen/template1/js/china.js"></script>
  16. <script language="javascript" type="text/javascript" src="${base}/bigscreen/template1/js/geoCoord.js"></script>
  17. <script language="javascript" type="text/javascript" src="${base}/bigscreen/template1/js/room.js"></script>
  18. <script language="javascript" type="text/javascript" src="${base}/bigscreen/template1/js/resize.js"></script>
  19. </head>
  20. <body>
  21. <div id="main">
  22. <!-- 刷新 -->
  23. <div id="refresh">
  24. <span id="refreshTime">最后刷新时间:2018-05-06 23:13.24</span>
  25. </div>
  26. <!-- 刷新结束 -->
  27. <!-- 进度条区域开始-->
  28. <div id="y_gauge1"></div>
  29. <div id="y_gauge2"></div>
  30. <div id="y_gauge3"></div>
  31. <div id="y_gauge4"></div>
  32. <!-- 进度条区域结束-->
  33. <!-- 螺旋图开始 -->
  34. <div id="orderStatus"></div>
  35. <div class="contentButton" style="top:822px;left:453px">
  36. <a class="a1" href="javascript:void(0);" onclick="javascript:openDialog('modalDlg');">&nbsp;</a>
  37. </div>
  38. <!-- 螺旋图结束 -->
  39. <!-- 地图开始 -->
  40. <div id="map"></div>
  41. <!-- 地图结束 -->
  42. <!-- 产品饼图开始 -->
  43. <div id="productPie" style="width: 900px; height: 590px;"></div>
  44. <!-- 产品饼图结束 -->
  45. <!-- 业务进展图开始 -->
  46. <div id="businessProgress"></div>
  47. <div class="contentButton" style="top:822px;left:3679px">
  48. <a class="a1" href="javascript:void(0);">&nbsp;</a>
  49. </div>
  50. <!-- 业务进展图结束 -->
  51. <!-- 生产计划展示开始-->
  52. <div id="plan"></div>
  53. <div class="contentButton" style="top:1402px;left:453px">
  54. <a href="javascript:void(0);">&nbsp;</a>
  55. </div>
  56. <!-- 生产计划展示结束-->
  57. <!-- 生产质量展示开始-->
  58. <div id="quality"></div>
  59. <div class="contentButton" style="top:1402px;left:1532px">
  60. <a href="javascript:void(0);">&nbsp;</a>
  61. </div>
  62. <!-- 生产质量展示结束-->
  63. <!-- 客服及投诉展示开始-->
  64. <div id="produce">
  65. <table width="100%" cellpadding="6" cellspacing="0">
  66. <tr class="row1">
  67. <td rowspan="2"><span id="currentDate">2018/04/25</span></td>
  68. <td colspan="2">产品投诉</td>
  69. <td colspan="2">物流投诉</td>
  70. <td colspan="2">售后投诉</td>
  71. </tr>
  72. <tr class="row1">
  73. <td>质量</td>
  74. <td>服务</td>
  75. <td>质量</td>
  76. <td>服务</td>
  77. <td>质量</td>
  78. <td>服务</td>
  79. </tr>
  80. <tr class="row2">
  81. <td>已处理</td>
  82. <td>48</td>
  83. <td>48</td>
  84. <td>48</td>
  85. <td>48</td>
  86. <td>48</td>
  87. <td>48</td>
  88. </tr>
  89. <tr class="row1">
  90. <td>处理中</td>
  91. <td>34</td>
  92. <td>34</td>
  93. <td>34</td>
  94. <td>34</td>
  95. <td>34</td>
  96. <td>34</td>
  97. </tr>
  98. <tr class="row2">
  99. <td>未处理</td>
  100. <td>30</td>
  101. <td>28</td>
  102. <td>28</td>
  103. <td>26</td>
  104. <td>25</td>
  105. <td>8</td>
  106. </tr>
  107. <tr class="row2">
  108. <td>合计</td>
  109. <td>30</td>
  110. <td>28</td>
  111. <td>28</td>
  112. <td>26</td>
  113. <td>25</td>
  114. <td>8</td>
  115. </tr>
  116. <tr class="row1">
  117. <td>总计</td>
  118. <td colspan="2">22</td>
  119. <td colspan="2">65</td>
  120. <td colspan="2">44</td>
  121. </tr>
  122. </table>
  123. </div>
  124. <div class="contentButton" style="top:1402px;left:2598px">
  125. <a href="javascript:void(0);">&nbsp;</a>
  126. </div>
  127. <!-- 客服及投诉展示结束-->
  128. <!-- 词云展示开始-->
  129. <div id="wordCloud"></div>
  130. <div class="contentButton" style="top:1402px;left:3679px">
  131. <a href="javascript:void(0);">&nbsp;</a>
  132. </div>
  133. <!-- 词云结束-->
  134. <!-- 仪表盘区域开始-->
  135. <!-- <div id="gauge1"></div>
  136. <div class="gaugeTitle" style="left:2200px;top:480px;"><sapn id="vg1">32</sapn>&nbsp;m<sup>3</sup>/d</div>
  137. <div id="gauge2"></div>
  138. <div class="gaugeTitle" style="left:2550px;top:480px;"><sapn id="vg2">32</sapn>&nbsp;KVA</div>
  139. <div id="gauge3"></div>
  140. <div class="gaugeTitle" style="left:2910px;top:480px;"><sapn id="vg3">32</sapn>&nbsp;Nm<sup>3</sup>/h</div>
  141. <div id="gauge4"></div>
  142. <div class="gaugeTitle" style="left:2380px;top:750px;"><sapn id="vg4">32</sapn>&nbsp;m<sup>3</sup>/m</div>
  143. <div id="gauge5"></div>
  144. <div class="gaugeTitle" style="left:2730px;top:750px;"><sapn id="vg5">32</sapn>&nbsp;t/h</div> -->
  145. <!-- 仪表盘区域结束-->
  146. <!--弹出窗口-->
  147. <!--<div id="popWindow">
  148. <div style="padding:20px;font-size:32px; background-color:#051E3C;color:#B7E1FF; border-bottom:1px solid #09F">弹出窗口标题</div>
  149. </div>-->
  150. <!--弹出窗口结束---->
  151. </div>>
  152. <!--编辑系统用户的弹出窗口-->
  153. <div id="modalDlg" class="easyui-dialog" title="弹出窗口" data-options="modal:true,closed:true,buttons:
  154. [{
  155. text:'确定',
  156. iconCls:'icon-ok',
  157. handler:function(){
  158. $('#modalDlg').dialog('close');
  159. }
  160. },{
  161. text:'取消',
  162. handler:function(){
  163. $('#modalDlg').dialog('close');
  164. }
  165. }]"
  166. style="padding:10px">
  167. <table width="100%" cellpadding="5">
  168. <tr>
  169. <td width="80" align="center">用户名称:</td>
  170. <td><input type="text" name="updateUsername" id="updateUsername" value=""></td>
  171. </tr>
  172. <tr>
  173. <td align="center">登录密码:</td>
  174. <td><input type="text" name="updateUserpass" id="updateUserpass" value=""></td>
  175. </tr>
  176. <tr>
  177. <td align="center">&nbsp;</td>
  178. <td height="30">如无需修改密码,请留空</td>
  179. </tr>
  180. <tr>
  181. <td align="center">用户类型:</td>
  182. <td>
  183. <select name="updateUserType" id="updateUserType">
  184. <option value="">--请选择--</option>
  185. <option value="administrator">管理员</option>
  186. <option value="user">系统用户</option>
  187. </select>
  188. </td>
  189. </tr>
  190. <tr>
  191. <td align="center">用户状态:</td>
  192. <td>
  193. <input type="radio" name="updateUserStatus" id="updateUserStatus1" value="0"><label for="updateUserStatus1">启用</label>&nbsp;&nbsp;
  194. <input type="radio" name="updateUserStatus" id="updateUserStatus2" value="1"><label for="updateUserStatus2">禁用</label>
  195. </td>
  196. </tr>
  197. <tr>
  198. <td align="center">用户说明:</td>
  199. <td>
  200. <input type="text" name="updateUserDescription" id="updateUserDescription" value="">
  201. </td>
  202. </tr>
  203. </table>
  204. </div>
  205. <!--编辑系统用户的弹出窗口结束-->
  206. </body>
  207. </html>