关闭案件
parent
5b35535bef
commit
e6edeadc90
|
|
@ -0,0 +1,163 @@
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Map</title>
|
||||||
|
<link href="https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.css" rel="stylesheet">
|
||||||
|
<script src="https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.js"></script>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="map" style="width: 100%; height: 100vh;"></div>
|
||||||
|
</body>
|
||||||
|
<script>
|
||||||
|
mapboxgl.accessToken = 'pk.eyJ1Ijoic2hpY2hhbzEyMyIsImEiOiJja3FobnI1aDEwNGF6Mm9vOXVhNnBzZmFhIn0.2fZKiMqCQHxVY74QShMEGQ';
|
||||||
|
const map = new mapboxgl.Map({
|
||||||
|
container: 'map',
|
||||||
|
style: 'mapbox://styles/mapbox/navigation-night-v1',
|
||||||
|
projection: 'globe', // Display the map as a globe, since satellite-v9 defaults to Mercator
|
||||||
|
zoom: 1,
|
||||||
|
center: [118, 50]
|
||||||
|
});
|
||||||
|
|
||||||
|
map.addControl(new mapboxgl.NavigationControl());
|
||||||
|
|
||||||
|
map.on('style.load', () => {
|
||||||
|
map.setFog({}); // Set the default atmosphere style
|
||||||
|
});
|
||||||
|
map.on('load', () => {
|
||||||
|
map.addSource('region_info', {
|
||||||
|
type: 'vector',
|
||||||
|
scheme: 'tms',
|
||||||
|
tiles: ['https://gis.certifarm.cn/geoserver/gwc/service/tms/1.0.0/wisdomOrchard:region_info@EPSG:900913@pbf/{z}/{x}/{y}.pbf'],
|
||||||
|
})
|
||||||
|
map.addLayer({
|
||||||
|
//蒙版图层 //通过边界数据反选 达到挖洞效果
|
||||||
|
id: 'mb-tag',
|
||||||
|
type: 'fill',
|
||||||
|
source: {
|
||||||
|
type: 'geojson',
|
||||||
|
data: {
|
||||||
|
type: 'Feature',
|
||||||
|
geometry: {
|
||||||
|
type: 'Polygon',
|
||||||
|
coordinates: [
|
||||||
|
[
|
||||||
|
// 多边形外围 需要进行遮罩的点 这里是给世界地图加遮罩 所以是世界的四个端点
|
||||||
|
[-180, 90],
|
||||||
|
[180, 90],
|
||||||
|
[180, -90],
|
||||||
|
[-180, -90],
|
||||||
|
],
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
paint: {
|
||||||
|
'fill-color': 'rgba(0,0,0,1)',
|
||||||
|
// 'fill-opacity': 1 /* 透明度 */,
|
||||||
|
},
|
||||||
|
layout: {
|
||||||
|
visibility: 'visible',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
// 添加杭州市边界线图层
|
||||||
|
let lineOption = {
|
||||||
|
id: `city-line-layer`,
|
||||||
|
source: `region_info`,
|
||||||
|
'source-layer': `region_info`,
|
||||||
|
type: 'line',
|
||||||
|
layout: {
|
||||||
|
'line-cap': 'round',
|
||||||
|
'line-join': 'round',
|
||||||
|
},
|
||||||
|
filter: ['match', ['get', 'code'], '330100', true, false],
|
||||||
|
paint: {
|
||||||
|
'line-color': '#6AF9F8',
|
||||||
|
'line-width': 4,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
map.addLayer(lineOption)
|
||||||
|
// 采用边界偏移的方式，添加杭州区域下沉模糊效果（多个图层，每个图层偏移量递增）
|
||||||
|
const blurValueList = [0.6, 0.5, 0.5, 0.4, 0.4, 0.3, 0.3, 0.2, 0.2, 0.1, 0.1, 0.1, 0.3, 0.3]
|
||||||
|
blurValueList.forEach(async (item, index) => {
|
||||||
|
let tempOption = {
|
||||||
|
id: `city-line-blur-layer${index}`,
|
||||||
|
source: `region_info`,
|
||||||
|
'source-layer': `region_info`,
|
||||||
|
type: 'line',
|
||||||
|
layout: {
|
||||||
|
'line-cap': 'round',
|
||||||
|
'line-join': 'round',
|
||||||
|
},
|
||||||
|
filter: ['match', ['get', 'code'], '330100', true, false],
|
||||||
|
paint: {
|
||||||
|
'line-color': `rgba(106, 249, 248, ${item})`,
|
||||||
|
'line-width': 2,
|
||||||
|
// 横向：左右无偏移，纵向：每一个图层向下偏移+1px
|
||||||
|
'line-translate': [0, (index + 1) * 1],
|
||||||
|
'line-translate-anchor': 'map',
|
||||||
|
},
|
||||||
|
}
|
||||||
|
map.addLayer(tempOption)
|
||||||
|
|
||||||
|
})
|
||||||
|
// 杭州市范围填充面图层
|
||||||
|
let options = {
|
||||||
|
id: `city-area-layer`,
|
||||||
|
source: `region_info`,
|
||||||
|
'source-layer': `region_info`,
|
||||||
|
type: 'fill',
|
||||||
|
filter: ['match', ['get', 'code'], '330100', true, false],
|
||||||
|
paint: {
|
||||||
|
'fill-color': '#1C4B5D',
|
||||||
|
},
|
||||||
|
}
|
||||||
|
map.addLayer(options)
|
||||||
|
// 杭州下属各区县边界线图层
|
||||||
|
let districtLineOption = {
|
||||||
|
id: `district-line-layer`,
|
||||||
|
source: `region_info`,
|
||||||
|
'source-layer': `region_info`,
|
||||||
|
type: 'line',
|
||||||
|
layout: {
|
||||||
|
'line-cap': 'round',
|
||||||
|
'line-join': 'round',
|
||||||
|
},
|
||||||
|
filter: ['match', ['get', 'parent_code'], '330100', true, false],
|
||||||
|
paint: {
|
||||||
|
'line-color': '#245D6D',
|
||||||
|
'line-width': 1,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
map.addLayer(districtLineOption)
|
||||||
|
map.addSource('raster-tiles', {
|
||||||
|
"type": "raster",
|
||||||
|
// type: 'vector',
|
||||||
|
// scheme: 'tms',
|
||||||
|
"tiles": ['https://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=b6585bc41ee16251dbe6b1af64f375d9'],
|
||||||
|
"tileSize": 256,
|
||||||
|
})
|
||||||
|
map.addLayer({
|
||||||
|
"id": "tdt-img-tiles",
|
||||||
|
"type": "raster",
|
||||||
|
"source": "raster-tiles",
|
||||||
|
"minzoom": 0,
|
||||||
|
"maxzoom": 22
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -1,7 +1,8 @@
|
||||||
const baseURL = "http://192.168.10.102:9008";
|
const baseURL = "http://192.168.10.102:9008";
|
||||||
|
const imageURL = "http://192.168.10.102:9011/";
|
||||||
// const baseURL = "http://175.27.168.120:6019";
|
// const baseURL = "http://175.27.168.120:6019";
|
||||||
// const imageURL = "http://175.27.168.120:6023/";
|
// const imageURL = "http://175.27.168.120:6023/";
|
||||||
const imageURL = "http://192.168.10.102:9011/";
|
|
||||||
const timeout = 3000;
|
const timeout = 3000;
|
||||||
|
|
||||||
// requet ajax
|
// requet ajax
|
||||||
|
|
|
||||||
|
|
@ -726,20 +726,23 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else if (_type == 3) {
|
} else if (_type == 3) {
|
||||||
swal({
|
swal("请输入线索关闭原因:", {
|
||||||
title: '确定要关闭该线索吗?',
|
content: "input",
|
||||||
icon: 'warning',
|
|
||||||
buttons: {
|
buttons: {
|
||||||
cancel: "取消",
|
cancel: "取消",
|
||||||
confirm: {
|
confirm: "确定"
|
||||||
text: "确定",
|
|
||||||
value: true,
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then((value) => {
|
||||||
if (res !== null) {
|
if (value !== null) {
|
||||||
getAjaxRequst(
|
if (value == "") {
|
||||||
"/api/DroneCaseinfo/CloseDroneCaseInfo?id=" + id, {},
|
swal({
|
||||||
|
text: `请输入线索关闭原因`
|
||||||
|
, icon: "warning"
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
postAjaxRequst(
|
||||||
|
"/api/DroneCaseinfo/CloseDroneCaseInfos?id=" + id + "&close_comments=" + value, {},
|
||||||
function (res) {
|
function (res) {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
$("#table_list_1").jqGrid().trigger("reloadGrid")
|
$("#table_list_1").jqGrid().trigger("reloadGrid")
|
||||||
|
|
@ -751,9 +754,14 @@
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
} else {
|
} else {
|
||||||
return false
|
swal({
|
||||||
|
text: `取消操作`,
|
||||||
|
icon: "warning"
|
||||||
|
});
|
||||||
|
return false;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//删除乱码的转义字符
|
//删除乱码的转义字符
|
||||||
|
|
|
||||||
|
|
@ -364,7 +364,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="col-md-3">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-4 control-label">判读人：</label>
|
<label class="col-sm-4 control-label">判读人：</label>
|
||||||
<div class="col-sm-8">
|
<div class="col-sm-8">
|
||||||
|
|
@ -373,7 +373,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-3">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-4 control-label">判读时间：</label>
|
<label class="col-sm-4 control-label">判读时间：</label>
|
||||||
<div class="col-sm-8">
|
<div class="col-sm-8">
|
||||||
|
|
@ -382,7 +382,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-3">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-4 control-label">退回原因：</label>
|
<label class="col-sm-4 control-label">退回原因：</label>
|
||||||
<div class="col-sm-8">
|
<div class="col-sm-8">
|
||||||
|
|
@ -391,6 +391,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- <div class="col-md-3">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="col-sm-4 control-label">关闭原因：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" readonly id="examinecaseclose"
|
||||||
|
class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue