wangdaping
/
wp


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595
							<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="renderer" content="ie-stand" />
<!-- webkit|ie-comp|ie-stand -->
<!-- content的取值为webkit，ie-comp，ie-stand之一，区分大小写，分别代表用极速模式，兼容模式，IE模式打开 -->
<title>首页</title>
<link rel="Shortcut Icon" href="../images/favicon.ico" />

<!--框架必需start-->


<script type="text/javascript" src="../scripts/qui/libs/js/jquery.js"></script>

<script type="text/javascript"
	src="../scripts/freamwork/com/sinosoft/system/user/LoginInfo.js"></script>
<script src="../scripts/jquery-ui-1.10.4.min.js"></script>
<script src="../scripts/jquery.mousewheel.min.js"></script>
<script src="../scripts/jquery.mCustomScrollbar.js"></script>
<!--框架必需start-->
<script type="text/javascript"
	src="../scripts/qui/libs/js/language/cn.js"></script>
<script type="text/javascript" src="../scripts/qui/libs/js/framework.js"></script>
<script type="text/javascript" src="../scripts/qui/libs/js/main.js"></script>
<link rel="stylesheet" type="text/css"
	href="../scripts/qui/libs/css/import_basic.css" />
<link href="../scripts/qui/libs/skins/flatBlue/style.css"
	rel="stylesheet" type="text/css" id="theme" themeColor="flatBlue"
	positionTarget="positionContent" selInputHeight="32"
	selButtonWidth="35" defaultSelWidth="200" fileBtnWidth="60"
	defaultFileInputWidth="200" defaultGridHeaderHeight="34"
	defaultGridRowHeight="38" defaultFontSize="14" defaultPageSelWidth="55"
	defaultFilterItemHeight="32" dialogWidthFix="0"
	defaultSelItemHeight="32" defaultFontFamily="微软雅黑" />
<!--框架必需end-->
<!-- 扩展工具js -->
<script type="text/javascript" src="/nwyj/scripts/jquery/plugins/jquery.extension.util.js"></script> 
<script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/utils/Request.js"></script>
<script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/common.js"></script> 
<script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/DateUtil.js"></script>
<script type="text/javascript" src="/nwyj/scripts/commom/common/common.js"></script>
<script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/utils/utils.js"></script>
<script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/frameWork/frameWork.js"></script>

<script type="text/javascript" src="../scripts/freamwork/com/sinosoft/system/right/main_index.js"></script>
<script type="text/javascript" src="../scripts/setiframeheight.js"></script>

<style type="text/css">
/*全局样式*/
* {
	margin: 0;
	padding: 0;
}

body {
	
	font-family:"宋体", "微软雅黑", arial;
	color: #333;
	width: 100%;
	margin:0 auto;
	height: 545px;
	background-color: transparent; 
}
._contentbackground{
	position: fixed;
	width: 100%;
	height:100%;
	z-index: -1;
}
._contentbackground img{
	width: 100%;
	height:100%;
}
a,a:hover,a:link,a:visited {
	text-decoration: none;
	color:#666;
}

img {
	border: 0;
}
h4{
margin-top:10px;
margin-left: 5px;
}
hr{
	margin-bottom: 10px;
	height:1px;
	border:none;
	border-top:1px dashed #666;
}
.main_bg{
	margin: 0px auto 0 auto;
	width: 100%;
	color: #666;
	height:100%;
	
}
.left_area {
	width: 300px;
    /* height: 800px; */
	position: absolute;
	left: 0;
	top: 15px;
}

.right_area {
	height: 600px;
	position: absolute;
	right:0;
	top: 15px;
}

.work_options {
	    position: relative;
    top: 10px;
    display: block;
    width: 300px;
    height: 55px;
}

.work_options a {
	float: left;
}

.work_button {
	position: relative;
	margin: 0 0 0 2px;
	width: 140px;
	height: 40px;
	line-height:42px;
	text-align: center;
	background: #f7f7f7;
}


.diy_area {
	width: 300px;
    height: 400px;
    display: block;
    position: relative;
    top: 30px;
    margin-left: 35px;
}

.more_nav {
	display: none;
	width: 1020px;
	position: absolute;
	top: 15px;
	/*background-color: rgba(24, 43, 222, 0.1);*/
	background-color:#f7f7f7;
	z-index: 8000;
	border: 1px solid #666;
	left: 10%;
}

.quick_nav,.quick_nav_more {
	float: left;
   	/* width: 132px; */
   	width: 100px;
    height: 85px;
    font-size: 12px;
    background-color: #f7f7f7;
    color: #666;
    text-align: center;
    border: 1px solid transparent;
    margin: 0 15px 6px 0;
}


.menu_data {
	display: none;
}

.quick_nav img,.quick_nav_more img {
	margin-top: 10px;
	width: 40px;
	height: 40px;
}

