3 lines
12 KiB
JavaScript
3 lines
12 KiB
JavaScript
import{H as F,_ as we,r,A as Se,V as xe,d as v,o as N,c as X,l as o,m as Y,x as E,f as i,e as l,w as g,B as De,k as ke,g as J,G as S,C as j,D as K,p as Ce,q as Te}from"./index.9172db1d.js";import{_ as Le}from"./dow.f37c8d82.js";import{L as f,i as Me,_ as He,a as Ye}from"./mark.987e91b1.js";import{i as ie}from"./index.c9f5bd8b.js";import{u as Ie}from"./useEcharts.963c5809.js";import{V as ze}from"./video.ea53a9b5.js";import{h as P}from"./moment.9709ab41.js";import{d as Ve}from"./download.f7ec50f1.js";function Ae(h){return F({url:"equipment/meteorological",method:"get",params:h})}function Ne(h){return F({url:"equipment/meteorology",method:"get",params:h})}function se(h){return F({url:"equipment/meteorologicals",method:"get",params:h})}function Ee(h){return F({url:"equipment/meteorologyTb",method:"get",params:h})}const q=h=>(Ce("data-v-2721e228"),h=h(),Te(),h),Pe={class:"fatherDiv"},Fe={class:"tabulation"},qe={class:"tabulationCente"},$e={class:"left"},Re={style:{color:"rgba(100, 195, 164, 1)"}},Be={class:"freckle"},Ue={class:"searchDiv"},We=q(()=>o("img",{src:Le,alt:""},null,-1)),Ze={class:"chartModeFather"},Ge={class:"tableBox"},Oe={class:"example-pagination-block"},Xe={class:"chartMode"},Je={class:"depth"},je={class:"centent"},Ke={key:0},Qe=q(()=>o("img",{style:{width:"300%"},src:He},null,-1)),et=[Qe],tt={key:1},at=q(()=>o("img",{style:{width:"300%"},src:Ye},null,-1)),ot=[at],lt={class:"cesiumContainersDiv"},it=q(()=>o("div",{id:"cesiumContainers",class:"detailed"},null,-1)),st=[it],rt={class:"myVideo"},nt={__name:"index",setup(h){let _=f.Map,x=r([]);r({});let Q=r([]);r("");let C=r("\u5168\u90E8"),$=r([]);const R=r(null),ee=r(!1);let p=r(""),B=r({yearMonth:"",flag:"",divisions:""}),T=r(!1),D=r(1),w=r(9),I=null,t=r({airTemperature:[],airHumidity:[],windSpeed:[],windDirection:[],rainfall:[],atmosphericPressure:[],evaporation:[],lightIntensity:[],sunlightHours:[],photosyntheticEffectiveRadiation:[],dataTimeArr:[]}),U=r(""),k=r(!0);r(!0);let b=r("1");const re=Se({videoSrc:"http://cmgw-vpc.lechange.com:8888/LCO/9C023C5FACFE48F/0/1/20230530T033445/a44e6e04b0608347f0209ab2b25aa258.m3u8"});xe(()=>{ce(),ne(),W(),te()});const ne=()=>{_=f.map("cesiumContainers",{center:[36.4,119.166326],zoom:7,zoomControl:!1,doubleClickZoom:!1,attributionControl:!1}),f.tileLayer("http://t0.tianditu.com/DataServer?T=vec_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}").addTo(_),f.tileLayer("http://t0.tianditu.com/DataServer?T=cia_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}").addTo(_),_._onResize()},ce=()=>{Ae().then(a=>{console.log(a.data),a.data.forEach(e=>{Q.value.push(e)})})},W=()=>{Ne({name:U.value,whetherToDownload:!1,startTime:p.value[0]?P(p.value[0]).format("YYYY-MM-DD HH:mm:ss"):null,endTime:p.value[1]?P(p.value[1]).format("YYYY-MM-DD HH:mm:ss"):null}).then(a=>{x.value=a.data,$.value=a.data.slice((D.value-1)*w.value,(D.value-1)*w.value+w.value)}),se().then(a=>{a.data.forEach(e=>{I=f.latLng(e.msLatitude,e.msLongitude),_.setView(I,17),f.marker([e.msLatitude,e.msLongitude],{icon:ae}).addTo(_).bindPopup(`<b>${e.msName}</b><br><br>\u7ECF\u5EA6:${e.msLongitude}<br><br>\u7EAC\u5EA6:${e.msLatitude}`).openPopup()})})},te=()=>{t.value.airTemperature=[],t.value.airHumidity=[],t.value.windSpeed=[],t.value.windDirection=[],t.value.rainfall=[],t.value.atmosphericPressure=[],t.value.evaporation=[],t.value.lightIntensity=[],t.value.sunlightHours=[],t.value.photosyntheticEffectiveRadiation=[],t.value.dataTimeArr=[],Ee({name:U.value,whetherToDownload:!1,startTime:p.value[0]?P(p.value[0]).format("YYYY-MM-DD HH:mm:ss"):null,endTime:p.value[1]?P(p.value[1]).format("YYYY-MM-DD HH:mm:ss"):null}).then(a=>{a.data.forEach(e=>{t.value.airTemperature.push(e.airTemperature),t.value.airHumidity.push(e.airHumidity),t.value.windSpeed.push(e.windSpeed),t.value.windDirection.push(e.windDirection),t.value.rainfall.push(e.rainfall),t.value.atmosphericPressure.push(e.atmosphericPressure),t.value.evaporation.push(e.evaporation),t.value.lightIntensity.push(e.lightIntensity),t.value.sunlightHours.push(e.sunlightHours),t.value.photosyntheticEffectiveRadiation.push(e.photosyntheticEffectiveRadiation),t.value.dataTimeArr.push(e.dataTime)}),Z()})},de=(a,e,d,u)=>{C.value=a.label,B.value.flag="",console.log(C.value),U.value=C.value,se().then(n=>{console.log(n.data),n.data.forEach(s=>{s.msName==C.value&&(I=f.latLng(s.msLatitude,s.msLongitude),_.setView(I,17),f.marker([s.msLatitude,s.msLongitude],{icon:ae}).addTo(_).bindPopup(`<b>${s.msName}</b><br><br>\u7ECF\u5EA6:${s.msLongitude}<br><br>\u7EAC\u5EA6:${s.msLatitude}`).openPopup())})})},ue=a=>{W(),te(),Z()};var pe=f.Icon.extend({options:{iconSize:[50,50],shadowSize:[50,64],iconAnchor:[22,94],shadowAnchor:[4,62],popupAnchor:[0,-86]}}),ae=new pe({iconUrl:Me});const me=()=>{k.value=!k.value,Z()},Z=()=>{const a=R.value;a.style.width=document.querySelector(".chartModeFather").offsetWidth+"px",a.style.height=document.querySelector(".chartModeFather").offsetHeight-100+"px",console.log(document.querySelector(".chartModeFather").offsetWidth);const e=ie(a);window.addEventListener("resize",()=>{a.style.width=document.querySelector(".chartModeFather").offsetWidth+"px",a.style.height=document.querySelector(".chartModeFather").offsetHeight-100+"px",e.resize()}),oe()},he=()=>{T.value=!T.value},ve=a=>{D.value=a,$.value=x.value.slice((D.value-1)*w.value,(D.value-1)*w.value+w.value)},ge=a=>{var e=new Date(a),d=e.getFullYear()+"-",u=(e.getMonth()+1<10?"0"+(e.getMonth()+1):e.getMonth()+1)+"-",n=e.getDate()<10?"0"+e.getDate():e.getDate();return d+u+n},fe=a=>{var e=new Date(a),d=(e.getHours()<10?"0"+e.getHours():e.getHours())+":",u=(e.getMinutes()<10?"0"+e.getMinutes():e.getMinutes())+":",n=e.getSeconds()<10?"0"+e.getSeconds():e.getSeconds();return d+u+n},_e=()=>{p.value="",B.value.flag="",W()},L=a=>{b.value=a,oe()},be=()=>{Ve(x.value[x.value.length-1].excelPath)};function oe(){const a=ie(R.value);console.log(t);let e="\u6E29\u5EA6(\u2103)",d="\u6E7F\u5EA6(%)",u=t.value.airTemperature,n=t.value.airHumidity,s="rgba(255, 235, 59, 1)";switch(console.log(b.value),b.value){case 1:e="\u6E29\u5EA6(\u2103)",d="\u6E7F\u5EA6(%)",u=t.value.airTemperature,n=t.value.airHumidity,s="rgba(0, 209, 195, 1)";break;case 2:e="\u98CE\u901F(m/s)",d="\u98CE\u5411(\xB0)",u=t.value.windSpeed,n=t.value.windDirection,s="rgba(201, 255, 148, 1)";break;case 3:e="\u5149\u7167\u5F3A\u5EA6(LUX)",d="\u5149\u5408\u6709\u6548(umol)",u=t.value.lightIntensity,n=t.value.photosyntheticEffectiveRadiation,s="rgba(0, 209, 195, 1)";break;case 4:e="\u65E5\u7167\u65F6\u6570\uFF08h\uFF09",d="",u=t.value.sunlightHours,n=[],s="rgba(201, 255, 148, 1)";break;case 5:e="\u96E8\u91CF(mm)",d="\u84B8\u53D1\u91CF(mm)",u=t.value.rainfall,n=t.value.evaporation,s="rgba(0, 209, 195, 1)";break}var z=t.value.dataTimeArr;console.log(u),console.log(n);let m=7/z.length*100,M={color:[s,"rgba(199, 125, 231, 1)"],tooltip:{trigger:"axis"},grid:{top:"15%",left:"5%",right:"7%",bottom:"15%",containLabel:!0},legend:{show:!0,top:"7%",x:"center",textStyle:{color:"black"},itemWidth:20,itemHeight:12.5,icon:"rect",backgroundColor:"transparent"},dataZoom:[{type:"slider",width:"40%",zoomLock:!0,top:"90%",start:0,end:m,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",data:z,axisLine:{show:!1},axisLabel:{textStyle:{color:"rgba(102, 102, 102, 1)"},interval:0,formatter:function(y){var H="",c=y.length,V=10,le=Math.ceil(c/V);if(c>V)for(var A=0;A<le;A++){var G="",O=A*V,ye=O+V;A==le-1?G=y.substring(O,c):G=y.substring(O,ye)+`
|
|
`,H+=G}else H=y;return H}},boundaryGap:!1,axisTick:{show:!1}}],yAxis:[{name:e,type:"value",axisLine:{show:!1,lineStyle:{color:"rgba(102, 102, 102, 1)"}},axisTick:{show:!1},axisLabel:{textStyle:{color:"rgba(102, 102, 102, 1)"}},splitLine:{show:!0,lineStyle:{color:"#ccc",type:"solid",opacity:1}}},{name:d,type:"value",axisLine:{show:!1,lineStyle:{color:"rgba(102, 102, 102, 1)"}},position:"right",axisTick:{show:!1},axisLabel:{textStyle:{color:"rgba(102, 102, 102, 1)"},formatter:"{value}"},splitLine:{show:!1}}],series:[{name:e,type:"line",data:u,symbolSize:10,itemStyle:{},smooth:!0,yAxisIndex:0,showSymbol:!0,symbol:"circle",lineStyle:{width:3,color:s}},{name:d,type:"line",data:n,symbolSize:10,yAxisIndex:1,itemStyle:{},label:{color:y=>y.color},smooth:!0,showSymbol:!0,symbol:"circle",lineStyle:{width:3,color:"rgba(199, 125, 231, 1)"}}]};M&&a.setOption(M,{notMerge:!0,grid:{bottom:20}}),Ie(a,M)}return(a,e)=>{const d=v("el-tree"),u=v("el-date-picker"),n=v("el-form-item"),s=v("el-button"),z=v("el-form"),m=v("el-table-column"),M=v("el-table"),y=v("el-pagination"),H=v("el-dialog");return N(),X("div",Pe,[o("div",Fe,[o("div",qe,[o("div",$e,[o("p",null,[Y(" \u5F53\u524D\u9009\u62E9 \uFF1A "),o("span",Re,E(i(C)),1)]),l(d,{data:i(Q),props:a.defaultProps,onNodeClick:de},null,8,["data","props"])]),o("div",Be,[o("div",Ue,[l(z,{inline:!0,model:i(B),class:"demo-form-inline"},{default:g(()=>[l(n,{style:{width:"300px"},label:"\u76D1\u6D4B\u65F6\u95F4:"},{default:g(()=>[l(u,{modelValue:i(p),"onUpdate:modelValue":e[0]||(e[0]=c=>De(p)?p.value=c:p=c),type:"daterange","range-separator":"\u27A1\uFE0F","start-placeholder":"\u5F00\u59CB\u65E5\u671F","end-placeholder":"\u7ED3\u675F\u65E5\u671F"},null,8,["modelValue"])]),_:1}),l(n,null,{default:g(()=>[l(s,{type:"primary",onClick:ue},{default:g(()=>[Y("\u67E5\u8BE2")]),_:1}),l(s,{plain:"",onClick:_e},{default:g(()=>[Y("\u91CD\u7F6E")]),_:1}),a.operate?J("v-if",!0):(N(),ke(s,{key:0,type:"primary",text:"",onClick:be},{default:g(()=>[We,Y(" \u4E0B\u8F7D ")]),_:1}))]),_:1})]),_:1},8,["model"]),o("div",{class:"modeDiv",onClick:me},[o("div",{class:S(i(k)?"Selected":"")},"\u8868\u683C\u6A21\u5F0F",2),o("div",{class:S(i(k)?"":"Selecteds")},"\u56FE\u8868\u6A21\u5F0F",2)])]),o("div",Ze,[j(o("div",Ge,[l(M,{data:i($),"header-cell-style":{"text-align":"center"},"cell-style":{"text-align":"center"},"header-row-class-name":"tabth",height:"80%","highlight-current-row":""},{default:g(()=>[l(m,{prop:"dataTime",label:"\u65E5\u671F",width:"150"},{default:g(c=>[o("div",null,E(ge(c.row.dataTime)),1),o("div",null,E(fe(c.row.dataTime)),1)]),_:1}),l(m,{prop:"airTemperature",label:"\u7A7A\u6C14\u6E29\u5EA6(\u2103)"}),l(m,{prop:"airHumidity",label:"\u7A7A\u6C14\u6E7F\u5EA6(%)"}),l(m,{prop:"windSpeed",label:"\u98CE\u901F(m/s)"}),l(m,{prop:"windDirection",label:"\u98CE\u5411(\xB0)"}),l(m,{prop:"rainfall",label:"\u96E8\u91CF(mm)"}),l(m,{prop:"atmosphericPressure",label:"\u5927\u6C14\u538B\u529B(hpa)"}),l(m,{prop:"evaporation",label:"\u84B8\u53D1(mm)"}),l(m,{prop:"lightIntensity",label:"\u5149\u7167\u5F3A\u5EA6(LUX)"}),l(m,{prop:"sunlightHours",label:"\u65E5\u7167\u65F6\u6570\uFF08h\uFF09"}),l(m,{prop:"photosyntheticEffectiveRadiation",label:"\u5149\u5408\u6709\u6548(umol)"})]),_:1},8,["data"]),o("div",Oe,[Y(" \u5171"+E(i(x).length)+"\u6761 ",1),l(y,{background:"",layout:"prev, pager, next",total:i(x).length,"current-page":i(D),"page-size":i(w),onCurrentChange:ve},null,8,["total","current-page","page-size"])])],512),[[K,i(k)]]),j(o("div",Xe,[o("div",Je,[o("p",{class:S(i(b)=="1"?"SelectedDiv":""),onClick:e[1]||(e[1]=c=>L(1))}," \u6E29\u5EA6/\u6E7F\u5EA6 ",2),o("p",{class:S(i(b)=="2"?"SelectedDiv":""),onClick:e[2]||(e[2]=c=>L(2))}," \u98CE\u901F/\u98CE\u5411 ",2),o("p",{class:S(i(b)=="3"?"SelectedDiv":""),onClick:e[3]||(e[3]=c=>L(3))}," \u5149\u7167\u5F3A\u5EA6/\u5149\u5408\u6709\u6548 ",2),o("p",{class:S(i(b)=="4"?"SelectedDiv":""),onClick:e[4]||(e[4]=c=>L(4))}," \u65E5\u7167\u65F6\u6570 ",2),o("p",{class:S(i(b)=="5"?"SelectedDiv":""),onClick:e[5]||(e[5]=c=>L(5))}," \u96E8\u91CF/\u84B8\u53D1\u91CF ",2)]),o("div",{ref_key:"chartDiv",ref:R,class:"chartDiv"},null,512)],512),[[K,!i(k)]])])]),o("div",je,[o("div",{class:"arrow",onClick:he},[i(T)?J("v-if",!0):(N(),X("p",Ke,et)),i(T)?(N(),X("p",tt,ot)):J("v-if",!0)])]),j(o("div",lt,st,512),[[K,!i(T)]])]),l(H,{modelValue:ee.value,"onUpdate:modelValue":e[6]||(e[6]=c=>ee.value=c),"append-to-body":"",class:"video","destroy-on-close":"",title:"\u5B9E\u65F6\u76D1\u63A7",width:"30%","before-close":a.handleClose},{default:g(()=>[o("div",rt,[l(ze,{videoSrc:re.videoSrc,autoPlay:""},null,8,["videoSrc"])])]),_:1},8,["modelValue","before-close"])])])}}},ft=we(nt,[["__scopeId","data-v-2721e228"],["__file","/Users/luce/Desktop/\u6570\u5B57\u4E09\u519C/Agriculture-front-end/src/views/meteorological/monitor/information/index.vue"]]);export{ft as default};
|