Files
g.hnyhua.cn/Mtxfw.VipSite/Admin_Member_Networkmap0.aspx

469 lines
23 KiB
Plaintext
Raw Permalink Normal View History

<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Admin_Member_Networkmap0.aspx.cs" Inherits="Mtxfw.VipSite.Admin_Member_Networkmap0" %>
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9,IE=10" />
<script src="/Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/Scripts/common.js" type="text/javascript"></script>
<link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<!-- Basic Styles -->
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.css">
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="/css/font-awesome-ie7.min.css">
<![endif]-->
<link rel="stylesheet" type="text/css" media="screen" href="/css/smartadmin-production.css">
<link rel="stylesheet" type="text/css" media="screen" href="/css/smartadmin-skins.css">
<link rel="stylesheet" type="text/css" media="screen" href="/css/your_style.css">
<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
<link rel="stylesheet" type="text/css" media="screen" href="/css/demo.css">
<script src="Scripts/setdate.js" type="text/javascript"></script>
<!-- FAVICONS -->
<link rel="stylesheet" type="text/css" href="/css/cjadd.css?t=2">
<style type="text/css">
.mynetmap_top_box{
margin:0 auto;
margin-top:1em;
width:100%;
height:4em;
background:#fec811;
background:-o-linear-gradient(top,#ff9615,#fec811);
background:-ms-linear-gradient(top,#ff9615,#fec811);
background:-moz-linear-gradient(top,#ff9615,#fec811);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff9615),color-stop(1,#fec811));
background:-webkit-linear-gradient(#ff9615,#fec811);
background:linear-gradient(top,#ff9615,#fec811);
border-radius:50% 50% 0 0;
text-align:center;}
.mynetmap_top_box span{margin:0 auto; padding-top:1em; width:auto; display: block; color:#fff; line-height:1.2em;}
.mynetmap_box{margin:0;width:100%;height:100%; background-color:#fff;}
.mynetmap_box ul{float:left; margin:0; width:100%;}
.mynetmap_box ul li{
float:left;
margin:0;
padding-top:1em;
width:50%;
height:3em;
text-align:center;
line-height:1.5em;
background:#dbd8d8;
background:-o-linear-gradient(top,#ffffff,#dbd8d8);
background:-ms-linear-gradient(top,#ffffff,#dbd8d8);
background:-moz-linear-gradient(top,#ffffff,#dbd8d8);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffffff),color-stop(1,#dbd8d8));
background:-webkit-linear-gradient(#ffffff,#dbd8d8);
background:linear-gradient(top,#ffffff,#dbd8d8);
border-top:1px solid #bbb;
border-left:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
list-style-type:none;
}
.mynetmap_box ul li.hover{
background:#f2cac3;
background:-o-linear-gradient(top,#f2cac3,#ffffff);
background:-ms-linear-gradient(top,#f2cac3,#ffffff);
background:-moz-linear-gradient(top,#f2cac3,#ffffff);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f2cac3),color-stop(1,#ffffff));
background:-webkit-linear-gradient(#f2cac3,#ffffff);
background:linear-gradient(top,#f2cac3,#ffffff);
border-bottom:0;
}
.mynetmap_box ul li span{ display: block; width:100%;border:0; color:#848484; font-size:0.8em; line-height:1.2em; text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.mynetmap_box ul li span.title{ color:#000; font-weight:600;font-size:1em;}
.searchbox2{ margin:0;width: 100%; height:3.5em; padding:0.5em; background:#fec811;
background:-o-linear-gradient(top,#ff9615,#fec811);
background:-ms-linear-gradient(top,#ff9615,#fec811);
background:-moz-linear-gradient(top,#ff9615,#fec811);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff9615),color-stop(1,#fec811));
background:-webkit-linear-gradient(#ff9615,#fec811);
background:linear-gradient(top,#ff9615,#fec811);
border-radius:0.5em 0.5em 0 0; }
.searchbox2 .inpubox{ float:left; width: 42%; height:2.5em; }
.searchbox2 .inpubox #keyword{ margin:0; width: 100%; font-size:1em; height:2.5em; border:1px solid #c9931e; outline: none; text-indent: 0.3em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.searchbox2 .icobox{float:left; width: 15%;height:2.5em; font-size:1em; background-color:#c9931e; color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.searchbox2 .seticobox{float:left; margin:0 0.5em; padding:0 0.5em; width:auto;height:2.5em; line-height:2.5em; text-align:center; font-size:1em; background-color:#c9931e; color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.searchbox2 .seticobox.syc{margin:0; }
.list{float:left; margin:0; width:100%;background:#FFFFFF;line-height:1.8em; padding:1em 0; }
.list .fontbox1{float:left;width: 100%;margin:0 1.2em;margin-top:1em; height: 12em; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.list .fontbox1 div{float:left;width: 94%;}
.list .fontbox1 div.ico{width: 6%;height: 10em;}
.list .fontbox1 div.ico span{ display: block;margin-top:5em; margin-left:0em; width:2em;height: 2em;background: url(images/hytopico.png) no-repeat 0 0; background-size: 100% 100%;}
.list .fontbox2{float:left;margin:0 1.2em;margin-bottom:1em;width: 100%;background:#FFFFFF url(images/lin3.png) repeat-y 1em 1em;}
.list .fontbox2 .icobox{float:left; margin-top:1em; width: 6%; height: 12em;}
.list .fontbox2 .icobox span{ display: block; margin-top:5em; margin-left:0em; width:2em; height: 2em;}
.list .fontbox2 .icobox span.inactive{ background:url(images/off.png) no-repeat 0 0;background-size: 100% 100%;}
.list .fontbox2 .icobox span.inactives{background:url(images/on.png) no-repeat 0 0;background-size: 100% 100%;}
.list .fontbox2 .icobox span.inactive1{background:url(images/on1.png) no-repeat 0 0;background-size: 100% 100%;}
.list .fontbox2 .fontbox{float:left; padding-top:1em; width: 90%; height: 12em;border-bottom:1px solid #f1f1f1;}
.ajaxLoader{ position:fixed; top:48%;left:25%; display:none; vertical-align: middle; width:6em; height:6em; line-height:2em; font-size:1em; z-index:1001; text-align:center;}
.ajaxLoader div{
margin: 0 auto; vertical-align: middle; width:100%; height:100%; background-color: #F1F1F1; color:#000000; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
.ajaxLoader img {
margin-top:1em; width:1.8em; height:1.8em;
}
.clear{ height:0; clear:both;}
</style>
<script type="text/javascript">
var sycid = 0, sycid1 = 0, t = 0;
$(document).ready(function () {
rdata(0, "")
});
function ons() {
rdata(0, $("#keyword").val());
}
function zhiding() {
rdata(0, "");
}
function onsettop(id) {
rdata2(id);
}
function ontype(id) {
t = id;
$(".mynetmap_box ul li").removeClass("hover");
$("#netmap_" + id).addClass("hover");
$(".list").hide();
$("#list" + id).show();
}
function topsyc() {
if (sycid == $("#tuser" + t).attr("did")) {
$("#content1").show();
rdata(0, "");
} else {
if (t == 0) {
if (sycid != parseInt($("#list0").attr("topid"))) {
rdata2(sycid);
} else {
alert("已经是最高层");
}
} else {
if (sycid1 != parseInt($("#list1").attr("topid"))) {
rdata2(sycid1);
} else {
alert("已经是最高层");
}
}
}
}
function rdata(id, keyword) {
$(".ajaxLoader").show();
$.getJSON("/Ajax.ashx?t=" + Math.random(),
{ action: "getmynetmap", keyword: keyword, uid: <%=InitID%> },
function (data) {
if (data.status == 1) {
$(".ajaxLoader").hide();
sycid = data.sycid;
sycid1 = data.sycid1;
$("#list0").attr("topid", data.sycid);
$("#list1").attr("topid", data.sycid1);
/*$(".mynetmap_top_box span").html(data.topuser.UserName + '' + data.topuser.RealName + '' + '<br>' + data.topuser.uLevel);
for (var i = 0; i < data.muser.length; i++) {
$("#tuser" + i).html(data.muser[i].UserName + '' + data.muser[i].RealName + '' + '<br>' + data.muser[i].uLevel);
$("#tuser" + i).attr("did", data.muser[i].id);
}
var html = '';
html += '<div class="fontbox2" id="fontbox0">';
var muserdata = data.busr1;
for (var i = 0; i < muserdata.length; i++) {
var strclass = 'class="inactives"';
if (muserdata[i].ztsl != '0') {
strclass = 'class="inactive" onclick="onsettop(' + muserdata[i].id + ')"';
}
html += '<div class="icobox"><span ' + strclass + '></span></div>';
html += '<div class="fontbox" onclick="ondetail(' + muserdata[i].id + ')">';
html += '<div>会员ID号' + muserdata[i].UserName + '</div>';
html += '<div>会员姓名:' + muserdata[i].RealName + '</div>';
html += '<div>会员级别:' + muserdata[i].uLevel + '</div>';
html += '<div>注册日期:' + muserdata[i].zcsj + '</div>';
html += '</div><div class="clear"></div>';
}
html += '</div><div class="clear"></div>';
html += '<div class="fontbox2" id="fontbox1" style=" display:none;">';
muserdata = data.busr2;
for (var i = 0; i < muserdata.length; i++) {
var strclass = 'class="inactives"';
if (muserdata[i].ztsl != '0') {
strclass = 'class="inactive" onclick="onsettop(' + muserdata[i].id + ')"';
}
html += '<div class="icobox"><span ' + strclass + '></span></div>';
html += '<div class="fontbox">';
html += '<div>会员ID号' + muserdata[i].UserName + '</div>';
html += '<div>会员姓名:' + muserdata[i].RealName + '</div>';
html += '<div>会员级别:' + muserdata[i].uLevel + '</div>';
html += '<div>注册日期:' + muserdata[i].zcsj + '</div>';
html += '</div><div class="clear"></div>';
}
html += '</div><div class="clear"></div>';
html += '<div class="fontbox2" id="fontbox2" style=" display:none;">';
muserdata = data.busr3;
for (var i = 0; i < muserdata.length; i++) {
var strclass = 'class="inactives"';
if (muserdata[i].ztsl != '0') {
strclass = 'class="inactive" onclick="onsettop(' + muserdata[i].id + ')"';
}
html += '<div class="icobox"><span ' + strclass + '></span></div>';
html += '<div class="fontbox">';
html += '<div>会员ID号' + muserdata[i].UserName + '</div>';
html += '<div>会员姓名:' + muserdata[i].RealName + '</div>';
html += '<div>会员级别:' + muserdata[i].uLevel + '</div>';
html += '<div>注册日期:' + muserdata[i].zcsj + '</div>';
html += '</div><div class="clear"></div>';
}
html += '</div>';*/
var html = '<div class="fontbox1">';
html += '<div class="ico"><span></span></div>';
html += '<div>会员ID号' + data.topuser.UserName + '</div>';
html += '<div>会员姓名:' + data.topuser.RealName + '</div>';
html += '<div>会员级别:' + data.topuser.uLevel + '</div>';
html += '<div>推荐人数:' + data.topuser.tjcount + '</div>';
html += '<div>团队人数:' + data.topuser.temcount + '</div>';
html += '<div>注册日期:' + data.topuser.zcsj + '</div>';
html += '</div><div class="clear"></div>';
html += '<div class="fontbox2" id="fontbox0">';
var muserdata = data.muser;
for (var i = 0; i < muserdata.length; i++) {
var strclass = 'class="inactives"';
if (muserdata[i].ztsl != '0') {
strclass = 'class="inactive" onclick="onsettop(' + muserdata[i].id + ')"';
}
html += '<div class="icobox"><span ' + strclass + '></span></div>';
html += '<div class="fontbox" onclick="ondetail(' + muserdata[i].id + ')">';
html += '<div>会员ID号' + muserdata[i].UserName + '</div>';
html += '<div>会员姓名:' + muserdata[i].RealName + '</div>';
html += '<div>会员级别:' + muserdata[i].uLevel + '</div>';
html += '<div>推荐人数:' + muserdata[i].tjcount + '</div>';
html += '<div>团队人数:' + muserdata[i].temcount + '</div>';
html += '<div>注册日期:' + muserdata[i].zcsj + '</div>';
html += '</div><div class="clear"></div>';
}
html += '</div>';
$("#list0").html(html);
html = '<div class="fontbox1" did="' + data.topuser.id + '">';
html += '<div class="ico"><span></span></div>';
html += '<div>会员ID号' + data.topuser.UserName + '</div>';
html += '<div>会员姓名:' + data.topuser.RealName + '</div>';
html += '<div>会员级别:' + data.topuser.uLevel + '</div>';
html += '<div>推荐人数:' + data.topuser.tjcount + '</div>';
html += '<div>团队人数:' + data.topuser.temcount + '</div>';
html += '<div>注册日期:' + data.topuser.zcsj + '</div>';
html += '</div><div class="clear"></div>';
html += '<div class="fontbox2">';
muserdata = data.muser2;
for (var i = 0; i < muserdata.length; i++) {
var strclass = 'class="inactives"';
if (muserdata[i].ztsl != '0') {
strclass = 'class="inactive" onclick="onsettop(' + muserdata[i].id + ')"';
}
html += '<div class="icobox"><span ' + strclass + '></span></div>';
html += '<div class="fontbox">';
html += '<div>会员ID号' + muserdata[i].UserName + '</div>';
html += '<div>会员姓名:' + muserdata[i].RealName + '</div>';
html += '<div>会员级别:' + muserdata[i].uLevel + '</div>';
html += '<div>推荐人数:' + muserdata[i].tjcount + '</div>';
html += '<div>团队人数:' + muserdata[i].temcount + '</div>';
html += '<div>注册日期:' + muserdata[i].zcsj + '</div>';
html += '</div><div class="clear"></div>';
}
html += '</div>';
$("#list1").html(html);
} else {
$(".ajaxLoader").hide();
alert(data.msg);
}
});
}
function rdata2(id) {
$(".ajaxLoader").show();
$.getJSON("/Ajax.ashx?tt=" + Math.random(),
{ action: "getmynetmap2", id: id, uid: <%=InitID%>, t: t },
function (data) {
// alert(JSON.stringify(data));
if (data.status == 1) {
$(".ajaxLoader").hide();
if (t == 0) {
sycid = data.sycid;
} else {
sycid1 = data.sycid;
}
var html = '<div class="fontbox1" did="' + data.topuser.id + '">';
html += '<div class="ico"><span></span></div>';
html += '<div>会员ID号' + data.topuser.UserName + '</div>';
html += '<div>会员姓名:' + data.topuser.RealName + '</div>';
html += '<div>会员级别:' + data.topuser.uLevel + '</div>';
html += '<div>推荐人数:' + data.topuser.tjcount + '</div>';
html += '<div>团队人数:' + data.topuser.temcount + '</div>';
html += '<div>注册日期:' + data.topuser.zcsj + '</div>';
html += '</div><div class="clear"></div>';
html += '<div class="fontbox2">';
for (var i = 0; i < data.muser.length; i++) {
var strclass = 'class="inactives"';
if (data.muser[i].ztsl != '0') {
strclass = 'class="inactive" onclick="onsettop(' + data.muser[i].id + ')"';
}
html += '<div class="icobox"><span ' + strclass + '></span></div>';
html += '<div class="fontbox">';
html += '<div>会员ID号' + data.muser[i].UserName + '</div>';
html += '<div>会员姓名:' + data.muser[i].RealName + '</div>';
html += '<div>会员级别:' + data.muser[i].uLevel + '</div>';
html += '<div>推荐人数:' + data.muser[i].tjcount + '</div>';
html += '<div>团队人数:' + data.muser[i].temcount + '</div>';
html += '<div>注册日期:' + data.muser[i].zcsj + '</div>';
html += '</div><div class="clear"></div>';
}
html += '</div>';
$("#list" + t).html(html);
} else {
$(".ajaxLoader").hide();
alert(data.msg);
}
});
}
</script>
</head>
<body>
<form runat="server">
<!-- RIBBON -->
<div id="ribbon">
<span class="ribbon-button-home"><img src="/images/home.png" /></span>
<!-- breadcrumb -->
<ol class="breadcrumb">
<li><a href="/" target="_top">主页</a></li>
<li><a href="/Member_Index.aspx">会员中心首页</a></li>
<li><a href="/Admin_Member_config.aspx">后台管理</a></li>
<li>网络图谱查询</li>
</ol>
<!-- end breadcrumb -->
</div>
<!-- END RIBBON -->
<!-- MAIN CONTENT -->
<div style="opacity: 1;" id="content">
<div class="frontMain">
<h1 class="title01"><span class="semi-bold">网络图谱查询</span></h1>
<div class="MainContent" style=" max-width:720px; overflow:hidden;">
<div id="content1">
<!--div class="mynetmap_top_box">
<span></span>
</div>
<div class="clear"></div-->
<div class="searchbox2" style=" /*position:fixed; max-width:720px; bottom:1em; left:0; z-index:1;*/">
<div class="inpubox">
<input id="keyword" onfocus="placeholder='';" placeholder="输入用户名" onblur="$(this).val()==''?placeholder='输入用户名':placeholder=''" />
</div><div class="icobox" onclick="ons()"><img src="images/searchto2.png" style="width: 1.6em;margin-top: .5em; margin-left: 0.6em;" /></div><div class="seticobox" onclick="zhiding()">置顶</div><div class="seticobox syc" onclick="topsyc()">上一层</div>
</div>
<div class="mynetmap_box">
<!--ul>
<li onclick="ontype(0)" id="netmap_0" class="hover">
<span class="title">A区</span>
<span id="tuser0">暂无人员</span>
</li>
<li onclick="ontype(1)" id="netmap_1">
<span class="title">B区</span>
<span id="tuser1">暂无人员</span>
</li>
<li onclick="ontype(2)" id="netmap_2">
<span class="title">C区</span>
<span id="tuser2">暂无人员</span>
</li>
</ul-->
<ul>
<li onclick="ontype(0)" id="netmap_0" class="hover">
<span class="title">共享区</span>
</li>
<li onclick="ontype(1)" id="netmap_1">
<span class="title">共创区</span>
</li>
</ul>
</div>
</div>
<div class="clear"></div>
<div class="mynetmap_box" style=" background-color:#fff;">
<div style=" clear: both; height:0;"></div>
<div class="list" id="list0">
</div>
<div class="list" id="list1" style=" display:none;">
</div>
<div class="ajaxLoader ub ub-ac uhide">
<div class="ub ub-ac ub-ver" onclick="reload()"><img src="images/ajaxLoader.gif" /><br>正在加载...</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>