.quick_nav_more {
	margin: 5px 5px 5px 7px;
	height: 75px;
}
.quick_nav:HOVER,.quick_nav_more:HOVER {
	box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	-ms-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	-o-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	border: 1px solid #aaa;
}

.select_more {
	height: 85px;
	line-height: 85px;
	text-align: center;
	font-size: 20px;
	padding: auto;
	font-weight: bold
}
.handle_button_remove{
	width:16px;
	height:16px;
	position: absolute;
	top: -8px;
    right: 3px;
}
.handle_button_remove img{
	width: 16px;
	height:16px;
}
.handle_button_add {
	display: none;
	width: 100%;
	height: 22px;
	line-height:22px;
	background-color: #e1e0cd;
	position: relative;
	top:-40px;
}

.handle_button_add img {
	width: 15px;
	height: 15px;
	position: relative;
	top: -15px;
}


.options {
	width: 100%;
	height: 425px;
	position: relative;
    top: -10px;
    color: #666;
}

.more_title {
	width: 100%;
	height: 30px;
	line-height: 25px;
	font-size: 14px;
	background-color: #003c78;
	color: #fff;
	position: relative;
	top:-10px;
}

.more_title .close_more{
	position: relative;    
	top: -23px;
    right: -998px;
	width: 25px;
	height:25px;
	color: #fff;
}

.close_more img{
	width:20px;
	height:20px;
}
.close_more img:HOVER{
	background-color: #fff;
}

.options_list{
	width:98%;
	padding:0 10px 10px 10px;
}

.quick_nav_name {
	white-space: nowrap;
    width: 100px;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    top: -12px;
    text-overflow: ellipsis;
    color: #666;
}
.nav_more_ytj{
	width:75px;
	height: 75px;
	margin: 0 10px 0 10px;
	position: relative;
}

.nav_more_ytj .quick_nav_name{
	width: 100%;
	margin-top:0;
	color:#8e5757;
	padding: 0 2px;
}
.nav_more_ytj a{
	height: 100%;
	width:100%;
}

.nav_more_all{
	width: 85px;
}
.nav_more_all .quick_nav_name{
	
    width: 85px;
}
.add_more{
	margin:5px 10px 0 10px;
	width: 75px;
	height: 75px;
	line-height:88px;
	position: relative;
    top: -4px;
	background-color: #fff;
	box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	-ms-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	-o-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
		rgba(0, 0, 0, 0.2);
	border: 1px solid #aaa;
}

.add_more img{
	width:25px;
	height: 25px;
}
.ytj{
	width:100%;
	height:85px;
}
.right1 {
	width: 425px;
	background-color: #f7f7f7;
	border-radius: 5px;
	margin: 0 0 10px 10px;
	height:260px;
}
.right2 {
	width: 205px;
	background-color: #f7f7f7;
	border-radius: 5px;
	margin: 0 0 10px 10px;
}

.right1 .right1_title {
	width: 99.5%;
	height: 25px;
	line-height: 25px;
	background-color: #003c78;
	color: #fff;
	padding: 2px 1px 5px 2px;
}
.right1 .right1_title div {
    float: left;
    margin-left: 10px;
    line-height: 200%;
}
.right1 .right1_title div  img{
	vertical-align: sub;
}

.right1_title div a{
	float: right;
	color: #fff;
	margin-right: 5px;
}
.right1_title div a:hover{
	text-decoration: underline;
}
/* .right1 ul {
	margin: 10px 0 0 10px;
} */

