1138 lines
42 KiB
Plaintext
1138 lines
42 KiB
Plaintext
<%@ Page Language="C#" CodeBehind="Default.aspx.cs" AutoEventWireup="true"
|
||
MasterPageFile="~/SuperMap_Client/MasterPage/v4_0/SizeBox.Master"
|
||
Inherits="SuperMap.RealEstate.HighWay.Modules.MapShow.Default" %>
|
||
|
||
<%@ Register Assembly="RealEstate.Web" Namespace="SuperMap.RealEstate.Web.UI.WebControls" TagPrefix="smwc" %>
|
||
|
||
<asp:Content ID="Content1" ContentPlaceHolderID="HTMLHead" runat="server">
|
||
<link href="../../Resources/v1_0/TreeView/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
|
||
<script src="/HighWay/Resources/v1_0/Jquery/jquery-1.10.2.js"></script>
|
||
<script src="/HighWay/Resources/v1_0/Style/JavaScript/HiiShe.Core.js"></script>
|
||
<script src="../../Resources/v1_0/Style/JavaScript/json_parse.js"></script>
|
||
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ouclI8NGyrgZbZf5RhEpXwOU&services=true"></script>
|
||
<link href="../../Resources/v1_0/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet" />
|
||
<script src="../../Resources/v1_0/SuperSlide/jquery.SuperSlide.2.1.1.js"></script>
|
||
<script src="../../Resources/v1_0/TreeView/js/jquery.ztree.core-3.5.js"></script>
|
||
<script src="../../Resources/v1_0/TreeView/js/echarts-3.4.0.min.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
$(document).ready(function () {
|
||
$("#type_hidden").val('<%=GetTypeString%>');
|
||
|
||
try {
|
||
//执行父窗体中的事件
|
||
window.parent.RealEstate.TabSheetControl.ShowSideBar();
|
||
}
|
||
catch (e)
|
||
{ }
|
||
|
||
});
|
||
|
||
</script>
|
||
<script src="../../Resources/v1_0/Style/JavaScript/common/simpleTemplate.js"></script>
|
||
<script src="../../Resources/v1_0/Style/JavaScript/ScrollText.js"></script>
|
||
<script src="../../Resources/v1_0/Style/JavaScript/ScrollTextOverlay.js"></script>
|
||
<script src="../../Resources/v1_0/Style/JavaScript/search.js"></script>
|
||
<script src="../../Resources/v1_0/Style/JavaScript/Maps.js"></script>
|
||
<style type="text/css">
|
||
.Form_Middle_Center {
|
||
padding: 0px !important;
|
||
}
|
||
|
||
.Form_Middle_Center, .Form_Middle_Center ul, .Form_Middle_Center li {
|
||
height: 100%;
|
||
text-align: left;
|
||
}
|
||
|
||
|
||
.mainnav {
|
||
padding: 0px 0px 10px 0px;
|
||
border-bottom: 1px solid #ddd;
|
||
}
|
||
|
||
.mainnav a {
|
||
text-align: center;
|
||
}
|
||
|
||
.mainnav a:hover {
|
||
cursor: pointer;
|
||
color: #3961C0 !important;
|
||
}
|
||
|
||
.subnav {
|
||
padding: 0px 0px 10px 0px;
|
||
margin: 10px 0px 0px 0px;
|
||
border-bottom: 1px solid #ddd;
|
||
}
|
||
|
||
.subnav a {
|
||
text-align: center;
|
||
}
|
||
|
||
.subnav a:hover {
|
||
cursor: pointer;
|
||
color: #3961C0 !important;
|
||
}
|
||
|
||
.subnav_sub {
|
||
padding: 0px 0px 10px 0px;
|
||
margin: 10px 0px 0px 0px;
|
||
border-bottom: 1px solid #ddd;
|
||
}
|
||
|
||
.subnav_sub a {
|
||
text-align: center;
|
||
}
|
||
|
||
.subnav_sub a:hover {
|
||
cursor: pointer;
|
||
color: #3961C0 !important;
|
||
}
|
||
|
||
.barnav li {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.barnav li a {
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
padding: 10px 14px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
margin: 2px;
|
||
height: 40px;
|
||
width: 28px;
|
||
text-align: center;
|
||
-moz-border-radius: 2px;
|
||
-webkit-border-radius: 2px;
|
||
border-radius: 2px;
|
||
-moz-box-shadow: inset 0 1px 0 #fff;
|
||
-webkit-box-shadow: inset 0 1px 0 #fff;
|
||
box-shadow: inset 0 1px 0 #fff;
|
||
}
|
||
|
||
.serverpart_expand li {
|
||
height: 10px;
|
||
/*text-shadow:1px 1px #f7f7f7;*/
|
||
font-weight: normal;
|
||
cursor: pointer;
|
||
/*background:#eee url(../../Resources/v1_0/Images/thead.png) repeat-x top left;*/
|
||
line-height: 20px;
|
||
text-align: right;
|
||
}
|
||
|
||
.color_green {
|
||
background: #27ae60;
|
||
border-color: #fff;
|
||
color: #FFF;
|
||
}
|
||
|
||
.color_yellow {
|
||
border-color: #ebb205;
|
||
color: #FFF;
|
||
background: #f1c40f;
|
||
}
|
||
|
||
.color_blue {
|
||
border-color: #0282ce;
|
||
color: #FFF;
|
||
background: #49A7DA;
|
||
}
|
||
|
||
.color_black {
|
||
border-color: #222;
|
||
color: #FFF;
|
||
background: #9178AF;
|
||
}
|
||
|
||
.color_lime {
|
||
border-color: #59bf04;
|
||
color: #FFF;
|
||
background: #8e44ad;
|
||
}
|
||
|
||
.color_red {
|
||
border-color: #c0392b;
|
||
color: #FFF;
|
||
background: #c0392b;
|
||
}
|
||
|
||
.color_drak {
|
||
color: #34495e;
|
||
}
|
||
|
||
.color_drak:hover {
|
||
color: #2c3e50;
|
||
}
|
||
|
||
.color_green_font {
|
||
color: #27ae60;
|
||
}
|
||
|
||
.color_drak_font {
|
||
color: #ccc !important;
|
||
}
|
||
|
||
.color_blue_font {
|
||
color: #3961C0 !important;
|
||
}
|
||
|
||
.color_green:hover {
|
||
background: #2ecc71;
|
||
color: #fff;
|
||
}
|
||
|
||
.color_yellow:hover {
|
||
background: #f39c12;
|
||
color: #fff;
|
||
}
|
||
|
||
.color_blue:hover {
|
||
background: #0591e5;
|
||
color: #fff;
|
||
}
|
||
|
||
.color_black:hover {
|
||
background: #333333;
|
||
color: #fff;
|
||
}
|
||
|
||
.color_lime:hover {
|
||
background: #9b59b6;
|
||
color: #fff;
|
||
}
|
||
|
||
.color_orange:hover {
|
||
background: #ff9702;
|
||
color: #fff;
|
||
}
|
||
|
||
.color_red:hover {
|
||
background: #e74c3c;
|
||
color: #fff;
|
||
}
|
||
|
||
.font_color {
|
||
color: #FF7F50;
|
||
}
|
||
|
||
.BARNAV_TYPE li a {
|
||
display: inline-block;
|
||
padding: 5px;
|
||
margin: 2px;
|
||
height: 30px;
|
||
width: 30px;
|
||
text-align: center;
|
||
-moz-border-radius: 2px;
|
||
-webkit-border-radius: 2px;
|
||
border-radius: 2px;
|
||
-moz-box-shadow: inset 0 1px 0 #fff;
|
||
-webkit-box-shadow: inset 0 1px 0 #fff;
|
||
box-shadow: inset 0 1px 0 #fff;
|
||
line-height: 30px;
|
||
}
|
||
|
||
.entrylist li {
|
||
cursor: pointer;
|
||
display: block;
|
||
padding: 2px;
|
||
border-bottom: 1px solid #ddd;
|
||
}
|
||
|
||
.entrylist li.even {
|
||
background: #fcfcfc;
|
||
}
|
||
|
||
.entry_wrap h4 {
|
||
font-size: 18px;
|
||
font-weight: normal;
|
||
font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
|
||
}
|
||
|
||
.entry_wrap h4 a {
|
||
color: #FB9337;
|
||
}
|
||
|
||
.entry_wrap h4 a:hover {
|
||
color: #485B79;
|
||
}
|
||
|
||
.entry_wrap p {
|
||
margin: 2px 0;
|
||
word-wrap: break-word;
|
||
color: #ADADAD;
|
||
}
|
||
|
||
.entry_wrap .title_serverpart {
|
||
font-size: 10pt;
|
||
color: #000;
|
||
}
|
||
|
||
|
||
|
||
|
||
.map_TitleTips {
|
||
width: 480px;
|
||
height: 200px;
|
||
border: 0px solid #000;
|
||
}
|
||
|
||
.txtMarquee-top {
|
||
float: right;
|
||
zoom: 1;
|
||
overflow: hidden;
|
||
width: 320px;
|
||
height: 100%;
|
||
border: 0px solid #000;
|
||
}
|
||
|
||
.txtMarquee-top .hd {
|
||
overflow: hidden;
|
||
height: 30px;
|
||
background: #f4f4f4;
|
||
padding: 0 10px;
|
||
line-height: 25px;
|
||
}
|
||
|
||
.txtMarquee-top .hd .prev, .txtMarquee-top .hd .next {
|
||
display: block;
|
||
width: 9px;
|
||
height: 5px;
|
||
float: right;
|
||
margin-right: 15px;
|
||
margin-top: 10px;
|
||
overflow: hidden;
|
||
cursor: pointer;
|
||
background: url("/HighWay/Resources/v1_0/Style/Images/arrow.png") 0 -100px no-repeat;
|
||
}
|
||
|
||
.txtMarquee-top .hd .next {
|
||
background-position: 0 -140px;
|
||
}
|
||
|
||
.txtMarquee-top .hd .prevStop {
|
||
background-position: -60px -100px;
|
||
}
|
||
|
||
.txtMarquee-top .hd .nextStop {
|
||
background-position: -60px -140px;
|
||
}
|
||
|
||
.txtMarquee-top .bd {
|
||
padding: 15px;
|
||
}
|
||
|
||
.txtMarquee-top .infoList li {
|
||
height: 24px;
|
||
line-height: 24px;
|
||
}
|
||
|
||
.txtMarquee-top .infoList li .date {
|
||
float: right;
|
||
color: #999;
|
||
}
|
||
|
||
/*异常CSS*/
|
||
.sxgd {
|
||
height: 100px;
|
||
overflow: hidden;
|
||
padding-top: 16px;
|
||
padding-left: 18px;
|
||
}
|
||
|
||
.sxgd_ul {
|
||
list-style-type: none;
|
||
height: 100000%;
|
||
}
|
||
|
||
.sxgd_ul li {
|
||
height: 100px;
|
||
}
|
||
|
||
li {
|
||
padding-bottom: 15px;
|
||
}
|
||
/*end*/
|
||
|
||
/*江程鹏样式*/
|
||
p {
|
||
margin: 0px;
|
||
padding: 0px;
|
||
}
|
||
|
||
.H_div {
|
||
background: rgba(0,0,0,0.7);
|
||
border-radius: 6px;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.ng_youdiv {
|
||
position: fixed;
|
||
right: 30px;
|
||
top: 65px;
|
||
width: 480px;
|
||
}
|
||
|
||
|
||
.H_h1 {
|
||
opacity: 0.7;
|
||
background: #EEEEEE;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
font-size: 24px;
|
||
border-radius: 6px;
|
||
display: inline-block;
|
||
}
|
||
|
||
#money {
|
||
font-size: 26px;
|
||
}
|
||
|
||
.ng_zuodiv {
|
||
position: absolute;
|
||
left: 1%;
|
||
bottom: 10%;
|
||
}
|
||
|
||
.ng_youdiv p {
|
||
text-align: center;
|
||
}
|
||
|
||
.H_fuwu div {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.H_span {
|
||
float: right;
|
||
}
|
||
|
||
.H_div_xiao {
|
||
text-align: center;
|
||
background: rgba(0,0,0,0.8);
|
||
padding: 0px;
|
||
border-top-left-radius: 6px;
|
||
border-top-right-radius: 6px;
|
||
text-indent: 8px;
|
||
height: 34px;
|
||
line-height: 34px;
|
||
}
|
||
/*end*/
|
||
</style>
|
||
</asp:Content>
|
||
<asp:Content ID="Content2" ContentPlaceHolderID="B" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content3" ContentPlaceHolderID="B_L" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content4" ContentPlaceHolderID="B_R" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content5" ContentPlaceHolderID="T" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content6" ContentPlaceHolderID="T_L" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content7" ContentPlaceHolderID="T_R" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content8" ContentPlaceHolderID="S_T" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content9" ContentPlaceHolderID="S" runat="server">
|
||
<link rel="stylesheet" type="text/css" href="../../Resources/v1_0/Style/CSS/ScrollText.css" />
|
||
<link rel="stylesheet" type="text/css" href="../../Resources/v1_0/Style/CSS/sideBar_patch.css" />
|
||
<input type="hidden" id="type_hidden" />
|
||
|
||
<div id="search_container">
|
||
<div id="search_box">
|
||
<input type="text" id="search" placeholder="搜服务站" autocomplete="off" name="name" />
|
||
<button id="btn_clear"></button>
|
||
</div>
|
||
<button id="btn_search"></button>
|
||
</div>
|
||
<ul id="toast_wrapper">
|
||
</ul>
|
||
|
||
<div id="list_container">
|
||
<ul class="ListItem Col4 mainnav" id="serverpart_mainNav">
|
||
</ul>
|
||
<ul class="ListItem Col4 subnav" id="serverpart_submenu">
|
||
</ul>
|
||
<ul class="ListItem Col1 serverpart_expand">
|
||
</ul>
|
||
<ul class="ListItem Col1 entrylist" id="serverpart_contain">
|
||
</ul>
|
||
</div>
|
||
|
||
<ul class="ListItem Col1 entrylist" id="another_list_container">
|
||
</ul>
|
||
|
||
<!--全景图-->
|
||
|
||
|
||
<!--信息按钮-->
|
||
<div style="z-index: 100; position: fixed; top: 82%; left: 5px; opacity: 0.7;">
|
||
<div id="bt_1">
|
||
<img src="../../Resources/v1_0/Style/Images/div1.png" width="15%" />
|
||
</div>
|
||
</div>
|
||
<!--end-->
|
||
|
||
<!--信息列表-->
|
||
<div id="div_1" style="display: none;">
|
||
<!--经营品牌-->
|
||
<div style="background: rgba(0,0,0,0.7); z-index: 100; position: fixed; top: 65px; left: 10px; width: 480px; height: 174px; border-radius: 6px;">
|
||
<div style="background: rgba(0,0,0,1); padding: 10px; height: 14px; color: #FBBF45; text-align: center; border-radius: 6px 6px 0 0;">
|
||
经营品牌
|
||
</div>
|
||
<ul style="list-style-type: none; padding-top: 2px; padding-left: 18px;">
|
||
<li style="color: #3BB4F2;">
|
||
<img src="../../Resources/v1_0/Style/Images/ybg.png" width="10%" style="float: left;" />
|
||
<div style="width: 85px; text-align: right; float: left;"><span id="name_1"></span>：</div>
|
||
<div style="width: 110px; text-align: right; float: left;"><span id="money_1"></span></div>
|
||
<div style="width: 80px; text-align: right; float: left;">客单量：</div>
|
||
<div style="width: 70px; text-align: right; float: left;"><span id="num_1"></span></div>
|
||
<br style="clear: both;" />
|
||
</li>
|
||
<li style="color: #3BB4F2;">
|
||
<img src="../../Resources/v1_0/Style/Images/ybw.png" width="10%" style="float: left;" />
|
||
<div style="width: 85px; text-align: right; float: left;"><span id="name_2"></span>：</div>
|
||
<div style="width: 110px; text-align: right; float: left;"><span id="money_2"></span></div>
|
||
<div style="width: 80px; text-align: right; float: left;">客单量：</div>
|
||
<div style="width: 70px; text-align: right; float: left;"><span id="num_2"></span></div>
|
||
<br style="clear: both;" />
|
||
</li>
|
||
<li style="color: #3BB4F2;">
|
||
<img src="../../Resources/v1_0/Style/Images/wfz.png" width="10%" style="float: left;" />
|
||
<div style="width: 85px; text-align: right; float: left;"><span id="name_3"></span>：</div>
|
||
<div style="width: 110px; text-align: right; float: left;"><span id="money_3"></span></div>
|
||
<div style="width: 80px; text-align: right; float: left;">客单量：</div>
|
||
<div style="width: 70px; text-align: right; float: left;"><span id="num_3"></span></div>
|
||
<br style="clear: both;" />
|
||
</li>
|
||
<li style="color: #3BB4F2;">
|
||
<img src="../../Resources/v1_0/Style/Images/weix.png" width="10%" style="float: left;" />
|
||
<div style="width: 85px; text-align: right; float: left;"><span id="name_4"></span>：</div>
|
||
<div style="width: 110px; text-align: right; float: left;"><span id="money_4"></span></div>
|
||
<div style="width: 80px; text-align: right; float: left;">客单量：</div>
|
||
<div style="width: 70px; text-align: right; float: left;"><span id="num_4"></span></div>
|
||
<br style="clear: both;" />
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--end-->
|
||
|
||
<!--服务区营收-->
|
||
<div style="background: rgba(0,0,0,0.7); z-index: 100; position: fixed; top: 245px; left: 10px; width: 480px; height: 174px; border-radius: 6px;">
|
||
<div style="background: rgba(0,0,0,1); padding: 10px; height: 14px; color: #FBBF45; text-align: center; border-radius: 6px 6px 0 0;">
|
||
服务区营收
|
||
</div>
|
||
<ul style="list-style-type: none; padding-top: 5px; padding-left: 18px;">
|
||
<li style="color: #3BB4F2;">
|
||
<img src="../../Resources/v1_0/Style/Images/crown_1.png" width="5%" style="float: left;" />
|
||
<div style="width: 110px; text-align: right; float: left;"><span id="serviceArea_1"></span>：</div>
|
||
<div style="width: 108px; text-align: right; float: left;"><span id="money_5"></span></div>
|
||
<div style="width: 80px; text-align: right; float: left;">客单量：</div>
|
||
<div style="width: 70px; text-align: right; float: left;"><span id="num_5"></span></div>
|
||
<br style="clear: both;" />
|
||
</li>
|
||
<li style="color: #3BB4F2;">
|
||
<img src="../../Resources/v1_0/Style/Images/crown_2.png" width="5%" style="float: left;" />
|
||
<div style="width: 110px; text-align: right; float: left;"><span id="serviceArea_2"></span>：</div>
|
||
<div style="width: 108px; text-align: right; float: left;"><span id="money_6"></span></div>
|
||
<div style="width: 80px; text-align: right; float: left;">客单量：</div>
|
||
<div style="width: 70px; text-align: right; float: left;"><span id="num_6"></span></div>
|
||
<br style="clear: both;" />
|
||
</li>
|
||
<li style="color: #3BB4F2;">
|
||
<img src="../../Resources/v1_0/Style/Images/crown_3.png" width="5%" style="float: left;" />
|
||
<div style="width: 110px; text-align: right; float: left;"><span id="serviceArea_3"></span>：</div>
|
||
<div style="width: 108px; text-align: right; float: left;"><span id="money_7"></span></div>
|
||
<div style="width: 80px; text-align: right; float: left;">客单量：</div>
|
||
<div style="width: 70px; text-align: right; float: left;"><span id="num_7"></span></div>
|
||
<br style="clear: both;" />
|
||
</li>
|
||
<li style="color: #3BB4F2;">
|
||
<img src="../../Resources/v1_0/Style/Images/crown_4.png" width="5%" style="float: left;" />
|
||
<div style="width: 110px; text-align: right; float: left;"><span id="serviceArea_4"></span>：</div>
|
||
<div style="width: 108px; text-align: right; float: left;"><span id="money_8"></span></div>
|
||
<div style="width: 80px; text-align: right; float: left;">客单量：</div>
|
||
<div style="width: 70px; text-align: right; float: left;"><span id="num_8"></span></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--end-->
|
||
|
||
<!--异常信息-->
|
||
<div style="background: rgba(0,0,0,0.7); z-index: 100; position: fixed; top: 425px; left: 10px; width: 480px; height: 174px; border-radius: 6px;">
|
||
<div style="background: rgba(0,0,0,1); padding: 10px; height: 14px; color: #FBBF45; text-align: center; border-radius: 6px 6px 0 0;">
|
||
异常信息
|
||
</div>
|
||
<div class="sxgd" style="color: #3BB4F2;">
|
||
<img id="load" src="../../Resources/v1_0/Style/Images/loader3.gif" width="5%" style="margin: 20px 0 0 45%;" />
|
||
<ul class="sxgd_ul">
|
||
<li>
|
||
<span id="abnormal_1" style="height: 35px; line-height: 35px;"></span>
|
||
<br />
|
||
<span id="abnormal_2" style="height: 35px; line-height: 35px;"></span>
|
||
<br />
|
||
<span id="abnormal_3" style="height: 35px; line-height: 35px;"></span>
|
||
</li>
|
||
<li>
|
||
<span id="abnormal_4" style="height: 35px; line-height: 35px;"></span>
|
||
<br />
|
||
<span id="abnormal_5" style="height: 35px; line-height: 35px;"></span>
|
||
<br />
|
||
<span id="abnormal_6" style="height: 35px; line-height: 35px;"></span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!--end-->
|
||
|
||
<%--江程鹏标签--%>
|
||
<div class="H_div ng_youdiv">
|
||
<div class="H_div_xiao" onclick="Zhankai(this)" style="cursor: pointer; font-weight: bold; color: #FBBF45;" add="0">区域占比</div>
|
||
<div id="J_tubiao" class="Heacher" style="width: 480px; height: 0px;"></div>
|
||
</div>
|
||
|
||
<div class="H_div" style="position: fixed; top: 245px; right: 30px; width: 480px;">
|
||
<div class="H_div_xiao" onclick="yetaiyingshou(this)" style="cursor: pointer; font-weight: bold; color: #FBBF45;" add="0">业态营收</div>
|
||
<div id="HJ_tubiao" class="Heacher" style="width: 480px; height: 0px;"></div>
|
||
</div>
|
||
|
||
|
||
<div class="H_div" style="position: fixed; top: 425px; right: 30px; width: 480px; height: 174px;">
|
||
<div class="H_div_xiao" onclick="xingqing(this)" style="cursor: pointer; font-weight: bold; color: #FBBF45;" add="0">服务器详情</div>
|
||
<div class="H_fuwu" style="display: none; margin-top: 27px; color: #3BB4F2;">
|
||
<div class="J_qu" style="text-align: left; width: 45%; margin: 12px auto"></div>
|
||
<div class="J_ji" style="text-align: left; width: 45%; margin: 12px auto"></div>
|
||
<div class="J_kedan" style="text-align: left; width: 45%; margin: 12px auto"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--标题-->
|
||
<div id="map_title" style="position: fixed; top: 595px; right: 30px; z-index: 100; opacity: 0.7; border-radius: 6px; padding-left: 20px; padding-right: 20px;">
|
||
<h1 style="color: black; height: 58px; line-height: 54px;">高速驿网：<span id="sum_money" style="color: #D93C37; font-size: 40px;"></span> 元 <span id="timeShow"></span></h1>
|
||
</div>
|
||
<!--end-->
|
||
|
||
<%--end--%>
|
||
</div>
|
||
<!--end-->
|
||
<!--end-->
|
||
|
||
<script type="text/javascript">
|
||
/*全景图JS*/
|
||
|
||
/*金额格式化*/
|
||
function fmoney(s, n) {
|
||
n = n > 0 && n <= 20 ? n : 2;
|
||
s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
|
||
var l = s.split(".")[0].split("").reverse(),
|
||
r = s.split(".")[1];
|
||
t = "";
|
||
for (i = 0; i < l.length; i++) {
|
||
t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
|
||
}
|
||
return t.split("").reverse().join("") + "." + r;
|
||
}
|
||
/*end*/
|
||
|
||
/*时间js*/
|
||
var t = null;
|
||
$(function getCurrentDate() {
|
||
var date = new Date();
|
||
var monthArray = new Array("01", "02", "03", "04", "05", "06", "07", "08",
|
||
"09", "10", "11", "12");
|
||
month = date.getMonth();
|
||
var dd = date.getDate();
|
||
var hh = date.getHours();
|
||
var mm = date.getMinutes();
|
||
var ss = date.getSeconds();
|
||
dd = extra(dd);
|
||
hh = extra(hh);
|
||
mm = extra(mm);
|
||
ss = extra(ss);
|
||
document.getElementById("timeShow").innerHTML = date.getFullYear() + "/" + monthArray[month] + "/" + dd + " " + hh + ":" + mm + ":" + ss;
|
||
|
||
function extra(x) {
|
||
//如果传入数字小于10，数字前补一位0。
|
||
if (x < 10) {
|
||
return "0" + x;
|
||
} else {
|
||
return x;
|
||
}
|
||
}
|
||
t = setTimeout(getCurrentDate, 1000);
|
||
});
|
||
/*end*/
|
||
|
||
/*异常功能*/
|
||
var sxgd = $(".sxgd ul li:first");
|
||
var margin = parseInt(sxgd.css("marginTop"));
|
||
var movew = sxgd.outerHeight() + margin;
|
||
|
||
$(function show() {
|
||
$(".sxgd ul li:first").animate({
|
||
"margin-top": -movew
|
||
}, function () {
|
||
$(this).css("marginTop", margin).appendTo($(".sxgd_ul"));
|
||
});
|
||
setTimeout(show, 10000);
|
||
});
|
||
/*end*/
|
||
|
||
/*间隔获取数据*/
|
||
$(function show_data() {
|
||
total_people();
|
||
store_revenue();
|
||
ServiceArea_revenue();
|
||
abnormal();
|
||
setTimeout(show_data, 60000);
|
||
});
|
||
/*end*/
|
||
|
||
/*获取总客单量*/
|
||
function total_people() {
|
||
$.ajax({
|
||
type: "get",
|
||
url: "http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx",
|
||
data: "action_type=GetCurrentTotalAmount",
|
||
dataType: "text",
|
||
async: true,
|
||
success: function (rs) {
|
||
var json = JSON.parse(rs);
|
||
var sum_money = json.CurrentData[0].TOTALPRICE;
|
||
sum_money = fmoney(sum_money, 2);
|
||
$("#sum_money")[0].innerHTML = sum_money;
|
||
}
|
||
});
|
||
}
|
||
/*end*/
|
||
|
||
/*获取门店营收*/
|
||
function store_revenue() {
|
||
$.ajax({
|
||
type: "get",
|
||
url: "http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx",
|
||
data: "action_type=GetCurrentAmountByType",
|
||
dataType: "text",
|
||
async: true,
|
||
success: function (rs) {
|
||
var json = JSON.parse(rs);
|
||
for (var i = 0; i < json.CurrentData.length; i++) {
|
||
var name = json.CurrentData[i].SHOPNAME;
|
||
name = name.toString();
|
||
if (name == "驿佰购") {
|
||
$("#name_1")[0].innerHTML = json.CurrentData[i].SHOPNAME;
|
||
$("#num_1")[0].innerHTML = json.CurrentData[i].TOTALTICKET + " 笔";
|
||
var money_1 = json.CurrentData[i].TOTALPRICE;
|
||
money_1 = fmoney(money_1, 2);
|
||
$("#money_1")[0].innerHTML = money_1 + " 元";
|
||
}
|
||
if (name == "驿佰味") {
|
||
$("#name_2")[0].innerHTML = json.CurrentData[i].SHOPNAME;
|
||
$("#num_2")[0].innerHTML = json.CurrentData[i].TOTALTICKET + " 笔";
|
||
var money_2 = json.CurrentData[i].TOTALPRICE;
|
||
money_2 = fmoney(money_2, 2);
|
||
$("#money_2")[0].innerHTML = money_2 + " 元";
|
||
}
|
||
if (name == "五芳斋") {
|
||
$("#name_3")[0].innerHTML = json.CurrentData[i].SHOPNAME;
|
||
$("#num_3")[0].innerHTML = json.CurrentData[i].TOTALTICKET + " 笔";
|
||
var money_3 = json.CurrentData[i].TOTALPRICE;
|
||
money_3 = fmoney(money_3, 2);
|
||
$("#money_3")[0].innerHTML = money_3 + " 元";
|
||
}
|
||
if (name == "唯新小吃") {
|
||
$("#name_4")[0].innerHTML = json.CurrentData[i].SHOPNAME;
|
||
$("#num_4")[0].innerHTML = json.CurrentData[i].TOTALTICKET + " 笔";
|
||
var money_4 = json.CurrentData[i].TOTALPRICE;
|
||
money_4 = fmoney(money_4, 2);
|
||
$("#money_4")[0].innerHTML = money_4 + " 元";
|
||
|
||
}
|
||
}
|
||
}
|
||
});
|
||
}
|
||
/*end*/
|
||
|
||
/*获取服务区营收*/
|
||
function ServiceArea_revenue() {
|
||
$.ajax({
|
||
type: "get",
|
||
url: "http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx",
|
||
data: "action_type=GetCurrentAmount",
|
||
dataType: "text",
|
||
async: true,
|
||
success: function (rs) {
|
||
var json = JSON.parse(rs);
|
||
$("#serviceArea_1")[0].innerHTML = json.CurrentData[0].SERVERPART_NAME;
|
||
$("#num_5")[0].innerHTML = json.CurrentData[0].TOTALCURRAMOUNT + " 笔";
|
||
var money_5 = json.CurrentData[0].TOTALCURRSELLCOUNT;
|
||
money_5 = fmoney(money_5, 2);
|
||
$("#money_5")[0].innerHTML = money_5 + " 元";
|
||
|
||
$("#serviceArea_2")[0].innerHTML = json.CurrentData[1].SERVERPART_NAME;
|
||
$("#num_6")[0].innerHTML = json.CurrentData[1].TOTALCURRAMOUNT + " 笔";
|
||
var money_6 = json.CurrentData[1].TOTALCURRSELLCOUNT;
|
||
money_6 = fmoney(money_6, 2);
|
||
$("#money_6")[0].innerHTML = money_6 + " 元";
|
||
|
||
$("#serviceArea_3")[0].innerHTML = json.CurrentData[2].SERVERPART_NAME;
|
||
$("#num_7")[0].innerHTML = json.CurrentData[2].TOTALCURRAMOUNT + " 笔";
|
||
var money_7 = json.CurrentData[2].TOTALCURRSELLCOUNT;
|
||
money_7 = fmoney(money_7, 2);
|
||
$("#money_7")[0].innerHTML = money_7 + " 元";
|
||
|
||
$("#serviceArea_4")[0].innerHTML = json.CurrentData[3].SERVERPART_NAME;
|
||
$("#num_8")[0].innerHTML = json.CurrentData[3].TOTALCURRAMOUNT + " 笔";
|
||
var money_8 = json.CurrentData[3].TOTALCURRSELLCOUNT;
|
||
money_8 = fmoney(money_8, 2);
|
||
$("#money_8")[0].innerHTML = money_8 + " 元";
|
||
}
|
||
});
|
||
}
|
||
/*end*/
|
||
|
||
/*获取异常数据*/
|
||
function abnormal() {
|
||
$.ajax({
|
||
type: "get",
|
||
url: "http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx",
|
||
data: "action_type=GetException",
|
||
dataType: "text",
|
||
async: true,
|
||
success: function (rs) {
|
||
var json = JSON.parse(rs);
|
||
$("#load").hide();
|
||
$("#abnormal_1")[0].innerHTML = json.Exception[0].SERVERPART_NAME + " " + json.Exception[0].SHOPNAME + " " +
|
||
json.Exception[0].FIELDENUM_NAME + " " + json.Exception[0].EXCEPTION_DATE;
|
||
|
||
$("#abnormal_2")[0].innerHTML = json.Exception[1].SERVERPART_NAME + " " + json.Exception[1].SHOPNAME + " " +
|
||
json.Exception[1].FIELDENUM_NAME + " " + json.Exception[1].EXCEPTION_DATE;
|
||
|
||
$("#abnormal_3")[0].innerHTML = json.Exception[2].SERVERPART_NAME + " " + json.Exception[2].SHOPNAME + " " +
|
||
json.Exception[2].FIELDENUM_NAME + " " + json.Exception[2].EXCEPTION_DATE;
|
||
|
||
$("#abnormal_4")[0].innerHTML = json.Exception[3].SERVERPART_NAME + " " + json.Exception[3].SHOPNAME + " " +
|
||
json.Exception[3].FIELDENUM_NAME + " " + json.Exception[3].EXCEPTION_DATE;
|
||
|
||
$("#abnormal_5")[0].innerHTML = json.Exception[4].SERVERPART_NAME + " " + json.Exception[4].SHOPNAME + " " +
|
||
json.Exception[4].FIELDENUM_NAME + " " + json.Exception[4].EXCEPTION_DATE;
|
||
|
||
$("#abnormal_6")[0].innerHTML = json.Exception[5].SERVERPART_NAME + " " + json.Exception[5].SHOPNAME + " " +
|
||
json.Exception[5].FIELDENUM_NAME + " " + json.Exception[5].EXCEPTION_DATE;
|
||
}
|
||
});
|
||
}
|
||
/*end*/
|
||
|
||
/*显示信息表*/
|
||
$("#bt_1").click(function () {
|
||
$("#div_1").toggle();
|
||
});
|
||
/*end*/
|
||
|
||
/*end*/
|
||
|
||
//江程鹏图表
|
||
$(function () {
|
||
huouqzong()
|
||
$('.H_div_xiao').click();
|
||
})
|
||
|
||
function xingqing(e) {
|
||
if ($(e).attr('add') == '0') {
|
||
$('.H_fuwu').fadeIn()
|
||
// $(e).attr('add','1');
|
||
} else {
|
||
$('.H_fuwu').fadeOut()
|
||
$(e).attr('add', '0');
|
||
|
||
}
|
||
}
|
||
|
||
function yetaiyingshou(e) {
|
||
if ($(e).attr('add') == '0') {
|
||
$('#HJ_tubiao').stop().animate({ height: '140px' }, 500, function () {
|
||
data = "action_type=GetCurrentAmountByBusinessType";
|
||
AjaxPost('http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx', data, GetCurrentAmountByBusinessType);
|
||
})
|
||
//$(e).attr('add','1');
|
||
} else {
|
||
$('#HJ_tubiao').html(' ')
|
||
$(e).attr('add', '0');
|
||
$('#HJ_tubiao').animate({ height: '0px' }, 500)
|
||
}
|
||
}
|
||
|
||
function Zhankai(e) {
|
||
if ($(e).attr('add') == '0') {
|
||
$('#J_tubiao').stop().animate({ height: '140px' }, 500, function () {
|
||
data = "action_type=GetCurrentAmountByRegion";
|
||
AjaxPost('http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx', data, GetCurrentAmountByRegion);
|
||
})
|
||
//$(e).attr('add','1');
|
||
} else {
|
||
$('#J_tubiao').html(' ')
|
||
$(e).attr('add', '0');
|
||
$('#J_tubiao').animate({ height: '0px' }, 500)
|
||
}
|
||
}
|
||
|
||
function quyingshou(data) {
|
||
var myChart = echarts.init(document.getElementById('J_tubiao'));
|
||
option = {
|
||
title: {
|
||
x: 'center'
|
||
},
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
},
|
||
series: [
|
||
{
|
||
name: '区域占比',
|
||
type: 'pie',
|
||
radius: '55%',
|
||
center: ['50%', '60%'],
|
||
data: data,
|
||
tooltip: {
|
||
formatter: function (param) {
|
||
return '￥' + kuaiji(param.value)
|
||
//return param.name + ':\n' + Math.round(param.percent) + '%'
|
||
}
|
||
},
|
||
label: {
|
||
normal: {
|
||
textStyle: {
|
||
fontSize: 12
|
||
},
|
||
formatter: function (param) {
|
||
return param.name + '(' + Math.round(param.percent) + '%)'
|
||
}
|
||
}
|
||
}, itemStyle: {
|
||
emphasis: {
|
||
shadowBlur: 10,
|
||
shadowOffsetX: 0,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
}
|
||
}
|
||
}
|
||
],
|
||
color: ['#14c7b2', '#63a2b1', '#e3b055', '#d75152']
|
||
};
|
||
myChart.setOption(option);
|
||
|
||
}
|
||
|
||
function yingshou(data) {
|
||
var myChart = echarts.init(document.getElementById('HJ_tubiao'));
|
||
option = {
|
||
title: {
|
||
|
||
|
||
x: 'center'
|
||
},
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
||
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
},
|
||
series: [
|
||
{
|
||
name: '业态营收',
|
||
type: 'pie',
|
||
radius: '55%',
|
||
center: ['50%', '60%'],
|
||
data: data,
|
||
tooltip: {
|
||
formatter: function (param) {
|
||
return '￥' + kuaiji(param.value)
|
||
//return param.name + ':\n' + Math.round(param.percent) + '%'
|
||
}
|
||
},
|
||
itemStyle: {
|
||
emphasis: {
|
||
shadowBlur: 10,
|
||
shadowOffsetX: 0,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
}
|
||
},
|
||
label: {
|
||
normal: {
|
||
textStyle: {
|
||
fontSize: 12
|
||
},
|
||
formatter: function (param) {
|
||
return param.name + '(' + Math.round(param.percent) + '%)'
|
||
}
|
||
}
|
||
},
|
||
}
|
||
],
|
||
color: ['#d9d9d9', '#00c1c7', '#fde647', '#e53892']
|
||
};
|
||
myChart.setOption(option);
|
||
}
|
||
|
||
function kuaiji(val) {
|
||
var text = Number(val).toFixed(2);
|
||
var add = {}
|
||
add = text.toString().split('.');
|
||
text = add[0].split("")
|
||
for (var ss = text.length; ss > 0; ss = ss - 3) {
|
||
if (ss != text.length) {
|
||
text[ss] = "," + text[ss]
|
||
}
|
||
}
|
||
var mover;
|
||
mover = text.join("");
|
||
mover = mover + '.' + add[1];
|
||
return mover
|
||
}
|
||
function huouqzong() {
|
||
var data = "action_type=GetCurrentTotalAmount";
|
||
AjaxPost('http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx', data, GetCurrentTotalAmount);
|
||
|
||
|
||
data = "action_type=GetCurrentCount";
|
||
AjaxPost('http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx', data, GetCurrentCount);
|
||
|
||
}
|
||
|
||
function dingshijiazai() {
|
||
var data = "action_type=GetCurrentTotalAmount";
|
||
AjaxPost('http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx', data, GetCurrentTotalAmount);
|
||
|
||
|
||
data = "action_type=GetCurrentCount";
|
||
AjaxPost('http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx', data, GetCurrentCount);
|
||
|
||
data = "action_type=GetCurrentAmountByRegion";
|
||
AjaxPost('http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx', data, GetCurrentAmountByRegion);
|
||
|
||
data = "action_type=GetCurrentAmountByBusinessType";
|
||
AjaxPost('http://mall.eshangtech.com:8010/HighWay/Handler/handler_ajax.ashx', data, GetCurrentAmountByBusinessType);
|
||
}
|
||
|
||
setInterval(function () {
|
||
dingshijiazai()
|
||
}, 600000)
|
||
|
||
function GetCurrentAmountByRegion(data) {
|
||
var data = data.CurrentData
|
||
var qu = new Array();
|
||
for (var i = 0; i < data.length; i++) {
|
||
qu.push({ value: data[i].TOTALPRICE, name: data[i].TYPE_NAME })
|
||
}
|
||
quyingshou(qu)
|
||
}
|
||
|
||
function GetCurrentAmountByBusinessType(data) {
|
||
var data = data.CurrentData;
|
||
var qu = new Array();
|
||
for (var i = 0; i < data.length; i++) {
|
||
|
||
if (data[i].SHOPTRADE == "MARKET") {
|
||
data[i].SHOPTRADE = '超市'
|
||
}
|
||
if (data[i].SHOPTRADE == "RESTAURANT") {
|
||
data[i].SHOPTRADE = '餐厅'
|
||
}
|
||
if (data[i].SHOPTRADE == "SNACK") {
|
||
data[i].SHOPTRADE = '小吃'
|
||
}
|
||
if (data[i].SHOPTRADE == "OTHER") {
|
||
data[i].SHOPTRADE = '其他'
|
||
}
|
||
}
|
||
for (var d = 0; d < data.length; d++) {
|
||
qu.push({ value: data[d].TOTALPRICE, name: data[d].SHOPTRADE })
|
||
}
|
||
|
||
yingshou(qu)
|
||
}
|
||
|
||
|
||
function GetCurrentCount(data) {
|
||
var data = data.CurrentData;
|
||
$('.J_qu').html('在线服务区：<span class="H_span">' + data[0].SERVERPARTCOUNT + '个</span>')
|
||
$('.J_ji').html('在线收银机：<span class="H_span">' + data[0].MACHINECOUNT + '台</span>')
|
||
}
|
||
function GetCurrentTotalAmount(data) {
|
||
var data = data.CurrentData
|
||
var zong = data[0].TOTALPRICE
|
||
var dan = data[0].TOTALTICKET
|
||
$('#money').html(zong)
|
||
$('.J_kedan').html('总客单数量：<span class="H_span">' + dan + '笔</span>')
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
function AjaxPost(url, data, callback) {
|
||
if (typeof callback != "undefined") {
|
||
$.ajax({
|
||
url: url,
|
||
async: true,
|
||
data: data,
|
||
cache: false,
|
||
type: 'post',
|
||
dataType: "json",
|
||
success: callback
|
||
})
|
||
} else {
|
||
var result;
|
||
$.ajax({
|
||
url: url,
|
||
async: false,
|
||
data: data,
|
||
cache: false,
|
||
type: 'post',
|
||
dataType: "json",
|
||
success: function (data) {
|
||
result = data;
|
||
}
|
||
})
|
||
return result;
|
||
}
|
||
}//end
|
||
|
||
</script>
|
||
|
||
</asp:Content>
|
||
<asp:Content ID="Content10" ContentPlaceHolderID="S_B" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content11" ContentPlaceHolderID="M_T" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content12" ContentPlaceHolderID="M" runat="server">
|
||
<ul class="ListItem Col1">
|
||
<li>
|
||
<div style="width: 100%; height: 100%;" id="dituContent"></div>
|
||
</li>
|
||
</ul>
|
||
</asp:Content>
|
||
<asp:Content ID="Content13" ContentPlaceHolderID="M_B" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content14" ContentPlaceHolderID="F" runat="server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content15" ContentPlaceHolderID="F_L" runat="server">
|
||
<asp:Button ID="ButtonServerpartRank" runat="server" Text="服务区月销售排名" CssClass="ButtonSave" />
|
||
<asp:Button ID="ButtonServerpartShopRank" runat="server" Text="门店月销量排名" CssClass="ButtonSave" />
|
||
<asp:Button ID="ButtonCommodityRank" runat="server" Text="商品月销售排名" CssClass="ButtonSave" />
|
||
<asp:Button ID="ButtonServerPartMachine" runat="server" Text="今日实时对客营收" CssClass="ButtonSave" />
|
||
</asp:Content>
|
||
<asp:Content ID="Content16" ContentPlaceHolderID="F_R" runat="server">
|
||
</asp:Content>
|