Files
g.hnyhua.cn/Mtxfw.VipSite/Admin_Member_Networkmap0.aspx
2026-02-07 15:48:27 +08:00

469 lines
23 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<%@ 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>