Demo.html 8.5 KB

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