Merge branch 'master' of http://10.0.41.100:3000/lishenfeng/tsg-web
commit
5db2dd767f
File diff suppressed because it is too large
Load Diff
|
|
@ -6,7 +6,7 @@ import { parseGeoJSONFeature } from "../../utils/tools";
|
||||||
function initState() {
|
function initState() {
|
||||||
return {
|
return {
|
||||||
layerVisible: {
|
layerVisible: {
|
||||||
AdcdLayer: false,//行政区划
|
AdcdLayer: true,//行政区划
|
||||||
AdcdBorderInLayer: true,//乡镇边界
|
AdcdBorderInLayer: true,//乡镇边界
|
||||||
AdcdAllLayer: false,//县行政区划图层
|
AdcdAllLayer: false,//县行政区划图层
|
||||||
HeLiuZhuJiLayer:false,//12条河流注记
|
HeLiuZhuJiLayer:false,//12条河流注记
|
||||||
|
|
|
||||||
|
|
@ -17,10 +17,10 @@ export default class AdcdLayer extends BaseLayer {
|
||||||
|
|
||||||
async onAdd() {
|
async onAdd() {
|
||||||
const agnp = await AgnpPromise.get();
|
const agnp = await AgnpPromise.get();
|
||||||
const xzLabel = agnp.filter(o => o.Level === 5 || o.Level === 6).map(o => ({
|
const xzLabel = agnp.filter(o => o.LEVEL === 4 || o.LEVEL === 5 || o.LEVEL === 6).map(o => ({
|
||||||
...o,
|
...o,
|
||||||
stcd: o.OBJECTID,
|
stcd: o.OBJECTID,
|
||||||
level: o.Level,
|
level: o.LEVEL,
|
||||||
id: o.OBJECTID,
|
id: o.OBJECTID,
|
||||||
type: 'label'
|
type: 'label'
|
||||||
}))
|
}))
|
||||||
|
|
|
||||||
|
|
@ -26,6 +26,15 @@ function renderMarker({ level }, { width, highlight }) {
|
||||||
alt="" className="panel-icon" />
|
alt="" className="panel-icon" />
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
}else if(level === 4){
|
||||||
|
return `
|
||||||
|
<div style="position:relative">
|
||||||
|
<svg t="1616148185046" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4230" width="${width}">
|
||||||
|
</svg>
|
||||||
|
<img width="16" style="position:absolute;top:0;left:2px" src="data:image/png;base64,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"
|
||||||
|
alt="" className="panel-icon" />
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
}else{
|
}else{
|
||||||
return `
|
return `
|
||||||
<div style="position:relative">
|
<div style="position:relative">
|
||||||
|
|
@ -151,7 +160,7 @@ function AdcdMarker({ data, dispatch, setting, zoom, distSq, layerVisible }) {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{
|
{
|
||||||
( (zoom > 8 || distSq < dist2 || highlight) && data.level === 5 &&
|
( (zoom > 8 || distSq < dist2 || highlight) && (data.level === 5 || data.level === 4) &&
|
||||||
// isShow
|
// isShow
|
||||||
true
|
true
|
||||||
) && (
|
) && (
|
||||||
|
|
@ -165,9 +174,9 @@ function AdcdMarker({ data, dispatch, setting, zoom, distSq, layerVisible }) {
|
||||||
transformOrigin: 'bottom center',
|
transformOrigin: 'bottom center',
|
||||||
transform: `translateX(-50%)${markerZoom > 1 ? ' scale(' + markerZoom + ')' : ''}`,
|
transform: `translateX(-50%)${markerZoom > 1 ? ' scale(' + markerZoom + ')' : ''}`,
|
||||||
lineHeight: 1,
|
lineHeight: 1,
|
||||||
zIndex: 4,//zindexmarker.tuxiang + zindexOffset + (highlight ? zindexmarker.hilightPlus : 0)
|
zIndex: data.level === 4?6:4,//zindexmarker.tuxiang + zindexOffset + (highlight ? zindexmarker.hilightPlus : 0)
|
||||||
}}
|
}}
|
||||||
onClick={showPop}
|
// onClick={showPop}
|
||||||
></div>
|
></div>
|
||||||
<div
|
<div
|
||||||
className="markerLabel"
|
className="markerLabel"
|
||||||
|
|
@ -181,7 +190,7 @@ function AdcdMarker({ data, dispatch, setting, zoom, distSq, layerVisible }) {
|
||||||
left: 0,
|
left: 0,
|
||||||
transform: 'translateX(-50%)',
|
transform: 'translateX(-50%)',
|
||||||
zIndex: 3,//zindexmarker.tuxiangLabel + zindexOffset + (highlight ? zindexmarker.hilightPlus : 0),
|
zIndex: 3,//zindexmarker.tuxiangLabel + zindexOffset + (highlight ? zindexmarker.hilightPlus : 0),
|
||||||
color: !layerVisible.SatelliteImage?'#0008':'#fff'
|
color: data.level === 4? 'red':'#0008'
|
||||||
}}>
|
}}>
|
||||||
{data?.NAME}
|
{data?.NAME}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -206,7 +215,7 @@ function AdcdMarker({ data, dispatch, setting, zoom, distSq, layerVisible }) {
|
||||||
lineHeight: 1,
|
lineHeight: 1,
|
||||||
zIndex: 2,//zindexmarker.tuxiang + zindexOffset + (highlight ? zindexmarker.hilightPlus : 0)
|
zIndex: 2,//zindexmarker.tuxiang + zindexOffset + (highlight ? zindexmarker.hilightPlus : 0)
|
||||||
}}
|
}}
|
||||||
onClick={showPop}
|
// onClick={showPop}
|
||||||
></div>
|
></div>
|
||||||
<div
|
<div
|
||||||
className="markerLabel"
|
className="markerLabel"
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@ export default function drpOption(data) {
|
||||||
{
|
{
|
||||||
type: 'category',
|
type: 'category',
|
||||||
data: data.map(o => o.tm),
|
data: data.map(o => o.tm),
|
||||||
inverse: true,
|
inverse: false,
|
||||||
splitLine: {
|
splitLine: {
|
||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -4,14 +4,11 @@ import moment from "moment"
|
||||||
const { RangePicker } = DatePicker;
|
const { RangePicker } = DatePicker;
|
||||||
|
|
||||||
const cysd = [
|
const cysd = [
|
||||||
{ label:'昨天08:00~当前时间',value:'昨天08:00~当前时间',tms:[moment().add(-1,'days').format('YYYY-MM-DD 08:00:00'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
{ label:'今日',value:'今日',tms:[moment().format('YYYY-MM-DD 00:00:00'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
||||||
{ label:'今天08:00~当前时间',value:'今天08:00~当前时间',tms:[moment().format('YYYY-MM-DD 08:00:00'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
{ label:'近一周',value:'近一周',tms:[moment().add(-7,'days').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
||||||
{ label:'昨天08:00~今天08:00',value:'昨天08:00~今天08:00',tms:[moment().add(-1,'days').format('YYYY-MM-DD 08:00:00'),moment().format('YYYY-MM-DD 08:00:00')]},
|
{ label:'近一月',value:'近一月',tms:[moment().add(-1,'months').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
||||||
{ label:'最近1小时',value:'最近1小时',tms:[moment().add(-1,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
{ label:'近三月',value:'近三月',tms:[moment().add(-3,'months').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
||||||
{ label:'最近3小时',value:'最近3小时',tms:[moment().add(-3,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
{ label:'近一年',value:'近一年',tms:[moment().add(-1,'years').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
||||||
{ label:'最近6小时',value:'最近6小时',tms:[moment().add(-6,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
|
||||||
{ label:'最近12小时',value:'最近12小时',tms:[moment().add(-12,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
|
||||||
{ label:'最近24小时',value:'最近24小时',tms:[moment().add(-24,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
|
|
||||||
]
|
]
|
||||||
|
|
||||||
const ToolBar = ({search, defaultParams}) => {
|
const ToolBar = ({search, defaultParams}) => {
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@ export default function drpOption(data) {
|
||||||
{
|
{
|
||||||
type: 'category',
|
type: 'category',
|
||||||
data: data.map(o => o.tm),
|
data: data.map(o => o.tm),
|
||||||
inverse: true,
|
inverse: false,
|
||||||
splitLine: {
|
splitLine: {
|
||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -39,36 +39,38 @@ const Page = ({mySetTms}) => {
|
||||||
];
|
];
|
||||||
|
|
||||||
useEffect(()=>{
|
useEffect(()=>{
|
||||||
(
|
getDcl()
|
||||||
async()=>{
|
getBy()
|
||||||
const { code, data } = await httppost2(apiurl.home.xcxj_dcl)
|
getBn()
|
||||||
if(code!==200){
|
|
||||||
message.error('请求失败')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
setData(data)
|
|
||||||
},
|
|
||||||
|
|
||||||
async()=>{
|
|
||||||
const { code, data } = await httppost2(apiurl.home.xcxj_by)
|
|
||||||
if(code!==200){
|
|
||||||
message.error('请求失败')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
setData2(data)
|
|
||||||
},
|
|
||||||
|
|
||||||
async()=>{
|
|
||||||
const { code, data } = await httppost2(apiurl.home.xcxj_bn)
|
|
||||||
if(code!==200){
|
|
||||||
message.error('请求失败')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
setData3(data)
|
|
||||||
}
|
|
||||||
)()
|
|
||||||
},[])
|
},[])
|
||||||
|
|
||||||
|
const getDcl = async()=>{
|
||||||
|
const { code, data } = await httppost2(apiurl.home.xcxj_dcl)
|
||||||
|
if(code!==200){
|
||||||
|
message.error('请求失败')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
setData(data)
|
||||||
|
}
|
||||||
|
|
||||||
|
const getBy = async()=>{
|
||||||
|
const { code, data } = await httppost2(apiurl.home.xcxj_by)
|
||||||
|
if(code!==200){
|
||||||
|
message.error('请求失败')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
setData2(data)
|
||||||
|
}
|
||||||
|
|
||||||
|
const getBn = async()=>{
|
||||||
|
const { code, data } = await httppost2(apiurl.home.xcxj_bn)
|
||||||
|
if(code!==200){
|
||||||
|
message.error('请求失败')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
setData3(data)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
const addHlLayer = (geojsonrv,name,color,item)=>{
|
const addHlLayer = (geojsonrv,name,color,item)=>{
|
||||||
mapObj && mapObj.getLayers().getArray().forEach((layer)=> {
|
mapObj && mapObj.getLayers().getArray().forEach((layer)=> {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue