You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
534 lines
21 KiB
534 lines
21 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>智慧营区</title>
|
||
|
|
<link href="layui/css/layui.css" rel="stylesheet" />
|
||
|
|
<link href="../../css/newtheme/layuiextend.css" rel="stylesheet" />
|
||
|
|
<script src="../js/jquery-2.1.3.min.js"></script>
|
||
|
|
<script src="../../js/jq_extend.js"></script>
|
||
|
|
<!--<script src="../js/echarts.min.js"></script>-->
|
||
|
|
<script src="js/echarts.min.js"></script>
|
||
|
|
<!-- 百度视频播放插件 -->
|
||
|
|
<script type="text/javascript" src="player/cyberplayer.js"></script>
|
||
|
|
<style type="text/css">
|
||
|
|
.layui-layer-title {
|
||
|
|
border-bottom: 1px solid #0E375B !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#cam-out {
|
||
|
|
position: fixed;
|
||
|
|
width: 1000px;
|
||
|
|
height: 720px;
|
||
|
|
font-size: 16px;
|
||
|
|
color: #ddf2ff;
|
||
|
|
/* background: url(../../img/tk1.png) no-repeat; */
|
||
|
|
line-height: 30px;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#camOpenVedioBubble {
|
||
|
|
position: fixed !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover div {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="sy-left fl">
|
||
|
|
<!-- 值班力量 -->
|
||
|
|
<div class="sy-con">
|
||
|
|
<div class="sy-tit">值班力量</div>
|
||
|
|
<div class="sy-con1">
|
||
|
|
<div class="sy-zbld" id="dutyman">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 营区简介 -->
|
||
|
|
<div class="sy-con">
|
||
|
|
<div class="sy-tit"><img src="icon/sytit-icon2.png">营区简介</div>
|
||
|
|
<div class="sy-con1" style="overflow: hidden;">
|
||
|
|
<div class="sy-yqjj">
|
||
|
|
<p class="moren-p">
|
||
|
|
<img src="img/yqjj-moren.png" style="width: 220px;height: 144px; overflow: hidden; border-radius: 4px; float: left;margin-right: 14px;"> 智慧营区建设以平战结合和信息安全为中心。以可视化、物联网、大数据、智能分析、云计算等为支撑。汇聚智慧，联通防护手段，数据全网云共享实现“可感、可知、可视、可控”。智慧营区建设以营区综合信息网为基础，在可视化平台上建设人员管理、车辆管理、视频监控、智能报警、动环、作战指挥中心六大系统。
|
||
|
|
</p>
|
||
|
|
<p class="moren-p"> 智慧营区建设以平战结合和信息安全为中心。以可视化、物联网、大数据、智能分析、云计算等为支撑。汇聚智慧，联通防护手段，数据全网云共享实现“可感、可知、可视、可控”。</p>
|
||
|
|
<p class="moren-p"> 智慧营区建设以营区综合信息网为基础，在可视化平台上建设人员管理、车辆管理...</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="back">返回</div>
|
||
|
|
<!-- 地图显示区域 -->
|
||
|
|
<div id="sy-ditu" class="sy-ditu" style="width: 48%; height: 920px; position: absolute; left: 26%;"></div>
|
||
|
|
|
||
|
|
<div class="sy-right fr">
|
||
|
|
<!-- 营区实力 -->
|
||
|
|
<div class="sy-con" id="yqsl">
|
||
|
|
<div class="sy-tit">营区实力</div>
|
||
|
|
<div class="sy-con1" style="padding-left: 0;padding-right: 0;">
|
||
|
|
<div class="sy-yqll">
|
||
|
|
<div id="carEchar" class="sy-xfcl">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div id="perEchar" class="sy-xfcl" style="margin-top: 6px">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 视频监控 -->
|
||
|
|
<div class="sy-con" id="spjk" style="display: none">
|
||
|
|
<div class="sy-tit">视频监控</div>
|
||
|
|
<div class="sy-con1" style="padding-left: 0;padding-right: 0;">
|
||
|
|
<ul id="camSp" style="height: 100%; overflow-y: auto;">
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 应急资源 -->
|
||
|
|
<div class="sy-con">
|
||
|
|
<div class="sy-tit">应急资源</div>
|
||
|
|
<div class="sy-con1" style="overflow: hidden;">
|
||
|
|
<div id="scroll-message" class="sy-tzgg" style=" overflow: hidden;">
|
||
|
|
<!--<ul id="notice" class="ul noticeUl">
|
||
|
|
</ul>-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!--应急资源 详情页面(无用，已经隐藏)-->
|
||
|
|
<div class="" id="openMoreTzggDetail" style="display: none;color: #000">
|
||
|
|
<div class="grzx-wdks">
|
||
|
|
<div class="rcgl-con2">
|
||
|
|
<div class="newsinfo">
|
||
|
|
<div class="newstitle"></div>
|
||
|
|
<div class="newsdate"></div>
|
||
|
|
<div class="summary"></div>
|
||
|
|
<div class="newscontent"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="cam-out">
|
||
|
|
<div id="camOpenVedioBubble" style="width: 100%;height: 100%;"></div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|
||
|
|
<link href="css/home.css" rel="stylesheet" type="text/css">
|
||
|
|
<style type="text/css">
|
||
|
|
.layui-input:hover, .layui-textarea:hover {
|
||
|
|
border-color: rgb(0,191,255) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-input:focus, .layui-textarea:focus {
|
||
|
|
border-color: rgb(0,191,255) !important
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script src="layui/layui.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
//document.write('<script src="js/home.js"><\/script>');
|
||
|
|
</script>
|
||
|
|
<script src="js/home.js"></script>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
//缓存地图地区数据
|
||
|
|
var arrCache = [];
|
||
|
|
//初始化地图echarts
|
||
|
|
function initMapEchar_fun() {
|
||
|
|
var cityId = JSON.parse(window.sessionStorage.getItem("userInfo")).CityCode;
|
||
|
|
//var cityId = 540000;
|
||
|
|
/** 中间map */
|
||
|
|
var myChart = echarts.init(document.getElementById('sy-ditu'));
|
||
|
|
//地图数据地址（西藏）
|
||
|
|
var uploadedDataURL_q = "jsondata/mapjson/";
|
||
|
|
var suffix = ".json";
|
||
|
|
//获得地图数据
|
||
|
|
getEchartsData_fun(myChart, cityId, uploadedDataURL_q + cityId + suffix);
|
||
|
|
myChart.off('click');
|
||
|
|
//点击查看下钻
|
||
|
|
myChart.on('click', function (params) {
|
||
|
|
//console.log(params);
|
||
|
|
for (var i = 0; i < arrCache.length; i++) {
|
||
|
|
if (arrCache[i].name === params.name) {
|
||
|
|
//显示 返回按钮
|
||
|
|
if (cityId != params.data.adcode) {
|
||
|
|
$(".back").show();
|
||
|
|
}
|
||
|
|
//获得地图数据
|
||
|
|
getEchartsData_fun(myChart, arrCache[i].adcode, uploadedDataURL_q + arrCache[i].adcode + suffix);
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
async: false,
|
||
|
|
url: "/ashx/ZYFireOrgHandler.ashx",
|
||
|
|
data: {
|
||
|
|
Action: 'getOrgIdByCity',
|
||
|
|
cityCode: arrCache[i].adcode
|
||
|
|
},
|
||
|
|
dataType: "json",
|
||
|
|
success: function (res) {
|
||
|
|
//console.log(res);
|
||
|
|
//dataRefresh(res.data.orgId, res.data.orgName);
|
||
|
|
getHomeNum(res.data.orgId)
|
||
|
|
}
|
||
|
|
});
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
////显示 返回按钮
|
||
|
|
//$(".back").show();
|
||
|
|
////获得地图数据
|
||
|
|
//getEchartsData_fun(myChart, params.data.adcode, uploadedDataURL_q + params.data.adcode + suffix);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
//返回按钮点击事件
|
||
|
|
$('.back').click(function () {
|
||
|
|
|
||
|
|
initMapEchar_fun();
|
||
|
|
getHomeNum(OrgId);
|
||
|
|
initNotice();
|
||
|
|
//右上角显示区切换
|
||
|
|
$("#spjk").hide();
|
||
|
|
$("#yqsl").show();
|
||
|
|
//隐藏 返回按钮
|
||
|
|
$(".back").hide();
|
||
|
|
})
|
||
|
|
|
||
|
|
//ajax获取地图数据
|
||
|
|
//根据 行政区划ID 获取所属地图数据
|
||
|
|
function getEchartsData_fun(myChart, cityId, url) {
|
||
|
|
$.ajax({
|
||
|
|
type: "get",
|
||
|
|
datatype: "json",
|
||
|
|
url: url,
|
||
|
|
success: function (geoJson) {
|
||
|
|
var customerBatteryCityData = [];
|
||
|
|
geoJson.features.forEach((item) => {
|
||
|
|
customerBatteryCityData.push(
|
||
|
|
{
|
||
|
|
name: item.properties.name,
|
||
|
|
adcode: item.properties.adcode,
|
||
|
|
value: item.properties.center
|
||
|
|
}
|
||
|
|
);
|
||
|
|
});
|
||
|
|
echarts.registerMap(cityId, geoJson);
|
||
|
|
getMapOption(myChart, cityId, customerBatteryCityData);
|
||
|
|
arrCache = customerBatteryCityData;
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
//地图赋值
|
||
|
|
function getMapOption(myChart, mapId, customerBatteryCityData) {
|
||
|
|
var layoutSize = '100%', layoutCenter = ['56.7%', '50.3%'];
|
||
|
|
if (mapId == 540000 || mapId == 540200 || mapId == 540400) {
|
||
|
|
layoutSize = '120%';
|
||
|
|
layoutCenter = ['50.7%', '50.3%'];
|
||
|
|
}
|
||
|
|
var myOption = {
|
||
|
|
geo: {
|
||
|
|
map: mapId,
|
||
|
|
aspectScale: 0.75, //长宽比
|
||
|
|
zoom: 1.1,
|
||
|
|
roam: false,
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
areaColor: '#013C62',
|
||
|
|
borderColor: '#83BAFF',
|
||
|
|
borderWidth: 1,
|
||
|
|
shadowColor: 'rgba(56,164,255,.26)',
|
||
|
|
opacity: 0.5,
|
||
|
|
shadowOffsetX: 5,
|
||
|
|
shadowOffsetY: 5,
|
||
|
|
shadowBlur: 5,
|
||
|
|
show: true, // 是否显示对应地名
|
||
|
|
textStyle: {
|
||
|
|
color: '#797979'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
emphasis: {
|
||
|
|
color: 'transparent', //悬浮背景
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
series: [{
|
||
|
|
type: 'map',
|
||
|
|
roam: true,
|
||
|
|
label: {
|
||
|
|
normal: {
|
||
|
|
show: true,
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
emphasis: {
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
areaColor: 'rgba(0,255,255,.02)',
|
||
|
|
borderColor: '#00ffff',
|
||
|
|
borderWidth: 1.5,
|
||
|
|
shadowColor: '#00ffff',
|
||
|
|
shadowOffsetX: 0,
|
||
|
|
shadowOffsetY: 4,
|
||
|
|
shadowBlur: 10,
|
||
|
|
},
|
||
|
|
emphasis: {
|
||
|
|
areaColor: 'transparent', //悬浮背景
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
zoom: 1.1,
|
||
|
|
roam: false,
|
||
|
|
map: mapId //使用
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'effectScatter',
|
||
|
|
coordinateSystem: 'geo',
|
||
|
|
showEffectOn: 'render',
|
||
|
|
rippleEffect: {
|
||
|
|
period: 15,
|
||
|
|
scale: 4,
|
||
|
|
brushType: 'fill'
|
||
|
|
},
|
||
|
|
hoverAnimation: true,
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: '#ffff',
|
||
|
|
shadowBlur: 10,
|
||
|
|
shadowColor: '#333'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
normal: {
|
||
|
|
show: false,
|
||
|
|
color: '#fff',
|
||
|
|
fontWeight: 'bold',
|
||
|
|
position: 'inside',
|
||
|
|
formatter: function (para) {
|
||
|
|
return '{cnNum|' + para.data.name + '}'
|
||
|
|
},
|
||
|
|
rich: {
|
||
|
|
cnNum: {
|
||
|
|
fontSize: 13,
|
||
|
|
color: '#D4EEFF',
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data: customerBatteryCityData
|
||
|
|
}]
|
||
|
|
};
|
||
|
|
myChart.setOption(myOption);
|
||
|
|
}
|
||
|
|
|
||
|
|
function dataRefresh(orgId, name) {
|
||
|
|
// 请求各个地区的视频
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "../../ashx/ZYGisBaseHandler.ashx",
|
||
|
|
data: {
|
||
|
|
Action: 'getCameraListByOrgId',
|
||
|
|
OrgId: orgId
|
||
|
|
},
|
||
|
|
dataType: "json",
|
||
|
|
success: function (res) {
|
||
|
|
//视频列表的清空
|
||
|
|
$("#camSp").empty();
|
||
|
|
var htmlCamsp = "";
|
||
|
|
res.data.forEach(function (obj, index, arr) {
|
||
|
|
console.log(obj);
|
||
|
|
if (index == 0) {
|
||
|
|
getCameraOpen(obj.PLAYURL);
|
||
|
|
}
|
||
|
|
//var html = ' <li style="cursor: pointer;margin: 0 5px 10px 5px;" onclick="getCameraOpen(\'' + obj.PLAYURL + '\')"><span style="vertical-align: bottom;">' + (index + 1) + '、【' + obj.ORG_NAME + '】 ' + obj.NAME +'</span><img style="width: 90px;margin-left: 10px;" src="data:image/png;base64,' + obj.PICTURE + '"></li>';
|
||
|
|
var html = ' <li style="cursor: pointer;width: 100%;height: 50px;" onclick="getCameraOpen(\'' + obj.PLAYURL + '\')"><span style="vertical-align: bottom;line-height: 50px;font-size: 16px;color: #d1e8ff;">' + (index + 1) + '、【' + obj.ORG_NAME + '】 ' + obj.NAME + '</span></li>';
|
||
|
|
|
||
|
|
htmlCamsp += html;
|
||
|
|
});
|
||
|
|
if (htmlCamsp == "") {
|
||
|
|
htmlCamsp = "<span>" + name + " 未维护摄像头</span>";
|
||
|
|
}
|
||
|
|
//添加视频列表
|
||
|
|
$("#camSp").append(htmlCamsp);
|
||
|
|
//营区势力隐藏
|
||
|
|
$("#yqsl").hide();
|
||
|
|
//视频区域显示
|
||
|
|
$("#spjk").show();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 首页右下角数据替换
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "../../ashx/ZYFireUnitHandler.ashx",
|
||
|
|
data: {
|
||
|
|
Action: 'homepageUnit',
|
||
|
|
orgId: orgId
|
||
|
|
},
|
||
|
|
dataType: "json",
|
||
|
|
success: function (res) {
|
||
|
|
$("#scroll-message").empty();
|
||
|
|
//信息列表的清空
|
||
|
|
//$("#notice").empty();
|
||
|
|
var title = '';
|
||
|
|
if (res.data.length != 0) {
|
||
|
|
var ulHtml = "<ul id='notice' class='ul noticeUl'></ul>";
|
||
|
|
$("#scroll-message").append(ulHtml);
|
||
|
|
for (var i = 0; i < res.data.length; i++) {
|
||
|
|
var data = res.data[i];
|
||
|
|
title = data.UNIT_PER + "-" + data.NAME + "-" + data.PHONE;
|
||
|
|
|
||
|
|
var liHtml = "<li id='" + data.ID + "' datatype='" + data.CATEGORY + "' onclick=noticeClick('" + data.NAME + "','" + data.CATEGORY + "') ><a href=\"#\"><p title='" + title + "'>";
|
||
|
|
switch (data.CATEGORY) {
|
||
|
|
case "01":
|
||
|
|
liHtml += "<span style=\"color: #05f2ff;\">【联动单位】</span>" + SubStr(title);
|
||
|
|
//liHtml += "<span style=\"color: #ff3b11;\">【政工要闻】</span>" + data.Name;//红色
|
||
|
|
break;
|
||
|
|
case "2":
|
||
|
|
liHtml += "<span style=\"color: #ffa800;\">【政策解读】</span>" + data.Name;//橙色
|
||
|
|
break;
|
||
|
|
case "3":
|
||
|
|
liHtml += "<span style=\"color: #ffff13;\">【即时新闻】</span>" + data.Name;//金黄
|
||
|
|
break;
|
||
|
|
case "4":
|
||
|
|
liHtml += "<span style=\"color: #01ff05;\">【电子报刊】</span>" + data.Name;//绿色
|
||
|
|
break;
|
||
|
|
case "5":
|
||
|
|
liHtml += "<span style=\"color: #05f2ff;\">【通知公告】</span>" + data.Name;//淡蓝色
|
||
|
|
break;
|
||
|
|
case "6":
|
||
|
|
liHtml += "<span style=\"color: #0509ff;\">【媒体访谈】</span>" + data.Name;//深蓝色
|
||
|
|
break;
|
||
|
|
case "7":
|
||
|
|
liHtml += "<span style=\"color: #a704ff;\">【微言微语】</span>" + data.Name;//紫色
|
||
|
|
break;
|
||
|
|
case "8":
|
||
|
|
liHtml += "<span style=\"color: #ff00ca;\">【领导讲话】</span>" + data.Name;//红色
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
liHtml += "<span style=\"color: #919191;\">【未知分类】</span>" + data.Name;//灰色
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
liHtml += "</p></a>";
|
||
|
|
$("#notice").append(liHtml);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// 这个是执行专家数据库的方法
|
||
|
|
QueryExpert(orgId);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
initMapEchar_fun();
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
//if (_orgId == "fbbb44bb458c4336a84e009df74c8598") {
|
||
|
|
// $(".shihezi-p").show();
|
||
|
|
// $(".akesu-p").hide();
|
||
|
|
// $(".kashi-p").hide();
|
||
|
|
// $(".moren-p").hide();
|
||
|
|
// //$("#zhongjianditu").attr("src", "img/syditu.png");
|
||
|
|
//} else if (_orgId == "fc21743dcaad4225b8be141dd47d8a2f") {
|
||
|
|
// $(".shihezi-p").hide();
|
||
|
|
// $(".akesu-p").show();
|
||
|
|
// $(".kashi-p").hide();
|
||
|
|
// $(".moren-p").hide();
|
||
|
|
// //$("#zhongjianditu").attr("src", "img/sksditu.png");
|
||
|
|
// //$("#zhongjianditu").parent().css({ "left": "42.5%", "top": "150px" });
|
||
|
|
//} else if (_orgId == "e870e36aef914b169dfbd6eba5bd5fa7" || _orgId == "958c3377f24b4bcbb93fd260d8ab7488") {
|
||
|
|
// $(".shihezi-p").hide();
|
||
|
|
// $(".akesu-p").hide();
|
||
|
|
// $(".kashi-p").hide();
|
||
|
|
// $(".moren-p").show();
|
||
|
|
// //$("#zhongjianditu").attr("src", "img/dyditu.png");
|
||
|
|
//} else if (_orgId == "9668E5E778854EC3939246D6B6A9EFC1") {
|
||
|
|
// $(".kashi-p").show();
|
||
|
|
// $(".shihezi-p").hide();
|
||
|
|
// $(".akesu-p").hide();
|
||
|
|
// $(".moren-p").hide();
|
||
|
|
// //$("#zhongjianditu").attr("src", "img/ksditu.png");
|
||
|
|
// //$("#zhongjianditu").parent().css({ "left": "46.5%", "top": "46px" });
|
||
|
|
//} else {
|
||
|
|
// $(".shihezi-p").hide();
|
||
|
|
// $(".akesu-p").hide();
|
||
|
|
// $(".kashi-p").hide();
|
||
|
|
// $(".moren-p").show();
|
||
|
|
//}
|
||
|
|
|
||
|
|
//$.post("/ashx/GisBaseHandler.ashx", {
|
||
|
|
// Action: "getDutyToDayByOrgId",
|
||
|
|
// OrgId: OrgId
|
||
|
|
//}, function (res) {
|
||
|
|
// res = JSON.parse(res);
|
||
|
|
// if (res.code != "-1") {
|
||
|
|
// var data = res.data;
|
||
|
|
// for (var i = 0; i < data.length; i++) {
|
||
|
|
// $("#zhiwu" + (i + 1)).html(data[i].PROF);
|
||
|
|
// $("#xingming" + (i + 1)).html(data[i].EMP_NAME);
|
||
|
|
// $("#dianhua" + (i + 1)).html(data[i].EMP_PHONE);
|
||
|
|
// if (data[i].PHOTO == null || data[i].PHOTO == "") {
|
||
|
|
// $("#zhaopian" + (i + 1)).attr("src", "img/no-photo.png");
|
||
|
|
// } else {
|
||
|
|
// $("#zhaopian" + (i + 1)).attr("src", "/" + data[i].PHOTO);
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// for (var i = (data.length + 1); i < 7; i++) {
|
||
|
|
// $("#zhibanlingdao" + i).hide();
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
//});
|
||
|
|
|
||
|
|
|
||
|
|
$.post("/ashx/GisBaseHandler.ashx", {
|
||
|
|
Action: "getDutyToDayByOrgId",
|
||
|
|
OrgId: $.getShowDataOrgId(OrgId)
|
||
|
|
}, function (res) {
|
||
|
|
res = JSON.parse(res);
|
||
|
|
if (res.code != "-1" && res.data.length > 0) {
|
||
|
|
var data = res.data;
|
||
|
|
var dutyman1 = "";
|
||
|
|
for (var i = 0; i < data.length; i++) {
|
||
|
|
dutyman1 += '<div style="width: 100%; height: 50%; float: left; ">';
|
||
|
|
dutyman1 += '<div class="sy-zbld-img fl">';
|
||
|
|
dutyman1 += '<img src="' + (data[i].PHOTO == "" ? "img/no-photo.png" : "/" + data[i].PHOTO) + '">';
|
||
|
|
dutyman1 += '</div>';
|
||
|
|
dutyman1 += '<div class="sy-zbld-con">';
|
||
|
|
dutyman1 += '<p><span>职务：</span>' + data[i].PROF + '</p>';
|
||
|
|
dutyman1 += '<p><span>姓名：</span>' + data[i].EMP_NAME + '</p>';
|
||
|
|
dutyman1 += '<p><span>电话：</span>' + data[i].EMP_PHONE + '</p>';
|
||
|
|
dutyman1 += '</div>';
|
||
|
|
dutyman1 += '</div>';
|
||
|
|
}
|
||
|
|
$("#dutyman").html(dutyman1);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|