<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../../html/layuiupdate/css/layui.css" />
|
<link rel="stylesheet" href="../css/roll.css" />
|
<script type="text/javascript" src="../../Commonjs/jquery-1.8.2.min.js"></script>
|
<script type="text/javascript" src="../../Commonjs/scrollBar.js"></script>
|
<link rel="stylesheet" href="../../html/css/coomom.css" />
|
<script type="text/javascript" src="../layuiupdate/layui.js"></script>
|
<script type="text/javascript" src="../../Commonjs/GetParm.js"></script>
|
<title></title>
|
<style>
|
.ttop {
|
margin-top: 6px;
|
height: 24px;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
justify-content: space-between;
|
line-height: 32px;
|
}
|
|
.tcenter {
|
height: 90%;
|
width: 99%;
|
margin-bottom: 10px;
|
margin-left: 10px;
|
margin: 0px auto;
|
}
|
.content {
|
height: 97%;
|
width: 100%;
|
}
|
.tcenter table {
|
height: 95%;
|
width: 100%;
|
color: #ffffff;
|
border-collapse: collapse;
|
border-left: solid 1px #ffffff;
|
border-bottom: solid 1px #ffffff;
|
text-align: center;
|
}
|
|
.tcenter table tr {
|
height: 10%;
|
}
|
|
.tcenter table tr td {
|
border-right: solid 1px #ffffff;
|
border-top: solid 1px #ffffff;
|
border-bottom: solid 1px #ffffff;
|
font-size: 15px;
|
}
|
|
.content > .tcenter > tr > td {
|
padding: 0px;
|
}
|
.tcenter table tr td {
|
padding: 4px 5px;
|
border-right: solid 1px #ffffff;
|
border-top: solid 1px #ffffff;
|
font-size: 15px;
|
}
|
.layui-form-item .layui-input-inline {
|
width:60px !important;
|
}
|
.layui-form-label {
|
width:60px !important;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="border">
|
<div class="FourBorder">
|
<div class="topleft"></div>
|
<div class="topright"></div>
|
<div class="bottomleft"></div>
|
<div class="bottomright"></div>
|
</div>
|
<div class="content">
|
<div class="ttop">
|
<div class="name" style="color:white;padding-left:40px;">属性查询</div>
|
<div class="timg" style="padding-right:30px;margin-top:10px;"><img class="imgx" src="../img/关闭.png" /></div>
|
</div>
|
<hr />
|
<div class="layui-form">
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="padding-left:0px;">区县</label>
|
<div class="layui-input-inline">
|
<input type="text" name="county" autocomplete="off" list="xjlist" class="layui-input" style="width:80px;height:20px;margin-top:9px;">
|
<datalist id="xjlist">
|
<option value="大通"></option>
|
<option value="互助"></option>
|
<option value="湟源"></option>
|
<option value="湟中"></option>
|
<option value="乐都"></option>
|
<option value="平安"></option>
|
<option value="西宁"></option>
|
<option value="民和"></option>
|
</datalist>
|
</div>
|
<label class="layui-form-label">危害性</label>
|
<div class="layui-input-inline">
|
<input type="text" name="whx" autocomplete="off" list="whxlist" class="layui-input" style="width:80px;height:20px;margin-top:9px;">
|
<datalist id="whxlist">
|
<option value="无">无</option>
|
<option value="小">小</option>
|
<option value="小型">小型</option>
|
<option value="中">中</option>
|
<option value="中型">中型</option>
|
<option value="重大">重大</option>
|
<option value="大">大</option>
|
</datalist>
|
</div>
|
|
<label class="layui-form-label">规模</label>
|
<div class="layui-input-inline">
|
<input type="text" name="guimo" autocomplete="off" list="gmlist" class="layui-input" style="width:80px;height:20px;margin-top:9px;">
|
<datalist id="gmlist">
|
<option value="小型">小型</option>
|
<option value="中型">中型</option>
|
<option value="大型">大型</option>
|
<option value="巨型">巨型</option>
|
</datalist>
|
</div>
|
<label class="layui-form-label">隐患点</label>
|
<div class="layui-input-inline">
|
<input type="text" name="yhd" list="yhdlist" autocomplete="off" class="layui-input" style="width:80px;height:20px;margin-top:9px;">
|
<datalist id="yhdlist">
|
<option value="是">是</option>
|
<option value="否">否</option>
|
</datalist>
|
</div>
|
<div class="layui-input-inline">
|
<button class="layui-btn" lay-submit lay-filter="formDemo" style="margin-left:30px;margin-top:8px;height:24px;line-height:0px;">查询</button>
|
</div>
|
<label class="layui-form-label" style="margin-left:40px;">查询结果:</label>
|
<div class="layui-input-inline">
|
<div id="resultNum" class="layui-form-mid layui-word-aux"></div>
|
</div>
|
</div>
|
<!--<div class="layui-form-item">
|
<label class="layui-form-label">查询结果:</label>
|
<div class="layui-input-inline">
|
<div id="resultNum" class="layui-form-mid layui-word-aux">1123条</div>
|
</div>
|
</div>-->
|
</div>
|
<div class="scroll_main1">
|
<div class="scroll_wrap1">
|
<div class="scroll_cont1">
|
<div id="dataTable" class="tcenter">
|
|
</div>
|
<div class="scroll_bar1">
|
<div class="scroll_slider1"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script>
|
sgworld = window.external.createSgworld();
|
var fid = getUrlParam("hshFID");
|
new CusScrollBar({
|
contentSelector: '.scroll_cont1', //滚动内容区
|
barSelector: '.scroll_bar1', //滚动条
|
sliderSelector: '.scroll_slider1' //滚动滑块
|
});
|
layui.use('form', function () {
|
var form = layui.form;
|
//监听提交
|
form.on('submit(formDemo)', function (data) {
|
var county = data.field.county;
|
var whx = data.field.whx;
|
var guimo = data.field.guimo;
|
var yhd = data.field.yhd;
|
var childID = sgworld.ProjectTree.GetNextItem(fid, 11);
|
var childs = [];
|
var queryStr;
|
if (whx != "" && guimo != "" && county != "" && yhd != "") {
|
queryStr = "'县区' = '" + county + "' AND '是否隐患点' = '" + yhd + "' AND '规模' = '" + guimo + "' AND '危害性' = '" + whx + "'";
|
} else if (whx == "" && guimo != "" && county != "" && yhd != "") {
|
queryStr = "'县区' = '" + county + "' AND '是否隐患点' = '" + yhd + "' AND '规模' = '" + guimo + "'";
|
}
|
else if (whx != "" && guimo == "" && county != "" && yhd != "") {
|
queryStr = "'县区' = '" + county + "' AND '是否隐患点' = '" + yhd + "' AND '危害性' = '" + whx + "'";
|
}
|
else if (whx != "" && guimo != "" && county == "" && yhd != "") {
|
queryStr = "'是否隐患点' = '" + yhd + "' AND '规模' = '" + guimo + "' AND '危害性' = '" + whx + "'";
|
}
|
else if (whx != "" && guimo != "" && county != "" && yhd == "") {
|
queryStr = "'县区' = '" + county + "' AND '规模' = '" + guimo + "' AND '危害性' = '" + whx + "'";
|
} else if (whx == "" && guimo == "" && county != "" && yhd != "") {
|
queryStr = "'县区' = '" + county + "' AND '是否隐患点' = '" + yhd + "'";
|
} else if (whx == "" && guimo != "" && county == "" && yhd != "") {
|
queryStr = "'是否隐患点' = '" + yhd + "' AND '规模' = '" + guimo + "'";
|
} else if (whx == "" && guimo != "" && county != "" && yhd == "") {
|
queryStr = "'县区' = '" + county + "' AND '规模' = '" + guimo + "'";
|
} else if (whx != "" && guimo == "" && county == "" && yhd != "") {
|
queryStr = "'是否隐患点' = '" + yhd + "' AND '危害性' = '" + whx + "'";
|
}
|
else if (whx != "" && guimo == "" && county != "" && yhd == "") {
|
queryStr = "'县区' = '" + county + "' AND '危害性' = '" + whx + "'";
|
} else if (whx != "" && guimo != "" && county == "" && yhd == "") {
|
queryStr = "'规模' = '" + guimo + "' AND '危害性' = '" + whx + "'";
|
} else if (whx == "" && guimo == "" && county == "" && yhd != "") {
|
queryStr = "'是否隐患点' = '" + yhd + "'";
|
} else if (whx == "" && guimo == "" && county != "" && yhd == "") {
|
queryStr = "'县区' = '" + county + "'";
|
} else if (whx != "" && guimo == "" && county == "" && yhd == "") {
|
queryStr = "'危害性' = '" + whx + "'";
|
}
|
else if (whx == "" && guimo != "" && county == "" && yhd == "") {
|
queryStr = "'规模' = '" + guimo + "'";
|
} else {
|
queryStr = "";
|
}
|
while (childID) {
|
childs.push({
|
"name": sgworld.ProjectTree.GetItemName(childID),
|
"id": childID
|
});
|
childID = sgworld.ProjectTree.GetNextItem(childID, 13);
|
}
|
var html = '<table><tr><td>统一编号</td><td>县区</td><td>是否隐患点</td><td>规模</td><td>危害性</td><td>类型</td><td>经度</td><td>纬度</td></tr>';
|
var result = 0;
|
for (var i = 0; i < childs.length; i++) {
|
var obj = sgworld.ProjectTree.GetObject(childs[i].id);
|
obj.Streaming = false;
|
obj.Refresh();
|
obj.Filter = queryStr;
|
obj.Refresh();
|
var features = obj.FeatureGroups.Item(0).GetCurrentFeatures();
|
var d = features.Count;
|
for (var j = 0; j < features.Count; j++) {
|
result++;
|
html += '<tr id="' + features.Item(j).ID + '" class="pointres"><td>' + features.Item(j).FeatureAttributes.GetFeatureAttribute("统一编号").Value + '</td><td>' + features.Item(j).FeatureAttributes.GetFeatureAttribute("县区").Value + '</td><td>' + features.Item(j).FeatureAttributes.GetFeatureAttribute("是否隐患点").Value + '</td><td>' + features.Item(j).FeatureAttributes.GetFeatureAttribute("规模").Value + '</td><td>' + features.Item(j).FeatureAttributes.GetFeatureAttribute("危害性").Value + '</td><td>' + childs[i].name + '</td><td>' + features.Item(j).FeatureAttributes.GetFeatureAttribute("经度").Value + '</td><td>' + features.Item(j).FeatureAttributes.GetFeatureAttribute("纬度").Value + '</td></tr>';
|
}
|
}
|
html += "</table>";
|
$("#dataTable").empty();
|
$("#dataTable").append(html);
|
$("#resultNum").empty();
|
$("#resultNum").append(result + "条");
|
setDbclick();
|
return false;
|
});
|
$(".imgx").click(function () {
|
window.external.closeDialog("queryHSH");
|
});
|
function setDbclick() {
|
$('.pointres').hover(function () {
|
$(this).css("backgroundColor", "cadetblue");
|
}, function () {
|
if ($(this).attr("data-sel") != "t") {
|
$(this).css("backgroundColor", "#000");
|
}
|
});
|
$(".pointres").dblclick(function () {
|
$('.pointres').each(function () {
|
$(this).attr("data-sel", "f");
|
$(this).css("backgroundColor", "#000");
|
});
|
$(this).attr("data-sel", "t");
|
$(this).css("backgroundColor", "cadetblue");
|
var id = $(this).attr("id");
|
sgworld.Navigate.FlyTo(id);
|
});
|
}
|
form.render();
|
});
|
</script>
|
</body>
|
</html>
|
