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.
656 lines
25 KiB
656 lines
25 KiB
<#include "../../_include/_t.ftl"/>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title></title>
|
|
<#include "../../_include/_h.ftl"/>
|
|
<#include "../../_include/_l.ftl"/>
|
|
<#include "../../_include/_j.ftl"/>
|
|
<#include "../../_include/_z.ftl"/>
|
|
<#include "../../_include/_m.ftl"/>
|
|
<#include "../../_include/_p.ftl"/>
|
|
<#include "../../_include/work/_c_0.ftl"/>
|
|
<style type="text/css">
|
|
.layui-side{
|
|
background: url(${ctx}/style/cls1/img/nb-con.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.page_content{
|
|
background: url(${ctx}/style/cls1/img/nb-con.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.layui-form ,.layui-border-box ,.layui-table-view{
|
|
box-sizing:border-box;
|
|
}
|
|
.layui-layer-iframe .layui-layer-content{
|
|
padding:0px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="layui-layout-body">
|
|
<div class="layui-layout layui-layout-admin">
|
|
<!--菜单-->
|
|
<div class="layui-side layui-bg-blue">
|
|
<div class="layui-side-scroll">
|
|
<ul class="layui-nav layui-nav-tree">
|
|
<li class="layui-nav-item layui-nav-itemed layui-this">
|
|
<a href="javascript:void(0);" id="plan_ptl_0_01">检查痕迹&消防隐患</a>
|
|
</li>
|
|
<!--
|
|
<li class="layui-nav-item layui-nav-itemed">
|
|
<a href="javascript:void(0);" id="plan_ptl_0_02">微型消防站</a>
|
|
</li>
|
|
-->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- 内容主体区域 -->
|
|
<div class="layui-body">
|
|
<div class="page_content" style="margin-left:210px;">
|
|
<div id="plan_ptl_0_01_div" class="layui-show" style="padding:20px;padding-top: 40px;box-sizing:border-box;">
|
|
<input type="hidden" id="plan_ptl_0_01_div_load" value="1"/>
|
|
<div style="float:left;width:350px;height:100%;margin:0;padding:0;overflow:auto;">
|
|
<blockquote class="layui-elem-quote page_blockquote">行政区划［点击节点查询可查询下辖企业单位列表］</blockquote>
|
|
<button id="plan_ptl0_region_refreshBtn" class="layui-btn layui-btn-normal layui-btn-xs" style="float:right;margin:5px 5px 0 0;"><i class="layui-icon"></i>刷新行政区划树</button>
|
|
<ul id="plan_ptl0_rgTree" class="ztree page_tree"></ul>
|
|
</div>
|
|
<div style="margin-left:355px;">
|
|
<div class="page_tools">
|
|
<div class="layui-inline" style="width:360px;">
|
|
<input class="layui-input" id="plan_ptl0_socName" placeholder="企业单位名称（支持模糊）" autocomplete="off"/>
|
|
</div>
|
|
<button id="plan_ptl0_queryBtn" class="layui-btn layui-btn-normal"><i class="layui-icon"></i>查询</button>
|
|
<button id="plan_ptl0_resetBtn" class="layui-btn layui-btn-normal"><i class="layui-icon"></i>重置</button>
|
|
</div>
|
|
<table id="plan_ptl0_dataTable" lay-filter="plan_ptl0_dataTable_filter" lay-size="sm"></table>
|
|
</div>
|
|
</div>
|
|
<div id="plan_ptl_0_02_div" class="layui-hide" style="padding:20px;padding-top: 40px;box-sizing:border-box;">
|
|
<input type="hidden" id="plan_ptl_0_02_div_load"/>
|
|
<div style="float:left;width:350px;height:100%;margin:0;padding:0;overflow:auto;">
|
|
<blockquote class="layui-elem-quote page_blockquote">行政区划</blockquote>
|
|
<button id="plan_ptl0_region_mini_refreshBtn" class="layui-btn layui-btn-normal layui-btn-xs" style="float:right;margin:5px 5px 0 0;"><i class="layui-icon"></i>刷新行政区划树</button>
|
|
<ul id="plan_ptl0_mini_rgTree" class="ztree page_tree"></ul>
|
|
</div>
|
|
<div style="margin-left:355px;height:calc(100vh - 102px);">
|
|
<div id="plan_ptl0_mini_map" style="width:100%;height:99%;">
|
|
</div>
|
|
</div>
|
|
<div style="position:absolute;z-index:19891017;right:100px;bottom:100px;background-color:#2F4056;padding:10px;">
|
|
<input type="text" placeholder="企业单位名称" id="plan_ptl0_mini_search" style="width:160px;height:27px;font-size:16px;"/>
|
|
<button id="plan_ptl0_mini_searchBtn" class="layui-btn layui-btn-normal layui-btn-sm" style="margin-top:-5px;"><i class="layui-icon"></i>查找</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--微型消防站详情展示页面-->
|
|
<div id="ptl0_mini_yeahWin" class="page_win page_win_hide">
|
|
<fieldset class="layui-elem-field" style="margin:10px 35px 0 10px;">
|
|
<legend style="font-size:15px;color:#FF5722;">微型消防站 - 基本信息</legend>
|
|
<div class="layui-field-box" style="margin-left:-60px;padding-top:20px;">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">简介描述：</label>
|
|
<div class="layui-form-mid"><div id="ptl0_mini_yeahWin_mfsDes" style="width:566px;"></div></div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">相关照片：</label>
|
|
<div class="layui-form-mid" style="width:566px;" id="ptl0_mini_yeahWin_files"></div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="layui-elem-field" style="margin:10px 35px 0 10px;">
|
|
<legend style="font-size:15px;color:#FF5722;">微型消防站 - 消防人员信息</legend>
|
|
<div class="layui-field-box" style="padding-top:20px;">
|
|
<table lay-filter="ptl0_mini_yeahWin_mfsp_dataTable_filter" lay-size="sm">
|
|
<thead>
|
|
<tr>
|
|
<th lay-data="{field:'mfspName',width:160,unresize:true}">姓名</th>
|
|
<th lay-data="{field:'mfspDut',width:160,unresize:true,templet:'#mfspDut_tpl'}">职务</th>
|
|
<th lay-data="{field:'mfspTel',width:160,unresize:true}">电话</th>
|
|
<th lay-data="{field:'mfspPhoto',width:100,unresize:true,templet:'#mfspPhoto_tpl'}">照片</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="ptl0_mini_yeahWin_mfsp_dataTable_d">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="layui-elem-field" style="margin:10px 35px 0 10px;">
|
|
<legend style="font-size:15px;color:#FF5722;">微型消防站 - 消防器材信息</legend>
|
|
<div class="layui-field-box">
|
|
<table lay-filter="ptl0_mini_yeahWin_mfse_dataTable_filter" lay-size="sm">
|
|
<thead>
|
|
<tr>
|
|
<th lay-data="{field:'mfseCls',width:200,unresize:true,templet:'#mfseCls_tpl'}">类型</th>
|
|
<th lay-data="{field:'mfseSpe',width:360,unresize:true}">规格</th>
|
|
<th lay-data="{field:'mfseCs',width:80,unresize:true}">数量</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="ptl0_mini_yeahWin_mfse_dataTable_d">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div id="ptl0_mini_mfsp" class="page_win page_win_hide" style="position:absolute;z-index:19891016;">
|
|
<img style="width:160px;height:160px;border:1px solid #d2d2d2;"/>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
var _map;
|
|
layuiplus.on(function(){
|
|
layuiplus.init(0);
|
|
//菜单监控
|
|
$("a[id^='plan_ptl_0_']").each(function(i){
|
|
var _this = $(this);
|
|
_this.click(function(){
|
|
var _id = _this.attr("id");
|
|
$("div[class='layui-show']").removeClass("layui-show").addClass("layui-hide");
|
|
$("#"+_id+"_div").removeClass("layui-hide").addClass("layui-show");
|
|
if(_id == "plan_ptl_0_01") return false;
|
|
if($("#"+_id+"_div_load").val() == "1") return false;
|
|
if(_id == "plan_ptl_0_02"){
|
|
$("#plan_ptl_0_02_div_load").val("1");
|
|
//加载微型消防站的百度地图
|
|
var _regionIds = "${manager_user['regionIds']}".split(",");
|
|
var _regionVals = "${manager_user['regionVals']}".split(",");
|
|
var _city = _regionVals[0];
|
|
_map = new BMap.Map("plan_ptl0_mini_map");
|
|
_map.enableScrollWheelZoom();//开启鼠标滚轮缩放
|
|
_map.enableContinuousZoom(true);//启用地图惯性拖拽，默认禁用
|
|
_map.addControl(new BMap.NavigationControl());//添加默认缩放平移控件
|
|
_map.addControl(new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}));//向地图中添加比例尺控件
|
|
_map.addControl(new BMap.MapTypeControl({mapTypes:[BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));
|
|
//_map.setMapStyle({style:"light"});
|
|
_map.centerAndZoom(_city,6);
|
|
//加载数据
|
|
var _rids, _rvals;
|
|
if(_regionIds.length > 2){//大队//console.log("大队===="+_regionIds[2]+"----"+_regionVals[2])
|
|
_rids = _regionIds[2];
|
|
_rvals = _regionVals[2];
|
|
}else if(_regionIds.length == 2){//支队//console.log("支队===="+_regionIds[1]+"----"+_regionVals[1])
|
|
_rids = _regionIds[1];
|
|
_rvals = _regionVals[1];
|
|
}else{//总队//console.log("总队===="+_regionIds[0]+"----"+_regionVals[0])
|
|
_rids = _regionIds[0];
|
|
_rvals = _regionVals[0];
|
|
}
|
|
$.ajax({
|
|
type:"get",
|
|
url:"${ctx}/work/plan/patrol0/soc/loc",
|
|
data:{regionIds:_rids},
|
|
dataType:"json",
|
|
success:function(data){
|
|
setTimeout(function(){
|
|
mapOpt(_map,_rvals,data);
|
|
},1000);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
//定义窗口变量============
|
|
var ptl0_hjyh_yeahWin = null;
|
|
var ptl0_mini_yeahWin = null;
|
|
//===========================================================================================================================================================================
|
|
//页面部分==开始================================================================================================================================================================
|
|
//plan_ptl0_dataTable数据表格
|
|
var plan_ptl0_dataTable = table.render({
|
|
elem:"#plan_ptl0_dataTable",
|
|
url:"${ctx}/work/plan/patrol0/soc/list",
|
|
where:{regionIds:"${manager_user['regionId']}"},
|
|
method:"get",
|
|
cols:[[
|
|
{title:"操作 ",unresize:true,align:"center",width:130,templet:function(d){
|
|
var opt = "<a class=\"layui-btn layui-btn-normal layui-btn-xs\" lay-event=\"opt_patrol\">巡检巡查详情</a> ";
|
|
return opt;
|
|
}},
|
|
{field:"socName",title:"企业单位名称",unresize:true,width:260,templet:"<div><span title=\"{{d.socName}}\">{{d.socName}}</span></div>"},
|
|
{field:"socCode",title:"企业单位代码",unresize:true,width:150,templet:"<div><span title=\"{{d.socCode==null?'':d.socCode}}\">{{d.socCode==null?'':d.socCode}}</span></div>"},
|
|
{field:"regionVals",title:"所属行政区划",unresize:true,width:300,templet:"<div><span title=\"{{d.regionVals}}\">{{d.regionVals}}</span></div>"},
|
|
{field:"socLevel",title:"消防等级",unresize:true,width:150,templet:function(d){
|
|
if(d.socLevel == "1") return "消防安全重点单位";
|
|
if(d.socLevel == "2") return "消防安全一般单位";
|
|
if(d.socLevel == "3") return "九小场所";
|
|
if(d.socLevel == "4") return "其它";
|
|
return "";
|
|
}},
|
|
{field:"socProp",title:"单位性质",unresize:true,width:90,templet:function(d){
|
|
if(d.socProp == "1") return "机关";
|
|
if(d.socProp == "2") return "团体";
|
|
if(d.socProp == "3") return "企业";
|
|
if(d.socProp == "4") return "事业";
|
|
if(d.socProp == "5") return "其它";
|
|
return "";
|
|
}},
|
|
{field:"socIsrisk",title:"是否高危",unresize:true,width:90,templet:function(d){
|
|
if(d.socIsrisk == "1") return "是";
|
|
return "---";
|
|
}}
|
|
]],
|
|
page:{
|
|
layout:["prev","page","next","skip","count","limit"],
|
|
limits:[10,20,30]
|
|
}
|
|
});
|
|
//数据表格每行数据操作监听=================================================================
|
|
table.on("tool(plan_ptl0_dataTable_filter)",function(row){//row.data row.event
|
|
if(row.event == "opt_patrol"){
|
|
//获取窗口width,height
|
|
var x = ($(document.body).width()-200).toString()+"px";
|
|
var y = ($(document.body).height()-200).toString()+"px";
|
|
ptl0_hjyh_yeahWin = layer.open({
|
|
id:"ptl0_hjyh_yeahWin_id",
|
|
type:2,
|
|
title:"<i class=\"icon_detail\"></i>"+row.data.socName+" - 巡检巡查",
|
|
shade:0.3,
|
|
area:[x,y],
|
|
resize:false,
|
|
//content:$("#ptl0_hjyh_yeahWin"),
|
|
content:"${ctx}/work/plan/patrol0/patrol1/go/"+row.data.id,
|
|
//success:function(){
|
|
//}
|
|
});
|
|
}
|
|
});
|
|
//页面查询按钮
|
|
$("#plan_ptl0_queryBtn").click(function(){
|
|
var treeObj = $.fn.zTree.getZTreeObj("plan_ptl0_rgTree");
|
|
var nodes = treeObj.getSelectedNodes();
|
|
var _regionId = "${manager_user['regionId']}";
|
|
if(nodes.length > 0){
|
|
_regionId = nodes[0].id;
|
|
}
|
|
plan_ptl0_dataTable.reload({
|
|
where:{
|
|
regionIds:_regionId,
|
|
socName:$("#plan_ptl0_socName").val()
|
|
}
|
|
});
|
|
});
|
|
//页面重置按钮
|
|
$("#plan_ptl0_resetBtn").click(function(){
|
|
$("#plan_ptl0_socName").val("");
|
|
var treeObj = $.fn.zTree.getZTreeObj("plan_ptl0_rgTree");
|
|
var nodes = treeObj.getSelectedNodes();
|
|
if(nodes.length > 0){
|
|
treeObj.cancelSelectedNode(nodes[0]);
|
|
}
|
|
plan_ptl0_dataTable.reload({
|
|
where:{
|
|
regionIds:"${manager_user['regionId']}",
|
|
socName:$("#plan_ptl0_socName").val()
|
|
}
|
|
});
|
|
});
|
|
//页面区划树刷新按钮
|
|
$("#plan_ptl0_region_refreshBtn").click(function(){
|
|
rgTreeOpt();
|
|
});
|
|
$("#plan_ptl0_region_mini_refreshBtn").click(function(){
|
|
rgTreeOpt();
|
|
});
|
|
//查找企业单位按钮
|
|
$("#plan_ptl0_mini_searchBtn").click(function(){
|
|
var _name = $("#plan_ptl0_mini_search").val();
|
|
if(_name == "") return false;
|
|
var overlays = _map.getOverlays();
|
|
for(var i = 0;i < overlays.length;i++){
|
|
if(overlays[i].socName != null && overlays[i].socName.indexOf(_name) > -1){
|
|
_map.panTo(overlays[i].getPosition());
|
|
var _winConts = ""+
|
|
"<div style=\"width:450px;height:160px;font-family:微软雅黑;\">"+
|
|
"<p style=\"color:#2F4056;font-size:28px;font-weight:bold;margin-bottom:10px;\">"+overlays[i].socName+"</p>"+
|
|
"<p style=\"color:#393D49;font-size:16px;margin-bottom:15px;\">所在："+overlays[i].regionVals+"</p>"+
|
|
"<p style=\"color:#393D49;font-size:16px;margin-bottom:15px;\">地址："+overlays[i].socAddr+"</p>"+
|
|
"<p style=\"text-align:center;\">"+
|
|
"<button class=\"layui-btn layui-btn-normal\" onclick=\"mapWinOpt('"+overlays[i].socId+"','"+overlays[i].socName+"')\">点击查看站队资源</button>"+
|
|
"</p>"+
|
|
"</div>";
|
|
var _wins = new BMap.InfoWindow(_winConts,{enableMessage:false});
|
|
overlays[i].openInfoWindow(_wins);
|
|
break;
|
|
}
|
|
}
|
|
return false;
|
|
});
|
|
//页面部分==结束================================================================================================================================================================
|
|
//===========================================================================================================================================================================
|
|
//加载数据================================================================================================================
|
|
//加载行政区划树
|
|
rgTreeOpt();
|
|
});
|
|
var rgTreeOpt = function(){
|
|
var zSet = {
|
|
data:{
|
|
key:{
|
|
title:"des"
|
|
}
|
|
},
|
|
view:{
|
|
selectedMulti:false,
|
|
expandSpeed:""
|
|
},
|
|
callback:{
|
|
beforeClick:function(treeId,treeNode){
|
|
return rgTreeHandle("${manager_user['regionIds']}","",treeNode);
|
|
},
|
|
onClick:function(event,treeId,treeNode){
|
|
table.reload("plan_ptl0_dataTable",{
|
|
where:{
|
|
regionIds:treeNode.id,
|
|
socName:$("#plan_ptl0_socName").val()
|
|
}
|
|
});
|
|
}
|
|
}
|
|
};
|
|
var zSet_mini = {
|
|
data:{
|
|
key:{
|
|
title:"des"
|
|
}
|
|
},
|
|
view:{
|
|
selectedMulti:false,
|
|
expandSpeed:""
|
|
},
|
|
callback:{
|
|
beforeClick:function(treeId,treeNode){
|
|
return rgTreeHandle("${manager_user['regionIds']}","",treeNode);
|
|
},
|
|
onClick:function(event,treeId,treeNode){
|
|
var bdary = new BMap.Boundary();
|
|
bdary.get(treeNode.name,function(rs){//获取行政区域
|
|
var overlays = _map.getOverlays();
|
|
_map.removeOverlay(overlays[overlays.length-1]);
|
|
var count = rs.boundaries.length;//行政区域的点有多少个
|
|
if(count === 0) {
|
|
return;
|
|
}
|
|
var pointArray = [];
|
|
for(var i = 0; i < count;i++){
|
|
var ply = new BMap.Polygon(rs.boundaries[i],{strokeWeight:1,strokeColor:"#ff0000",strokeOpacity:0.9,fillOpacity:0.1});//建立多边形覆盖物
|
|
_map.addOverlay(ply);//添加覆盖物
|
|
pointArray = pointArray.concat(ply.getPath());
|
|
}
|
|
_map.setViewport(pointArray);//调整视野
|
|
});
|
|
}
|
|
}
|
|
};
|
|
$.ajax({
|
|
type:"get",
|
|
url:"${ctx}/work/plan/patrol0/region/tree",
|
|
dataType:"json",
|
|
success:function(data){
|
|
//检查痕迹位置的tree
|
|
$.fn.zTree.init($("#plan_ptl0_rgTree"),zSet,data);
|
|
rgTreeHandle("${manager_user['regionIds']}","plan_ptl0_rgTree");
|
|
//微型消防站位置的tree
|
|
$.fn.zTree.init($("#plan_ptl0_mini_rgTree"),zSet_mini,data);
|
|
rgTreeHandle("${manager_user['regionIds']}","plan_ptl0_mini_rgTree");
|
|
}
|
|
});
|
|
}
|
|
var rgTreeHandle = function(region,treeId,treeNode){
|
|
var _region = region.split(",");
|
|
if(treeId != ""){
|
|
var treeObj = $.fn.zTree.getZTreeObj(treeId);
|
|
//全国或者总队
|
|
if(_region.length == 1){
|
|
//全国
|
|
if(_region[0] == "100000"){
|
|
nodes = treeObj.getNodesByFilter(function(node){return node.level == 0});
|
|
for(var i = 0;i < nodes.length;i++){
|
|
treeObj.expandNode(nodes[i]);
|
|
}
|
|
}
|
|
//总队
|
|
if(_region[0] != "100000"){
|
|
nodes = treeObj.getNodesByFilter(function(node){return node.level == 1});
|
|
for(var i = 0;i < nodes.length;i++){
|
|
if(nodes[i].id == _region[0]){
|
|
treeObj.expandNode(nodes[i]);
|
|
continue;
|
|
}
|
|
treeObj.removeNode(nodes[i]);
|
|
}
|
|
}
|
|
}
|
|
//支队
|
|
if(_region.length == 2){
|
|
var nodes = treeObj.getNodesByFilter(function(node){return node.level == 1});
|
|
for(var i = 0;i < nodes.length;i++){
|
|
if(nodes[i].id == _region[0]){
|
|
continue;
|
|
}
|
|
treeObj.removeNode(nodes[i]);
|
|
}
|
|
nodes = treeObj.getNodesByFilter(function(node){return node.level == 2});
|
|
for(var i = 0;i < nodes.length;i++){
|
|
if(nodes[i].id == _region[1]){
|
|
continue;
|
|
}
|
|
treeObj.removeNode(nodes[i]);
|
|
}
|
|
treeObj.expandAll(true);
|
|
}
|
|
//大队
|
|
if(_region.length > 2){
|
|
var nodes = treeObj.getNodesByFilter(function(node){return node.level == 1});
|
|
for(var i = 0;i < nodes.length;i++){
|
|
if(nodes[i].id == _region[0]){
|
|
continue;
|
|
}
|
|
treeObj.removeNode(nodes[i]);
|
|
}
|
|
nodes = treeObj.getNodesByFilter(function(node){return node.level == 2});
|
|
for(var i = 0;i < nodes.length;i++){
|
|
if(nodes[i].id == _region[1]){
|
|
continue;
|
|
}
|
|
treeObj.removeNode(nodes[i]);
|
|
}
|
|
nodes = treeObj.getNodesByFilter(function(node){return node.level == 3});
|
|
for(var i = 0;i < nodes.length;i++){
|
|
if(nodes[i].id == _region[2]){
|
|
continue;
|
|
}
|
|
treeObj.removeNode(nodes[i]);
|
|
}
|
|
treeObj.expandAll(true);
|
|
}
|
|
}else{
|
|
//全国或者总队
|
|
if(_region.length == 1){
|
|
//全国不做处理
|
|
//总队
|
|
if(_region[0] != "100000"){
|
|
if(treeNode.level == 0) return false;
|
|
}
|
|
}
|
|
//支队
|
|
if(_region.length == 2){
|
|
if(treeNode.level == 0) return false;
|
|
if(treeNode.level == 1) return false;
|
|
}
|
|
//大队
|
|
if(_region.length > 2){
|
|
if(treeNode.level == 0) return false;
|
|
if(treeNode.level == 1) return false;
|
|
if(treeNode.level == 2) return false;
|
|
}
|
|
return true;
|
|
}
|
|
}
|
|
var mapWinOpt = function(baseId,socName){
|
|
ptl0_mini_yeahWin = layer.open({
|
|
id:"ptl0_mini_yeahWin_id",
|
|
type:1,
|
|
title:"<i class=\"icon_detail\"></i>站队资源详情［"+socName+"］",
|
|
shade:0.3,
|
|
area:["800px","800px"],
|
|
resize:false,
|
|
content:$("#ptl0_mini_yeahWin"),
|
|
success:function(){
|
|
$.ajax({
|
|
type:"get",
|
|
url:"${ctx}/work/plan/patrol0/soc/mfs",
|
|
data:{baseId:baseId},
|
|
dataType:"json",
|
|
success:function(data){
|
|
var mfs = data.m;
|
|
$("#ptl0_mini_yeahWin_mfsDes").html(mfs.mfsDes);
|
|
if(mfs.mfsPics != ""){
|
|
var _pics = mfs.mfsPics.substring(1).split(":");
|
|
var _html = "";
|
|
$.each(_pics,function(i,val){
|
|
_html += "<div style=\"float:left;border:1px solid #2F4056;width:130px;height:130px;margin:0 2px 2px 0;\"><div><img src=\"${ctx}/_files/_s/"+val+"\" onclick=\"javascript:location.href='${ctx}/work/plan/patrol0/soc/down?fileName="+_pics[i]+"';\" title=\"点击下载原图\" style=\"width:130px;height:130px;cursor:pointer;\"/></div></div>";
|
|
});
|
|
$("#ptl0_mini_yeahWin_files").html(_html);
|
|
}else{
|
|
$("#ptl0_mini_yeahWin_files").html("暂无相关照片。");
|
|
}
|
|
var mfsp = data.mp;
|
|
var _html_p;
|
|
$.each(mfsp,function(i,e){
|
|
_html_p += "<tr>"+
|
|
"<td>"+e.mfspName+"</td>"+
|
|
"<td>"+e.mfspDut+"</td>"+
|
|
"<td>"+e.mfspTel+"</td>"+
|
|
"<td>"+e.mfspPhoto+"</td>"+
|
|
"</tr>"
|
|
});
|
|
$("#ptl0_mini_yeahWin_mfsp_dataTable_d").html(_html_p);
|
|
table.init("ptl0_mini_yeahWin_mfsp_dataTable_filter",{
|
|
height:345,
|
|
text:"暂无相关信息"
|
|
});
|
|
var mfse = data.me;
|
|
var _html_e;
|
|
$.each(mfse,function(i,e){
|
|
_html_e += "<tr>"+
|
|
"<td>"+e.mfseCls+"</td>"+
|
|
"<td>"+e.mfseSpe+"</td>"+
|
|
"<td>"+e.mfseCs+"</td>"+
|
|
"</tr>"
|
|
});
|
|
$("#ptl0_mini_yeahWin_mfse_dataTable_d").html(_html_e);
|
|
table.init("ptl0_mini_yeahWin_mfse_dataTable_filter",{
|
|
height:345,
|
|
text:"暂无相关信息"
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
var mapOpt = function(_map,_city,_data){
|
|
var bdary = new BMap.Boundary();
|
|
bdary.get(_city,function(rs){//获取行政区域
|
|
_map.clearOverlays();//清除地图覆盖物
|
|
$.each(_data,function(i,result){
|
|
var _pts = result.socLoc.split(",");
|
|
var _pt = new BMap.Point(_pts[1],_pts[0]);
|
|
var _marker = new BMap.Marker(_pt,{
|
|
offset:new BMap.Size(0,-20),//偏移
|
|
icon:new BMap.Icon("${ctx}/style/images/help_mini.png",new BMap.Size(20,30))
|
|
});
|
|
_marker.socId = result.id;
|
|
_marker.socName = result.socName;
|
|
_marker.regionVals = result.regionVals;
|
|
_marker.socAddr = result.socAddr;
|
|
_marker.addEventListener("click",function(){
|
|
var _winConts = ""+
|
|
"<div style=\"width:450px;height:160px;font-family:微软雅黑;\">"+
|
|
"<p style=\"color:#2F4056;font-size:28px;font-weight:bold;margin-bottom:10px;\">"+result.socName+"</p>"+
|
|
"<p style=\"color:#393D49;font-size:16px;margin-bottom:15px;\">所在："+result.regionVals+"</p>"+
|
|
"<p style=\"color:#393D49;font-size:16px;margin-bottom:15px;\">地址："+result.socAddr+"</p>"+
|
|
"<p style=\"text-align:center;\">"+
|
|
"<button class=\"layui-btn layui-btn-normal\" onclick=\"mapWinOpt('"+result.id+"','"+result.socName+"')\">点击查看站队资源</button>"+
|
|
"</p>"+
|
|
"</div>";
|
|
var _wins = new BMap.InfoWindow(_winConts,{enableMessage:false});
|
|
_marker.openInfoWindow(_wins);
|
|
});
|
|
_map.addOverlay(_marker);
|
|
});
|
|
var count = rs.boundaries.length;//行政区域的点有多少个
|
|
if(count === 0) {
|
|
return;
|
|
}
|
|
var pointArray = [];
|
|
for(var i = 0; i < count;i++){
|
|
var ply = new BMap.Polygon(rs.boundaries[i],{strokeWeight:1,strokeColor:"#ff0000",strokeOpacity:0.9,fillOpacity:0.1});//建立多边形覆盖物
|
|
_map.addOverlay(ply);//添加覆盖物
|
|
pointArray = pointArray.concat(ply.getPath());
|
|
}
|
|
_map.setViewport(pointArray);//调整视野
|
|
});
|
|
}
|
|
var mfspPhoto = function(src,n){
|
|
var mini_mfsp = $("#ptl0_mini_mfsp");
|
|
if(n == 1){
|
|
mini_mfsp.find("img").attr("src","${ctx}/_files/_s/"+src);
|
|
var e = event || window.event;
|
|
var xx = e.clientX;
|
|
var yy = e.clientY;
|
|
mini_mfsp.css({top:yy,left:xx+20}).slideDown(100);
|
|
}else{
|
|
mini_mfsp.slideUp(100);
|
|
}
|
|
}
|
|
</script>
|
|
<script type="text/html" id="mfspDut_tpl">
|
|
{{# if(d.mfspDut == '1'){ }}站长{{# } }}
|
|
{{# if(d.mfspDut == '2'){ }}副站长{{# } }}
|
|
{{# if(d.mfspDut == '3'){ }}普通成员{{# } }}
|
|
</script>
|
|
<script type="text/html" id="mfspPhoto_tpl">
|
|
{{# if(d.mfspPhoto != 'undefined'){ }}
|
|
<a href="javascript:void(0);" onmouseover="mfspPhoto('{{d.mfspPhoto}}',1)" onmouseout="mfspPhoto('{{d.mfspPhoto}}',2)" class="layui-table-link">照片</a>
|
|
{{# }else{ }}
|
|
暂无
|
|
{{# } }}
|
|
</script>
|
|
<script type="text/html" id="mfseCls_tpl">
|
|
{{# if(d.mfseCls == '1'){ }}水枪{{# } }}
|
|
{{# if(d.mfseCls == '2'){ }}水带{{# } }}
|
|
{{# if(d.mfseCls == '3'){ }}灭火器{{# } }}
|
|
{{# if(d.mfseCls == '4'){ }}呼吸面罩{{# } }}
|
|
{{# if(d.mfseCls == '5'){ }}消防斧{{# } }}
|
|
{{# if(d.mfseCls == '6'){ }}消防桶{{# } }}
|
|
{{# if(d.mfseCls == '7'){ }}消防铲{{# } }}
|
|
{{# if(d.mfseCls == '8'){ }}救援绳{{# } }}
|
|
{{# if(d.mfseCls == '9'){ }}灭火毯{{# } }}
|
|
{{# if(d.mfseCls == '10'){ }}战斗服{{# } }}
|
|
{{# if(d.mfseCls == '11'){ }}头盔{{# } }}
|
|
{{# if(d.mfseCls == '12'){ }}消防水靴{{# } }}
|
|
{{# if(d.mfseCls == '13'){ }}担架{{# } }}
|
|
{{# if(d.mfseCls == '14'){ }}灭火沙{{# } }}
|
|
{{# if(d.mfseCls == '15'){ }}手电筒{{# } }}
|
|
{{# if(d.mfseCls == '16'){ }}消防车{{# } }}
|
|
{{# if(d.mfseCls == '17'){ }}器材车{{# } }}
|
|
{{# if(d.mfseCls == '18'){ }}消防手套{{# } }}
|
|
{{# if(d.mfseCls == '19'){ }}消防安全腰带{{# } }}
|
|
{{# if(d.mfseCls == '20'){ }}消防空气呼吸器{{# } }}
|
|
{{# if(d.mfseCls == '21'){ }}佩戴式防爆照明灯{{# } }}
|
|
{{# if(d.mfseCls == '22'){ }}消防员呼救器{{# } }}
|
|
{{# if(d.mfseCls == '23'){ }}方位灯{{# } }}
|
|
{{# if(d.mfseCls == '24'){ }}强光照明灯{{# } }}
|
|
{{# if(d.mfseCls == '25'){ }}分水器{{# } }}
|
|
{{# if(d.mfseCls == '26'){ }}机动消防泵{{# } }}
|
|
{{# if(d.mfseCls == '27'){ }}单杠梯{{# } }}
|
|
{{# if(d.mfseCls == '28'){ }}消防栓扳手{{# } }}
|
|
{{# if(d.mfseCls == '29'){ }}绝缘剪断钳{{# } }}
|
|
{{# if(d.mfseCls == '30'){ }}外线电话{{# } }}
|
|
{{# if(d.mfseCls == '31'){ }}手持对讲机{{# } }}
|
|
{{# if(d.mfseCls == '32'){ }}大斧{{# } }}
|
|
</script>
|
|
</body>
|
|
</html>
|