2 lines
28 KiB
JavaScript
2 lines
28 KiB
JavaScript
import{_ as n,u as a,r as e,a7 as o,x as t,ah as i,H as p,S as s,d as r,o as l,c as u,l as m,e as d,w as f,f as c,k as v,m as h,V as g,W as M,A as y,K as w,M as b,J as S,q as L,s as D}from"./index.e5c8b0d6.js";import{_ as x,a as C}from"./zhankaiss.6870329f.js";import{_ as B,a as T}from"./face.d3470a20.js";import{g as J,a as X,b as P,S as H,T as Z,F as k,R as F,C as K,c as E,V as G,M as I,d as Q,_ as A,L as _,P as j,e as Y,f as z}from"./Modify.2dbbb3e0.js";import"./index.2809c208.js";import{u as W}from"./useEcharts.31b48034.js";import"./linesGL.76a64914.js";import{e as q}from"./element-resize-detector.d4d1cd8d.js";import{b as R,c as O,d as V,g as N}from"./ssnyygsj.afabd865.js";import{ai as $,aj as U}from"./linkSeriesData.e74eae00.js";import"./index.030fe210.js";import"./browser-detector.d146ab9e.js";const nn=n=>(L("data-v-8771f93f"),n=n(),D(),n),an={class:"center"},en=nn((()=>m("div",{style:{width:"100%",height:"100%"},id:"cesiumContainer"},null,-1))),on={class:"rightWra"},tn=nn((()=>m("img",{src:x},null,-1))),pn=nn((()=>m("img",{src:C},null,-1))),sn={class:"tool"},rn=nn((()=>m("img",{src:B,alt:""},null,-1))),ln=nn((()=>m("img",{src:T,alt:""},null,-1))),un=nn((()=>m("img",{src:A,alt:""},null,-1))),mn={class:"TimeBox"},dn={style:{color:"white","font-size":"11px"}},fn={class:"InTimeContrl"},cn=n({__name:"index2",setup(n){const L=a(),D=e([]);let x=e(!1),C=e(!1),B=e(!1);e(""),e([]),e("");let T=e(!1);const A=e("null");let nn=e(null);e([]),e("2");let cn=e([]),vn=e(1);e([]),e(!0);let hn=e([]),gn=e([]),Mn=e([]);e("");let yn=e(""),wn=e("");e("高标准农田");let bn=e([]),Sn=e(!1),Ln=e(!1);o((()=>{R().then((n=>{n.data.length>0&&(D.value=n.data)})),O().then((n=>{})),V().then((n=>{})),N().then((n=>{}))})),t((()=>{var n,a;n=document.querySelector(".center"),a=document.getElementById("cesiumContainer"),Dn=new ol.Map({target:"cesiumContainer",controls:[],view:new ol.View({center:[119.88661841637813,35.85667692242919],zoom:11,maxZoom:16.5,projection:"EPSG:4326"}),layers:[new ol.layer.Tile({source:new ol.source.XYZ({url:`${serverAPI.tiandituLayers}`,projection:serverAPI.flag?"EPSG:4326":"EPSG:3857"}),preload:20})]}),Xn(),Pn(),Dn.on("moveend",(function(n){Dn.getView().getZoom()>=13?nn.setVisible(!0):nn.setVisible(!1)})),Dn.on("singleclick",(function(n){bn=e([]);var a=n.coordinate,o=a[0],t=a[1],i=Dn.getView();Dn.getView().getZoom(),i.animate({center:[o,t],duration:1e3}),cn.value.forEach((a=>{layersDic[a]?Tn(n,layersDic[a].setOf,`${serverAPI.geoserverUrl2}/${layersDic[a].name}/rest/maps/${layersDic[a].setOf}`,a):layersGbz[a]&&Tn(n,layersGbz[a].setOf,`${serverAPI.geoserverUrl2}/${layersGbz[a].name}/rest/maps/${layersGbz[a].setOf}`,a)}))})),new ResizeObserver((function(n){n.forEach((function(n){var e=n.contentRect.width,o=n.contentRect.height;a.style.width=e+"px",a.style.height=o+"px",Dn.updateSize()}))})).observe(n),Jn(),kn(),Hn(),Zn("高标准农田");var o=window.location.host;/^(([-\u4E00-\u9FA5a-z0-9]{1,63})\.)+([\u4E00-\u9FA5a-z]{2,63})\.?$/.test(o)&&(alert("请使用金宏网访问本页面!"),i().delView(L.currentRoute.value),L.go(-1)),document.querySelector(".rightWra").style.transform="translate(101%,0)",localStorage.setItem(L.currentRoute.value.path,!0)})),p((()=>{document.querySelector(".mode").style.display="none",window.document.querySelector("#screenfull").style.display="block"}));let Dn=e(null);e(null);let xn=e(null),Cn=e(null),Bn=e(null);function Tn(n,a,o,t){var i=new ol.geom.Point(n.coordinate),p=new ol.supermap.QueryByGeometryParameters({queryParams:{name:a},geometry:i});let s=document.querySelector("#popup-title"),r=e(null);var l=e(1);function u(){var n=1*(l.value-1),a=n+1,e=bn.value;let o=document.getElementById("popup-content");for(var t=n;t<a&&t<e.length;t++){var i=e[t];i.name>=2019?(s.innerHTML="高标准农田",o.innerHTML='<div class="content-children"><p>类型: <span>高标准农田</span></p><p>项目编号: <span>'+i.information.XMBH+"</span></p><p>项目面积: <span>"+i.information.XMMJ+"</span></p><p>地块面积: <span>"+i.information.DKMJ+"</span></p><p>标识码: <span>"+i.information.BSM+"</span></p><p>地块编号: <span>"+i.information.DKBH+"</span></p><p>项目年份: <span>"+i.information.XMNF+'</span></p><p id="P-id">项目名称: <span>'+i.information.XMMC+"</span></p></div>"):i.name>=2011&&i.name<=2018?(s.innerHTML="高标准农田",o.innerHTML='<div class="content-children"><p>标识码: <span>'+i.information.BSM+"</span></p><p>地块面积: <span>"+i.information.DIKUAIAREA+"</span></p><p>地块用途/类型: <span>"+i.information.DLBM+"</span></p><p>项目编号: <span>"+i.information.XMBH+'</span></p><p id="P-id">项目名称:<span>'+i.information.XMMC+"</span></p></div>"):"永久基本农田"==i.name?(s.innerHTML="永久基本农田",o.innerHTML='<div class="content-children"><p>类型: <span>'+i.name+"</span></p><p>地类名称: <span>"+i.information.DLMC+"</span></p><p>权属性质: <span>"+i.information.QSXZ+"</span></p><p>权属单位名称: <span>"+i.information.QSDWMC+"</span></p><p>坐落单位名称: <span>"+i.information.ZLDWMC+"</span></p><p>扣除地类编码: <span>"+i.information.KCDLBM+"</span></p><p>扣除系数: <span>"+i.information.KCXS+"</span></p><p>扣除面积: <span>"+i.information.KCMJ+"</span></p><p>耕地类型: <span>"+i.information.GDLX+"</span></p><p>耕地坡度级别: <span>"+i.information.GDPDJB+"</span></p><p>种植属性代码: <span>"+i.information.ZZSXDM+"</span></p><p>种植属性名称: <span>"+i.information.ZZSXMC+"</span></p><p>耕地等级: <span>"+i.information.GDDJ+"</span></p><p>数据年份: <span>"+i.information.SJNF+"</span></p><p>保护开始时间: <span>"+i.information.BHKSSJ+"</span></p><p>永久基本农田面积: <span>"+(i.information.YJJBNTMJ_Y/666).toFixed(2)+"(亩)</span></p></div>"):"耕地"==i.name?(s.innerHTML="耕地",o.innerHTML='<div class="content-children"><p>类型: <span>'+i.name+"</span></p><p>地类名称: <span>"+i.information.DLMC+"</span></p><p>权属单位名称: <span>"+i.information.QSDWMC+"</span></p><p>坐落单位名称: <span>"+i.information.ZLDWMC+"</span></p><p>扣除地类编码: <span>"+i.information.KCDLBM+"</span></p><p>扣除系数: <span>"+i.information.KCXS+"</span></p><p>扣除面积: <span>"+i.information.KCMJ+"</span></p><p>耕地类型: <span>"+i.information.GDLX+"</span></p><p>耕地坡度级别: <span>"+i.information.GDPDJB+"</span></p><p>种植属性代码: <span>"+i.information.ZZSXDM+"</span></p><p>种植属性名称: <span>"+i.information.ZZSXMC+"</span></p><p>数据年份: <span>"+i.information.SJNF+"</span></p><p>图斑面积: <span>"+(i.information.TBMJ_YS/666).toFixed(2)+"(亩)</span></p><p>图斑地类面积: <span>"+(i.information.TBDLMJ_YS/666).toFixed(2)+"(亩)</span></p></div>"):"片块信息"==i.name?(s.innerHTML="片块信息",o.innerHTML='<div class="content-children"><p>类型: <span>'+i.name+"</span></p><p>标识码: <span>"+i.information.BSM+"</span></p><p>要素代码: <span>"+i.information.YSDM+"</span></p><p>两区代码: <span>"+i.information.LQDM+"</span></p><p>两区片块代码: <span>"+i.information.LQPKDM+"</span></p><p>两区片块面积(亩): <span>"+i.information.LQPKMJM+"</span></p><p>片块类型: <span>"+i.information.PKLX+"</span></p></div>"):"地块信息"==i.name?(s.innerHTML="地块信息",o.innerHTML='<div class="content-children"><p>类型: <span>'+i.name+"</span></p><p>标识码: <span>"+i.information.BSM+"</span></p><p>要素代码: <span>"+i.information.YSDM+"</span></p><p>两区片块代码: <span>"+i.information.LQPKDM+"</span></p><p>两区类型: <span>"+i.information.LQLX+"</span></p><p>区域划分类型: <span>"+i.information.QYHFLX+"</span></p><p>两区地块代码: <span>"+i.information.LQDKDM+"</span></p><p>两区地块名称: <span>"+i.information.LQDKMC+"</span></p><p>两区地块面积(亩): <span>"+i.information.LQDKMJM+"</span></p><p>飞入地标识: <span>"+i.information.FRDBS+"</span></p><p>坡度级别: <span>"+i.information.PDJB+"</span></p><p>是否高标准农田: <span>"+i.information.SFGBZNT+"</span></p><p>经营主体类型: <span>"+i.information.JYZTLX+"</span></p></div>"):"土地确权"==i.name?(s.innerHTML="土地确权",T.value=!0,J({dkbm:i.information.DKBM}).then((n=>{let a=[];n.data[0].cbdkxxes.forEach((n=>{a.push(n.cyxm)})),o.innerHTML='<div class="content-children"><p>类型: <span>'+i.name+"</span></p><p>要素代码: <span>"+i.information.YSDM+"</span></p><p>地块编码: <span>"+i.information.DKBM+"</span></p><p>地块名称: <span>"+i.information.DKMC+"</span></p><p>所有权性质: <span>"+i.information.SYQXZ+"</span></p><p>地块类别:<span>"+i.information.DKLB+"</span></p><p>土地利用类型: <span>"+i.information.TDLYLX+"</span></p><p>地力等级: <span>"+i.information.DLDJ+"</span></p><p>土地用途: <span>"+i.information.TDYT+"</span></p><p>是否基本农田: <span>"+i.information.SFJBNT+"</span></p><p>实测面积亩: <span>"+(i.information.SCMJ/666).toFixed(2)+"</span></p><p>承包方: <span>"+n.data[0].cbfmc+"</span></p><p>承包方家庭成员:<span>"+a.join(",")+"</span></p></div>",T.value=!1}))):"土地利用现状"==i.name&&(s.innerHTML="土地利用现状",o.innerHTML='<div class="content-children"><p>标识码: <span>'+i.information.BSM+"</span></p><p>地类名称: <span>"+i.information.DLMC+"</span></p><p>图斑面积: <span>"+(i.information.TBMJ/666).toFixed(2)+"(亩)</span></p><p>坐落单位名称: <span>"+i.information.ZLDWMC+"</span></p><p>权属性质: <span>"+i.information.QSXZ+"</span></p><p>权属单位名称: <span>"+i.information.QSDWMC+"</span></p><p>耕地坡度级别: <span>"+i.information.GDPDJB+"</span></p><p>飞入地标识: <span>"+i.information.FRDBS+"</span></p><p>种植类型: <span>"+i.information.ZZSXMC+"</span></p></div>")}}new ol.supermap.QueryService(o).queryByGeometry(p,(function(n){if(n.result.currentCount>0){bn.value.push({name:t,information:n.result.recordsets[0].features.features[0].properties}),bn.value.length>1?Sn.value=!0:Sn.value=!1,n.result.recordsets[0].features&&(Bn.setPosition(i.flatCoordinates),bn.value[0].name>=2019?(s.innerHTML="高标准农田",xn.innerHTML='<div class="content-children"><p id="P-id">项目名称: <span>'+bn.value[0].information.XMMC+"</span></p><p>项目编号: <span>"+bn.value[0].information.XMBH+"</span></p><p>项目面积: <span>"+bn.value[0].information.XMMJ+"</span></p><p>地块面积: <span>"+bn.value[0].information.DKMJ+"</span></p><p>标识码: <span>"+bn.value[0].information.BSM+"</span></p><p>地块编号: <span>"+bn.value[0].information.DKBH+"</span></p><p>项目年份: <span>"+bn.value[0].information.XMNF+"</span></p></div>"):bn.value[0].name>=2011&&bn.value[0].name<=2018?(s.innerHTML="高标准农田",xn.innerHTML='<div class="content-children"><p id="P-id">项目名称:<span>'+bn.value[0].information.XMMC+"</span></p><p>标识码: <span>"+bn.value[0].information.BSM+"</span></p><p>地块面积: <span>"+bn.value[0].information.DIKUAIAREA+"</span></p><p>地块用途/类型: <span>"+bn.value[0].information.DLBM+"</span></p><p>项目编号: <span>"+bn.value[0].information.XMBH+"</span></p></div>"):"永久基本农田"==bn.value[0].name?(s.innerHTML="永久基本农田",xn.innerHTML='<div class="content-children"><p>类型: <span>'+bn.value[0].name+"</span></p><p>地类名称: <span>"+bn.value[0].information.DLMC+"</span></p><p>权属性质: <span>"+bn.value[0].information.QSXZ+"</span></p><p>权属单位名称: <span>"+bn.value[0].information.QSDWMC+"</span></p><p>坐落单位名称: <span>"+bn.value[0].information.ZLDWMC+"</span></p><p>扣除地类编码: <span>"+bn.value[0].information.KCDLBM+"</span></p><p>扣除系数: <span>"+bn.value[0].information.KCXS+"</span></p><p>扣除面积: <span>"+bn.value[0].information.KCMJ+"</span></p><p>耕地类型: <span>"+bn.value[0].information.GDLX+"</span></p><p>耕地坡度级别: <span>"+bn.value[0].information.GDPDJB+"</span></p><p>种植属性代码: <span>"+bn.value[0].information.ZZSXDM+"</span></p><p>种植属性名称: <span>"+bn.value[0].information.ZZSXMC+"</span></p><p>耕地等级: <span>"+bn.value[0].information.GDDJ+"</span></p><p>数据年份: <span>"+bn.value[0].information.SJNF+"</span></p><p>保护开始时间: <span>"+bn.value[0].information.BHKSSJ+"</span></p><p>永久基本农田面积: <span>"+(bn.value[0].information.YJJBNTMJ_Y/666).toFixed(2)+"(亩)</span></p></div>"):"耕地"==bn.value[0].name?(s.innerHTML="耕地",xn.innerHTML='<div class="content-children"><p>地类名称: <span>'+bn.value[0].information.DLMC+"</span></p><p>权属单位名称: <span>"+bn.value[0].information.QSDWMC+"</span></p><p>坐落单位名称: <span>"+bn.value[0].information.ZLDWMC+"</span></p><p>扣除地类编码: <span>"+bn.value[0].information.KCDLBM+"</span></p><p>扣除系数: <span>"+bn.value[0].information.KCXS+"</span></p><p>扣除面积: <span>"+bn.value[0].information.KCMJ+"</span></p><p>耕地类型: <span>"+bn.value[0].information.GDLX+"</span></p><p>耕地坡度级别: <span>"+bn.value[0].information.GDPDJB+"</span></p><p>种植属性代码: <span>"+bn.value[0].information.ZZSXDM+"</span></p><p>种植属性名称: <span>"+bn.value[0].information.ZZSXMC+"</span></p><p>数据年份: <span>"+bn.value[0].information.SJNF+"</span></p><p>图斑面积: <span>"+(bn.value[0].information.TBMJ_YS/666).toFixed(2)+"(亩)</span></p><p>图斑地类面积: <span>"+(bn.value[0].information.TBDLMJ_YS/666).toFixed(2)+"(亩)</span></p></div>"):"片块信息"==bn.value[0].name?(s.innerHTML="片块信息",xn.innerHTML='<div class="content-children"><p>标识码: <span>'+bn.value[0].information.BSM+"</span></p><p>要素代码: <span>"+bn.value[0].information.YSDM+"</span></p><p>两区代码: <span>"+bn.value[0].information.LQDM+"</span></p><p>两区片块代码: <span>"+bn.value[0].information.LQPKDM+"</span></p><p>两区片块面积(亩): <span>"+bn.value[0].information.LQPKMJM+"</span></p><p>片块类型: <span>"+bn.value[0].information.PKLX+"</span></p></div>"):"地块信息"==bn.value[0].name?(s.innerHTML="地块信息",xn.innerHTML='<div class="content-children"><p>标识码: <span>'+bn.value[0].information.BSM+"</span></p><p>要素代码: <span>"+bn.value[0].information.YSDM+"</span></p><p>两区片块代码: <span>"+bn.value[0].information.LQPKDM+"</span></p><p>两区类型: <span>"+bn.value[0].information.LQLX+"</span></p><p>区域划分类型: <span>"+bn.value[0].information.QYHFLX+"</span></p><p>两区地块代码: <span>"+bn.value[0].information.LQDKDM+"</span></p><p>两区地块面积(亩): <span>"+bn.value[0].information.LQDKMJM+"</span></p><p>飞入地标识: <span>"+bn.value[0].information.FRDBS+"</span></p><p>坡度级别: <span>"+bn.value[0].information.PDJB+"</span></p><p>是否高标准农田: <span>"+bn.value[0].information.SFGBZNT+"</span></p><p>经营主体类型: <span>"+bn.value[0].information.JYZTLX+"</span></p></div>"):"土地确权"==bn.value[0].name?(s.innerHTML="土地确权",T.value=!0,J({dkbm:bn.value[0].information.DKBM}).then((n=>{let a=[];n.data[0].cbdkxxes.forEach((n=>{a.push(n.cyxm)})),xn.innerHTML='<div class="content-children"><p>要素代码: <span>'+bn.value[0].information.YSDM+"</span></p><p>地块编码: <span>"+bn.value[0].information.DKBM+"</span></p><p>地块名称: <span>"+bn.value[0].information.DKMC+"</span></p><p>所有权性质: <span>"+bn.value[0].information.SYQXZ+"</span></p><p>地块类别:<span>"+bn.value[0].information.DKLB+"</span></p><p>土地利用类型: <span>"+bn.value[0].information.TDLYLX+"</span></p><p>地力等级: <span>"+bn.value[0].information.DLDJ+"</span></p><p>土地用途: <span>"+bn.value[0].information.TDYT+"</span></p><p>是否基本农田: <span>"+bn.value[0].information.SFJBNT+"</span></p><p>实测面积亩: <span>"+(bn.value[0].information.SCMJ/666).toFixed(2)+"</span></p><p>承包方: <span>"+n.data[0].cbfmc+"</span></p><p>承包方家庭成员:<span>"+a.join(",")+"</span></p></div>",T.value=!1}))):"土地利用现状"==bn.value[0].name&&(s.innerHTML="土地利用现状",xn.innerHTML='<div class="content-children"><p>标识码: <span>'+bn.value[0].information.BSM+"</span></p><p>地类名称: <span>"+bn.value[0].information.DLMC+"</span></p><p>图斑面积: <span>"+(bn.value[0].information.TBMJ/666).toFixed(2)+"(亩)</span></p><p>坐落单位名称: <span>"+bn.value[0].information.ZLDWMC+"</span></p><p>权属性质: <span>"+bn.value[0].information.QSXZ+"</span></p><p>权属单位名称: <span>"+bn.value[0].information.QSDWMC+"</span></p><p>耕地坡度级别: <span>"+bn.value[0].information.GDPDJB+"</span></p><p>飞入地标识: <span>"+bn.value[0].information.FRDBS+"</span></p><p>种植类型: <span>"+bn.value[0].information.ZZSXMC+"</span></p></div>"));var a=Dn.getLayers().getArray().find((n=>"zhezhao"===n.get("id")));Dn.removeLayer(a),r=Dn.getLayers().getArray().find((n=>"dianjigaoliang"===n.get("id"))),Dn.removeLayer(r);var e=(new ol.format.GeoJSON).readFeatures(n.result.recordsets[0].features),o=new ol.source.Vector;o.addFeatures(e);const l=new ol.style.Style({stroke:new ol.style.Stroke({color:"rgba(255, 219, 113, 1.0)",width:5})});var p=new ol.layer.Vector({id:"dianjigaoliang",source:o,zIndex:9999});p.setStyle(l),Dn.addLayer(p)}})),Cn.addEventListener("click",(function(){r=Dn.getLayers().getArray().find((n=>"dianjigaoliang"===n.get("id"))),Dn.removeLayer(r),Bn.setPosition(void 0)})),document.getElementById("popup-prev").addEventListener("click",(function(){l.value>1&&(l.value--,u(),l.value<=1&&(Ln.value=!1))})),document.getElementById("popup-next").addEventListener("click",(function(n){var a=bn.value.length,e=Math.ceil(a/1);l.value<e&&(l.value++,u(),l.value==e&&(Ln.value=!0))}))}const Jn=()=>{document.getElementById("popup"),xn=document.getElementById("popup-content"),Cn=document.getElementById("popup-closer"),Bn=new ol.Overlay({element:document.getElementById("popup"),positioning:"bottom-center",stopEvent:!0,offset:[0,-10]}),Dn.addOverlay(Bn)},Xn=()=>{nn=new ol.layer.Tile({source:new ol.source.TileSuperMapRest({url:serverAPI.geoserverUrl2+"/map-huangdaoqu_bianjie/rest/maps/CJQY3702112019WGS84%40huangdaoqu_bianjie",cacheEnabled:!1}),name:"CJQY3702112019WGS84",projection:"EPSG:4326",zIndex:9999}),Dn.addLayer(nn)},Pn=()=>{var n=new ol.layer.Tile({source:new ol.source.TileSuperMapRest({url:serverAPI.geoserverUrl2+"/map-huangdaoqu_bianjie/rest/maps/XJQY3702112019WGS84%40huangdaoqu_bianjie",cacheEnabled:!1}),name:"XJQY3702112019WGS84",projection:"EPSG:4326",zIndex:9999});Dn.addLayer(n)};e({label:[]});const Hn=()=>{X().then((n=>{Mn.value=n.data}))},Zn=n=>{P({flag:n}).then((n=>{wn.value=n.data[n.data.length-1].zSum,yn.value=n.data[n.data.length-1].zQuantity,hn.value=n.data,function(){const n=$(A.value);let a=[],e=[],o=[],t=[{type:"bar",yAxisIndex:0,name:"面积(亩)",barWidth:"15",itemStyle:{normal:{color:new U(0,0,0,1,[{offset:0,color:"rgba(255, 211, 81, 1)"},{offset:1,color:"rgba(255, 211, 81, 0)"}],!1),barBorderRadius:[100,100,0,0]}},renderItem:function(n,a){},data:e}];"1"==vn.value?hn.value.forEach((n=>{-1==a.indexOf(n.year)&&(a.push(n.name),e.push(n.sum))})):"2"==vn.value?hn.value.forEach((n=>{a.push(n.name),e.push(n.sum),o.push(n.quantity?n.quantity:0)})):("3"==vn.value||"4"==vn.value||"5"==vn.value||"6"==vn.value)&&(hn.value.forEach((n=>{a.push(n.name),e.push(n.sum),o.push(n.quantity?n.quantity:0)})),t.push({type:"bar",yAxisIndex:0,name:"数量(个)",barWidth:"15",itemStyle:{normal:{color:new U(0,0,0,1,[{offset:0,color:"rgba(0, 209, 195, 0.8)"},{offset:1,color:"rgba(0, 209, 195, 0)"}],!1),barBorderRadius:[100,100,0,0]}},renderItem:function(n,a){},data:o}));let i=10/a.length*100;if(1==vn.value){let a=function(n,a){const e=[];return n.forEach(((n,o)=>{const t=[];for(let a=0;a<o;a++)t.push("");n&&(t.push(n),e.push({name:a,type:"bar",xAxisIndex:o,barWidth:10,data:t}))})),e},e=[],o=[],t=[];hn.value.forEach((n=>{-1==e.indexOf(n.year)&&e.push(n.year)})),hn.value.forEach((n=>{let a=[];e.forEach(((e,o)=>{e==n.year?a.push(n.sum):a.push(void 0)})),o.push(a)})),o.forEach(((n,e)=>{t.push(...a(o[e],`${hn.value[e].name}`))}));let p={xAxis:e.map(((n,a)=>{const o=Array(e.length).fill("");return o[a]=n+"年",{type:"category",position:"bottom",data:o,axisLine:{lineStyle:{color:"rgba(153, 153, 153, 1)"}}}})),grid:{top:"10%",left:"5%",right:"5%",bottom:"0%",containLabel:!0},yAxis:{type:"value",axisLabel:{interval:0,color:"rgba(153, 153, 153, 1)"}},tooltip:{trigger:"axis",triggerOn:"click",enterable:!0,hideDelay:200,extraCssText:"max-width:200%;max-height:83%; overflow: auto;",axisPointer:{type:"shadow"},textStyle:{color:"#CFE3FC"},borderWidth:1,formatter:function(n){var a='<div class="aaa" style="height: auto;max-height: 240px;overflow-y: auto;">';return n.forEach((n=>{if(n.value>0){for(let e=0;e<hn.value.length;e++)hn.value[e].name==n.seriesName&&(a+=`<div style='height: auto;color:${n.color};border:1px solid${n.color};margin:5px 0;padding:5px'><div>${hn.value[e].name}:</div>\n 投资金额：${hn.value[e].quantity} 万元<br/>\n 面积：${hn.value[e].sum} 亩\n </div>`);a+="</div>"}})),a}},dataZoom:[{type:"slider",width:"40%",zoomLock:!0,top:"78%",start:0,end:i/3,show:!0,showDataShadow:!1,showDetail:!1,fillerColor:"rgba(64, 158, 255)",borderRadius:"50%",moveHandleSize:0,moveHandleStyle:{},left:"35%",height:12,handleSize:"80%",handleIcon:"path://M512,512m-448,0a448,448,0,1,0,896,0a448,448,0,1,0,-896,0Z",handleStyle:{borderWidth:0,color:"rgba(64, 158, 255)"}},{type:"inside"}],series:t};window.document.querySelector(".Farmland_area").style.height="350px",p&&n.setOption(p,{notMerge:!0,grid:{bottom:20}}),W(n,p),q().listenTo(A.value,(()=>{s((()=>{n.resize()}))}))}else{var p={tooltip:{trigger:"axis",axisPointer:{type:"shadow"},backgroundColor:"rgba(9, 24, 48, 0.5)",borderColor:"rgba(75, 253, 238, 0.4)",textStyle:{color:"#CFE3FC"},borderWidth:1},grid:{left:"10px",right:"10px",top:"10px",bottom:"10px",containLabel:!0},toolbox:{show:!0,orient:"vertical",x:"right",y:"center"},dataZoom:[{type:"slider",width:"40%",zoomLock:!0,top:"90%",start:0,end:i/3,show:!1,showDataShadow:!1,showDetail:!1,fillerColor:"rgba(64, 158, 255)",borderRadius:"50%",moveHandleSize:0,moveHandleStyle:{},left:"35%",height:12,handleSize:"80%",handleIcon:"path://M512,512m-448,0a448,448,0,1,0,896,0a448,448,0,1,0,-896,0Z",handleStyle:{borderWidth:0,color:"rgba(64, 158, 255)"}},{type:"inside"}],xAxis:[{type:"category",boundaryGap:!0,axisTick:{show:!1},data:a,axisLine:{lineStyle:{color:"rgba(120, 160, 236, 1)"}},axisLabel:{interval:0,color:"rgba(153, 153, 153, 1)",fontSize:14}}],yAxis:[{type:"value",axisTick:{show:!0},axisLine:{show:!0,lineStyle:{color:"rgba(120, 160, 236, 1)"},symbol:["none","arrow"],symbolSize:[5,12],symbolOffset:[0,10]},max:102,axisLabel:{interval:0,color:"rgba(153, 153, 153, 1)"},splitLine:{show:!1,lineStyle:{color:"rgba(39, 57, 75, 1)",width:1,type:"solid"}}}],series:t};window.document.querySelector(".Farmland_area").style.height="70%",p&&n.setOption(p,{notMerge:!0,grid:{bottom:20}}),W(n,p)}}()}))},kn=n=>{X().then((n=>{gn.value=n.data}))},Fn=new H({text:new Z({font:"12px Calibri,sans-serif",fill:new k({color:"rgba(255, 255, 255, 1)"}),backgroundFill:new k({color:"rgba(0, 0, 0, 0.4)"}),padding:[2,2,2,2],textBaseline:"bottom",offsetY:-12}),image:new F({radius:6,points:3,angle:Math.PI,displacement:[0,8],fill:new k({color:"rgba(0, 0, 0, 0.4)"})})}),Kn=new H({image:new K({radius:5,stroke:new E({color:"rgba(0, 0, 0, 0.7)"}),fill:new k({color:"rgba(0, 0, 0, 0.4)"})}),text:new Z({text:"Drag to modify",font:"12px Calibri,sans-serif",fill:new k({color:"rgba(255, 255, 255, 1)"}),backgroundFill:new k({color:"rgba(0, 0, 0, 0.7)"}),padding:[2,2,2,2],textAlign:"left",offsetX:15})}),En=[Fn];var Gn,In,Qn,An;function _n(){An&&(Dn.removeLayer(An),An=null),In&&(Dn.removeInteraction(In),In=null),Qn=null}function jn(){B.value=!B.value,_n(),Vn("length")}function Yn(){B.value=!B.value,_n(),Vn("area")}function zn(){B.value=!B.value,_n()}const Wn=new H({text:new Z({font:"12px Calibri,sans-serif",fill:new k({color:"red"}),backgroundFill:new k({color:"rgba(0, 0, 0, 0.4)"}),padding:[2,2,2,2],textAlign:"left",offsetX:15})}),qn=new H({text:new Z({font:"14px Calibri,sans-serif",fill:new k({color:"rgba(255, 255, 255, 1)"}),backgroundFill:new k({color:"rgba(0, 0, 0, 0.4)"}),padding:[3,3,3,3],textBaseline:"bottom",offsetY:-15}),image:new F({radius:8,points:3,angle:Math.PI,displacement:[0,10],fill:new k({color:"rgba(0, 0, 0, 0.4)"})})});var Rn=function(n){var a=Y(n,{projection:Dn.getView().getProjection()});return a>1e3?Math.round(a/1e3*100)/100+" km":Math.round(100*a)/100+" m"};function On(n,a,e,o){const t=[style],i=n.getGeometry(),p=i.getType();let s,r,l;var u;if(e&&e!==p||("Polygon"===p?(s=i.getInteriorPoint(),r=(u=z(i,{projection:Dn.getView().getProjection()}))>1e4?Math.round(u/1e6*100)/100+" km²":Math.round(100*u)/100+" m²",l=new _(i.getCoordinates()[0])):"LineString"===p&&(s=new j(i.getLastCoordinate()),r=Rn(i),l=i)),a&&l){let n=0;l.forEachSegment((function(a,e){const o=new _([a,e]),i=Rn(o);En.length-1<n&&En.push(Fn.clone());const p=new j(o.getCoordinateAt(.5));En[n].setGeometry(p),En[n].getText().setText(i),t.push(En[n]),n++}))}return r&&(qn.setGeometry(s),qn.getText().setText(r),t.push(qn)),o&&"Point"===p&&!Qn.getOverlay().getSource().getFeatures().length&&(Gn=i,Wn.getText().setText(o),t.push(Wn)),t}function Vn(n){let a="area"===n?"Polygon":"LineString",e="请点击鼠标右键开始绘制",o=e,t=new G;Qn=new I({source:t,style:Kn}),An=new Q({source:t,zIndex:9998,style:function(n){return On(n,!0)}}),Dn.addLayer(An),In=new ol.interaction.Draw({source:t,type:a,style:function(n){return On(n,!0,a,o)},condition:function(n){return 2===n.originalEvent.buttons}}),Dn.addInteraction(In),In.on("drawstart",(function(n){t.clear(),Qn.setActive(!1),o="双击右键结束绘制"}),this),In.on("drawend",(function(){Kn.setGeometry(Gn),Qn.setActive(!0),Dn.once("pointermove",(function(){Kn.setGeometry()})),o=e}),this)}return(n,a)=>{const e=r("el-icon"),o=r("el-tooltip"),t=r("el-timeline-item"),i=r("el-timeline"),p=r("ArrowUpBold"),s=r("VideoPause"),L=r("VideoPlay"),T=r("ArrowDownBold");return l(),u("div",an,[en,m("div",on,[m("div",{class:"rightFoldDiv",onClick:a[0]||(a[0]=n=>(C.value=!C.value,void(C.value?document.querySelector(".rightWra").style.transform="translate(0,0)":document.querySelector(".rightWra").style.transform="translate(101%,0)")))},[d(o,{disabled:!c(C),"hide-after":"0","show-arrow":!1,"show-after":"200",class:"box-item",effect:"dark",content:"收起",placement:"top"},{default:f((()=>[c(C)?(l(),v(e,{key:0},{default:f((()=>[tn])),_:1})):h("",!0)])),_:1},8,["disabled"]),d(o,{disabled:c(C),"hide-after":"0","show-arrow":!1,"show-after":"200",class:"box-item",effect:"dark",content:"展开",placement:"top"},{default:f((()=>[c(C)?h("",!0):(l(),v(e,{key:0},{default:f((()=>[pn])),_:1}))])),_:1},8,["disabled"])]),m("div",sn,[m("span",{onClick:jn},[d(o,{class:"box-item",disabled:c(B),"show-arrow":!1,"hide-after":"0","show-after":"200",effect:"dark",content:"测量线",placement:"left",offset:"1"},{default:f((()=>[rn])),_:1},8,["disabled"])]),m("span",{onClick:Yn},[d(o,{class:"box-item",disabled:c(B),"show-arrow":!1,"hide-after":"0","show-after":"200",effect:"dark",content:"测量面",placement:"left",offset:"1"},{default:f((()=>[ln])),_:1},8,["disabled"])]),m("span",{onClick:zn},[d(o,{class:"box-item",disabled:c(B),"show-arrow":!1,"hide-after":"0","show-after":"200",effect:"dark",content:"清除",placement:"left",offset:"1"},{default:f((()=>[un])),_:1},8,["disabled"])])])]),m("div",mn,[d(i,{style:{"max-width":"600px"}},{default:f((()=>[(l(!0),u(g,null,M(D.value,((n,a)=>(l(),v(t,{key:a,color:"white",onClick:n=>{}},{default:f((()=>[m("p",dn,y(n),1)])),_:2},1032,["onClick"])))),128))])),_:1}),m("div",fn,[d(e,{color:"white"},{default:f((()=>[d(p)])),_:1}),w(d(e,{color:"white",onClick:a[1]||(a[1]=n=>S(x)?x.value=!c(x):x=!c(x))},{default:f((()=>[d(s)])),_:1},512),[[b,c(x)]]),w(d(e,{color:"white",onClick:a[2]||(a[2]=n=>S(x)?x.value=!c(x):x=!c(x))},{default:f((()=>[d(L)])),_:1},512),[[b,!c(x)]]),d(e,{color:"white"},{default:f((()=>[d(T)])),_:1})])])])}}},[["__scopeId","data-v-8771f93f"]]);export{cn as default};
|