<!DOCTYPE html>
|
<html class="no-js css-menubar" lang="zh-cn">
|
<head>
|
<title>弹窗子页面</title>
|
<meta charset="utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
<!-- 移动设备 viewport -->
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
|
<meta name="author" content="火星科技 http://mars3d.cn " />
|
<!-- 360浏览器默认使用Webkit内核 -->
|
<meta name="renderer" content="webkit" />
|
<!-- Chrome浏览器添加桌面快捷方式（安卓） -->
|
<link rel="icon" type="image/png" href="../../img/favicon/favicon.png" />
|
<meta name="mobile-web-app-capable" content="yes" />
|
<!-- Safari浏览器添加到主屏幕（IOS） -->
|
<link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
<meta name="apple-mobile-web-app-title" content="火星科技MarsGIS" />
|
<!-- Win8标题栏及ICON图标 -->
|
<link rel="apple-touch-icon-precomposed" href="../../img/favicon/apple-touch-icon.png" />
|
<meta name="msapplication-TileImage" content="../../img/favicon/app-icon72x72@2x.png" />
|
<meta name="msapplication-TileColor" content="#62a8ea" />
|
|
<!-- 第3方lib引入 -->
|
<script
|
type="text/javascript"
|
src="../../lib/include-lib.js?time=20210803"
|
libpath="../../lib/"
|
include="jquery,font-awesome,bootstrap,bootstrap-checkbox,bootstrap-table,admui-frame"
|
></script>
|
|
<link href="city-picker/city-picker.css" rel="stylesheet" />
|
<script src="city-picker/city-picker.data.js"></script>
|
<script src="city-picker/city-picker.js"></script>
|
|
<link href="../../css/widget-win.css" rel="stylesheet" />
|
<link href="view.css?time=20210803" rel="stylesheet" />
|
<style>
|
.city-picker-span {
|
display: block;
|
margin: 0 auto 20px;
|
}
|
|
.form-control {
|
max-width: 80%;
|
}
|
|
.radio {
|
margin-top: 0;
|
}
|
|
.city-picker-span > .title > span {
|
color: #ffffff;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div style="padding: 10px 5px">
|
<div>
|
<span>区域范围：</span>
|
<div class="radio radio-info radio-inline">
|
<input type="radio" id="queryContent1" name="queryContent" value="1" checked />
|
<label for="queryContent1">行政区划</label>
|
</div>
|
<div class="radio radio-info radio-inline">
|
<input type="radio" id="queryContent2" name="queryContent" value="2" />
|
<label for="queryContent2">当前视域</label>
|
</div>
|
<div class="radio radio-info radio-inline">
|
<input type="radio" id="queryContent3" name="queryContent" value="3" />
|
<label for="queryContent3">绘制范围</label>
|
</div>
|
</div>
|
<div style="position: relative; margin-top: 10px" class="queryByCity">
|
<input id="txtCity" readonly type="text" placeholder="请选择城市" style="width: 100%" />
|
</div>
|
<div class="queryByDraw" style="display: none; margin-top: 10px; text-align: center">
|
<input type="button" class="btn btn-primary" value="框选范围" id="drawRectangle" />
|
<input type="button" class="btn btn-primary" value="圆形范围" id="drawCircle" />
|
<input type="button" class="btn btn-primary" value="多边形范围" id="drawPolygon" />
|
</div>
|
<div style="margin-top: 10px">
|
<span>名称：</span><input id="queryText" type="text" placeholder="请输入查询关键字" value="" class="form-control" />
|
</div>
|
</div>
|
|
<div style="margin-top: 10px; margin-bottom: 10px; text-align: center">
|
<input type="button" class="btn btn-primary" value="查询" id="query" />
|
<input type="button" class="btn btn-primary" value="清除" id="clearDraw" />
|
</div>
|
|
<div id="resultView" style="max-width: 500px; display: none">
|
<table id="table"></table>
|
<div>
|
<input type="button" class="btn btn-primary" value="加载更多" id="loadMore" />
|
<div style="float: right">
|
<!-- 大约 <span style="color: red;" id="allcount">0</span> 条数据， -->
|
已加载 <span style="color: red" id="count">0</span> 条数据
|
</div>
|
</div>
|
</div>
|
|
<script src="view.js?time=20210803"></script>
|
</body>
|
</html>
|
