<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>War-room作战指挥室</title>
<link href="css/easyui.css" rel="stylesheet" type="text/css">
<link href="css/room.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script language="javascript" type="text/javascript" src="js/echarts.js"></script>
<script language="javascript" type="text/javascript" src="js/echarts-wordcloud.js"></script>
<script language="javascript" type="text/javascript" src="js/china.js"></script>
<script language="javascript" type="text/javascript" src="js/geoCoord.js"></script>
<script language="javascript" type="text/javascript" src="js/room.js"></script>
</head>
<body>
<div id="main">
<!-- 刷新 -->
<div id="refresh">
<span id="refreshTime">最后刷新时间：2018-05-06 23:13.24</span>
</div>
<!-- 刷新结束 -->
<!-- 进度条区域开始-->
<div id="y_gauge1"></div>
<div id="y_gauge2"></div>
<div id="y_gauge3"></div>
<div id="y_gauge4"></div>
<!-- 进度条区域结束-->
<!-- 螺旋图开始 -->
<div id="orderStatus"></div>
<div class="contentButton" style="top:822px;left:453px">
<a class="a1" href="javascript:void(0);" onclick="javascript:openDialog('modalDlg');"> </a>
</div>
<!-- 螺旋图结束 -->
<!-- 地图开始 -->
<div id="map"></div>
<!-- 地图结束 -->
<!-- 产品饼图开始 -->
<div id="productPie"></div>
<!-- 产品饼图结束 -->
<!-- 业务进展图开始 -->
<div id="businessProgress"></div>
<div class="contentButton" style="top:822px;left:3679px">
<a class="a1" href="javascript:void(0);"> </a>
</div>
<!-- 业务进展图结束 -->
<!-- 生产计划展示开始-->
<div id="plan"></div>
<div class="contentButton" style="top:1402px;left:453px">
<a href="javascript:void(0);"> </a>
</div>
<!-- 生产计划展示结束-->
<!-- 生产质量展示开始-->
<div id="quality"></div>
<div class="contentButton" style="top:1402px;left:1532px">
<a href="javascript:void(0);"> </a>
</div>
<!-- 生产质量展示结束-->
<!-- 客服及投诉展示开始-->
<div id="produce">
<table width="100%" cellpadding="6" cellspacing="0">
<tr class="row1">
<td rowspan="2"><span id="currentDate">2018/04/25</span></td>
<td colspan="2">产品投诉</td>
<td colspan="2">物流投诉</td>
<td colspan="2">售后投诉</td>
</tr>
<tr class="row1">
<td>质量</td>
<td>服务</td>
<td>质量</td>
<td>服务</td>
<td>质量</td>
<td>服务</td>
</tr>
<tr class="row2">
<td>已处理</td>
<td>48</td>
<td>48</td>
<td>48</td>
<td>48</td>
<td>48</td>
<td>48</td>
</tr>
<tr class="row1">
<td>处理中</td>
<td>34</td>
<td>34</td>
<td>34</td>
<td>34</td>
<td>34</td>
<td>34</td>
</tr>
<tr class="row2">
<td>未处理</td>
<td>30</td>
<td>28</td>
<td>28</td>
<td>26</td>
<td>25</td>
<td>8</td>
</tr>
<tr class="row2">
<td>合计</td>
<td>30</td>
<td>28</td>
<td>28</td>
<td>26</td>
<td>25</td>
<td>8</td>
</tr>
<tr class="row1">
<td>总计</td>
<td colspan="2">22</td>
<td colspan="2">65</td>
<td colspan="2">44</td>
</tr>
</table>
</div>
<div class="contentButton" style="top:1402px;left:2598px">
<a href="javascript:void(0);"> </a>
</div>
<!-- 客服及投诉展示结束-->
<!-- 词云展示开始-->
<div id="wordCloud"></div>
<div class="contentButton" style="top:1402px;left:3679px">
<a href="javascript:void(0);"> </a>
</div>
<!-- 词云结束-->
<!-- 仪表盘区域开始-->
<!-- <div id="gauge1"></div>
<div class="gaugeTitle" style="left:2200px;top:480px;"><sapn id="vg1">32</sapn> m<sup>3</sup>/d</div>
<div id="gauge2"></div>
<div class="gaugeTitle" style="left:2550px;top:480px;"><sapn id="vg2">32</sapn> KVA</div>
<div id="gauge3"></div>
<div class="gaugeTitle" style="left:2910px;top:480px;"><sapn id="vg3">32</sapn> Nm<sup>3</sup>/h</div>
<div id="gauge4"></div>
<div class="gaugeTitle" style="left:2380px;top:750px;"><sapn id="vg4">32</sapn> m<sup>3</sup>/m</div>
<div id="gauge5"></div>
<div class="gaugeTitle" style="left:2730px;top:750px;"><sapn id="vg5">32</sapn> t/h</div> -->
<!-- 仪表盘区域结束-->
<!--弹出窗口-->
<!--<div id="popWindow">
<div style="padding:20px;font-size:32px; background-color:#051E3C;color:#B7E1FF; border-bottom:1px solid #09F">弹出窗口标题</div>
</div>-->
<!--弹出窗口结束---->
</div>>
<!--编辑系统用户的弹出窗口-->
<div id="modalDlg" class="easyui-dialog" title="弹出窗口" data-options="modal:true,closed:true,buttons:
[{
text:'确定',
iconCls:'icon-ok',
handler:function(){
$('#modalDlg').dialog('close');
}
},{
text:'取消',
handler:function(){
$('#modalDlg').dialog('close');
}
}]"
style="padding:10px">
<table width="100%" cellpadding="5">
<tr>
<td width="80" align="center">用户名称:</td>
<td><input type="text" name="updateUsername" id="updateUsername" value=""></td>
</tr>
<tr>
<td align="center">登录密码:</td>
<td><input type="text" name="updateUserpass" id="updateUserpass" value=""></td>
</tr>
<tr>
<td align="center"> </td>
<td height="30">如无需修改密码，请留空</td>
</tr>
<tr>
<td align="center">用户类型:</td>
<td>
<select name="updateUserType" id="updateUserType">
<option value="">--请选择--</option>
<option value="administrator">管理员</option>
Echarts + Web实现大屏展示效果
4星 · 超过85%的资源 需积分: 50 31 浏览量
2018-09-21
15:03:13
上传
评论 37
收藏 3.22MB ZIP 举报 
Demo.zip （21个子文件） 
Demo images 
content_comm.png 27KB content_comm1.png 27KB
index1.gif 1.35MB content_down.png 28KB
war_room_main.jpg 247KB index.gif 622KB screenbg_design1.jpg 244KB content_down1.png 28KB js 
jquery.easyui.min.js 380KB big_design1.js 20KB geoCoord.js 4KB jquery.min.js 176KB china.js 60KB room.js 29KB echarts-wordcloud.js 414KB echarts.js 2.37MB
Demo.html 9KB css room.css 4KB jquery-ui.css 34KB easyui.css 71KB main_design1.css 4KB
评论30
最新资源