.right1 ul li {
	height: 35px;
    width: 100%;
    line-height: 35px;
}
.right1 ul li div {
    display: inline-block;
    float:left;
}
.right_more_alert{
	position: absolute;
    right: 10px;
}
.liIndex{
    margin: 0 5px;
    font-weight: bold;
    vertical-align: top;
}
.liContent{
	cursor: pointer;
	width:315px;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
.liContent:hover{
	color:blue;
	text-decoration: underline;
}

.row0{
	background-color: #e3e8ee;
}
.newStyle{
	 border: 0;
    background-image: url(/nwyj/images/index/new_03.png);
   background-repeat: no-repeat;
    background-position: 100% 50%;
    _background-position: 0 40%;
   padding: 0 78px 0 0;
    display:inline-block;
    white-space:nowrap;
    word-break: keep-all;
    word-wrap: normal;
}
.clear{
	clear: both;
}
</style>


<script type="text/javascript">
	
	$(function(){
		var user_id = top.com.sinosoft.lz.system.user.LoginInfo.getUser_id();//用户id
		var dept_id = top.com.sinosoft.lz.system.user.LoginInfo.getCorp_ids();//部门id
		$.ajax({
			url : $.pathname() + '/ws/xianlutingyun/XianlutingyunService/getAlertList',
			type : "post",
			data : {"user_id":user_id,"dept_id":dept_id},
			dataType : "json",
			success : function(data) {
				createAlertMsgList(data);
			}
		});
		
	});
	//生产预警、响应通知单信息列表
	function createAlertMsgList(alertMsgJson){
		//容器
		var $rightCont = $("#right_area .right1");
		//title
		var $rightTitle = $('<div class="right1_title"><div><img src="../images/index/task_img.png"></div><div>预警和响应信息</div><div class="right_more_alert"><a href="javascript:;" id="right_more_btn">更多</a></div><div class="clear"></div></div>');
		var $ul = $('<div class="right1_content"><ul></ul></div>');
		var $clear = $('<div class="clear"></div>');
		if(alertMsgJson){
			for (var i = 0; i < alertMsgJson.length; i++) {
				var alertMsg = alertMsgJson[i];
				var text = alertMsg.TEXT;
				var isAlert = alertMsg.ISALERT;
				var isView = alertMsg.ISVIEW;
				var fdId = alertMsg.FDID;
				var rowindex = (i+1)%2;
				var $li = $('<li class="row'+rowindex+'"></li>');
				var $divindex = $('<div class="liIndex">'+(i+1)+'.</div>');
				var $msgCont;
				if(isView==0){//未看过
					$msgCont = $('<div class="liContent newStyle">'+text+'</div>');
				}else{
					$msgCont = $('<div class="liContent">'+text+'</div>');
				}
				$msgCont.data("data-isAlert",isAlert);
				$msgCont.data("data-fdId",fdId);
				$li.append($divindex).append($msgCont).append($clear);
				$ul.find("ul").append($li).append($clear);
			}
		}
		$rightCont.append($rightTitle).append($ul);
		//更多绑定点击事件，连接到预警通知单列表
		$("#right_more_btn").on("click",function(){
			$(top.document.body).find("#frmright").attr("src","/nwyj/page/business/em/alert/warning/Warning.jsp");
		});
		//liContent绑定点击事件
		$(".liContent").on("click",function(){
			var $self = $(this);
			var user_id = top.com.sinosoft.lz.system.user.LoginInfo.getUser_id();//用户id
			var isAlert = $self.data("data-isAlert");
			var fdId = $self.data("data-fdId");
			//去掉new
			if($self.hasClass("newStyle")){
				$self.removeClass("newStyle");
			}
			//修改数据，将该用户添加到中间表中，表示该已查看过该消息
			$.ajax({
				url : $.pathname() + '/ws/xianlutingyun/XianlutingyunService/updateAlert',
				type : "post",
				data : {"user_id":user_id,"fd_id":fdId},
				dataType : "json",
				success : function(data) {
				}
		});
			//链接到响应通知单查看页面
			if(isAlert==0){//是预警通知单，跳到预警通知单查看界面
				$(top.document.body).find("#frmright").attr("src","/nwyj/page/business/em/alert/warning/WarningView.jsp?fd_id="+fdId);
			}else if(isAlert==1){
				$(top.document.body).find("#frmright").attr("src","/nwyj/page/business/em/response/emergencyResponse/WarningView.jsp?fd_id="+fdId);
			}
		})
	}
</script>

</head>
<body>
	<div class="_contentbackground"><img src="/nwyj/images/index/bg1.png"/></div>
	<div class="main_bg">
		<!-- 左侧区域 -->
		<div class="left_area" id="left_area">
			<!-- 选项 -->
			<div id="work_options" class="work_options">
				<!-- 个人工作台 -->
				<a id="diy_workbench" class="work_button">个人工作台</a>
				<!-- GIS综合展示 -->
				<a id="GIS_show" class="work_button">GIS综合展示</a>
			</div>

			<!-- 自定义菜单区域，个人工作台 -->
			<div id="diy_area" class="diy_area">

				<div>
					<a class="quick_nav select_more" id="select_more" title="编辑个人工作台">
						<img src="../images/index/icon_more.png"
						style="height: 22px; width: 22px;"/> <span>更多</span>
					</a>

				</div>

			</div>
		</div>
		<!-- 编辑个人工作台 -->
		<div class="more_nav" id="more_nav">
			<div class="more_title">
				<h4>&nbsp;编辑个人工作台</h4>
				<a  id="close_more" class="close_more"><img title="关闭窗口" src="../images/index/delete.png"></a>
			</div>
			<div class="options">
				
				<div class="options_list" id="allMenu">
				<h4>所有菜单</h4>
				<!-- 虚线 -->
				<hr>
				</div>
				<div class="options_list">
				<br>
				<h4>工作台中菜单</h4>
				<hr>
				<div  class="ytj" id="ytj">
				
				</div>
				</div>
			</div>
		</div>
		<!-- 右侧 区域-->
		<div id="right_area" class="right_area">
			<table>
				<tr>
					<td colspan="2">
						<div class="right1">
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="right2">
							<img src="../images/nav/right5.png" />
							<div></div>
						</div>
					</td>
					<td>
						<div class="right2">
							<img src="../images/nav/right5.png" />
							<div></div>
						</div>
					</td>
				</tr>
			</table>
		</div>
	</div>
</body>
</html>