<%@ Page Language="C#" masterpagefile="~/Main.master" AutoEventWireup="true" CodeFile="Welcome.aspx.cs" Inherits="Welcome" %>
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
|
<script type="text/javascript" src="js/contabs.min.js"></script>
|
|
<style type="text/css">
|
.dotRed {
|
//position: absolute;
|
width: 15px;
|
height: 15px;
|
border-radius: 100%;
|
background: #FF0000;
|
//box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
|
}
|
|
.dotGreen {
|
//position: absolute;
|
width: 15px;
|
height: 15px;
|
border-radius: 100%;
|
background: #00FF00;
|
//box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
|
}
|
</style>
|
<script type="text/javascript">
|
$(function () {
|
function getClass(b) {
|
return b ? "label m-b label-warning" : "label m-b label-primary";
|
}
|
|
function refreshStatis() {
|
if ($(document).height() == 0) {
|
setTimeout(refreshStatis, 50000);
|
}
|
else {
|
|
$.post("gwstatisv3.ashx", { action: "getRealtimeStatis5m" }, function (r) {
|
|
if (r.OK) {
|
//活动客户前X个：客户-发送量【当日】
|
var activeClientDayhtml = [];
|
|
$.each(r.Message.ActiveClientDayList, function (i) {
|
activeClientDayhtml.push("<tr>");
|
activeClientDayhtml.push("<td>" + this.clientId + "</td>");
|
activeClientDayhtml.push("<td>" + this.company + "</td>");
|
activeClientDayhtml.push("<td><span class='" + getClass(false) + "'>" + this.ap_status0 + "</span></td>");
|
activeClientDayhtml.push("</tr>");
|
});
|
|
$("#activeClientDayTable tbody").html(activeClientDayhtml.join("\n"));
|
|
//通道-发送量【当日】
|
var opSendDayhtml = [];
|
|
$.each(r.Message.OpSendDayList, function (i) {
|
opSendDayhtml.push("<tr>");
|
opSendDayhtml.push("<td>" + this.opId + "</td>");
|
opSendDayhtml.push("<td>" + this.opName + "</td>");
|
opSendDayhtml.push("<td><span class='" + getClass(false) + "'>" + this.op_status0 + "</span></td>");
|
opSendDayhtml.push("</tr>");
|
});
|
|
$("#opSendDayTable tbody").html(opSendDayhtml.join("\n"));
|
|
//产品-发送量【当日】
|
var productSendDayhtml = [];
|
|
$.each(r.Message.ProductSendDayList, function (i) {
|
productSendDayhtml.push("<tr>");
|
productSendDayhtml.push("<td>" + this.productName + "</td>");
|
productSendDayhtml.push("<td><span class='" + getClass(false) + "'>" + this.ap_status0 + "</span></td>");
|
productSendDayhtml.push("</tr>");
|
});
|
|
$("#productSendDayTable tbody").html(productSendDayhtml.join("\n"));
|
|
//订单
|
var orderhtml = [];
|
$.each(r.Message.OrderDayList, function (i) {
|
orderhtml.push("<tr>");
|
orderhtml.push("<td>今日已完成 <a href='javascript:;' onclick='doTabOpen(\"MenuId_GwOrderComplete\")' data-id='{0}' class='btn btn-success btn-xs'><u>" + this.orderNum + " </u></a>个订单，总金额：<span class='" + getClass(false) + "'>" + this.orderAmountTotal/1000 + "</span> 元</td>");
|
orderhtml.push("</tr>");
|
});
|
|
$.each(r.Message.OrderAuditList, function (i) {
|
orderhtml.push("<tr>");
|
orderhtml.push("<td>待审批 <a href='javascript:;' onclick='doTabOpen(\"MenuId_GwOrderAudit\")' data-id='{0}' class='btn btn-success btn-xs'><u>" + this.orderNum + " </u></a>个订单，总金额：<span class='" + getClass(false) + "'>" + this.orderAmountTotal / 1000 + "</span> 元</td>");
|
orderhtml.push("</tr>");
|
});
|
$("#orderTable tbody").html(orderhtml.join("\n"));
|
|
//待审核发送
|
var sendAudithtml = [];
|
$.each(r.Message.SendAuditList, function (i) {
|
sendAudithtml.push("<tr>");
|
sendAudithtml.push("<td>待审核短信 <a href='javascript:;' onclick='doTabOpen(\"MenuId_GwAuditCache\")' data-id='{0}' class='btn btn-success btn-xs'>" + this.count + " </a>条，请立即处理</td>");
|
sendAudithtml.push("</tr>");
|
});
|
|
$.each(r.Message.SendAuditTowList, function (i) {
|
sendAudithtml.push("<tr>");
|
//sendAudithtml.push("<td>待二次鉴定短信 <a href='GwAuditCache.aspx?StatusFlag=0&AuditingStatus=10' onclick='doTabOpen(\"MenuId_GwAuditCache\")' data-id='{0}' class='btn btn-success btn-xs'>" + this.count + " </a>条，请立即处理</td>");
|
sendAudithtml.push("<td>待二次鉴定短信 <a href='javascript:;' onclick='doTabOpen(\"MenuId_GwAuditCache\")' data-id='{0}' class='btn btn-success btn-xs'>" + this.count + " </a>条，请立即处理</td>");
|
sendAudithtml.push("</tr>");
|
});
|
|
$.each(r.Message.SpPrePatternAuditList, function (i) {
|
sendAudithtml.push("<tr>");
|
sendAudithtml.push("<td>账号报备内容待审核 <a href='javascript:;' onclick='doTabOpen(\"MenuId_GwSpPrePattern\")' data-id='{0}' class='btn btn-success btn-xs'>" + this.count + " </a>条，请立即处理</td>");
|
sendAudithtml.push("</tr>");
|
});
|
$("#sendAuditTable tbody").html(sendAudithtml.join("\n"));
|
|
//通道状态
|
var opStatushtml = [];
|
$.each(r.Message.OpStatusList, function (i) {
|
opStatushtml.push("<tr>");
|
opStatushtml.push("<td>" + this.opId + "</td>");
|
opStatushtml.push("<td>" + this.opName + "</td>");
|
opStatushtml.push("<td>" + this.content + "</td>");
|
//opStatushtml.push("<td><span class='" + getClass(false) + "'>" + this.handleFlag + "</span></td>");
|
opStatushtml.push("<td>" + ((this.handleFlag == 1) ? "<div class='dotGreen'>" : "<div class='dotRed'>") + "</div></td>");
|
opStatushtml.push("</tr>");
|
});
|
$("#opStatusTable tbody").html(opStatushtml.join("\n"));
|
|
/**
|
var ophtml = [];
|
|
$.each(r.Message.OpList, function (i) {
|
var successRatio = this.OpOutCount > 0 ? Math.round(this.OpSuccessCount * 100.0 / this.OpOutCount, 2) : 0;
|
var reportRatio = this.OpOutCount > 0 ? Math.round((this.OpFailedCount + this.OpSuccessCount) * 100.0 / this.OpOutCount, 2) : 0;
|
ophtml.push("<tr>");
|
ophtml.push("<td>" + this.OpID + "</td>");
|
ophtml.push("<td>" + this.OpName + "</td>");
|
ophtml.push("<td><span class='" + getClass(this.OpOutCount < this.OpOutThreshold) + "'>" + this.OpOutCount + "</span></td>");
|
ophtml.push("<td>" + this.OpOutThreshold + "</td>");
|
ophtml.push("<td><span class='" + getClass(successRatio < this.OpSuccessRatioThreshold) + "'>" + successRatio + "%" + "</span></td>");
|
ophtml.push("<td>" + this.OpSuccessRatioThreshold + "%" + "</td>");
|
ophtml.push("<td><span class='" + getClass(reportRatio < this.OpReportRatioThreshold) + "'>" + reportRatio + "%" + "</span></td>");
|
ophtml.push("<td>" + this.OpReportRatioThreshold + "%" + "</td>");
|
ophtml.push("</tr>");
|
});
|
|
$("#opTable tbody").html(ophtml.join("\n"));
|
|
|
var aphtml = [];
|
|
$.each(r.Message.ApList, function (i) {
|
aphtml.push("<tr>");
|
aphtml.push("<td>" + this.ApID + "</td>");
|
aphtml.push("<td>" + this.ApName + "</td>");
|
aphtml.push("<td><span class='" + getClass(this.ApInCount < this.ApInThreshold) + "'>" + this.ApInCount + "</span></td>");
|
aphtml.push("<td>" + this.ApInThreshold + "</td>");
|
aphtml.push("<td><span class='" + getClass(this.ApPendingCount > this.ApPendingThreshold) + "'>" + this.ApPendingCount + "</td>");
|
aphtml.push("<td>" + this.ApPendingThreshold + "</span></td>");
|
aphtml.push("</tr>");
|
});
|
$("#apTable tbody").html(aphtml.join("\n"));
|
**/
|
|
setTimeout(refreshStatis, 3000);
|
}
|
}, "json");
|
}
|
}
|
|
refreshStatis();
|
});
|
|
//链接TABS方式打开
|
function doTabOpen(menuId) {
|
//parent.$('#' + menuId).attr("href", "GwAuditCache.aspx?StatusFlag=0&AuditingStatus=10");
|
//parent.$('#' + menuId).attr("data-id", "GwAuditCache.aspx?StatusFlag=0&AuditingStatus=10");
|
//window.parent.document.getElementById(menuId).click(); //js方式
|
//console.log(parent.$('#' + menuId).attr("data-id"));
|
parent.$('#' + menuId).click(); //jquery方式
|
}
|
</script>
|
</asp:Content>
|
<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="Server">
|
<div class="ibox">
|
|
<div class="ibox-title">
|
<h3>活动客户：客户-发送量【当日】</h3>
|
</div>
|
<div class="ibox-content">
|
<table class="table table-striped table-bordered table-hover" id="activeClientDayTable">
|
<thead>
|
<tr>
|
<td>
|
客户账号
|
</td>
|
<td>
|
客户公司
|
</td>
|
<td>
|
发送总量
|
</td>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
<div id="activeClientDayPagination">
|
</div>
|
|
<div class="ibox-title">
|
<h3>通道-发送量【当日】</h3>
|
</div>
|
<div class="ibox-content">
|
<table class="table table-striped table-bordered table-hover" id="opSendDayTable">
|
<thead>
|
<tr>
|
<td>
|
通道编号
|
</td>
|
<td>
|
通道名称
|
</td>
|
<td>
|
发送总量
|
</td>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
|
<div class="ibox-title">
|
<h3>产品-发送量【当日】</h3>
|
</div>
|
<div class="ibox-content">
|
<table class="table table-striped table-bordered table-hover" id="productSendDayTable">
|
<thead>
|
<tr>
|
<td>
|
产品
|
</td>
|
<td>
|
发送总量
|
</td>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
|
<div class="ibox-title">
|
<h3>订单</h3>
|
</div>
|
<div class="ibox-content">
|
<table class="table table-striped table-bordered table-hover" id="orderTable">
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
|
<div class="ibox-title">
|
<h3>待审核发送</h3>
|
</div>
|
<div class="ibox-content">
|
<table class="table table-striped table-bordered table-hover" id="sendAuditTable">
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
|
<div class="ibox-title">
|
<h3>通道状态</h3>
|
</div>
|
<div class="ibox-content">
|
<table class="table table-striped table-bordered table-hover" id="opStatusTable">
|
<thead>
|
<tr>
|
<td>
|
通道编号
|
</td>
|
<td>
|
通道名称
|
</td>
|
<td>
|
状态描述
|
</td>
|
<td>
|
状态
|
</td>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
|
<!--
|
<div class="ibox-title">
|
<h3>接入点状态</h3>
|
</div>
|
<div class="ibox-content">
|
<table class="table table-striped table-bordered table-hover" id="apTable">
|
<thead>
|
<tr>
|
<td>
|
接入点编号
|
</td>
|
<td>
|
接入点名称
|
</td>
|
<td>
|
5分钟入口流量
|
</td>
|
<td>
|
门限
|
</td>
|
<td>
|
5分钟阻塞量
|
</td>
|
<td>
|
门限
|
</td>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
|
<div class="ibox-title">
|
<h3>通道状态</h3>
|
</div>
|
<div class="ibox-content">
|
<table class="table table-striped table-bordered table-hover" id="opTable">
|
<thead>
|
<tr>
|
<td>
|
通道编号
|
</td>
|
<td>
|
通道名称
|
</td>
|
<td>
|
5分钟出口流量
|
</td>
|
<td>
|
门限
|
</td>
|
<td>
|
5分钟成功率
|
</td>
|
<td>
|
门限
|
</td>
|
<td>
|
5分钟报告率
|
</td>
|
<td>
|
门限
|
</td>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
|
<div class="ibox-title">
|
<h3>数据库表空间</h3>
|
</div>
|
<div class="ibox-content">
|
<table class="table table-striped table-bordered table-hover">
|
<!%= RenderTableSpaceTable() %>
|
</table>
|
</div>
|
-->
|
|
</div>
|
</asp:Content>
|
