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.
759 lines
26 KiB
759 lines
26 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>智慧营区</title>
|
||
|
|
<link href="layui/css/layui.css" rel="stylesheet" />
|
||
|
|
<script src="../js/jquery-2.1.3.min.js"></script>
|
||
|
|
<script src="../js/echarts.min.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="content">
|
||
|
|
<div class="sy-left fl">
|
||
|
|
<!-- 值班力量 -->
|
||
|
|
<div class="sy-con">
|
||
|
|
<div class="sy-tit"><img src="icon/sytit-icon1.png">值班力量</div>
|
||
|
|
<div class="sy-con1">
|
||
|
|
<div class="sy-zbld">
|
||
|
|
<div class="sy-zbld1">
|
||
|
|
<div id="zhibanlingdao1" style="width: 50%; height: 100%; float: left; padding-left: 20px;">
|
||
|
|
<div class="sy-zbld-img fl"><img id="zhaopian1" src="img/no-photo.png"></div>
|
||
|
|
<div class="sy-zbld-con">
|
||
|
|
<p><span>职务：</span></p>
|
||
|
|
<p id="zhiwu1"></p>
|
||
|
|
<p><span>姓名：</span></p>
|
||
|
|
<p id="xingming1"></p>
|
||
|
|
<p><span>电话：</span></p>
|
||
|
|
<p id="dianhua1" style="font-size: 13px"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="zhibanlingdao2" style="width: 50%; height: 100%; float: left; padding-left: 20px;">
|
||
|
|
<div class="sy-zbld-img fl"><img id="zhaopian2" src="img/no-photo.png"></div>
|
||
|
|
<div class="sy-zbld-con">
|
||
|
|
<p><span>职务：</span></p>
|
||
|
|
<p id="zhiwu2"></p>
|
||
|
|
<p><span>姓名：</span></p>
|
||
|
|
<p id="xingming2"></p>
|
||
|
|
<p><span>电话：</span></p>
|
||
|
|
<p id="dianhua2" style="font-size: 13px"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="zhibanlingdao3" class="sy-zbld1" style="height: 200px; margin-top: 20px;">
|
||
|
|
<div style="width: 25%; height: 100%; float: left; padding-left: 20px;">
|
||
|
|
<div class="sy-zbld-img" style="margin: 0; height: 140px;">
|
||
|
|
<img id="zhaopian3" src="img/no-photo.png">
|
||
|
|
</div>
|
||
|
|
<div class="sy-zbld-con" style="padding: 0; font-size: 12px; line-height: 18px; height: 60px; padding-top: 6px;">
|
||
|
|
<p><span>职务：</span><label id="zhiwu3"></label></p>
|
||
|
|
<p><span>姓名：</span><label id="xingming3"></label></p>
|
||
|
|
<p><span>电话：</span><label id="dianhua3"></label></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="zhibanlingdao4" style="width: 25%; height: 100%; float: left; padding-left: 20px;">
|
||
|
|
<div class="sy-zbld-img" style="margin: 0; height: 140px;">
|
||
|
|
<img id="zhaopian4" src="img/no-photo.png">
|
||
|
|
</div>
|
||
|
|
<div class="sy-zbld-con" style="padding: 0; font-size: 12px; line-height: 18px; height: 60px; padding-top: 6px;">
|
||
|
|
<p><span>职务：</span><label id="zhiwu4"></label></p>
|
||
|
|
<p><span>姓名：</span><label id="xingming4"></label></p>
|
||
|
|
<p><span>电话：</span><label id="dianhua4"></label></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="zhibanlingdao5" style="width: 25%; height: 100%; float: left; padding-left: 20px;">
|
||
|
|
<div class="sy-zbld-img" style="margin: 0; height: 140px;">
|
||
|
|
<img id="zhaopian5" src="img/no-photo.png">
|
||
|
|
</div>
|
||
|
|
<div class="sy-zbld-con" style="padding: 0; font-size: 12px; line-height: 18px; height: 60px; padding-top: 6px;">
|
||
|
|
<p><span>职务：</span><label id="zhiwu5"></label></p>
|
||
|
|
<p><span>姓名：</span><label id="xingming5"></label></p>
|
||
|
|
<p><span>电话：</span><label id="dianhua5"></label></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="zhibanlingdao6" style="width: 25%; height: 100%; float: left; padding-left: 20px;">
|
||
|
|
<div class="sy-zbld-img" style="margin: 0; height: 140px;">
|
||
|
|
<img id="zhaopian6" src="img/no-photo.png">
|
||
|
|
</div>
|
||
|
|
<div class="sy-zbld-con" style="padding: 0; font-size: 12px; line-height: 18px; height: 60px; padding-top: 6px;">
|
||
|
|
<p><span>职务：</span><label id="zhiwu6"></label></p>
|
||
|
|
<p><span>姓名：</span><label id="xingming6"></label></p>
|
||
|
|
<p><span>电话：</span><label id="dianhua6"></label></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</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="akesu-p">
|
||
|
|
<img src="img/yqjj1.png" style="width: 220px;height: 144px; overflow: hidden; border-radius: 4px; float: left;margin-right: 14px;"> 阿克苏地区消防救援支队从1974年成立伊始，到2004年搬迁至现在的交通路119号；占地63亩，建筑面积10901平方米。共有干部、消防员和消防文员编制440人。支队下辖10个大队，13个中队，承担地区八县两市的消防安保任务。
|
||
|
|
</p>
|
||
|
|
<p class="akesu-p">
|
||
|
|
2006年，支队所属库车县消防大队被评为全国消防部队岗位岗位练兵先进单位；2007年，库车县消防大队荣获全国消防部队基层建设先进集体；2009年，库车县消防大队被评为全国公安消防部队“三基”建设先进集体；同年。支队政治处荣获“全国公安现役部队先进干部部门”称号；2010年，支队被表彰为全国消防部队安全工作先进支队；2014年，库车县消防大队被自治区人民政府授予“龟兹消防卫士”荣誉称号，库车县大队分别被公安部、公安部消防局评为“先进基层党组织”。同年10月库车县大队被公安部授予“全国公安机关爱民模范集体”称号...
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="shihezi-p">
|
||
|
|
<img src="img/yqjjt-shihezi.jpg" style="width: 220px;height: 144px; overflow: hidden; border-radius: 4px; float: left;margin-right: 14px;"> 石河子市消防救援支队前身为成立于1959年的农八师八一糖厂警消队，1962年转为公安局消防队，1975年成立消防大队，1990年正式成立支队，2018年10月9日集体转隶至应急管理部，成立石河子市消防救援支队。
|
||
|
|
</p>
|
||
|
|
<p class="shihezi-p">
|
||
|
|
下设1个大队、4个中队，各类消防人员近200人，担负着石河子市、143团、144团、145团和152团的防火监督及第八师辖区6007平方公里的火灾扑救、抢险救援任务，是全国唯一一支驻守在兵团城市的整编制消防救援队伍。支队现有各类消防车43辆，其中水罐消防车10辆、泡沫消防车2辆、压缩空气泡沫消防车6辆、泡沫干粉联用消防车1辆、登高平台消防车2辆、举高喷射消防车5辆、抢险救援消防车5辆、通信指挥消防车1辆、消防宣传车1辆、装备抢修车1辆、供液消防车1辆、供气消防车1辆、饮食保障车1辆、运兵车2辆、防暴消防车1辆、应急消防救援指挥车1辆、细水雾2辆。总载水量277.7吨、泡沫灭火剂28.4吨、干粉2吨，库存各类泡沫灭火剂59.3吨（其中氟蛋白泡沫1.8吨、高倍数泡沫3.4吨、A类泡沫9.7吨、抗融性泡沫5吨，清水泡沫39.4吨），干粉2.7吨。支队现有各类器材装备13284件套，其中防护装备9302件套，抢险救援装备1363件套，输水器材1009件套，射水器材309件套，其他装备1301件套。
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="kashi-p">
|
||
|
|
<img src="img/yqjjt-shihezi.jpg" style="width: 220px;height: 144px; overflow: hidden; border-radius: 4px; float: left;margin-right: 14px;"> 喀什地区辖区面积16.2万平方千米、常驻人口474.65万人，共辖12个县级行政区。支队下辖14个大队，16个消防救援站。实有630人：其中指战员369人（其中干部129人，消防员240人）、文员48人、合同制213人。
|
||
|
|
</p>
|
||
|
|
<p class="kashi-p">
|
||
|
|
现有各类车辆176辆，其中消防车110辆、行政车66辆。载水量521.5吨、载泡沫液量51.32吨，库存泡沫36.25吨；冲锋舟7艘，搜救犬5只，生命探测仪19台。地区消防安全重点单位1721家，其中火灾高危单位36家；微型消防站：重点单位微型站1721个，社区微型站349个，便民警务站微型站1176个。
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<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 id="sy-ditu" class="sy-ditu" style="width: 48%; height: 920px; position: absolute; left: 26%;"></div>
|
||
|
|
<!--<div id="sy-ditu" class="sy-ditu"><img id="zhongjianditu" src=""></div>-->
|
||
|
|
<script>
|
||
|
|
var ksdqmap = "jsondata/喀什地区.json";
|
||
|
|
|
||
|
|
var bcxmap = "jsondata/巴楚县.json";
|
||
|
|
|
||
|
|
var jsxmap = "jsondata/伽师县.json";
|
||
|
|
|
||
|
|
var kssmap = "jsondata/喀什市.json";
|
||
|
|
|
||
|
|
var mgtxmap = "jsondata/麦盖提县.json";
|
||
|
|
|
||
|
|
var scxmap = "jsondata/莎车县.json";
|
||
|
|
|
||
|
|
var sfxmap = "jsondata/疏附县.json";
|
||
|
|
|
||
|
|
var slxmap = "jsondata/疏勒县.json";
|
||
|
|
|
||
|
|
var kskegtjkzzxmap = "jsondata/塔什库尔干塔吉克自治县.json";
|
||
|
|
|
||
|
|
var xcxmap = "jsondata/叶城县.json";
|
||
|
|
|
||
|
|
var yjsxmap = "jsondata/英吉沙县.json";
|
||
|
|
|
||
|
|
var yphxmap = "jsondata/岳普湖县.json";
|
||
|
|
|
||
|
|
var zpxmap = "jsondata/泽普县.json";
|
||
|
|
|
||
|
|
//天燃气: 图标
|
||
|
|
var iconRQ = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACZUlEQVRYR7WX300bQRDGfyPBc0gFMRWQVBBb8j2TDoAKAhUEVxCoAFJB4PlO4lxBnApiKgg829JEuz7b92f3dm9F7sWStTPzzezM980KCZ9OGSOcsWImJcsEFzsTSTHWMSMO+WNtlWspmKX4MTZJAGzcDK0FXQAXkmN+B31vBcBU4gVhMhREEgDN+Aj8cqS6YMVESl5iy5AGYMolwndPkB+Sc/5/AWT2rk+8QVYcx07H4ApUI/jUm6FyJQU3MVUYBEDHHHGICW56oO+bS8747QFk3ANnEY6XknMccS6eBzQ+uI0reZzv4BXYsh9wh/AlJqOKHZ+lYKQZNygqBVc+214A1bzfRdx52/8c7HUZW/PdS86FC4QXgO12+IlwFJ35/qARqFHLzlC1AdX4nAA0s0SyRZ8Q32vyqU3VHQC27MpTYub9YJVSCib1Q10AU5YIH4JpK88ID8DX4Nn6AWUiBeX2rwYA7ef4vRvlkTXnHFhN+DYIADS0og0gJvudg8ReaZDUDkBFs38D2TTQNzajIWVY8X4r2XsAmz3PLzLKK2tGba3XkDK6gNX6YAgAp8JVU1MivIsuQhKAWtnagYb2Ql0n4npAeZWinxEHgPgt+V7Om1Pgv88oedUpDwingatoUHIbgJeCY+Q1OBWORm4C2EjvwsOEHR53Nnj/VHQEyacF3a5WZlJwHep09VO5c1v2qaERpDaIYB94r6Cibtd7wb8PbN5/Rr8/77IObLueSbiVnEtf5cIr2WY3MA5O7PNrbXd+58unVf559XDdKd+gjchBNmYVty8eV0ZV9gaoCWhWsKiH6j/NPeohS8oR6gAAAABJRU5ErkJggg=="
|
||
|
|
|
||
|
|
|
||
|
|
var mapname = ksdqmap;
|
||
|
|
var mapnamepoint = null;
|
||
|
|
var mapJson = [{
|
||
|
|
name: "巴楚县",
|
||
|
|
json: bcxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "伽师县",
|
||
|
|
json: jsxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "喀什市",
|
||
|
|
json: kssmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "麦盖提县",
|
||
|
|
json: mgtxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "莎车县",
|
||
|
|
json: scxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "疏附县",
|
||
|
|
json: sfxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "疏勒县",
|
||
|
|
json: slxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "塔什库尔干塔吉克自治县",
|
||
|
|
json: kskegtjkzzxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "叶城县",
|
||
|
|
json: xcxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "英吉沙县",
|
||
|
|
json: yjsxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "岳普湖县",
|
||
|
|
json: yphxmap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "泽普县",
|
||
|
|
json: zpxmap
|
||
|
|
}]
|
||
|
|
|
||
|
|
var mapDate = [{
|
||
|
|
name: '巴楚县',
|
||
|
|
value: [78.55041, 39.783479]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '伽师县',
|
||
|
|
value: [76.741982, 39.494325]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '喀什市',
|
||
|
|
value: [75.98838, 39.467861]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '麦盖提县',
|
||
|
|
value: [77.651538, 38.903384]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '莎车县',
|
||
|
|
value: [77.248884, 38.414499]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '疏附县',
|
||
|
|
value: [75.863075, 39.378306]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '疏勒县',
|
||
|
|
value: [76.053653, 39.399461]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '塔什库尔干塔吉克自治县',
|
||
|
|
value: [75.228068, 37.775437]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '叶城县',
|
||
|
|
value: [77.420353, 37.884679]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '英吉沙县',
|
||
|
|
value: [76.174292, 38.929839]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '岳普湖县',
|
||
|
|
value: [76.7724, 39.235248]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '泽普县',
|
||
|
|
value: [77.273593, 38.191217]
|
||
|
|
}];
|
||
|
|
|
||
|
|
var myChart = echarts.init(document.getElementById('sy-ditu'));
|
||
|
|
// myChart.showLoading();
|
||
|
|
let index = -1;
|
||
|
|
var timer = setInterval(function () {
|
||
|
|
// 隐藏提示框
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'hideTip',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: index
|
||
|
|
});
|
||
|
|
// 显示提示框
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'showTip',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: index + 1
|
||
|
|
});
|
||
|
|
// 取消高亮指定的数据图形
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'downplay',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: index
|
||
|
|
});
|
||
|
|
// 高亮指定的数据图形
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'highlight',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: index + 1
|
||
|
|
});
|
||
|
|
index++;
|
||
|
|
if (index > 13) {
|
||
|
|
index = -1;
|
||
|
|
}
|
||
|
|
}, 2000);
|
||
|
|
|
||
|
|
|
||
|
|
myChart.on('mousemove', function (e) {
|
||
|
|
clearInterval(timer);
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'downplay',
|
||
|
|
seriesIndex: 0
|
||
|
|
});
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'highlight',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: e.dataIndex
|
||
|
|
});
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'showTip',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: e.dataIndex
|
||
|
|
});
|
||
|
|
}); //---------------------------------------------鼠标移入静止播放
|
||
|
|
myChart.on('mouseout', function (e) {
|
||
|
|
clearInterval(timer);
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'downplay',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: e.dataIndex
|
||
|
|
}); //鼠标移出后先把上次的高亮取消
|
||
|
|
timer = setInterval(function () {
|
||
|
|
// 隐藏提示框
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'hideTip',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: index
|
||
|
|
});
|
||
|
|
// 显示提示框
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'showTip',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: index + 1
|
||
|
|
});
|
||
|
|
// 取消高亮指定的数据图形
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'downplay',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: index
|
||
|
|
});
|
||
|
|
// 高亮指定的数据图形
|
||
|
|
myChart.dispatchAction({
|
||
|
|
type: 'highlight',
|
||
|
|
seriesIndex: 0,
|
||
|
|
dataIndex: index + 1
|
||
|
|
});
|
||
|
|
index++;
|
||
|
|
if (index > 13) {
|
||
|
|
index = -1;
|
||
|
|
}
|
||
|
|
}, 2000);
|
||
|
|
});
|
||
|
|
myChart.on('click', function (e) {
|
||
|
|
console.log(e);
|
||
|
|
var chooseName = mapJson.filter(item => {
|
||
|
|
return item.name == e.name
|
||
|
|
})
|
||
|
|
mapname = chooseName[0].json;
|
||
|
|
|
||
|
|
|
||
|
|
var chooseDate = mapDate.filter(item => {
|
||
|
|
return item.name == e.name;
|
||
|
|
})
|
||
|
|
mapDate = chooseDate;
|
||
|
|
|
||
|
|
|
||
|
|
// console.log(mapname, '选择地图');
|
||
|
|
// console.log(mapDate);
|
||
|
|
|
||
|
|
// mapDate = []
|
||
|
|
$('<div class="back">返回</div>').appendTo(
|
||
|
|
$('#sy-ditu')
|
||
|
|
);
|
||
|
|
|
||
|
|
$('.back').css({
|
||
|
|
'position': 'absolute',
|
||
|
|
'top': '25px',
|
||
|
|
'color': 'rgb(222,222,222)',
|
||
|
|
'font-size': '15px',
|
||
|
|
cursor: 'pointer',
|
||
|
|
'z-index': '100'
|
||
|
|
})
|
||
|
|
$('.back').click(function () {
|
||
|
|
mapname = ksdqmap
|
||
|
|
mapDate = [{
|
||
|
|
name: '巴楚县',
|
||
|
|
nameText: '巴楚县',
|
||
|
|
value: [78.55041, 39.783479]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '伽师县',
|
||
|
|
nameText: '伽师县',
|
||
|
|
value: [76.741982, 39.494325]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '喀什市',
|
||
|
|
nameText: '喀什市',
|
||
|
|
value: [75.98838, 39.467861]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '麦盖提县',
|
||
|
|
nameText: '麦盖提县',
|
||
|
|
value: [77.651538, 38.903384]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '莎车县',
|
||
|
|
nameText: '莎车县',
|
||
|
|
value: [77.248884, 38.414499]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '疏附县',
|
||
|
|
nameText: '疏附县',
|
||
|
|
value: [75.863075, 39.378306]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '疏勒县',
|
||
|
|
nameText: '疏勒县',
|
||
|
|
value: [76.053653, 39.399461]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '塔什库尔干塔吉克自治县',
|
||
|
|
nameText: '塔什库尔干塔吉克自治县',
|
||
|
|
value: [75.228068, 37.775437]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '叶城县',
|
||
|
|
nameText: '叶城县',
|
||
|
|
value: [77.420353, 37.884679]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '英吉沙县',
|
||
|
|
nameText: '英吉沙县',
|
||
|
|
value: [76.174292, 38.929839]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '岳普湖县',
|
||
|
|
nameText: '岳普湖县',
|
||
|
|
value: [76.7724, 39.235248]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '泽普县',
|
||
|
|
nameText: '泽普县',
|
||
|
|
value: [77.273593, 38.191217]
|
||
|
|
}
|
||
|
|
];
|
||
|
|
$('.back').css({
|
||
|
|
'position': 'absolute',
|
||
|
|
'top': '-25px',
|
||
|
|
'color': 'rgba(222,222,222,0.3)',
|
||
|
|
'font-size': '15px',
|
||
|
|
cursor: 'pointer',
|
||
|
|
'z-index': '100'
|
||
|
|
})
|
||
|
|
|
||
|
|
mapInit()
|
||
|
|
})
|
||
|
|
mapInit()
|
||
|
|
})
|
||
|
|
setTimeout(function () {
|
||
|
|
mapInit()
|
||
|
|
}, 1000);
|
||
|
|
var mapInit = () => {
|
||
|
|
$.getJSON(mapname, function (geoJson) {
|
||
|
|
echarts.registerMap('hanzhou', geoJson);
|
||
|
|
myChart.hideLoading();
|
||
|
|
option = {
|
||
|
|
//title: {
|
||
|
|
// top: 20,
|
||
|
|
// text: '喀什地区地图',
|
||
|
|
// subtext: '',
|
||
|
|
// x: 'center',
|
||
|
|
// textStyle: {
|
||
|
|
// color: '#ccc'
|
||
|
|
// }
|
||
|
|
//},
|
||
|
|
geo: {
|
||
|
|
map: 'hanzhou',
|
||
|
|
aspectScale: 0.75, //长宽比
|
||
|
|
zoom: 1.1,
|
||
|
|
roam: false,
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
areaColor: '#013C62',
|
||
|
|
//areaColor: {
|
||
|
|
// type: 'linear-gradient',
|
||
|
|
// x: 0.5,
|
||
|
|
// y: 0.5,
|
||
|
|
// r: 0.8,
|
||
|
|
// colorStops: [{
|
||
|
|
// offset: 0,
|
||
|
|
// color: 'rgba(45,68,121,0.18)' // 100% 处的颜色
|
||
|
|
// },
|
||
|
|
// {
|
||
|
|
// offset: 1,
|
||
|
|
// color: 'rgba(45,68,121,0.15)' // 0% 处的颜色
|
||
|
|
// }
|
||
|
|
// ],
|
||
|
|
// global: true // 缺省为 false
|
||
|
|
// },
|
||
|
|
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'
|
||
|
|
},
|
||
|
|
|
||
|
|
// areaColor: 'rgba(42,184,255,0.3)',
|
||
|
|
// borderWidth: 0,
|
||
|
|
// color: 'green',
|
||
|
|
// label: {
|
||
|
|
// show: false
|
||
|
|
// }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
series: [{
|
||
|
|
type: 'map',
|
||
|
|
roam: true,
|
||
|
|
label: {
|
||
|
|
normal: {
|
||
|
|
show: true,
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
emphasis: {
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
// borderColor: '#09bff1',
|
||
|
|
// borderWidth: 1.5,
|
||
|
|
// areaColor: 'rgba(0,154,197,0.3)'
|
||
|
|
areaColor: 'rgba(0,255,255,.02)',
|
||
|
|
borderColor: '#00ffff',
|
||
|
|
borderWidth: 1.5,
|
||
|
|
shadowColor: '#00ffff',
|
||
|
|
shadowOffsetX: 0,
|
||
|
|
shadowOffsetY: 4,
|
||
|
|
shadowBlur: 10,
|
||
|
|
},
|
||
|
|
emphasis: {
|
||
|
|
// areaColor: 'rgba(42,184,255,0.3)',
|
||
|
|
// borderWidth: 0,
|
||
|
|
// color: 'green'
|
||
|
|
areaColor: 'transparent', //悬浮背景
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
zoom: 1.1,
|
||
|
|
roam: false,
|
||
|
|
map: 'hanzhou' //使用
|
||
|
|
// data: this.difficultData //热力图数据 不同区域 不同的底色
|
||
|
|
},
|
||
|
|
{
|
||
|
|
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.nameText + '}'
|
||
|
|
},
|
||
|
|
rich: {
|
||
|
|
cnNum: {
|
||
|
|
fontSize: 13,
|
||
|
|
color: '#D4EEFF',
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data: mapDate
|
||
|
|
}]
|
||
|
|
};
|
||
|
|
myChart.setOption(option);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<div class="sy-right fr">
|
||
|
|
<!-- 营区实力 -->
|
||
|
|
<div class="sy-con">
|
||
|
|
<div class="sy-tit"><img src="icon/sytit-icon3.png">营区实力</div>
|
||
|
|
<div class="sy-con1" style="padding-left: 0;padding-right: 0;">
|
||
|
|
<div class="sy-yqll">
|
||
|
|
<div class="sy-xfcl">
|
||
|
|
<div class="sy-xfcl1">
|
||
|
|
<div class="sy-xfcl-img fl"><img src="img/syyqll-xfcl.png"></div>
|
||
|
|
<div id="DutyMore" class="sy-xfcl-tit">
|
||
|
|
<p><span id="liang"></span> 辆</p>
|
||
|
|
<p style="color: #FFFFFF; padding-top: 8px;">
|
||
|
|
<div>执勤车辆</div>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sy-xfcl2" id="sy-carNum">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--4个共用这一个-->
|
||
|
|
<div class="" id="openMoreDuty1" style="display: none;">
|
||
|
|
<div class="tb-div">
|
||
|
|
<input id="orgId" value="" class="layui-input" style="width: 200px;display: none;" />
|
||
|
|
<input id="searchNum" value="" placeholder="请输入车牌号......" class="layui-input" style="width: 200px;display: inline;" />
|
||
|
|
<select id="sele" name="type" lay-filter="type" style="width: 200px;height: 39px;background-color: #d0f4ff;" onchange="getContent(this.value,this.options[this.selectedIndex].text)">
|
||
|
|
<option value="">请选择车辆种类</option>
|
||
|
|
<option value="0">公务用车</option>
|
||
|
|
<option value="1">执勤车辆</option>
|
||
|
|
<option value="2">社会车辆</option>
|
||
|
|
<option value="3">外来车辆</option>
|
||
|
|
</select>
|
||
|
|
<button type="button" id="select" class="layui-btn layui-btn-normal" style="display: inline;">查询</button>
|
||
|
|
<table class="layui-hide" id="layTbDuty1" lay-filter="layTbDuty1"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sy-xfcl" style="padding-left: 18px;">
|
||
|
|
<div class="sy-xfcl1">
|
||
|
|
<div class="sy-xfcl-img fl"><img src="img/syyqll-xfry.png"></div>
|
||
|
|
<div class="sy-xfcl-tit" id="peopleMore">
|
||
|
|
<p><span id="ren"></span> 人</p>
|
||
|
|
<p style="color: #FFFFFF; padding-top: 8px;">
|
||
|
|
<div>消防人员</div>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sy-xfcl2" id="sy-perNum">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="" id="openMorePeo" style="display: none;">
|
||
|
|
<div class="tb-div">
|
||
|
|
<input id="org_id" value="" class="layui-input" style="width: 200px;display: none;" />
|
||
|
|
<input id="searchPeo" value="" placeholder="请输入姓名......" class="layui-input" style="width: 200px;display: inline;" />
|
||
|
|
<button type="button" id="findPeo" class="layui-btn layui-btn-normal" style="display: inline;">查询</button>
|
||
|
|
<table class="layui-hide" id="layTbPeo" lay-filter="layTbPeo"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 通知公告 -->
|
||
|
|
<div class="sy-con">
|
||
|
|
<div class="sy-tit"><img src="icon/sytit-icon4.png">通知公告</div>
|
||
|
|
<div class="sy-con1" style="overflow: hidden;">
|
||
|
|
<div id="scroll-message" class="sy-tzgg" style=" overflow: hidden;">
|
||
|
|
<ul id="notice" class="ul">
|
||
|
|
</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>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<link href="css/home.css" rel="stylesheet" type="text/css">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
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(_interfaceDocUrl + "/ashx/GisBaseHandler.ashx", {
|
||
|
|
Action: "getDutyToDayByOrgId",
|
||
|
|
OrgId: this._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)).html("img/no-photo.png");
|
||
|
|
} else {
|
||
|
|
$("#zhaopian" + (i + 1)).html(_interfaceDocUrl + "/" + data[i].PHOTO);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
for (var i = (data.length + 1); i < 7; i++) {
|
||
|
|
$("#zhibanlingdao" + i).hide();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|